@charset "utf-8"; html,body{ height:100%; padding:0px; margin:0px; min-width: 1200px; font:14px 微软雅黑; color:#666; } a{ text-decoration: none; outline: none; color: #666; transition: 0.2s; } p{ text-align: justify; text-justify:inter-ideograph; margin: 0; } li{list-style-type: none; vertical-align: top; margin: 0; padding:0; } ul{margin: 0; padding: 0; } img{ margin: 0; padding: 0; } img{ border: 0; vertical-align: top; } h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; margin: 0; padding: 0; } dl,dt,dd{ padding: 0; margin:0; } i,em{ font-style: normal; } .fl { float:left; } .fr { float:right; } .clear{ clear:both; } .w0{ width: 100%; overflow:hidden; } .w1{ width: 100%; clear:both; } .w1200{ width: 1200px; margin:0 auto; } .w1140{ width: 1140px; margin:0 auto; } /*header start*/ .head{ position: relative; z-index: 99999; } .head .head_top{ background: #f1f1f1; line-height: 35px; } .head .head_top a{ padding: 0 15px; } .head .head_top a:nth-child(3) { padding-right: 0px; } .head .head_body{ padding: 10px 0; } .head .tel{ padding: 10px 0 10px 60px; background: url(../images/tel.png) no-repeat center left; } .head .tel p{ font-size: 16px; line-height: 31px; color: #454545; } .head .tel b{ font-size: 32px; font-family: Arial; color: #22ad38; } .head .head_nav{ position: absolute; z-index: 99999999; width: 100%; padding-bottom: 20px; background: url(../images/yy.png) no-repeat center bottom; } .head .head_nav ul{ background: #22ad38; padding: 15px 0; border-radius: 0 0 20px 20px; overflow: hidden; } .head .head_nav ul li{ float: left; width: 171px; text-align: center; background: url(../images/nav.png) no-repeat center left; } .head .head_nav ul li a{ font-size: 16px; color: #fff; } .head .head_nav ul li:nth-child(1){ background: none; } .head .head_nav ul li:hover a{ color: #d8db10; } /*header end*/ /*banner start*/ .flexslider { margin: 0px auto 0px; position: relative; width: 100%; height:600px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: rgba(0,0,0,0.3); display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; } .flex-control-paging li a.flex-active,.flex-control-paging li.active a{ background: #22ad38; } .flexslider .slides a img { width: 100%; height: 600px; display: block; } /*banner end*/ .title{ margin-bottom: 20px; text-align: center; } .title b{ font-size: 36px; color: #454545; letter-spacing: 1px; } .title p{ font-size: 18px; font-family: Arial; color: #aaa; line-height: 30px; text-align: center; } .title span{ color: #22ad38; } /*company start*/ .company{ padding-top: 50px; padding-bottom: 30px; background: url(../images/combg.png) no-repeat center bottom; } .company .com_body .com_l{ width: 700px; } .company .com_body b{ font-size: 18px; color: #454545; letter-spacing: 1px; } .company .com_body .xt{ margin: 10px 0; height: 5px; width: 50px; background: #22ad38; } .company .com_body p{ text-indent: 2em; font-size: 15px; color: #666; line-height: 30px; } .company .com_body a{ margin: 50px auto; width: 150px; border-radius: 20px; border: 1px solid #22ad38; color: #22ad38; line-height: 35px; font-size: 15px; display: block; text-align: center; margin-bottom: 0; } .company .com_body a:hover{ background: #22ad38; color: #fff; } /*company end*/ /*product start*/ .product{ background: url(../images/probg.jpg) no-repeat center top; } .product .title{ padding-top: 30px; background: url(../images/proxt.png) no-repeat center top; } .product .title b{ color: #fff; } .product .title span{ color: #d8db10; } .product .title p{ color: #ddd; } .list{ width: 300px; background: #22ad38; padding: 20px 10px; border: 5px solid #fff; border-radius: 0 50px; } .list p{ text-align: center; font-size: 20px; color: #fff; letter-spacing: 2px; font-weight: bold; } .list .xt{ margin: 10px auto; height: 5px; width: 50px; background: #d8db10; } .list ul{ padding: 10px; margin: 10px 0; background: #fff; border-radius: 0 30px; } .list ul li{ margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding-left: 30px; background: url(../images/tb.jpg) no-repeat center left; border: 1px solid #22ad38; line-height: 35px; border-radius: 0 20px; } .list ul li a{ font-size: 16px; color: #454545; } .list ul li:hover{ background: #22ad38 url(../images/tb1.jpg) no-repeat center left; } .list ul li:hover a{ color: #fff; } .list .tel{ margin: 30px 0; } .list .tel img{ width: 60px; height: 60px; margin-right: 10px; margin-left: 20px; } .list .tel b{ font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 1px; font-weight: normal; } .list .tel p{ line-height: 30px; font-weight: bold; font-family: Arial; letter-spacing: 1px; color: #d8db10; font-size: 30px; text-align: left; } .list .more{ display: block; margin: 0 auto; margin-top: 20px; line-height: 30px; background: #fff; width: 120px; text-align: center; font-size: 15px; color: #22ad38; } .list .more:hover{ background: #d8db10; } .product .pro_body{ width: 870px; } .product .pro_body ul li{ width: 250px; padding: 10px; background:#efefef url(../images/pro_libg1.jpg) no-repeat center bottom; float: left; margin: 10px 0 0 10px; border: 5px solid #fff; } .product .pro_body ul li .img{ width: 250px; height: 188px; overflow: hidden; } .product .pro_body ul li img{ width: 250px; height: 188px; display: block; -moz-transition:.5s ease-in; -webkit-transition:.5s ease-in; -o-transition:.5s ease-in; -ms-transition:.5s ease-in; transition:.5s ease-in; } .product .pro_body ul li img:hover { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } .product .pro_body ul li p{ font-size: 15px; display: block; width: 250px; height: 40px; line-height: 40px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666; } .product .pro_body ul li:hover{ background: #22AD38 url(../images/pro_libg.jpg) no-repeat center bottom; } .product .pro_body ul li:hover p{ color: #fff; } /*product end*/ /*adv start*/ .adv{ margin: 50px 0; background: url(../images/advbg.png) no-repeat center; } .adv .tit{ margin-bottom: 10px; text-align: center; } .adv .tit b{ font-size: 36px; color: #454545; letter-spacing: 1px; } .adv .tit span{ color: #22ad38; } .adv .tit .xt{ margin: 10px auto; height: 5px; width: 100px; background: #22ad38; } .adv .tit p{ font-size: 16px; text-align: center; color: #888; } .adv .tit a{ display: block; margin: 0 auto; margin-top: 10px; border: 1px solid #22ad38; color: #22ad38; font-size: 15px; width: 150px; border-radius: 20px; text-align: center; line-height: 35px; } .adv .tit a:hover{ background: #22ad38; color: #fff; } .adv ul li{ float: left; width: 240px; text-align: center; position: relative; } .adv ul li:nth-child(2n+1){ padding-top: 100px; } .adv ul li img{ width: 240px; height: 240px; } .adv ul li .nr{ position: absolute; z-index: 99; width: 190px; background: rgba(0,0,0,0.5); text-align: center; border-radius: 240px; bottom: 0px; margin: 5px; padding: 50.5px 20px; display: none; } .adv ul li .nr b{ font-size: 18px; letter-spacing: 1px; color: #fff; } .adv ul li .nr .xt{ height: 5px; width: 50px; margin: 10px auto; background: #22ad38; } .adv ul li .nr p{ font-size: 15px; text-align: center; color: #fff; } .adv ul li:hover .nr{ display: block; } .adv ul li .bt{ position: absolute; z-index: 99999; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background: #22ad38; width: 100%; bottom: 100px; box-shadow: 0 0 5px #111; } .adv ul li:hover .bt{ display: none; } /*adv end*/ /*case start*/ .case{ padding:40px 0 50px 0; background: url(../images/casebg.jpg) no-repeat center top; } .case .title{ margin-bottom: 0; } .case .title b{ color: #fff; } .case .title span{ color: #d8db10; } .case .title p{ color: #ddd; } #d_tab29 ul,#d_tab29 li{ margin:0; padding:0; list-style:none; } #d_tab29 img{ border:0; vertical-align:top; } #d_tab29{ position:relative; height:370px; text-align:left; } #d_tab29 .d_img{ position:relative; margin:0 auto; width:1200px; height:100%; }#d_tab29 .d_img li{ position:absolute; display:none; z-index:0; } #d_tab29 .d_img li img{ width:100%; border: 6px solid #fff; } #d_tab29 .d_img li:nth-child(1) { display:block; width:350px; left:0%; top:60px; z-index:1; } #d_tab29 .d_img li:nth-child(2) { display:block; width:400px; left:16%; top:40px; z-index:2; } #d_tab29 .d_img li:nth-child(3) { display:block; width:450px; left:32%; top:20px; z-index:3; } #d_tab29 .d_img li:nth-child(4) { display:block; width:400px; right:16%; top:40px; z-index:2; } #d_tab29 .d_img li:nth-child(5) { display:block; width:350px; right:0%; top:60px; z-index:1; } #d_tab29 .d_next{ position:absolute; left:50%; margin-left:620px; top:180px; z-index:10; cursor:pointer; } #d_tab29 .d_prev{ position:absolute; left:50%; margin-left:-660px; top:180px; z-index:10; cursor:pointer; } /*case end*/ /*ggt start*/ .ggt{ margin-bottom: 20px; } .ggt .nr{ width: 600px; text-align: center; background: url(../images/yh.png) no-repeat center; padding: 10px 0; margin: 0 auto; } .ggt .nr b{ display: block; text-align: center; font-size: 34px; color: #fff; letter-spacing: 1px; line-height: 40px; } .ggt .nr span{ font-size: 18px; color: #d8db10; display: block; padding:7px 0; } .ggt .nr p{ font-size: 16px; color: #fff; text-align: center; } .ggt .tel{ width: 550px; text-align: center; padding: 4px 0; } .ggt .tel b{ font-weight: normal; font-size: 16px; color: #d8db10; } .ggt .tel p{ font-size: 16px; color: #fff; line-height: 37px; text-align: center; background: url(../images/jt.png) no-repeat 180px center; } .ggt .tel span{ font-weight: bold; font-family: Arial; font-size: 30px; letter-spacing: 1px; color: #fff; } /*ggt end*/ /*new start*/ .new .new_l{ width: 500px; position: relative; } .new .new_l img{ width: 500px; height: 250px; } .new .new_l .nr{ position: absolute; z-index: 9999; top: 180px; margin: 0 25px; background: #22ad38; width: 410px; padding: 20px; } .new .new_l .nr b{ font-size: 18px; color: #fff; line-height: 30px; display: block; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .new .new_l .nr span{ line-height: 30px; color: #ddd; font-size: 14px; } .new .new_l .nr p{ border-top: 1px solid #d8db10; line-height: 30px; font-size: 16px; text-indent: 2em; color: #fff; padding-top: 5px; margin: 5px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 90px; } .new .new_l .nr a{ width: 120px; line-height: 30px; text-align: center; font-size: 15px; background: #fff; color: #22ad38; } .new .new_l .nr a:hover{ background: #d8db10; } .new .new_r{ width:650px; overflow:hidden; } .new .new_r dl{ border-bottom:1px solid #dfdfdf; } .new .new_r dt{ font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; padding:16px 20px; } .new .new_r dt a{ color:#666; } .new .new_r dt a span{ display: inline-block; width: 460px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px; } .new .new_r dt em{ color:#a3a3a3; float:right; } .new .new_r dd{ display:none; } .new .new_r dd span{ display:block; width:120px; font:28px Arial; font-weight:bold; color:#22ad38; float:left; } .new .new_r dd span a{ display:block; width:34px; height:34px; background:url(../images/dy_more.png) no-repeat; margin-top:12px; } .new .new_r dd .new_nr{ width:450px; float:right; padding-right:25px; } .new .new_r dd .new_nr a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#22ad38; line-height:24px; height:24px; width: 440px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .new .new_r dd .new_nr p{ font:14px "Microsoft YaHei"; line-height:24px; color:#888; height:48px; overflow:hidden; margin-top:8px; } .new .new_r .cur2 dd{ display:block; background:#fbfbfb; padding:25px 20px; } .new .new_r .cur2 dt{ display:none; } /*new end*/ /*footer start*/ .foot{ background: #454545; margin-top: 50px; } .foot .foot_top{ background: #22ad38; margin-bottom: 20px; padding: 10px 0; } .foot .foot_top ul li{ float: left; width: 140px; text-align: center; line-height: 30px; } .foot .foot_top ul .lj{ width: 220px; font-size: 18px; color: #fff; background: url(../images/lj.png) no-repeat 25px center; } .foot .foot_top ul li a{ font-size: 16px; color: #fff; } .foot .foot_top p{ font-size: 15px; line-height: 30px; margin-top: 10px; color: #fff; padding-left: 65px; } .foot .foot_body .lx{ width: 320px; } .foot .foot_body .lx p{ padding-left: 40px; line-height: 30px; font-size: 18px; color: #fff; background: url(../images/lx.png) no-repeat center left; margin-bottom: 5px; } .foot .foot_body .lx ul li{ color: #ddd; font-size: 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot .foot_body .cp{ width: 550px; } .foot .foot_body .cp p{ padding-left: 40px; line-height: 30px; font-size: 18px; color: #fff; background: url(../images/cp.png) no-repeat center left; margin-bottom: 5px; } .foot .foot_body .cp ul li{ float: left; width: 260px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .foot .foot_body .cp ul li a{ font-size: 15px; color: #ddd; } .foot .foot_body .cp ul li:hover a{ color: #22ad38; } .foot .foot_body .ewm img{ width: 150px; height: 150px; margin-bottom: 10px; margin-left: 10px; } .foot .foot_body .ewm p{ text-align: center; color: #fff; font-size: 16px; line-height: 30px; letter-spacing: 2px; } .foot .foot_bot{ border-top: 1px solid #d8db10; line-height: 35px; margin-top: 20px; } .foot .foot_bot span{ font-size: 15px; color: #fff; } .foot .foot_bot a{ font-size: 15px; color: #fff; } /*footer end*/