锘?*鏍峰紡鍒濆鍖?/ html{overflow:auto;overflow-y:scroll;height:100%; } body{font-size:14px; color:#333;background:#ffffff;font-family:microsoft yahei;overflow-x:hidden;} *{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;} a{text-decoration:none;} a:hover{text-decoration:none;color: #1951ae} a:active{text-decoration:none;color: #1951ae} a:focus{text-decoration:none;color: #1951ae} ol,ul,li{list-style:none;margin:0;-moz-padding-start: 0px;} h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;} img{max-width: 100%;} input{outline: none;} .clear{clear: both;} .navbar{background:none;margin:0; } .navbar-default{border:none;} .navbar-collapse{max-height: 100%!important;} .container-fluid{padding:0;} .tz-gallery{padding:0;} @media(min-width: 1200px){ .container{padding:0;} } /*header 鎵嬫満绔彍鍗曚笁閬撴潬*/ /*.header{overflow: hidden;width:100%;} .header .navbar{float: left;width:100%;} .h-top{background: #f6f5f5;float: left;width:100%;color: #666666;line-height: 30px;} .h-top h1{float: left;color: #666666;width:100%;overflow: hidden;font-size: 14px;height: 30px;line-height: 30px;} .h-top .tel{display: none;float: right;} .h-top .tel1{display: none;float: right;} .h-mid{width:100%;float: left;background: #fff;} .h-logo{margin:10px 0} .h-tel{float: right;display: none;width:100%;} .h-tel img{float: right;margin:20px 0;} #h-nav{width:100%;background: #333333;line-height: 50px;} #h-nav li{float: left;padding:0;border-left:solid 1px #fff;} #h-nav li a{color: #70b92c;text-align: center;display: block;height: 40px;padding:0;border-bottom: dashed 1px #8f8f8f;width:100%;line-height: 40px;float: left;} #h-nav li a:hover{color: #002f5f;} @media(min-width: 768px){ .header{position: relative;} .h-top h1{width:50%;} .h-top .tel1{display: block;} .h-tel{display: block;} .h-tel p{display: none;} #h-nav{width:100%;float: left;background: #1d3f9f;font-size: 16px;overflow: hidden;display: block;} #h-nav li{border-left:solid 1px #fff;} #h-nav li a{border:none;width:25%;height:50px;line-height:50px;color: #fff;border-right:solid 1px #fff;border-bottom:solid 1px #fff;} #h-nav li a:hover{color: #ffffff;background: #ef6910;} } @media (min-width: 992px){ .h-logo{margin:25px 0;} .h-top span{width:500px;} .h-top .tel{color: #8f8f8f;display: block;} .h-top .tel1{display:none;} .h-top a{color: #8f8f8f;font-size: 14px;} .h-top a:hover{color: #8f8f8f;color: #ff9900} .h-tel{width:352px;} .h-tel p{display: block;} #h-nav li{border-left:none;} #h-nav li a{height:50px;line-height:50px;border-bottom: none;} #h-nav li .on{border-left:solid 1px #fff;} }*/ /*header鎵嬫満绔 妯帓鑿滃崟*/ .header{overflow: hidden;width:100%;} .h-top{background:url(../Image/h-top.jpg) center top no-repeat #f6f5f5;float: left;width:100%;color: #666666;height: 50px;line-height: 60px;} .h-top h1{float: left;color: #666666;width:100%;overflow: hidden;font-size: 14px;padding: 0 15px;line-height: 60px;} .h-top .tel{display: none;float: right;} .h-top .tel1{display: none;float: right;} .h-mid{width:100%;float: left;background: #ffffff;} .h-logo{margin:20px 0} .h-tel{float: right;width:100%;} .h-tel img{float: right;margin:17px 0;} #h-nav{width:100%;background: #00a267;line-height: 50px;} #h-nav li{float: left;padding:0;border-left:solid 1px #fff;} #h-nav li a{color: #fff;text-align: center;display: block;height:40px;padding:0;border-right:solid 1px #fff;border-bottom:solid 1px #fff;width:20%;line-height: 40px;float: left;font-size: 16px;} #h-nav li a:hover{color: #333333;background: #f9cf01;} @media(min-width: 768px){ .header{position: relative;} .h-top h1{width:50%;padding:0;} .h-top .tel1{display: block;} .h-tel img{float: right;margin:15px 0;} #h-nav li a{height: 50px;line-height: 50px;} #h-nav li a span{display: none;} } @media (min-width: 992px){ .h-logo{margin:10px 0;} .h-top span{width:500px;} .h-top .tel{color: #666666;display: block;} .h-tel img{margin:20px 0;} .h-top .tel1{display:none;} .h-top a{color: #666666;font-size: 14px;} .h-top a:hover{color: #00a267} #h-nav li{border-left:none;} #h-nav li a{height:55px;line-height:55px;border: none;} #h-nav li a span{width:1px;height: 20px;background: #b7bdcb;display: block;float: right;margin-top: 14px} #h-nav li .on{border-left:none;} } /*banner*/ .banner{width:100%;float: left;overflow: hidden;} .banner .swiper-slide img{width:100%;height: auto;} @media(min-width:768px){ .banner{margin-top:0px } } /*m-search*/ .m-search{width:100%;overflow: hidden;} .m-search-left{color: #333333;line-height: 50px;background: #f9cf01;} .m-keywords{float: left;width:100%;overflow: hidden;color: #333333;height: 50px;line-height: 50px;} .m-keywords a{ color: #333; margin:0px 10px;} .m-keywords span{color: #333333;font-size: 16px;} .search{ width: 100%; margin: 0 auto 15px; overflow: hidden;height: 40px;background: #dddddd;} #input_search{ width:85%; border:none; float: left; background-color: #fff; height:40px;text-indent:15px; color: #999999;font-size: 14px;line-height:40px;} #btn_search{ width:15%; height:40px; float: right; border:none; background:url(../Image/search_btn.png) center no-repeat #3b3b3b; text-indent:-9999px; } .m-tel{background:url(../Image/m-tel-icon.jpg) 30px center #009a52 no-repeat;height: 70px;line-height: 70px;text-indent: 125px;} .m-tel span{font-size: 30px;color: #fff;font-family: Impact;} @media(min-width: 768px){ .m-search-left{line-height: 70px;} .m-keywords{height: 70px;line-height: 70px;} .search{ margin: 15px auto;} } /*m-pro*/ .m-pro{width:100%;float: left;} .m-pro-hd{width:100%;float: left;text-align: center;margin-top: 40px;} .m-pro-md{width:100%;float:left;text-align: center;margin:15px 0 30px;} .m-pro-md a{width:100%;text-align: center;height: 45px;line-height:45px;font-size: 18px;color: #fff;background: #1da012;margin:15px 0 0;display: inline-block;border-radius: 30px;} .m-pro-md a:hover{background: #f9cf01;color: #333333;} .m-pro-bd{width:100%;float: left;margin-bottom: 25px;} .m-pro-bd li{padding-bottom: 20px;text-align: center;} .m-pro-bd li img{width:100%;object-fit: cover;border:solid 1px #ededed;transition:all .5s;} .m-pro-bd li h1{width:100%;height: 30px;line-height: 40px;color: #737272;font-size: 16px;background: #fff;border-top:none;transition:all .5s;} .m-pro-bd li:hover img{border:solid 1px #1da012;box-shadow: 5px 5px 5px #999;transform: scale(1.1,1.1);} .m-pro-bd li:hover h1{color: #1da012;} @media(min-width: 768px){ .m-pro-bd li h1{height: 60px;line-height:60px;} } @media(min-width: 1200px){ } /*m-case*/ .m-case{width:100%;overflow: hidden;background: url(../Image/m-case-bg.jpg) center no-repeat;padding: 40px 0;background-size: 100% 100%;} .m-case-hd{text-align: center;color: #fff;padding:0px 0 35px;} .m-case-hd h1{font-size: 28px;font-weight: bold;} .m-case-bd{width:100%;float: left;} .m-case-bd li{text-align: center;} .m-case-bd li .content{border:solid 1px #fff;background: #fff;float: left;width:100%;overflow: hidden;} .m-case-bd li .content img{float: left;width:100%;object-fit: cover;transition: all .5s;} .m-case-bd li:hover .content img{transform: scale(1.1,1.1);} .m-case-bd li .content h1{width:100%;height: 40px;line-height:40px;font-size: 18px;float:left;color: #333333;font-weight: bold;} .m-case-bd li .content p{width:100%;background:#fff;color: #999999;line-height: 26px;text-align: left;padding:0px 25px;float: left;height: 80px;overflow: hidden;} .m-case-bd li a{width:145px;background:#dee5e2;color: #666666;line-height: 38px;float: left;height: 38px;overflow: hidden;border-radius: 30px;margin:10px 20px 15px;} .m-case-bd li a:hover{background: #1da012;color: #fff;} @media(min-width:768px){ .m-case{padding: 70px 0;} .m-case-bd li .content h1{height: 60px;line-height: 60px;text-align: left;text-indent: 26px;} } /*m-com*/ .m-com{width:100%;float: left;overflow: hidden;padding:40px 0 40px;} .m-com-bd{width:100%;float: left;overflow: hidden;} .m-com-left{width:100%;float: left;text-align: center;} .m-com-left p{width:100%;line-height: 26px;color: #666666;margin:20px 0;text-align: left;} .m-com-left .btn{width:100%;float: left;border:none;padding:0;} .m-com-left .btn a{width:100%;float: left;border:solid 1px #009a52;color: #009a52;line-height: 54px;line-height: 54px;font-size: 18px;text-indent: 45px;margin-bottom:15px;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 50px center no-repeat;} .m-com-left .btn a:Hover{border-color: #fff;color: #666666;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 50px center no-repeat;} .m-com-left .btn .btn1:hover{background: url(../Image/m-com-btn11.png) 50px center no-repeat #f9cf01;} .m-com-left .btn .btn2{background: url(../Image/m-com-btn2.png) 50px center no-repeat;} .m-com-left .btn .btn2:hover{background: url(../Image/m-com-btn22.png) 50px center no-repeat #f9cf01;} .m-com-left .btn .btn3{background: url(../Image/m-com-btn3.png) 50px center no-repeat;} .m-com-left .btn .btn3:hover{background: url(../Image/m-com-btn33.png) 50px center no-repeat #f9cf01;} @media(min-width: 768px){ .m-com-left .btn a{text-indent: 30px;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 20px center no-repeat;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 20px center no-repeat;} .m-com-left .btn .btn1:hover{background: url(../Image/m-com-btn11.png) 20px center no-repeat #f9cf01;} .m-com-left .btn .btn2{background: url(../Image/m-com-btn2.png) 20px center no-repeat;} .m-com-left .btn .btn2:hover{background: url(../Image/m-com-btn22.png) 20px center no-repeat #f9cf01;} .m-com-left .btn .btn3{background: url(../Image/m-com-btn3.png) 20px center no-repeat;} .m-com-left .btn .btn3:hover{background: url(../Image/m-com-btn33.png) 20px center no-repeat #f9cf01;} } @media(min-width: 992px){ .m-com-left .btn a{text-indent: 35px;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) left center no-repeat;} .m-com-left .btn a:Hover{border-color: #fff;color: #666666;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) left center no-repeat;} .m-com-left .btn .btn1:hover{background: url(../Image/m-com-btn11.png) left center no-repeat #f9cf01;} .m-com-left .btn .btn2{background: url(../Image/m-com-btn2.png) left center no-repeat;} .m-com-left .btn .btn2:hover{background: url(../Image/m-com-btn22.png) left center no-repeat #f9cf01;} .m-com-left .btn .btn3{background: url(../Image/m-com-btn3.png) left center no-repeat;} .m-com-left .btn .btn3:hover{background: url(../Image/m-com-btn33.png) left center no-repeat #f9cf01;} } @media(min-width: 1200px){ .m-com-left .btn a{text-indent:50px;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 15px center no-repeat;} .m-com-left .btn .btn1{background: url(../Image/m-com-btn1.png) 15px center no-repeat;} .m-com-left .btn .btn1:hover{background: url(../Image/m-com-btn11.png) 15px center no-repeat #f9cf01;} .m-com-left .btn .btn2{background: url(../Image/m-com-btn2.png) 15px center no-repeat;} .m-com-left .btn .btn2:hover{background: url(../Image/m-com-btn22.png) 15px center no-repeat #f9cf01;} .m-com-left .btn .btn3{background: url(../Image/m-com-btn3.png) 15px center no-repeat;} .m-com-left .btn .btn3:hover{background: url(../Image/m-com-btn33.png) 15px center no-repeat #f9cf01;} } /*m-news*/ .m-news{background: #fff;width:100%;margin-top: 30px;overflow: hidden;padding-bottom: 15px;} .m-news-hd{width:100%;float: left;height: 42px;} .m-news-hd span{padding:7px 20px;background: #22a548;color: #fff;font-size: 18px;border-radius: 30px;float: left;} .m-news-hd a{width:42px;height: 42px;display: block;background: url(../Image/m-news-hd.jpg);float: right;} .m-news-bd{width:100%;float: left;padding:20px 0;} .m-news-bd .hd .left{width:100%;float:left;position: relative;background: #fff;} .m-news-bd .hd .left img{float:left;object-fit: cover;border:solid 2px #009a52;border-radius: 5px;} .m-news-bd .hd .left span{width:80px;height: 80px;background: #f57f05;font-size: 28px;color: #fff;text-align: center;position: absolute;top:0;left:0;} .m-news-bd .hd .right{float: right;width:100%;padding:0px 16px;box-sizing: border-box;} .m-news-bd .hd .right:hover h1{color: #009a52;} .m-news-bd .hd .right h1{float: left;width:100%;font-size: 18px;color: #333333;height:50px;line-height: 50px;overflow: hidden;} .m-news-bd .hd .right h2{float: left;width:100%;font-size: 16px;color: #999999;line-height: 26px;} .m-news-bd .hd .right p{float: left;width:100%;font-size: 14px;color: #666666;line-height: 26px;overflow: hidden;height: 50px;} .m-news-bd .bd{margin-top: 20px;float: left;} .m-news-bd .bd li{width:100%;float: left;border-bottom: solid 1px #cccccc;height: 40px;line-height: 40px;} .m-news-bd .bd li span{width:8px;float: left;height: 8px;border-radius: 100%;background: #cbcbcb;display: block;margin:17px 10px 0 0;} .m-news-bd .bd li h1{float: left;color: #666666;font-size: 14px;line-height: 40px;overflow: hidden;overflow: hidden;height: 40px;width:200px;} .m-news-bd .bd li p{float: right;color: #999999;font-size: 14px;} .m-news-bd .bd li:hover h1{color: #009a52;} @media(min-width: 768px){ .m-news{padding-bottom: 0px;} .m-news-bd .hd .left{width:250px;} .m-news-bd .hd .left img{width:250px;height:150px;} .m-news-bd .hd .right{width:470px;} .m-news-bd .hd .right h2{line-height: 50px;} .m-news-bd .bd .right p{height: auto;} .m-news-bd .bd li h1{width:auto;} } @media(min-width: 992px){ .m-news{margin-top: 0px;} .m-news-bd .hd .left{width:220px;} .m-news-bd .hd .left img{width:220px;height:150px;} .m-news-bd .hd .right{width:230px;} .m-news-bd .hd .right h2{line-height: 30px;} .m-news-bd .hd .right p{height: 100px;} .m-news-bd .bd li h1{width:300px;} } @media(min-width: 1200px){ .m-news-bd .hd .left{width:270px;} .m-news-bd .hd .left img{width:270px;height:160px;} .m-news-bd .hd .right{width:300px;} .m-news-bd .hd .right p{height: auto;} .m-news-bd .bd li h1{width:auto;} } /*footer*/ .footer{width:100%;float: left;background:url(../Image/f-bg.jpg) center top no-repeat #009a52;padding:20px 0;margin-top: 30px;} .footer h1{font-size: 22px;font-weight: bold;color: #fff;float: left;width:100%;display: none;} .footer span{width:45px;height: 2px;background: #fff;display:none;float: left;margin-top:15px;} .f-type{float: left;} .f-type ul{float: left;width:100%;} .f-type ul a{width:40%;height: 38px;line-height: 38px;text-align: center;background: #f9cf01;float: left;display: inline-block;font-size: 16px;color: #333;margin:15px 5% 0 0;border-radius: 50px;overflow: hidden;} .f-type ul a:hover{color: #009a52;} .f-nav{float: left;} .f-nav ul{float: left;width:100%;} .f-nav ul a{float: left;margin:17px 18px 0 0;color: #fff;font-size: 16px;} .f-nav ul a:hover{color: #f9cf01;} .f-con{float:left;width:100%;} .f-con p{line-height: 30px;color: #fff;font-size: 16px;width:100%;float: left;margin-top: 20px;text-align: center;} .f-con p a{ color:#fff; } .f-ewm{float: left;width:100%;} .f-ewm img{width: 150px;display:block;margin:20px auto 0;} .f-bd{width:100%;float: left;background: #1c1c1c;color:#fff;font-size: 14px;text-align: center;margin-bottom: 52px;padding:15px;} @media(min-width: 768px){ .footer{padding:40px 0;} .footer h1{display: block;} .footer span{display: block;} .f-con p{text-align: left;} .f-bd{margin-bottom:0;} .f-ewm img{float: left;} } @media(min-width: 992px){ .footer{margin: 0;} } @media(min-width: 1200px){ .f-ewm img{max-width:132px;} } .down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;} .down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;} .down li a{color: #ffffff;} .down .current{border-right: none;} .down li img{max-width: 25px;height: 25px;} @media(min-width: 768px){ .down{display: none;} } /*sidebar*/ .sidebar{overflow: hidden;max-width: 270px;} .s-hd{width:100%;float: left;text-align: center;background:#009a52;padding:20px 0;} .s-bd{width:100%;float: left;padding:20px 0;background: #ffffff;} .s-bd ul{width:100%;} .s-bd ul li{width:100%;height: 48px;line-height: 48px;font-size: 16px;color: #444444;border-bottom:dashed 1px #cecece;text-indent: 42px;} .s-bd ul li span{font-family: 瀹嬩綋;float: right;margin-right: 15px;font-weight: bold;color: #737272;} .s-bd ul li:hover{color: #fff;background: #009a52;} .s-bd ul li:hover span{color: #fff;} .s-con{width:100%;float: left;} .s-con .hd{width:100%;float: left;background: url(../Image/s-con-hd.jpg) center/100% 100%;} .s-con .bd{width:100%;float: left;padding:20px;background: #009a52;} .s-con .bd p{width:100%;float: left;color: #fff;line-height: 30px;font-size: 14px;text-align: left;padding:0px 0; } @media(min-width: 992px){ .s-bd ul li{height: 36px;line-height: 36px;} .s-con .bd{padding:10px;} } @media(min-width:1200px){ .s-bd ul li{height: 48px;line-height: 48px;} .s-con .bd{padding:20px;} } /*list*/ .list{width:100%;float: left;padding:24px 0;overflow: hidden;} .l-hd{width:100%;float: left;overflow: hidden;margin:0px 0 20px;} .l-hd li{float: left;overflow: hidden;} .l-hd li a{overflow: hidden;width:100%;padding:10px 0;display: inline-block;border:solid 1px #009a52;color: #009a52;font-size: 16px;border-radius: 5px;text-align: center;margin-bottom: 5px;} .l-hd li a:hover{background: #009a52;color: #ffffff;border:solid 1px #009a52;} .l-right{overflow: hidden;} .l-right-hd{width:100%;float: left;background: #fff;padding:15px 15px 0;} .l-right-hd .hd{width:100%;background: url(../Image/l-right-hd-line.jpg) center 18px no-repeat;text-align: center;} .l-right-hd span{background: #fff;padding:0 15px;display: inline-block;color: #009a52;font-size: 30px;} .l-right-hd h2{width:100%;font-size: 26px;color: #bcbcbc;text-transform: uppercase;} .l-right-hd .bd{width:95%;text-align: right;font-size: 14px;color: #999999;line-height: 50px;} .l-right-hd .bd a{color: #999999;} .l-right-hd .bd a:Hover{color: #0060c0;} .l-right-bd{overflow: hidden;line-height: 260%;padding:5px;font-size: 110%;background: #fff;} .page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;} .tz-gallery{padding:0;} @media(min-width: 768px){ .l-right-bd{padding:20px;} } @media(min-width: 1200px){ .list .container{padding:0;} } #prev_next{width:100%;float: left;margin-top: 30px;} #prev_next li{width:100%;float: left;padding:0 10px; background: #eeeeee;margin-top:5px;line-height: 260%;} #prev_next li a{color: #666666;} #prev_next li:hover a{color: #fff;} #prev_next li:hover{background: #009a52;color: #fff} /*浜у搧鍐呴〉鏍峰紡*/ .l-right-hd{width:100%;float: left;overflow: hidden;} .l-right-hd .lt{text-align: center;width:100%;float: left;overflow: hidden;} .l-right-hd .lt img{width:100%;height: } .l-right-hd .rt{width:100%;float: left;overflow: hidden;color: #555555;} .l-right-hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;} .l-right-hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;} .l-right-hd .rt a{color: #ffffff;font-size: 24px;padding:10px 30px;display: none;background: #df354f;float: left;} @media(min-width: 768px){ .l-right-hd .rt h1{text-align:left;} .l-right-hd .rt p{display: block;} } @media(min-width: 992px){ /*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/ } @media(min-width: 1200px){ .l-right-hd .rt a{display: block;} .l-right-hd .rt a:hover{border:solid 1px #df354f;color: #df354f;background: none;} } .l-right-bd{width: 100%;float: left;overflow: hidden;} .l-right-bd .hd{width:100%;float: left;overflow: hidden;} .l-right-bd .hd .all-pic{height: 360px;} .l-right-bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;} .l-right-bd .title span{padding:3px 5%;display: block;font-size: 16px;color: #ffffff;background: #2b7ae8;float: left;} .l-right-bd .content{line-height: 260%;padding:15px;min-height: 400px;} .l-right-bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;} .l-right-bd .swiper-container { width: 100%; height: 240px; margin-left: auto; margin-right: auto; } .l-right-bd .swiper-slide { background-size: cover; background-position: center; } .l-right-bd .gallery-top { height: 240px; width: 100%; border:solid 5px #e5e5e5; } .l-right-bd .gallery-thumbs { height: 70px; box-sizing: content-box; padding: 10px 0; } .l-right-bd .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; border:solid 5px #e5e5e5; } .l-right-bd .gallery-thumbs .swiper-slide-active { opacity: 1; } @media(min-width: 768px){ .l-right-bd .hd .all-pic{height: 420px;} .l-right-bd .swiper-container {height: 296px;} .l-right-bd .gallery-top {height: 296px;} .l-right-bd .gallery-thumbs {height: 90px;} } /*鏂伴椈棣栭〉鏍峰紡*/ .list-news{min-height: 100px;height: auto; } .list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;} .list-news li span{float: right;} .list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;} .list-news li:hover{background-color: #eee;} /*鏂伴椈鍐呴〉*/ .p-img{ width: 100%; padding: 5px 0 15px 0; text-align: center; color:#888787; font-size: 14px; } .p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;} .p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;} .p-content{ width: 100%; margin: 0 auto; overflow: hidden;} .p-content .title{ width: 100%; height:30px; overflow: hidden; background-color: #f0f0f0;} .p-content .title h2{ width: 100px; text-align: center; height: 30px; overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;} .p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;} /*浜у搧鍒楄〃椤?/ .pro{overflow: hidden;float: left;width:100%;} .pro li{margin-bottom: 15px;text-align: center;} .pro li img{border:solid 1px #cccccc;object-fit: cover;} .pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;} .pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;} .pro li:hover h1{color: #399ae7;} .pro li:hover img{border:solid 1px #399ae7;} /*浜у搧鍐呴〉鏍峰紡*/ .l-right-bd .hd{width:100%;float: left;overflow: hidden;} .l-right-bd .hd .lt{text-align: center;width:100%;float: left;overflow: hidden;} .l-right-bd .hd .lt img{border:solid 1px #cecece;object-fit: cover;} .l-right-bd .hd .rt{width:100%;float: left;overflow: hidden;color: #555555;} .l-right-bd .hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;} .l-right-bd .hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;} .l-right-bd .hd .rt a{color: #ffffff;font-size: 24px;padding:5px 30px;display: none;background: #009a52;float: left;border:solid 1px #fff;} @media(min-width: 768px){ .l-right-bd .hd .rt h1{text-align:left;} .l-right-bd .hd .rt p{display: block;height: 95px;margin: 15px 0;} .l-right-bd .hd .rt a{display: block;} } @media(min-width: 992px){ /*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/ } @media(min-width: 1200px){ .l-right-bd .hd .rt p{height: 150px;} .l-right-bd .hd .rt a:hover{border:solid 1px #399ae7;color: #399ae7;background: none;} } .l-right-bd .bd{width: 100%;float: left;overflow: hidden;} .l-right-bd .bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin:15px 0;} .l-right-bd .bd .title span{padding:3px 3%;display: block;font-size: 16px;color: #ffffff;background: #009a52;float: left;} .l-right-bd .bd .content{line-height: 260%;padding:15px;min-height: 200px;} .l-right-bd .bd .content .pro-xg ul{height: 220px} .l-right-bd .bd .content .pro-xg li{width:240px;float: left;height:220px;margin-right: 15px; } .l-right-bd .bd .content .pro-xg li img{width:240px;float: left;height:180px;object-fit: cover;border:solid 1px #cecece;} .l-right-bd .bd .content .pro-xg li h1{text-align: center;font-size: 16px;color: #555555;line-height: 40px;width:100%;float: left;} .l-right-bd .bd .content .pro-xg li:hover h1{color: #009a52;} .l-right-bd .bd .content .pro-xg li:hover img{border-color: #009a52;} /* message styles */ .message{width:100%;float: left;overflow: hidden;margin-left: 5px;} .message ul{ overflow: hidden; } .message li{ float: left; margin:10px 0; } .message input { position: relative; display: block; float: left; padding:0 15px; width: 100%; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; border-radius: 5px; height:40px;line-height: 40px; } .message textarea { position: relative; display: block; float: left; padding:.5em; width: 100%; border: solid 1px #cccccc; border-radius: 0; background: #fff; color: #0075c5; font-weight: bold; resize:none; border-radius: 5px } .message textarea:focus { outline: none; } .message input:focus { outline: none; } .message #submit{ height: 35px; line-height: 35px; padding:0; color: #fff; background: #009a52; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .message #submit:hover{ background: #f9cf01; } /* go top */ .plugin-fixed-call{position:fixed;bottom:260px;right:0px;width:45px;z-index: 1000;} .plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#009a52;line-height: 45px;margin-top:1px;} .plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .plugin-fixed-call .child a{ display: inline-block; overflow: hidden; } .plugin-fixed-call .child:hover{width:160px;background: #000;} .plugin-fixed-call .child img{position:absolute;top:0px;left:0px;} .plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;} .plugin-fixed-call .fixedQQ{bottom:92px;} .plugin-fixed-call .fixedCall{bottom:46px;} .plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";} .plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;} .plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#009a52;line-height: 45px;margin-top:1px;} .plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;} .fixedCodeInfo{display:none;position:fixed;bottom:260px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;} .fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;} .f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; } .f-m-nav li{ float: left; width: 25%; text-align: center;} .f-m-nav li a{ color: #fff;}