/************ HEADER ***************/ #join_box{ width: 100%; height: 40px; line-height: 40px; background: #737373; } #join_box_l{ width: 720px; float: left; font-size: 12px; color: #FFF; letter-spacing: 1px; } #join_box_r{ width: 480px; float: right; font-size: 12px; color: #FFF; text-align: right; } #join_box_r a{ display: block; float: right; color: #fff; font-size: 12px; margin-left: 20px; letter-spacing: 1px; } #join_box_r a img{ display: block; width: 34px; height: 21px; float: left; margin-right: 10px; margin-top: 10px; } #logo{ width: 100%; height: 120px; } #logo_l{ width: 350px; float: left; } #logo_l img{ display: block; margin-top: 10px; } #logo_r{ width: 850px; float: right; } #nav{ width: 100%; height: 120px; line-height: 120px; } .container { margin: 0px auto; width: 100%; } /*.active{ color:#8e2627 !important; font-weight:bold; }*/ /* 閫氱敤鏍峰紡 */ .menu, .menu ul { list-style: none; padding: 0; margin: 0; color:#fff; } .menu { height: 120px; } .menu li { /* background: -moz-linear-gradient(#292929, #252525); background: -ms-linear-gradient(#292929, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525)); background: -webkit-linear-gradient(#292929, #252525); background: -o-linear-gradient(#292929, #252525); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')"; background: linear-gradient(#292929, #252525);*/ /* border-bottom: 2px solid #181818; border-top: 2px solid #303030; min-width: 160px;*/ } .menu > li { display: block; float: left; position: relative; } .menu > li:first-child { /*border-radius: 5px 0 0;*/ } .menu a { color: #000; display: block; font-family: '寰蒋闆呴粦'; font-size: 16px; line-height: 120px; width: 110px; text-align: center; height: 120px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin-left: 31px; } /* 鎮仠鏃剁殑鏍峰紡 */ .menu li:hover { /*color:#8e2627;*/ /*border-bottom: 2px solid #ff7e0e;*/ /*border-top: 2px solid #1B1B1B;*/ font-weight:bold; background:#FFF; color:#fff; } .menu li:hover > a { /*border-radius: 5px 0 0 0;*/ /*border-left: 3px solid #C4302B;*/ background:#00ac36; color: #fff; border:0; } .menu li:hover > .submenu li { border:0; } /* 瀛愯彍鍗曟牱寮 */ .submenu { left: 31px; max-height: 0; position: absolute; top: 120px; z-index: 0; padding:10px 15px !important; /*width:140px;*/ /*border-top: 2px #8e2627 solid;*/ -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; background:rgba(0,172,54,1); } .submenu li { width: 125px; /*padding: 0px 15px;*/ opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s; } .submenu li a{ font-size: 14px; height: 34px; line-height: 34px; font-weight: normal; color: #fff; margin: 5px 0px; width: 100%; border-bottom: 1px #00ac36 dashed; } .menu .submenu li:hover a { /*border-left: 3px solid #454545;*/ border-bottom:1px #fff dashed; color: #FFF; background:#00ac36; } .menu > li:hover .submenu, .menu > li:focus .submenu { max-height: 2000px; z-index: 10; } .menu > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* CSS3 杩囨浮鏁堟灉鐨勫欢杩 */ .menu li:hover .submenu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .menu li:hover .submenu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .menu li:hover .submenu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .menu li:hover .submenu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .menu li:hover .submenu li:nth-child(5) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .menu li:hover .submenu li:nth-child(6) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .menu li:hover .submenu li:nth-child(7) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .menu li:hover .submenu li:nth-child(8) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .submenu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .submenu li:nth-child(2) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .submenu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .submenu li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .submenu li:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .submenu li:nth-child(6) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .submenu li:nth-child(7) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .submenu li:nth-child(8) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } /************ HEADER ***************/ /************ FOOTER ***************/ .footer{ width: 100%; height: 175px; padding: 70px 0px; background: #00ac36; margin-top: 50px; } #foot_l{ width: 311px; float: left; height: 174px; border-right: 1px #85de82 solid; } #foot_l img{ display: block; margin-top: 20px; width: 280px; } #foot_c{ width: 580px; float: left; font-size: 14px; color: #FFF; line-height: 24px; margin-left: 70px; letter-spacing: 1px; } #foot_c a{ color:#FFF; } #foot_r{ width: 150px; float: right; text-align: center; font-size: 14px; color: #Fff; letter-spacing: 1px; line-height: 28px; } #foot_r img{ display: block; margin: 0px auto; width:150px; height:150px; } /************ FOOTER ***************/ /************ INDEX MAIN ***************/ #main_i{ overflow: hidden; margin-top:50px; } .index_title{ font-size: 24px; color: #666666; letter-spacing: 1px; text-transform: uppercase; height: 40px; line-height: 40px; } .index_title span{ display: block; float: left; color: #00ac36; font-family: 'Impact'; font-size: 30px; margin-right: 10px; } .index_title a{ display: block; float: right; border: 1px #00ac36 solid; width: 110px; text-align: center; height: 38px; color: #000; font-size: 14px; letter-spacing: 0px; border-radius: 15px; } .index_title a:hover{ border: 1px #00ac36 dashed; color:#00ac36; } #index1{ width: 100%; height: 480px; overflow: hidden; } #index1_l{ width:600px; float:left; } #index1_l_c{ width: 100%; margin-top: 15px; } #index1_l_c a{ display: block; height: 41px; line-height: 41px; border-bottom: 1px dotted #666666; font-size: 14px; color: #000; padding: 0px 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #index1_l_c a span{ float:right; } #index1_l_c a:hover{ background:#ffb900; color:#FFF; } #index1_r{ width:380px; float:right; } #index1_r_c{ width: 100%; margin-top: 15px; height:420px; overflow:hidden; } #index1_r_c img{ display:block; width:100%; height:420px; } #index2{ width: 100%; height: 740px; padding-top: 40px; background: url(../img/index2_bg.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 60px; } #index2_type{ padding: 0px 270px; margin-top: 35px; height: 40px; } #index2_type a{ display: block; width: 140px; text-align: center; height: 35px; line-height: 35px; background: #ECECEC; color: #000; float: left; margin: 0px 10px; border-radius: 10px; overflow: hidden; } #index2_type a:hover{ background:#FF9934; color:#FFF; } #index2_c{ width: 100%; margin-top: 35px; } #fczs_gd{overflow: hidden; width: 1200px; height: 530px;} #fczs_gd ul{ width: 2030px; padding: 0px; margin:0px; } #fczs_gd a{ display:block;} #fczs_gd li{ margin: 0px 30px 20px 0px; width: 260px; height: 255px; letter-spacing: 1px; float: left; display: block; text-align: center; line-height: 45px; color: #000000; font-size: 14px; font-family: '寰蒋闆呴粦'; } #fczs_gd li:hover{ background:#00ac36; color:#FFF; } #fczs_gd img{ display: block; width: 260px; height: 205px; object-fit: cover; } #index3{ width:100%; margin-top:50px; } #index3_title{ width: 100%; text-align: center; color: #5a5a5a; font-family: 'Impact'; font-size: 30px; line-height: 44px; text-transform: uppercase; letter-spacing: 1px; height: 100px; overflow: hidden; } #index3_title span{ display: block; color: #00ac36; font-weight: bold; } #index3_title i{ display: block; font-style: normal; width: 45px; border-top: 2px #4d6146 solid; margin: 0px auto; margin-top: 8px; } #index3_c{ width: 100%; margin-top: 30px; height: 185px; } #index3_c a{ display:block; float:left; border:2px #fff solid; width:310px; height:180px; margin-right:30px; } #index3_c a:hover{ border:2px #00ac36 solid; } #index3_c a img{ display: block; width: 310px; height: 180px; object-fit: cover; } #index3_a{ display: block; width: 105px; height: 40px; margin: 0px auto; border: 1px solid #549005; text-align: center; line-height: 40px; border-radius: 20px; text-transform: uppercase; color: #000; margin-top: 40px; } #index3_a:hover{ border: 1px dashed #00ac36; color:#00ac36; } #index4{ width: 100%; margin-top: 55px; } #index4_title{ border: 4px solid #1c8f10; width: 445px; margin: 0px auto; height: 62px; border-bottom: 0px; } #index4_title1{ width: 295px; text-align: center; height: 25px; line-height: 25px; color: #909090; font-size: 12px; text-transform: uppercase; margin: 0px auto; background: #FFF; margin-top: -15px; } #index4_title2{ width: 100%; text-align: center; color: #1c8f10; font-weight: bold; font-size: 28px; letter-spacing: 1px; line-height: 42px; } #index4_title2 span{ color:#eb862c; } #index4_title2 i{ display: block; width: 95px; height: 3px; background: #1c8f10; margin: 0px auto; margin-top: 7px; } #index4_c{ width: 100%; margin-top: 50px; } .icon_box{ border: 1px #adadad solid; float: left; padding: 25px 10px; width: 264px; margin: 0px 7px; height: 318px; text-align: center; font-weight: 100; font-size: 12px; line-height: 26px; } .icon_box img{ display: block; width: 123px; height: 123px; margin: 15px auto; margin-bottom: 65px; } .icon_box span{ display: block; font-size: 20px; } .icon_box small{ display: block; border-top: 1px #1c8f10 solid; width: 200px; margin: 0px auto; margin-top: 40px; } .icon_box i{ display: block; height: 5px; background: #1c8f10; width: 100px; margin: 0px auto; margin-top: -3px; } /************ INDEX MAIN ***************/ /************ SIDEBAR ***************/ .sidebar_t_c{ padding: 0px 200px; margin-bottom: 20px; height: 45px; } .sidebar_t_c a{ display: block; width: 140px; text-align: center; height: 35px; line-height: 35px; background: #ECECEC; color: #000; float: left; margin: 0px 10px; border-radius: 10px; overflow: hidden; } .sidebar_t_c a:hover{ background:#FF9934; color:#FFF; } /************ SIDEBAR ***************/ /************ 鍐呴〉 ***************/ .commoninner{ width: 1200px; margin: 0px auto; margin-bottom: 50px; } .inner-left{ width: 100%; } .inner-right{ width: 100%; float: right; } .title{ margin: 0px; padding: 0px; height: 79px; line-height: 79px; /* font-weight: bold; */ margin-bottom: 20px; font-size: 24px; color: #00ac36; border-bottom: 1px #00ac36 dashed; letter-spacing: 1px; } .weizhi{ display: block; float: right; font-size: 12px; color: #6e6e6e; line-height: 79px; } .weizhi a{ color: #6e6e6e; } .de-about-content{} .de-about-content p{ margin: 0px; font-size: 16px; line-height: 34px; } .de-product-list{ overflow: hidden; } .de-product-list ul{ padding:0px; margin:0px; } .de-product-list ul a{ display: block; width: 354px; height: 330px; float: left; padding: 3px; text-align: center; line-height: 50px; color: #282828; font-size: 14px; font-family: '寰蒋闆呴粦'; margin: 0px 20px; margin-bottom: 30px; } .de-product-list ul a img{ display: block; width: 354px; height: 280px; object-fit: cover; } .de-product-list ul a:hover{ background:#00ac36; color:#fff; } .MagnifierMain{ display:block; width:100%; border:0 !important; text-align:center; margin:30px auto; } .MagnifierMain img{} .MagTargetImg{ display: block; margin: 0px auto; max-width: 100%; } .prodectInfo{ width: 1200px; margin: 0px auto; margin-bottom: 50px; } .info-crumbs{ background: #f6f6f6; height: 45px; line-height: 45px; text-indent: 20px; font-size: 14px; color: #595959; } .info-crumbs a{ color: #595959; } .info-main{ width: 100%; text-align: center; margin-bottom: 40px; } .info-main span{ display: block; font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 60px; } .info-main img{ display:block; margin:0px auto; } .infoCenter-left{ width: 260px; float: left; } .infoCenter-right{ width: 100%; float: right; } .center-content table{ width:100% !important; text-align:center; border-collapse: collapse; } .center-content table tr td{ width: 33%; text-align: center; border: 1px #282828 solid; font-size: 12px; line-height: 35px; } .infopreview{ width: 100%; height: 460px; padding-top: 40px; } .center-title{ font-weight: bold; font-size: 18px; color: #00ac36; line-height: 60px; margin-bottom: 20px; height: 59px; border-bottom: 1px solid #00ac36; } .parm{ float: right; width: 55%; text-align: left; text-indent: 10px; } .parm table tr td{ font-size: 12px; border: 1px #000 solid; line-height: 32px; text-indent: 10px; } .center-content p{ margin: 0px; font-size: 16px; line-height: 32px; } .de-news-list ul{ padding:0px; margin:0px; } .de-news-list ul a{ display: block; margin: 0px 5px; width: 1170px; padding: 10px; height: 125px; margin-bottom: 25px; font-size: 14px; line-height: 38px; color: #595959; box-shadow: 0 0 4px 2px rgb(204 204 204 / 90%); } .de-news-list ul a span{ display: block; color: #323232; font-weight: bold; font-size: 15px; line-height: 42px; } .de-news-list ul a:hover{ box-shadow: 0 0 4px 2px rgb(0 172 54 / 90%); } .img{ height: 160px; width: 210px; float: left; } .img img{ display: block; height: 160px; width: 210px; object-fit: cover; } .box{ width: 100%; float: right; height: 160px; } .news-detail-title{ padding-bottom: 15px; border-bottom: 1px dashed #ededed; text-align: center; margin-bottom: 15px; } .h3{ font-size: 18px; color: #323232; line-height: 24px; font-weight: bold; margin: 25px 0 10px; } .b{ font-size: 13px; color: #999999; line-height: 20px; } .news-detail p{ margin: 0px; font-size: 16px; line-height: 32px; } .newsPage{ color: #323232; font-size: 12px; line-height: 26px; margin-top: 25px; } .page-a{ height: 44px; line-height: 44px; border-bottom: 1px #ccc dashed; margin-bottom: 10px; font-size: 14px; } .newsPage a{ color: #323232; } .page-a a:hover{ font-weight:bold; color:#00ac36; } .contact-list{ overflow: hidden; margin: 25px auto; } .contact-list ul{ padding:0; margin:0; } .contact-list li{ min-height: 28px; padding-left: 50px; float: left; width: 550px; font-size: 14px; color: #595959; line-height: 20px; padding-top: 8px; margin-bottom: 14px; word-wrap: break-word; } .icon-01{ background: url(../images/contact-icon-01.png) no-repeat left top; } .icon-02{ background: url(../images/contact-icon-02.png) no-repeat left top; } .icon-03{ background: url(../images/contact-icon-03.png) no-repeat left top; } .icon-04{ background: url(../images/contact-icon-04.png) no-repeat left top; } .icon-05{ background: url(../images/contact-icon-05.png) no-repeat left top; } .icon-06{ background: url(../images/contact-icon-06.png) no-repeat left top; } #dituContent{ width: 100%; height: 500px; margin: 0 auto; } .de-message{ overflow: hidden; padding: 0 5px; width: 695px; margin: 0px auto; } .tips{ font-size: 13px; line-height: 55px; color: #737373; } .form-tr{ overflow: hidden; } .form-tr input{ display: block; width: 658px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6; } .error{ height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px; } .form-tr textarea{ display: block; width: 658px; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6; } .code input{ width: 188px; float: left; } .verify{ cursor: pointer; float: left; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0; } .verify img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .submit{ margin-top: 15px; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #007b42; color: #fff; font-size: 15px; } /************ 鍐呴〉 ***************/