body{font-family: "Microsoft Yahei";color:#666;overflow-x: hidden;min-width: 1400px;} *{margin: 0;padding: 0;} a{color: #666;text-decoration: none;} h1{margin:0;padding:0;} a:hover{color: #68b531;} img{border: 0;} li,ul{list-style: none;padding: 0;margin: 0;} i,em{font-style: normal;} /* head */ .top_t{height: 44px;line-height: 44px;color: #666;font-size: 12px;width: 1170px;background: url(../img/home_ico.jpg) no-repeat left center;margin: 0 auto;padding-left: 30px;} .top_t p{ float:right;} .top_t p a{ padding: 0 18px 0 28px; color:#666;display: block;float: left;} .top_t p a:hover{color:#68b531;} .top_t .a_last{ padding-right:0;} .tico1{background:url(../img/ico1.jpg) no-repeat;} .tico3{background:url(../img/ico2.jpg) no-repeat;} .tico4{background:url(../img/ico3.jpg) no-repeat;} .top_he{border-bottom:1px solid #ebebeb;} .db_head{width:1200px;margin:30px auto 25px;} .db_head .al88{float: right;margin-top: 30px;margin-right: 40px;} .lg_r {float: left;color: #000;font-size: 35px;font-family: 微软雅黑;padding-left: 20px;margin-top: 10px;} .lg_r h1 { font-size:35px;color: #138450;font-weight: bold;} .lg_r p {font-size: 14px; color: #333;margin:0;} .lg_r p span{color:#68b531;} .db_tel{float:right;font-size:16px;color:#666;background:url(../img/tel.jpg) no-repeat left center;padding-left:60px; margin-top: 17px;} .db_tel p{font-size: 30px;color: #e9841a;margin: 0;line-height: 36px;} .clear{clear:both;} /* nav */ .nav_bg{background: #138450;} .nav{width: 1200px;margin:0 auto;} .nav li{ width:165px;height: 65px;line-height: 65px;float: left;background: url(/img/nav_x.png) no-repeat right center;} .nav li:nth-child(9){width:165px;background:none;} .nav a{color: #fff;display: block;padding: 0 30px; text-align:center;} .nav a:hover{background: #68b531;} .nav li.on a{background: #68b531;} .fixed-on .navbar{position: fixed;z-index: 999;width: 100%;top: 0;} /* banner */ .banner{ width:100%; height:550px; margin:0 auto;} .fullSlide{width:100%;position:relative;height:550px;} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;background-position: top center;background-repeat: no-repeat;} .fullSlide .bd li a{display:block;height:550px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor: pointer;display: inline-block;zoom: 1;width: 15px;height: 15px;margin: 1px;overflow: hidden;background: #000;filter: alpha(opacity=70);opacity: 0.7;line-height: 999px; border-radius: 50%;margin-right: 4px;} .fullSlide .hd ul .on{background:#68b531;} /* keyword */ .hot-k-wrap {border-bottom: 1px solid #ebebeb;} .hot-k-wrap .h-container { width: 1200px; margin: 0 auto; overflow: hidden; } .hot-k-wrap .h-container .h-keyword { float: left; height: 60px; line-height: 64px;font-size: 14px;} .hot-k-wrap .h-container .h-keyword strong{font-size:14px;font-weight:bold;color: #333;} .hot-k-wrap .h-container .h-keyword a { color: #666; margin-right: 10px; font-size:14px;text-decoration: none} .hot-k-wrap .h-container .h-keyword a:hover { color: #61b234; } .hot-k-wrap .h-container .searchbox { float: right; } .hot-k-wrap .h-container .searchbox .s-input { margin-top: 13px; position: relative; } .hot-k-wrap .h-container .searchbox .s-input input[type="text"] { width: 206px;height: 14px;border: 1px solid #ddd;padding: 10px 70px 10px 15px;outline: none;} .hot-k-wrap .h-container .searchbox .s-input input[type="text"]:focus { border: 1px solid #68b531; } .hot-k-wrap .h-container .searchbox .s-input button { display: inline-block; border: none; width:50px; height: 35px; position: absolute; top: 0; right: 0;color:#fff;background: url(/img/ser.png) no-repeat center #61b234;background-size: 22px;} /* biaoti */ .zx_bt{width: 1200px;margin: auto;margin-top: 40px;} .zx_bt h2{text-align: center;font-size: 36px;color: #333;font-weight: bold;position: absolute;width: 1200px;z-index: 1;margin-top: -5px;} .zx_bt i{font-size: 100px;color: #f5f5f5;font-style: normal;display: block;text-align: center;font-weight: bold;text-transform: uppercase;} .zx_bt p{text-align: center;margin-top: -32px;margin-bottom: 35px;} .zx_bt p a{font-size:20px; color:#666;} .zx_bt h2 em{height: 2px;width: 55px;background: #68b531;display: block;margin: auto;margin-top: 12px;} /* cp */ .bgbox{width: 1200px;margin:0px auto 50px;} .tab-top {width: 1200px;margin:auto;text-align: center;} .tab-top li {line-height: 56px;display: inline-block;background: #68b531;color: #fff;margin: 0 0px 5px;padding: 0 18px;font-size: 15px;} .tabbox .boxlist {display: none;width: 1200px;margin-top: 35px;} .tab-top .active {color: #fff;background: #138450;} .tabbox .boxlist li{float: left;width: 288px;margin-right: 15px;margin-bottom: 15px;} .tabbox .boxlist li:nth-child(4n){margin-right: 0;} .tabbox .boxlist li img{max-width: 100%;height: 288px;border: 1px solid #eee;} .tabbox .boxlist li a:hover img{border: 1px solid #68b531;} .tabbox .boxlist li p{font-size: 16px;text-align: center;line-height: 40px;} /* gdt */ .gdt_s{background: url(../img/gdt_bg.jpg) no-repeat top center #138450;height: 263px;font-size: 36px;color: #fff;text-align: center;overflow: hidden;margin-bottom: 100px;} .gdt_s p{font-weight: 100;margin-left: 8px;padding-top: 78px;} .gdt_s h2{font-size: 36px;margin-top: 64px;} /* ys */ .ys_nr{background: url(../img/ys_x.jpg) no-repeat top center;padding-top: 50px;padding-bottom: 60px;} .ys{ height:414px;margin-bottom: 30px;} .ys_z{width: 58px;float: left;background: #e9841a;font-size: 20px;height: 58px;text-align: center;font-weight: bold;margin-top: 177px;margin-left: 29px;border-radius: 50%;color: #fff;line-height: 56px;} .ys1 .ys_lf{ height:414px;width: 47%; float:left;} .ys1 .ys_rg h2{background: url(../img/ysico_1.jpg) no-repeat left top;font-size: 24px;color: #333;padding-left:76px;font-weight: bold;line-height: 55px;margin-bottom: 12px;} .ys1 .ys_rg li{font-size: 16px;color: #666;line-height: 30px;padding-left: 20px;background: url(../img/ico_ys.jpg) no-repeat left 11px;margin-bottom: 13px;margin-left: 65px;} .ys1 .ys_rg{margin-top: 88px;margin-left: 30px;float: left;width: 530px;} .ys2 .ys_rg{ height:414px;width: 47%; float:right;} .ys2 .ys_lf{ width: 47%; float: left;text-align: right;margin-top: 75px;} .ys2 .ys_lf h2{ background: url(../img/ysico_2.jpg) no-repeat right top;font-size: 24px;color: #000;padding-right: 85px;font-weight: bold;line-height: 55px;margin-bottom: 30px;margin-right: 30px;} .ys2 .ys_lf li{font-size: 16px;color: #666;line-height: 30px;padding-right: 20px;background: url(../img/ico_ys2.jpg) no-repeat right 11px;margin-bottom: 13px;margin-right: 65px;} .ys2 .ys_lg{margin-top: 75px;margin-right: 80px;float:left;} .ys3 .ys_rg h2{background: url(../img/ysico_3.jpg) no-repeat left top;} .ys1 .ys_lf{background:url(../img/ys1.jpg) no-repeat top right;} .ys2 .ys_rg{background:url(../img/ys2.jpg) no-repeat top left;} .ys3 .ys_lf{background:url(../img/ys3.jpg) no-repeat top right;} /* gy */ .gylc{width: 1200px;margin:50px auto 70px;} .gylc li{float: left;padding-right: 40px;background: url(../img/icopr_jt.png) no-repeat 132px 53px;} .gylc li:hover .lc{border: 2px solid #68b531;} .gylc li p{font-size: 16px;text-align: center; line-height: 60px;} .gylc li:hover p{color:#68b531;} .gylc .lc{width: 110px;height: 110px;border: 2px solid #d1d1d1;border-radius: 50%;} .gylc .lc1{background: url(../img/icopr_1.png) no-repeat center;} .gylc li:hover .lc1{background: url(../img/icopr_01.png) no-repeat center;} .gylc .lc2{background: url(../img/icopr_2.png) no-repeat center;} .gylc li:hover .lc2{background: url(../img/icopr_02.png) no-repeat center;} .gylc .lc3{background: url(../img/icopr_3.png) no-repeat center;} .gylc li:hover .lc3{background: url(../img/icopr_03.png) no-repeat center;} .gylc .lc4{background: url(../img/icopr_4.png) no-repeat center;} .gylc li:hover .lc4{background: url(../img/icopr_04.png) no-repeat center;} .gylc .lc5{background: url(../img/icopr_5.png) no-repeat center;} .gylc li:hover .lc5{background: url(../img/icopr_05.png) no-repeat center;} .gylc .lc6{background: url(../img/icopr_6.png) no-repeat center;} .gylc li:hover .lc6{background: url(../img/icopr_06.png) no-repeat center;} .gylc .lc7{background: url(../img/icopr_7.png) no-repeat center;} .gylc li:hover .lc7{background: url(../img/icopr_07.png) no-repeat center;} .gylc .lc8{background: url(../img/icopr_8.png) no-repeat center;} .gylc li:hover .lc8{background: url(../img/icopr_08.png) no-repeat center;} .gylc li:nth-child(8){padding-right: 0;} /*case*/ .case{ position: relative;} .case .content{width: 1200px;margin: 0 auto;} .case h2{ margin-bottom:29px;} .c_l{ width: 400px; float: left;} .c_l h3{ background: #68b531; color: #fff; padding:105px 0 0 75px; height:287px; font-size: 24px; font-weight: normal;} .c_l h3 span{ display: block; padding: 5px 0;} .c_l h3 i{ font-size: 24px; font-weight: bold;} .c_l h3 em{ display: block; padding-top: 35px;} .c_l h3 em a{ display: block; width: 131px; height: 41px; border: 2px solid #fff; border-radius:25px; line-height: 41px; text-align: center; line-height: 41px; font-size: 16px; color: #fff;} .c_l ul li{ position: relative; overflow:hidden;} .c_l ul li i{ display: block; position: absolute; right: 30px; top: 25px; color: #fff; font-size:22px; text-align: right;} .c_l ul li i span{ display: block; font-size: 14px; padding-top:8px;} .c_c{ width: 400px; float: left; font-size: 0;} .c_l ul li em{ display: none; position: absolute; left: 0; top: 0; width: 400px; height:100%;background:url(/img/span.png) repeat; text-align: center; padding-top: 59px; color: #333; font-size: 22px;} .c_l ul li em span{ display: block; font-size: 14px; color: #666; padding: 10px 0 32px 0;} .c_l ul li em a{ display: block; width: 131px; height: 41px; line-height: 41px; text-align: center; border: 2px solid #78ba00; border-radius:25px; margin: 0 auto; color: #78ba00; font-size: 16px; font-weight: bold;} .c_l ul li.cp em{padding-top:159px;} .c_l ul li.cur em{ display:block;} .c_r{ width: 400px; float: left; font-size: 0;} .fld1 { position: absolute; left: 50%; top: 0px; margin-left:-961px; font-size: 0;width:360px;} .fld1 img{width:360px;} .fld2{ position: absolute; right: 50%; top: 0px; margin-right:-961px; font-size: 0;width:360px;} .fld2 img{width:360px;} .c_l.fld2 ul li em,.c_l.fld1 ul li em{width:360px;} .fld1,.fld2{ display:none;} /* case*/ /* about */ .about{width: 1200px;margin: 50px auto 30px;} .about .ab_tu{float: left;} .about .ab_nr{float: right;width: 560px;margin-top: 15px;} .about .ab_nr i{font-size: 48px;font-style: normal;color: #68b531; display: block;} .about .ab_nr p{font-size: 14px;line-height: 36px;color: #666;margin-top: 25px;margin-bottom: 20px;} .about .ab_nr a{font-size: 14px;float: right;padding: 5px 20px;color: #fff;margin-left: 20px;} .tabboxx .boxlistt {display: none;width: 1200px;margin-top: 35px;} .tab-topp {width: 1200px;margin: auto;border-bottom: 1px solid #eee;padding-bottom: 15px;} .tab-topp .active {color: #333;border-left: 4px solid #e9841a;font-weight: bold;} .tab-topp li {padding: 0 0px 0 20px;line-height: 20px;display: inline-block;color: #333;margin: 0 3px;font-size: 18px;border-left: 4px solid #fff;} /* news */ .news_list{width: 1200px;margin:0 auto 100px;} .news_list li{float: right;width: 660px;border-bottom: 1px solid #eee;padding-bottom: 11px;padding-top: 11px;} .news_list li:nth-child(4){border-bottom:0;} .news_list li a{color:#333;} .news_list li a p{font-size: 14px;color: #666;line-height: 26px;margin: 12px 0 6px;} .news_list li a span{color: #999;font-size: 14px;background: url(/img/time.png) no-repeat left center;padding-left: 22px;} .news_list li a:hover h3{color: #68b531;} .news_list li a:hover img{opacity: 0.8;} .news_list li img{float: left;margin-right: 20px;width: 207px;height: 134px;} .news_list li h3{font-size: 16px;font-weight: normal;} .news_list li div{float: right;width: 432px; margin-top: 12px;} .news_list li:first-child h3{font-weight: bold;} .news_list li:first-child img{width: 511px;height: 328px;} .news_list li:first-child div{float: left;width: auto;margin-top: 20px;} .news_list li:first-child{width: 512px;float: left;border-bottom: 0;} /* foot */ .ft_nav{height: 65px;background: #138450;line-height: 65px;} .ft_nav a{color: #fff;font-size: 14px;margin: 0px 25px;} .ft_nav a:hover{text-decoration: underline;} .ft_navnr{width: 1200px; margin: 0 auto;color: #fff;text-align: center;} .footere{width: 1200px;font-size: 14px;line-height: 30px;margin: auto;} .dblogo{float:left;border-right:1px solid #eeeeee;padding:60px 40px 70px 0;} .db_nr{float:left; margin-left:40px; margin-top:60px; width: 958px;color: #333;} .jszc{border-top: 1px solid #eeeeee;width: 100%;float: left;line-height: 56px;margin-top: 40px;padding-left: 20px;} .jszc a:hover{text-decoration: underline;} .gynr li{float:left; list-style: none;} .gynr li p{font-size:16px;margin-bottom: 10px;} .db_copy{background:#f0f0f0;height: 60px;line-height: 62px;font-size: 16px; overflow: hidden;} .db_cpnr{width: 1200px;margin:0 auto;font-size: 14px;color: #333;} .db_cpnr span{float: right;} /* yqlj */ .yqlj{background: #f0f0f0;padding: 30px 0 28px;} .yqljnr{width: 1090px;margin: auto;background: url(../img/yl.png) no-repeat left center;padding: 10px 0 10px 110px;} .yqljnr a{font-size: 14px; margin-right: 15px;} .yqljnr span{float: right;} /*qqkefu*/ .my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} .my-kefu ul{width: 77px;} .my-kefu li a{text-decoration: none;} .my-kefu li{background: #235c9d;margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;} .my-kefu li i{background: url(../img/kefu.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;font-size: 14px;} .my-kefu .my-kefu-qq i{background-position: 4px 5px;} .my-kefu .my-kefu-tel i{background-position: 0 -25px;} .my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} .my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;} .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} .my-kefu .my-kefu-weixin i{background-position: -34px 4px;} .my-kefu .my-kefu-weibo i{background-position: -30px -22px;} .my-kefu .my-kefu-ftop{background-color:#5baa38;} .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} .my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} .my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-right{width: 20px;} .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 255px;} .my-kefu-main{width: 97px;position: relative;} .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;} /*lunbo*/ #CSSBox{float:left;width:1200px;height:206px;margin:0 auto;overflow:hidden;background-color:#ffffff;} #CSSBox ul li{ float:left; list-style:none;margin:0px 18px 0 0;} #CSSBox ul li img{width: 227px;height: 170px;} #CSSBox ul li span{display: block;text-align: center;font-size: 14px;background: #68b531;line-height: 36px;} #CSSBox ul li span a{color: #fff;} #LeftButton{cursor:hand;height:206px;width:25px;float:left;background:url(/img/an_l.jpg) center center no-repeat;position: absolute;margin-left: -40px;} #RightButton{cursor:hand;height:206px;width:25px;float:left;background:url(/img/an_r.jpg) center center no-repeat;position: absolute;margin-left: 15px;} #CSSBox2{float: left;width: 1200px;height: 206px;margin: 0 auto;overflow: hidden;background-color: #ffffff;} #CSSBox2 ul li{ float:left; list-style:none; margin:0px 18px 0 0;} #CSSBox2 ul li img{width: 227px;height: 170px;} #CSSBox2 ul li span{display: block;text-align: center;font-size: 14px;background: #68b531;line-height: 36px;} #CSSBox2 ul li span a{color: #fff} #LeftButton2{cursor:hand;height:206px;width:25px;float:left;background:url(/img/an_l.jpg) center center no-repeat;position: absolute;margin-left: -40px;} #RightButton2{cursor:hand;height:206px;width:25px;float:left;background:url(/img/an_r.jpg) center center no-repeat;position: absolute;margin-left: 15px;}