/************ HEADER ***************/ #n_div{ width: 100%; height: 300px; padding-top: 30px; overflow: hidden; position: relative; z-index: 999; } #n_div_l{ width:300px; float:left; padding-top: 10px; } #n_div_c{ width: 960px; float: left; padding-top: 10px; } .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: 105px; } .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: #FFF; display: block; font-family: '寰蒋闆呴粦'; font-size: 16px; line-height: 50px; width: 130px; text-align: center; height: 50px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin-left: 0px; } /* 鎮仠鏃剁殑鏍峰紡 */ .menu li:hover { /*color:#8e2627;*/ border-bottom: 2px solid #ff7e0e; /*border-top: 2px solid #1B1B1B;*/ font-weight:bold; } .menu li:hover > a { /*border-radius: 5px 0 0 0;*/ /*border-left: 3px solid #C4302B;*/ color: #fff; border:0; } .menu li:hover > .submenu li { border:0; } /* 瀛愯彍鍗曟牱寮 */ .submenu { left: 0; max-height: 0; position: absolute; top: 52px; z-index: 0; /*border-top: 2px #8e2627 solid;*/ -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; background:rgba(255,255,255,1); } .submenu li { 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: 13px; height: 35px; line-height: 35px; font-weight: normal; color: #333333; margin: 5px 0px; width: 130px; } .menu .submenu li:hover a { /*border-left: 3px solid #454545;*/ border-radius: 0; color: #ff7e0e; } .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; } #n_div_r{ width:240px; float:right; } #tel_div{ height: 50px; line-height: 75px; overflow: hidden; background: url(../img/tel_bg.png) no-repeat; font-size: 19px; color: #FFF; font-family: 'Impact'; letter-spacing: 1px; text-align: right; width: 240px; } #tel_div span{ display: block; float: left; font-size: 14px; text-indent: 60px; letter-spacing: 0px; } /************ HEADER ***************/ /************ FOOTER ***************/ .footer{ height: 440px; background: #034094; width: 100%; } #foot_t{ width: 100%; height: 300px; padding: 42px 0px; } .foot_sp{ display: block; font-size: 20px; color: #FFF; letter-spacing: 1px; line-height: 40px; height: 45px; overflow: hidden; margin-bottom: 30px; } .foot_sp i{ display: block; width: 45px; height: 2px; background: #FFF; } #foot_l{ width: 370px; padding-right: 69px; border-right: 1px #5478aa solid; float: left; height: 300px; } #foot_l img{ display: block; height: 55px; margin-bottom: 25px; } #foot_l_c{ width: 100%; } #foot_l_c span{ display: block; height: 22px; line-height: 22px; color: #FFF; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; } #foot_l_c span img{ display: block; float: left; width: 20px; height: 22px; margin-bottom: 0; margin-right: 15px; } #foot_r{ width: 980px; float: right; } #foot_r_c{} .foot_nav_box{ float: left; width: 163px; text-align: center; } .foot_nav_box span{ display: block; font-size: 16px; color: #FFF; letter-spacing: 1px; line-height: 45px; } .foot_nav_box a{ display: block; font-size: 13px; color: #FFF; text-align: center; letter-spacing: 1px; line-height: 34px; } #foot_icp{ width: 100%; height: 54px; line-height: 54px; border-top: 1px #5478aa solid; text-align: center; font-size: 14px; color: #FFF; text-transform: uppercase; letter-spacing: 1px; } #foot_icp a{ color: #FFF; } /************ FOOTER ***************/ /************ INDEX MAIN ***************/ #main_i{ overflow: hidden; } #index1{ width: 100%; height: 640px; padding-top: 110px; background: url(../img/index1_bg.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; } #index1_c{ width: 775px; height: 410px; background: url(../img/index1_c_bg.png) no-repeat; padding: 50px 80px 50px 65px; float: right; font-size: 16px; letter-spacing: 1px; color: #FFF; line-height: 38px; } #index1_c span{ display: block; font-size: 36px; font-weight: bold; line-height: 70px; } #index1_c a{ display: block; width: 170px; text-align: center; height: 55px; line-height: 55px; background: #ff7e0e; color: #FFF; border-radius: 40px; margin-top: 40px; } #index2{ width: 100%; height: 855px; margin-top:40px; } #index2_c{ width:100%; height:855px; background:url(../img/index2_c_bg.jpg) no-repeat; } #index2_c_box{ width: 415px; padding-left: 435px; font-size: 15px; color: #FFF; letter-spacing: 1px; line-height: 28px; padding-top: 60px; } #index2_c_box span{ display: block; font-size: 36px; font-weight: bold; line-height: 40px; margin-bottom: 10px; height: 75px; } #index2_c_box span small{ display: block; font-weight: normal; font-size: 15px; } #index2_c_box p{ padding:0; margin:0; } #index2_c_box a{ display: block; font-size: 14px; color: #FFF; margin-top: 20px; } #index3{ width: 100%; height: 835px; padding-top: 55px; background: url(../img/index3_bg.jpg) no-repeat; filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-top: 40px; } #index3_title{ font-size: 36px; color: #000000; font-weight: bold; letter-spacing: 1px; height: 55px; line-height: 55px; } #index3_title a{ display: block; float: right; width: 170px; font-size: 15px; height: 55px; line-height: 53px; background: url(../img/index3_more.png) no-repeat; font-weight: normal; color: #070002; background-color: #FFF; border-radius: 30px; text-indent: 70px; } #index3_c{ width: 100%; height: 650px; margin-top: 40px; } #index3_l{ width: 660px; height: 580px; float: left; padding: 35px 40px; background: #FFF; border-radius: 10px; } .hybk_a{ display: block; font-size: 13px; color: #070002; letter-spacing: 1px; line-height: 26px; } .hybk_a img{ display: block; width: 100%; height: 350px; margin-bottom: 40px; } .hybk_a span{ display: block; font-size: 23px; color: #000000; font-weight: bold; line-height: 56px; } .hybk_a small{ display: block; font-style: normal; color: #035fa3; } .hybk_a i{ display: block; font-style: normal; color: #646464; line-height: 50px; } .index3_c_bottom{ height: 45px; width: 100%; margin-top: -435px; float: right; z-index: 999; position: relative; } .index3_c_bottom .prev{ width: 45px; text-align: center; height: 45px; line-height: 35px; background: #034094; color: #FFF; float: left; font-size: 40px; margin-right: 10px; border-radius: 50%; } .index3_c_bottom_a{ /* display:block; width:35px; height:35px; background:url(../img/index6_c_bottom_a.jpg) no-repeat; float:left; margin-right:10px;*/ } .index3_c_bottom .next{ width: 45px; text-align: center; height: 45px; line-height: 35px; background: #034094; color: #FFF; float: right; font-size: 40px; border-radius: 50%; } #index3_r{ width: 670px; height: 580px; float: right; background: #FFF; padding: 35px; border-radius: 10px; } .news_box{ display: block; height: 75px; padding-bottom: 19px; border-bottom: 1px #f2f2f2 solid; margin-bottom: 20px; color: #272727; letter-spacing: 1px; } .news_box:hover{ color:#bb0101; font-weight:bold; } .news_box:hover>.news_box_l{ color:#bb0101; } .news_box_l{ width: 70px; text-align: center; float: left; color: #5f5f5f; line-height: 30px; padding-top: 15px; } .news_box_l i{ display: block; font-style: normal; font-size: 22px; } .news_box_r{ width: 570px; float: right; height: 75px; line-height: 75px; font-size: 18px; } .news_box_r i{ font-style: normal; float: right; } /************ INDEX MAIN ***************/ /************ SIDEBAR ***************/ .sidebar_box{} .sidebar_box a{ display: block; float: left; border: 1px #aaaaaa solid; width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 17px; color: #000000; letter-spacing: 1px; border-radius: 30px; margin: 0px 1%; } .sidebar_box a:hover{ background:#ff7e0e; border:1px #ff7e0e solid; color:#FFF; } /************ SIDEBAR ***************/ /************ 鍐呴〉 ***************/ .commoninner{ width: 1500px; margin: 0px auto; margin-top: 40px; margin-bottom: 50px; } .inner-left{ width: 100%; height: 100px; } .inner-right{ width: 100%; } .title{ margin: 0px; padding: 0px; height: 50px; line-height: 50px; } .weizhi{ display: block; float: right; font-size: 14px; color: #000000; letter-spacing: 1px; } .weizhi a{ color: #000000; } .de-about-content{} .de-about-content p{ margin: 0px; font-size: 16px; line-height: 40px; color: #000000; text-align: center; letter-spacing: 1px; } #qywh_c1{ width: 100%; height: 430px; } .qywh_c1_box{ width: 738px; height:425px; text-align: center; font-size: 24px; color: #FFF; letter-spacing: 1px; line-height: 40px; float:left; } .qywh_c1_box img{ display: block; width: 738px; height: 425px; } .qywh_c1_box span{ display: block; font-size: 60px; margin-top: -310px; line-height: 80px; letter-spacing: 15px; margin-bottom: 55px; } .qywh_c1_box i{ display: block; padding: 0 140px; text-align: center; font-style: normal; } #qywh_c2{ width: 100%; padding: 55px 0px; height: 445px; } .qywh_c2_box{ width: 310px; padding: 40px 20px; box-shadow: 0 0 4px 2px rgb(204 204 204 / 90%); float: left; height: 360px; margin-right: 25px; margin-left: 5px; border-radius: 20px; font-size: 15px; color: #4f4f4f; letter-spacing: 1px; line-height: 32px; } .qywh_c2_box span{ display: block; text-align: center; font-size: 28px; font-weight: bold; margin-bottom: 15px; } .qywh_c2_box p{ padding:0; margin:0; } .de-hzhb-list{ overflow: hidden; margin-top: 25px; } .de-hzhb-list ul{ padding:0px; margin:0px; } .de-hzhb-list ul a{ display: block; border: 1px #c4c4c4 solid; width: 358px; height: 228px; overflow: hidden; float: left; margin: 0px 7px; margin-bottom: 25px; } .de-hzhb-list ul a img{ display:block; width:358px; height:228px; } .de-product-list{ overflow: hidden; } .de-product-list ul{ padding:0px; margin:0px; } .de-product-list ul a{ display: block; width: 360px; height: 380px; float: left; /* border: 1px #dcdcdc solid; */ /* background: #f3f3f3; */ text-align: center; line-height: 50px; color: #282828; font-size: 12px; font-family: '寰蒋闆呴粦'; margin: 0px 7px; margin-bottom: 20px; overflow:hidden; } .de-product-list ul a img{ display: block; width: 360px; height: 380px; object-fit: cover; } .de-product-list ul a:hover>span{ margin-top: -380px; transition:all 0.3s linear 0s; } .de-product-list ul a span{ display: block; width: 360px; height: 280px; padding-top: 100px; position: relative; /*margin-top: -380px;*/ background: rgba(0,0,0,0.5); color: #FFF; font-size: 22px; letter-spacing: 1px; line-height: 100px; } .de-product-list ul a span i{ display: block; font-style: normal; border: 1px #fff solid; width: 150px; text-align: center; height: 35px; line-height: 35px; margin: 0px auto; font-size: 15px; border-radius: 20px; } .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: #1a7ebb; line-height: 60px; margin-bottom: 20px; height: 59px; border-bottom: 1px solid #1a7ebb; } .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: 14px; line-height: 28px; } .de-news-list ul{ padding:0px; margin:0px; } .de-news-list ul a{ display: block; width: 100%; padding: 10px; height: 90px; padding-bottom: 19px; margin-bottom: 20px; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #5c5c5c; border-bottom: 1px #f1f1f1 solid; } .xw_l{ width: 80px; float: left; padding: 0px 25px; } .xw_l span{ display: block; text-align: center; } .xw_l span i{ display: block; font-style: normal; font-size: 24px; padding-top: 15px; } .xw_r{ width: 1320px; float: right; padding-right: 30px; } .xw_r span{ display: block; font-size: 17px; font-weight: bold; } .de-news-list ul a:hover{ color:#034094; } .img{ height: 160px; width: 210px; float: left; } .img img{ display: block; height: 160px; width: 210px; object-fit: cover; } .box{ width: 640px; 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: 14px; line-height: 28px; } .newsPage{ color: #323232; font-size: 12px; line-height: 26px; margin-top: 25px; } .page-a{ display: block; width: 49%; height: 44px; line-height: 44px; border: 1px #ccc solid; text-indent: 10px; float: left; margin: 0px 5px; } .newsPage a{ color: #323232; } .page-a a:hover{ font-weight:bold; color:#1a7ebb; padding-left:10px; } .contact-list{ overflow: hidden; width: 30%; float: left; } .contact-list ul{ padding:0; margin:0; } .contact-list li{ min-height: 40px; padding-left: 50px; float: left; width: 100%; font-size: 15px; color: #595959; line-height: 32px; padding-top: 8px; margin-bottom: 14px; word-wrap: break-word; letter-spacing: 1px; background-color: #f4f4f4; } .icon-01{ background: url(../images/contact-icon-01.png) no-repeat left top 55%; } .icon-02{ background: url(../images/contact-icon-02.png) no-repeat left top 55%; } .icon-03{ background: url(../images/contact-icon-03.png) no-repeat left top 55%; } .icon-04{ background: url(../images/contact-icon-04.png) no-repeat left top 55%; } .icon-05{ background: url(../images/contact-icon-05.png) no-repeat left top 55%; } .icon-06{ background: url(../images/contact-icon-06.png) no-repeat left top 55%; } #dituContent{ width: 100%; height: 500px; margin: 0 auto; } .de-message{ overflow: hidden; width: 46%; 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; } /************ 鍐呴〉 ***************/