@charset "utf-8"; HTML{ width: 100%; height: 100%; font-size: 12px; overflow: hidden; -moz-position: relative; -webkit-position: relative; } BODY{ width: 100%; height: 100%; font-size: 12px; overflow: hidden; -webkit-position: relative; } BODY{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: 12px/1.2 Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "宋体", sans-serif; background: #000; color: #333; padding-top: 0px; } A IMG{ border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px; } A:active{ outline-style: none; outline-color: invert; outline-width: 0px; } A{ color: #333; text-decoration: none; } A:visited{ text-decoration: none; } A:hover{ text-decoration: none; } A:active{ border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px; } P{ word-wrap: break-word; } H1{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } H2{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } H3{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } H4{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } BODY{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } OL{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } UL{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } LI{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } TABLE{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } TR{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } TD{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } DT{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } DD{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } DL{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } P{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H1{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H2{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H3{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H4{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H5{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } H6{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } FORM{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } INPUT{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } SELECT{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } TEXTAREA{ padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "å¾®èÊY雅黑"; font-weight: normal; padding-top: 0px; } LI{ list-style-type: none; } .fl{ float: left; } .fr{ float: right; } .head{ z-index: 999; position: fixed; width: 100%; background: url(../images/nav_bg.png) center top; height: 75px; top: 0px; left: 0px; } .logo{ margin: 0px auto; width: 315px; float: left; height: 75px; } .logo img{width:100%;height:75px;} .nav{ margin: 0px auto; width: 1200px; float: none; } .nav li{ float: left; position:relative; } .nav li .sec{ position:absolute; left:0; top:75px; display:none; } .nav li .sec a{ line-height:40px; height:40px; background: url(../images/nav_bg.png) center top; } .nav li .sec a:hover{ background: #6f0000; color:#fff; } .nav li a{ text-align: center; line-height: 75px; width: 110px; display: block; float: left; height: 75px; color: #333; font-size: 14px; } .nav li a:hover{ background: #6f0000; color: #fff; } .nav li a:active{ background: #6f0000; color: #444; } .rightNav{ } #menu{ z-index: 999; position: fixed; width: 90px; background: url(../images/nav_bg.png) center top; overflow: hidden; top: 300px; right: 0px; } #menu LI{ } #menu LI A{ text-align: center; line-height: 40px; width: 85px; display: block; float: none; height: 40px; color: #5c410c; text-decoration: none; padding-top: 0px; } #menu LI A:hover{ background: #6f0000; color: #fff; } #menu .active A{ background: #6f0000; color: #fff; } .section1{ } .section2{ background: url(../images/2.jpg) no-repeat center center; } .section3{ background: url(../images/4.jpg) no-repeat center top; } .section4{ background: url(../images/5.jpg) no-repeat center top; } .section5{ background: url(../images/3.jpg) no-repeat center top; } .section6{ background: url(../images/6.jpg) no-repeat center top; } .section7{ background: url(../images/7.jpg) no-repeat center top; } .wrapper{ position: relative; margin: 0px auto; width: 1200px; height: 100%; } .foot{ z-index: 99999; position: fixed; bottom: 0px; margin-bottom: 5px; right: 0px; margin-right: 20px; } .scroll_tips{ position: absolute; width: 62px; bottom: 120px; margin-left: -31px; left: 50%; } .one_title{ position: absolute; width: 562px; top: 0px; left: 50%; opacity: 0; } .one_text{ position: absolute; text-align: left; line-height: 24px; width: 417px; color: #fff; top: 320px; left: 220px; opacity: 0; } .one_text01{ position: absolute; text-align: left; line-height: 24px; width: 758px; color: #fff; top: 380px; left: 220px; opacity: 0; } .two_title{ position: absolute; width: 401px; top: 0px; right: 35%; opacity: 0; } .two_title h3{ text-align: center; font-family: "å¾®èÊY雅黑"; color: #333; font-size: 20px; background: url(../images/about_title.png) top center no-repeat; height: 70px; line-height: 115px; } .two_text{ position: absolute; text-align: left; line-height:27px; width: 1000px; color: #4c4c4c; font-size: 14px; top: 35%; right: 0px; opacity: 0; height:100px; overflow:hidden; } .two_text p{ } .two_dj{ position: absolute; width: 130px; display: none; top: 420px; right: 20px; } .two_menu{ width: 1200px; float: none; top: 60%; position:absolute; } .two_menu .about1 a{ text-align: center; width: 156px; background: url(../images/about_pic.png) no-repeat center top; height: 179px; color: #fff; font-size: 14px; line-height: 62px; padding-top: 179px; } .two_menu .about2 a{ text-align: center; width: 156px; height: 179px; background: url(../images/honor_pic.png) no-repeat center top; color: #fff; font-size: 14px; padding-top: 179px; line-height: 62px; } .two_menu .about3 a{ text-align: center; width: 156px; height: 179px; background: url(../images/wenhua_pic.png) no-repeat center top; line-height: 62px; color: #fff; font-size: 14px; padding-top: 179px; } .two_menu .about4 a{ text-align: center; width: 156px; height: 179px; background: url(../images/job_pic.png) no-repeat center top; line-height: 62px; color: #fff; font-size: 14px; padding-top: 179px; } .two_menu .about5 a{ text-align: center; width: 156px; height: 179px; background: url(../images/contact_pic.png) no-repeat center top; line-height: 62px; color: #fff; font-size: 14px; padding-top: 179px; } .two_menu .xz{ font-family: arial; color: #ccc; font-size: 12px; } .two_menu .about1 a:hover{ filter: alpha(opacity=50); background: url(../images/about_pic1.png) no-repeat center top; } .two_menu .about2 a:hover{ filter: alpha(opacity=50); background: url(../images/honor_pic1.png) no-repeat center top; } .two_menu .about3 a:hover{ filter: alpha(opacity=50); background: url(../images/wenhua_pic1.png) no-repeat center top; } .two_menu .about4 a:hover{ filter: alpha(opacity=50); background: url(../images/job_pic1.png) no-repeat center top; } .two_menu .about5 a:hover{ filter: alpha(opacity=50); background: url(../images/contact_pic1.png) no-repeat center top; } .two_menu li{ position: absolute; filter: alpha(opacity=0); float: right; top: 65%; left: 200px; opacity: 0; } .two_menu li a{ text-align: center; line-height: 20px; width: 100px; display: block; float: left; height: 50px; color: #5c410c; font-size: 14px; text-decoration: none; } .two_menu li a:hover{ background: url(/images/3_dj.png) no-repeat; color: #000; } .two_menu li a:active{ background: url(/images/3_dj.png) no-repeat; color: #000; } .three_title{ position: absolute; width: 1200px; float: left; top: 0px; left: 0px; opacity: 0; background: url(../images/news_title.png) top center no-repeat; } .three_title h3{ text-align: center; font-family: "å¾®èÊY雅黑"; color: #333; font-size: 20px; background: url(../images/news_title.png) top center no-repeat; height: 70px; line-height: 115px; text-indent: 10px; } .three_menu1{ width: 1200px; background: url(/images/news_ico.png) no-repeat top center; float: left; top: 35%; position: absolute; left: 20px; } .news_company{ width: 466px; float: left; margin-left: 52px; } .news1_title{ text-align: center; font-size: 20px; color:#333; border:1px solid #c30d22; width: 142px; height: 40px; margin:0 auto; line-height: 42px; } .news_company .content{ margin-top: 65px; } .news_list{ } .news_list1 ol{ line-height:42px; position:relative; } .news_list1 ol a{ line-height:42px; color:#666; font-size: 14px; background: url(../images/list1.jpg) 0 50% no-repeat; padding-left: 18px; } .news_list1 ol a:hover{ text-decoration:none; color:#e87518; } .news_list1 ol span{ color:#333; z-index:0; line-height:42px; position:absolute; right:0px; top:0px; } .three_menu .prod01{ width: 40%; background: url(/images/three_prod_01.png) no-repeat center top; float: left; left: 0px; opacity: 0; } .three_menu .prod02{ width: 40%; background: url(/images/three_prod_02.png) no-repeat center top; float: right; right: 0px; opacity: 0; } .three_menu .prod03 A{ width: 175px; background: url(/images/three_prod_03.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod04 A{ width: 175px; background: url(/images/three_prod_04.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod05 A{ width: 175px; background: url(/images/three_prod_05.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod06 A{ width: 175px; background: url(/images/three_prod_06.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod07 A{ width: 175px; background: url(/images/three_prod_07.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod01 A:hover{ color:#990000; } .three_menu .prod02 A:hover{ color:#990000; } .three_menu .prod03 A:hover{ width: 175px; background: url(/images/three_prod_03h.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod04 A:hover{ width: 175px; background: url(/images/three_prod_04h.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod05 A:hover{ width: 175px; background: url(/images/three_prod_05h.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod06 A:hover{ width: 175px; background: url(/images/three_prod_06h.png) no-repeat center top; float: left; padding-top: 431px; } .three_menu .prod07 A:hover{ width: 175px; background: url(/images/three_prod_07.png) no-repeat center top; float: left; padding-top: 431px; } .xz{ font-family: arial; color: #6d6d6d; font-size: 10px; } .four_title h3{ text-align: center; font-family: "å¾®èÊY雅黑"; color: #333; font-size: 20px; background: url(../images/case_title.png) top center no-repeat; height: 70px; line-height: 115px; text-indent: 5px; } .four_title{ position: absolute; width: 100%; float: left; top: 0px; left: 0px; opacity: 0; } .four_menu1{ width: 1200px; top:32%; position: absolute; left: 0; } #focus{ width: 1200px; height:688px; overflow: hidden; position: relative; } #focus ul{ height: 570px; position: absolute; left: 0; } #focus ol{ float: left; margin:0 13px; position: relative; overflow: hidden; } #focus ol a img{ width: 265px; height: 183px; border:1px solid #fafbfd; padding:3px; border-radius: 5px; } #focus ol a img:hover{ border-color:#e5370b; } #focus ol h3{ line-height: 42px; text-align: center; } #focus ol h3 a{ color:#333; font-size: 14px; } #focus .preNext {width:52px; height:52px; position:absolute; top:635px; background:url(../images/pre.png) no-repeat 0 0; cursor:pointer;z-index:9999;} #focus .pre{left:490px; background-position:right top;} #focus .next{right:490px; background-position:left top;} #focus .pre:hover{background: url(../images/pre1.png) no-repeat;} #focus .next:hover{background: url(../images/next1.png) no-repeat;} .four_menu .xz{ font-family: arial; color: #3b2e07; font-size: 13px; } .four_menu .fuwu1 A{ padding-bottom: 60px; width: 175px; background: url(/images/three_fuwu_01.png) no-repeat center top; float: left; height: 50px; padding-top: 460px; } .four_menu .fuwu2 A{ padding-bottom: 65px; width: 190px; background: url(/images/three_fuwu_02.png) no-repeat center top; float: left; height: 50px; padding-top: 255px; } .four_menu .fuwu3 A{ padding-bottom: 65px; width: 168px; background: url(/images/three_fuwu_03.png) no-repeat center top; float: left; height: 50px; padding-top: 475px; } .four_menu .fuwu4 A{ padding-bottom: 65px; width: 190px; background: url(/images/three_fuwu_04.png) no-repeat center top; float: left; height: 50px; padding-top: 282px; } .four_menu .fuwu1 A:hover{ padding-bottom: 60px; width: 175px; background: url(/images/three_fuwu_01h.png) no-repeat center top; float: left; height: 50px; padding-top: 460px; } .four_menu .fuwu2 A:hover{ padding-bottom: 65px; width: 190px; background: url(/images/three_fuwu_02h.png) no-repeat center top; float: left; height: 50px; padding-top: 255px; } .four_menu .fuwu3 A:hover{ padding-bottom: 65px; width: 168px; background: url(/images/three_fuwu_03h.png) no-repeat center top; float: left; height: 50px; padding-top: 475px; } .four_menu .fuwu4 A:hover{ padding-bottom: 65px; width: 190px; background: url(/images/three_fuwu_04h.png) no-repeat center top; float: left; height: 50px; padding-top: 282px; } .five_title{ position: absolute; width: 100%; float: left; left: 0; top:0; opacity: 0; } .five_title h3{ text-align: center; font-family: "å¾®èÊY雅黑"; color: #333; font-size: 20px; background: url(../images/honor_title.png) top center no-repeat; height: 70px; line-height: 115px; text-indent: 5px; } .product_listt{padding-left: 15px;} .product_listt li{float:left;_display:inline;margin:0 14px;margin-bottom:25px;} .product_listt li a.img{} .product_listt li a.img img{width:265px;height:183px;} .product_listt li h3{text-align:center;padding-top:5px;} .product_listt li h3 a{font-weight:normal;} .product_listt li a.img{display:block;} .product_listt li a.img:hover{border-color:#e87518;} .five_t{ position: absolute; margin-top: -362px; width: 590px; float: left; height: 725px; top: 50%; right: 0px; opacity: 0; } .five_list{ position: absolute; width: 1200px; background: url(../images/honor_line.png11) no-repeat center 43%; float: left; color: #000; top: 120px; left: 0px; opacity: 0; } .five_list LI{ float: left; } .five_menu LI A{ text-align: center; line-height: 27px; width: 120px; display: block; background: url(/images/5_bj.png) no-repeat; float: left; height: 37px; color: #fff; font-size: 12px; text-decoration: none; } .five_menu LI A:hover{ background: url(/images/5_dj.png) no-repeat; color: #000; } .five_menu LI A:active{ background: url(/images/5_dj.png) no-repeat; color: #000; } .six_title{ position: absolute; width: 602px; float: left; top: 0px; left: 25%; opacity: 0; } .six_title h3{ text-align: center; font-family: "å¾®èÊY雅黑"; color: #fff; font-size: 20px; background: url(../images/contact_title.png) top center no-repeat; height: 70px; line-height: 115px; text-indent: 5px; margin-bottom:10px; } .six_title p{ color:#fff; font-size: 29px; text-align: center; line-height:50px; } .six_text{ position: absolute; text-align: center; line-height: 22px; width: 850px; color: #fff; top: 50%; left: 16%; opacity: 0; color:#fff; font-size: 14px; } .six_text a{ color:#fff; font-size: 14px; } .six_menu{ width: 280px; float: left; } .six_menu LI{ position: absolute; filter: alpha(opacity=0); bottom: 0px; float: left; margin-left: -130px; top: 450px; left: 50%; opacity: 0; } .six_menu LI A{ text-align: center; line-height: 120px; width: 120px; display: block; background: url(/images/7_bj.png) no-repeat; float: left; height: 120px; color: #fff; margin-left: 10px; font-size: 14px; margin-right: 10px; text-decoration: none; } .six_menu LI A:hover{ background: url(/images/7_dj.png) no-repeat; color: #000; } .six_menu LI A:active{ background: url(/images/7_dj.png) no-repeat; color: #000; } .seven_title{ position: absolute; width: 515px; float: left; top: 0px; left: 20px; opacity: 0; } .seven_menu{ width: 600px; float: left; left: 0px; } .seven_menu LI{ position: absolute; filter: alpha(opacity=0); float: left; top: 0px; opacity: 0; } .seven_menu LI A{ text-align: center; line-height: 120px; width: 120px; display: block; background: url(/images/7_bj.png) no-repeat; float: left; height: 120px; color: #fff; margin-left: 10px; font-size: 14px; margin-right: 10px; text-decoration: none; } .seven_menu LI A:hover{ background: url(/images/7_dj.png) no-repeat; color: #000; } .seven_menu LI A:active{ background: url(/images/7_dj.png) no-repeat; color: #000; } .banner-img{ margin-top:18%; margin-left:70px; } Â鶹»Ø¼ÒÊÓƵÇøÒ»Çø¶þ,Â鶹¹û¶³´«Ã½¾«Æ·2021,ÑÞĸ¶¯ÂþƬ1¡«6È«¼¯ÔÚÏß²¥·ÅÒ»,Å·ÃÀÐÔÉ«ÕûƬÔÚÏß²¥·Å