/*头部样式*/ #header{width:1200px;margin:0 auto;} .top{height: 120px;} .logo{float:left;line-height: 120px;} .topLink{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;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;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{background: url(../images/tel.png) no-repeat left center;color: #000000;padding-left: 85px;margin-top: 26px;font-size: 19px;line-height: 32px;} /*热门搜索*/ .search{width:1200px;margin: 15px auto;} #formsearch{float:right;} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} .k1{line-height: 24px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .box1{ background: url(../images/bj1.jpg) no-repeat top center; height: 642px; overflow: hidden; position: relative; } .box1::after{ content: ""; position: absolute; right: 0; top: 83px; background: rgba(204, 204, 204,.5); width:1050px; height: 470px; z-index: 9; } .about-index{ position: absolute; z-index: 999; width: 1200px; margin: 0 auto; } .about-left{ background: url(../images/video.png) no-repeat top center; height: 423px; width:582px; margin-top: 134px; padding-left: 11px; padding-top: 10px; } .about-right{ width:510px; padding-top: 150px; margin-right: 55px; } .about-title{ font-size: 22px; color: #2da490; font-weight: normal; } .about-con{ font-size: 16px; color: #000000; text-align: justify; padding-top: 20px; } .about-con p{ padding-bottom: 20px; } .box2{ background: url(../images/bj2.jpg) no-repeat top center; height: 936px; overflow: hidden; } .functions-index{ padding-top: 100px; } .functions-title{ text-align: center; font-size: 32px; color: #151515; line-height: 40px; } .functions-title p{ font-size: 20px; text-transform: uppercase; font-weight: normal; } .functions-title span{ display: block; width:43px; height: 2px; background: #2da490; margin: 0 auto; margin-top: 20px; } .tt{ display:none; } #tabs{ width:122px; float: left; } .process_list2 li{ background: url(../images/t4.png) no-repeat top center; height: 77px; } .process_list2 li a{ font-size: 16px; color: #000000; line-height: 77px; text-indent: 10px; display: block; background-position: left top; background-repeat: no-repeat; } .process_list2 li.cur{ background:#2da490; cursor:pointer; position: relative; } .process_list2 li:hover a, .process_list2 li.cur a{ color: #fff; background-position: left -28px; } .process_list2 li.cur::after{ content: ""; position: absolute; right: -15px; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #2da490; border-bottom: 10px solid transparent; } .process_list2{} .process_list2 li a.img1 { display: block; width: 28px; height: 28px; float: left; margin-top: 23px; margin-left: 14px; } #tab1{ } .slide_tab1{ margin-top: 48px; } .slide_tab1 .bd{ float: right; width: 1052px; margin-top: 52px; } .slide_tab1 .bd .tu1 { width:681px; height: 509px; } .slide_tab1 .bd .tu2{ width:352px; } .slide_tab1 .bd .tu2 p:nth-of-type(2){ font-size: 30px; color: #2da490; margin-top: 60px; padding-bottom: 15px; } .slide_tab1 .bd .tu2 p{ font-size: 16px; color: #363636; } .box3{ background: #f2f2f2; padding: 110px 0; } .honor1{ text-align: center; margin: 0 -10px; margin-top: 37px; } .honor1 li{ display: inline-block; border:1px solid #2da490; padding: 0 20px; margin: 0 10px; margin-bottom: 17px; } .honor1 li a{ display: block; font-size: 20px; color: #2da490; text-align: center; } .honor1 li:hover{ background: #2da490; } .honor1 li:hover a{ color: #fff; } .d1{ display: none !important; } .honor2{ text-align: center; margin: 0 -10px; } .honor2 li{ display: inline-block; border:1px solid #2da490; padding: 0 4px; margin: 0 10px; margin-bottom: 50px; } .honor2 li a{ display: block; font-size: 20px; color: #2da490; text-align: center; } .honor2 li:hover{ background: #2da490; } .honor2 li:hover a{ color: #fff; } .picScroll-left{} .picScroll-left .bd{padding: 0 95px;} .picScroll-left .bd ul{ overflow:hidden; zoom:1;} .picScroll-left .bd ul li{ margin:0px 57px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;} .picScroll-left .bd ul li:hover{border-color: #fff;} .picScroll-left{position:relative;} .picScroll-left .hd{} .picScroll-left .prev{background: url(../images/left.png) no-repeat top center;height: 71px;width: 35px;left:15px;top: 168px;position: absolute;} .picScroll-left .next{background: url(../images/right.png) no-repeat top center;height: 71px;width: 35px;right: 15px;top: 168px;position: absolute;} .picList li .icon02 a.img{display: block;border:1px solid #2da490;overflow: hidden;} .picList li .icon02 a.img img{width:228px;height: 339px; cursor: pointer;transition: all 0.6s;} .picList li:hover .icon02 a.img img{transform: scale(1.2);} .picList li .hh{background: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;right: 0;height: 340px;line-height: 340px;opacity: 0;} .picList li:hover .hh{opacity: 1;} .picList li .yin{margin-top: 35px;} .box4{ background: url(../images/bj3.jpg) no-repeat top center; height: 698px; overflow: hidden; } .market-index{ margin-top: 120px; } .market-con{ margin-top: 193px; } .market-list li{ float: left; margin: 0 10px; text-align: center; } .market-list li img{ width:210px; height: 210px; } .market-list li .market-bg{ background: url(../images/t3.png) repeat top center; padding-top: 50px; width: 177px; margin: 0 auto; margin-top: -50px; } .market-list li .market-bg span{ display: block; font-size: 20px; color: #2da490; padding-top: 20px; } .market-list li .market-bg p{ font-size: 20px; color: #2da490; } .market-list li:nth-of-type(1){ margin-top: -20px; } .market-list li:nth-of-type(1) .market-bg p{ padding-bottom: 12px; } .market-list li:nth-of-type(2){ margin-top: -56px; } .market-list li:nth-of-type(2) .market-bg p{ padding-bottom: 48px; } .market-list li:nth-of-type(3){ margin-top: -90px; } .market-list li:nth-of-type(3) .market-bg p{ padding-bottom: 82px; } .market-list li:nth-of-type(4){ margin-top: -132px; } .market-list li:nth-of-type(4) .market-bg p{ padding-bottom: 124px; } .market-list li:nth-of-type(5){ margin-top: -161px; } .market-list li:nth-of-type(5) .market-bg p{ padding-bottom: 153px; } .market-list li:hover .market-bg{ background: #2da490; cursor: pointer; } .market-list li:hover .market-bg span{ color: #fff; font-size: 24px; font-weight: bold; } .market-list li:hover .market-bg p{ color: #fff; font-size: 24px; font-weight: bold; } .box5{ background: url(../images/bj4.jpg) no-repeat top center; height: 847px; overflow: hidden; } .advantage-index{ padding-top: 110px; } .advantage-con{ margin-top: 60px; } .slide_tab2{ padding: 0 20px; } .slide_tab2 .process_list3{ text-align: center; } .slide_tab2 .process_list3 ul{ margin-top: 45px; } .slide_tab2 .process_list3 li{ background: #fff; border-right: 1px solid #2da490; border-bottom: 1px solid #2da490; border-top: 1px solid #2da490; float: left; width:288px; height: 100px; font-size: 20px; color: #2da490; font-weight: bold; padding-top: 20px; } .slide_tab2 .process_list3 li p{ font-weight: normal; font-size: 16px; padding-top: 20px; } .slide_tab2 .process_list3 li:nth-of-type(1){ border-left: 1px solid #2da490; } .slide_tab2 .process_list3 li.cur{ background:#2da490; cursor:pointer; position: relative; color: #fff; } .slide_tab2 .process_list3 li.cur p{ color: #fff; } .slide_tab2 .process_list3 li.cur::after{ content: ""; position: absolute; left: 134px; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #2da490; } .slide_tab2 .bd .jia-left{ float: left; width:459px; height: 310px; } .slide_tab2 .bd .jia-right{ width:670px; float: right; } .slide_tab2 .bd .jia-right p:nth-of-type(1){ font-size: 18px; color: #fff; width:108px; height: 42px; background: #2da490; line-height: 42px; text-align: center; } .slide_tab2 .bd .jia-right p:nth-of-type(2){ font-size: 30px; color: #000000; line-height: 56px; } .slide_tab2 .bd .jia-right p:nth-of-type(3){ font-size: 16px; color: #8f8f8f; padding-top: 5px; padding-bottom: 5px } .slide_tab2 .bd .jia-right p:nth-of-type(4){ font-size: 16px; color: #8f8f8f; padding-bottom: 20px; } .box6{ background: url(../images/bj5.jpg) no-repeat top center; height: 754px; overflow: hidden; } .process-index{ padding-top: 95px; } .process-con{ margin-top: 42px; } .process-list li{ float: left; text-align: center; margin: 0 -13px; } .process-list li img{ margin-top: 54px; } .process-list li span{ display: block; font-size: 25px; color: #2da490; padding-bottom: 10px; } .process-list li p{ font-size: 20px; color: #888888; } .process-list li:nth-child(2n) img{ margin-top: 195px; } .process-list li:nth-child(2n) span{ padding-top: 23px; } .process-list li:nth-of-type(1){ margin-left: 66px; } .box7{ background: url(../images/bj6.jpg) no-repeat top center; height: 810px; overflow: hidden; } .store-index{ padding-top: 80px; } .store-con{margin-top: 90px;} .store-con .yyfw-slick{position: relative;} .store-con .yyfw-slick .slick-arrow{position: absolute;z-index: 99;width: 14px;height: 21px;top:170px;outline: none;border: none;font-size: 0;cursor: pointer;} .store-con .yyfw-slick .slick-arrow.slick-prev{left: 33%;background: url(../images/left.png) no-repeat top center;} .store-con .yyfw-slick .slick-arrow.slick-next{right:33%;background: url(../images/right.png) no-repeat top center;} .store-con .yyfw-slick{margin: 0 -40px;} .store-con .yyfw-slick .slick-slide{outline: none;margin: 0 40px;} .store-con .yyfw-slick .slick-slide img{display: inline-block;width: 100%;} .store-con .yyfw-slick .slick-slide { position: relative; } .store-con .yyfw-slick .slick-slide:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.5); z-index: 999; } .store-con .slick-dots { text-align: center; margin-top: 135px; } .store-con .slick-dots li { display: inline-block; margin: 0 5px; width: 26px; height: 2px; background: #2da490; cursor: pointer; } .store-con .slick-dots li button { background: none; outline: none; border: none; font-size: 0; } .store-con .slick-dots li.slick-active { background: #dab866; } .store-con .yyfw-slick .slick-slide { border: 1px solid transparent; } .store-con .yyfw-slick .slick-slide.slick-current{ border:1px solid #2da490; } .store-con .yyfw-slick .slick-slide.slick-current:after { background: rgba(255,255,255,0); } .box8{ background: url(../images/bj8.jpg) no-repeat top center; height: 987px; overflow: hidden; } .case-index{ padding-top: 76px; } .case-con{ width: 1110px; margin: 0 auto; margin-top: 55px; } .case_list1 li{float:left;margin-left:35px;margin-right:35px;margin-bottom:39px;_display:inline;position: relative;} .case_list1 li a.img{border:1px solid #2da490;} .case_list1 li a.img img{width:298px;height:298px;} .case_list1 li a.img{display:block;} .case_list1 li a.img:hover{border-color:#2da490;} .case_list1 li .case-hh{ position: absolute; top: 1px; left: 1px; right: 1px; background:rgba(0,0,0,.5); height: 210px; text-align: center; color:#fff; font-size: 20px; padding-top: 88px; display: none; } .case_list1 li:hover .case-hh{ display: block; } .box9{ background: url(../images/bj9.jpg) no-repeat top center; height: 711px; overflow: hidden; } .message-index{ padding-top: 58px; } .message-con{ width:666px; margin: 0 auto; margin-top: 50px; } .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;} /*----- 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;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页签*/ .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*友情链接*/ .f_link{width:1200px;margin:0 auto;line-height:40px;} /*页面底部*/ .foot-bg{ background: #2b2b2b; border-top: 4px solid #cfaf61; } #footer{position:relative;width:1200px;margin:0 auto;text-align:center;padding: 35px 0;color: #fff;font-size: 14px;} #footer a{color:#fff;font-size: 14px;} #footer a:hover{color:#e87518;text-decoration:none;} .foot1{ width:242px; margin: 0 auto; } .foot-erq{ line-height: 117px; } .foot-title{ font-size: 30px; color: #fff; text-align: center; padding: 30px 0; } .nav_foot{text-align:center;line-height:24px;color:#fff;font-size: 14px;} .nav_foot a{font-size: 14px;color: #fff;padding: 0 10px;} .foot-ct{border-bottom: 1px solid #fff;width: 875px;margin: 0 auto;padding: 20px 0;} .copyright{text-align:center;line-height:24px;padding-top: 20px;} /*------------内页-------------------*/ .left { width: 224px; float: left; } .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 60px; padding-left: 34px; background: #2b2b2b; font-size: 18px; color: #fff; font-weight: 400; position: relative } .left .box h3::after{ content:""; position: absolute; width:5px; height:20px; top:20px; left:15px; background: #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;margin:0 auto;margin-left:-960px;position:relative;left:50%; } .n_banner img{width:1920px;margin:0 auto;margin-left:-960px;position:relative;left:50%;} .left{width:225px;float:left;} .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:960px;float:right;padding-bottom:10px;} .sitemp { border-bottom:1px solid #eee; } .sitemp h2 { width: 340px; float: left; line-height: 40px; text-align: left; font-size: 16px; color:#333; } .sitemp .site { width: 380px; float: right; text-align: right; line-height: 40px; } .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;}