/**************************************/ /*************[鍏敤start]**************/ /**************************************/ /*涓荤珯鍙樼伆*/ /*html { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) } * { -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; }*/ /*涓荤珯鍙樼伆*/ /*娣樺疂鍙樼伆*/ /* body, html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/ /*娣樺疂鍙樼伆*/ /*鐧惧害鐧剧璁婄伆*/ /*body.memorial>* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1) } */ /*鐧惧害鐧剧璁婄伆*/ div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; max-width: 100%; } div.wp{ width: 1200px; /*涓昏鍐呭鍖哄昂瀵稿ぇ灏忥紝姣忔鍒朵綔鍓嶆洿鏂帮紒锛侊紒 */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*鍥剧墖涓績鏀惧ぇ浠g爜鍖哄煙*/ .img-box{/*鍥剧墖鐩掑瓙绫诲悕*/ overflow: hidden; } .img-box img{ transition: .3s; width: 100%; max-width: 100%; } .img-box:hover img{ /*鍥剧墖涓績鏀惧ぇ浠g爜*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*鍥剧墖涓績鏀惧ぇ浠g爜鍖哄煙*/ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 鏃堕棿鏇茬嚎*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /**************************************/ /************[鍏敤over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ background-color: #fff; height: 120px; border-top: 3px solid #e50100; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; box-shadow: 0px 3px 6.86px 0.14px rgba(92, 92, 92, 0.3); } .logo{ margin-top: 25px; width: 419px; } .logo a,.logo img{ display: block; width: 100%; } .search{ margin-top: 41px; width: 38px; margin-left: 15px; } .search a,.search img{ display: block; width: 100%; } .language_en{ margin-top: 41px; width: 38px; margin-left:15px; } .language_en a,.language_en img{ display: block; width: 100%; } .nav ul{ margin:0; } .nav>ul>li{ float: left; position: relative; } .nav>ul>li+li{margin-left: 40px;} .nav>ul>li>a{ position: relative; display: block; font-size: 16px; color: #333; padding: 0 3px; height: 117px; line-height: 117px; } .nav>ul>li>a::after { position: absolute; content: ""; width: 0; height: 3px; background-color: #e50100; bottom:25px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nav>ul>li:hover>a::after,.nav>ul>li.cur>a::after{ width: 100%; right: auto; left: 0; } .nav>ul>li>ul{ position: absolute; left:50%; margin-left: -55px; width: 110px; right: 0; top:100%; z-index: 600; background-color: #fff; display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 8px 0px; text-align: center; line-height: 1.6; font-size: 14px; color:#333; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #e50100; color: #fff; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ margin-top: 120px; } .fafa .slides>li{ min-height: 486px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .banner-wen{ padding: 105px 0 60px; } .banner-wen h1{ margin:0; font-size: 48px; color:#fff; line-height: 1; text-align: center; opacity: 0.8; letter-spacing: 50px; position: relative; left: 29px; } .banner-wen h2{ margin:0; font-size: 85px; color:#fff; line-height: 1; text-align: center; letter-spacing: 20px; font-weight: bold; margin:40px 0 25px; } .banner-wen h3{ margin:0; font-size: 22px; color:#fff; line-height: 1.5; text-align: center; } .banner-a{margin-top:45px; } .banner-a a{ display: block; width: 154px; height: 45px; line-height: 45px; border-radius: 3px; font-size: 16px; color: #fff; text-align: center; margin:0 auto; background-color: #ea0200; transition: .3s; } .banner-a a:hover{ background-color: #d20402; border-radius: 8px; } .fafa .flex-direction-nav{ width: 1400px; height: 0; top: 50%; left: 50%; margin-left: -700px; position: absolute; } .fafa .flex-direction-nav .flex-prev{ left: -50px; width: 50px; height: 50px; margin-top: -25px; } .fafa .flex-direction-nav .flex-next{ right: -50px; width: 50px; height: 50px; margin-top: -25px; } .main1{ padding: 60px 0; background-color: #f7fbff; } .title-11-title h1{ margin:0; font-size: 32px; color: #e50100; text-transform: uppercase; } .title-11-title h2{ margin:0; font-size: 30px; color: #333; margin-top: 5px; } .title-11-dl{ margin-top: 25px; } .title-11-dl dl{ margin:0; } .title-11-dl dd{ float: left; font-size: 16px; color: #333; } .title-11-dl dd+dd{ padding-left: 33px; background-repeat: no-repeat; background-position: 15px 5px; background-image: url(../images/dd.png); } .title-11-dl dd span{ cursor: pointer; padding: 0 4px; position: relative; display: block; } .title-11-dl dd.cur span{ font-weight: bold; } .title-11-dl dd span::after { position: absolute; content: ""; width: 0; height: 2px; background-color: #e50100; bottom: -12px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .title-11-dl dd.cur span::after{ width: 100%; right: auto; left: 0; } .title-11-dl dd a:hover{ color: #e50100; } .main1-2{ padding: 0px 25px; margin-top: 40px; } .main1-2-list .item:hover .pro-more a{ background-color: #e50100; } .main1-2-div-wp{ position: relative; overflow: hidden; } .main1-2-div{ position: absolute; width: 100%; left: -15000%; top: 0; } .main1-2-div.cur{ position: relative; left: 0; } .main1-2-list .owl-nav{ position: relative; width: 160px; height: 30px; margin:50px auto 0; } .main1-2-list .owl-nav button.owl-prev{ position: absolute; left:0px; top: 0%; width: 70px; height: 30px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; -webkit-background-size: cover; background-size: cover; transition: background-image .3s; } .main1-2-list .owl-nav button.owl-next{ position: absolute; right:0px; top: 0%; width: 70px; height: 30px; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; -webkit-background-size: cover; background-size: cover; transition: background-image .3s; } .main1-2-list .owl-nav button.owl-prev:hover{ background-image: url(../images/lefth.png); } .main1-2-list .owl-nav button.owl-next:hover{ background-image: url(../images/righth.png); } .main2-1{ padding: 80px 0 0; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/main2-1-bg.jpg); overflow: hidden; } .main2-1 .container{ position: relative; } .main2-1 .title-11-title{ position: absolute; left: 0; top: 0; } .main2-1 .title-11-title h1{ float: left; writing-mode: vertical-rl; writing-mode: tb-rl; } .main2-1 .title-11-title h2{ float: left; width: 35px; text-align: center; margin-top: 0; margin-left: 3px; } .main2-1-1{ max-width: 825px; margin:0 auto; } .main2-1-1-top{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: center; padding: 35px 0 30px; } .main2-1-1-top h1{ margin:0; font-size: 32px; color: #c61000; font-weight: bold; } .main2-1-1-top h2{ margin:0; font-size: 14px; color: #333; line-height: 1.6; margin-top: 15px; } .main2-1-1-bottom{ font-size: 13px; color: #b0b0b0; text-transform: uppercase; text-align: center; letter-spacing: 5px; margin-top: 10px; } .main2-1-2{ max-width: 1100px; margin:35px auto 40px; font-size: 14px; color: #333; line-height: 2; text-align: center; } .more1 a{ display: block; width: 50px; height: 106px; background-image: url(../images/more1.png); background-repeat: no-repeat; background-position: center; margin:0 auto; font-size: 14px; color: #fff; text-align: center; padding: 34px 15px 0; line-height: 1.2; } .more1 a:hover{ color: #c61000; } .main2-2{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main2-2-bg.jpg); } .main2-2-dl{ padding: 60px 0; } .main2-2-dl dl{ margin:0; } .main2-2-dl dd{ float: left; width: 20%; text-align: center; padding: 30px 0 20px; } .main2-2-dl dd+dd{ border-left: 1px solid rgba(255,255,255,0.3); } .main2-2-dl dd h1{ margin:0; display: inline-block; padding: 0 42px; position: relative; } .main2-2-dl dd h1 span{ font-size: 54px; color: #fff; font-weight: bold; line-height: 1; } .main2-2-dl dd h1 i{ position: absolute; right: 0; top: 0; font-size: 14px; color: #333; line-height: 1; width: 33px; height: 33px; line-height: 33px; text-align: center; background-image: url(../images/y.png); background-repeat: no-repeat; background-position: center; font-style: normal; vertical-align: top; margin-left: 15px; } .main2-2-dl dd h2{ margin:0; font-size: 14px; color: #fff; margin:20px 0 30px; } .main2-2-dl dd img{ margin:0 auto; width: 32px; display: block; } .main3{ padding: 60px 0; } .main3-1{ margin-top: 40px; } .main3-1-div{ display: none; } .main3-1-div:first-child{ display: block; } .main3-1-1{ width: 628px; } .main3-1-1 .imgbox_a{ padding-bottom: 60.51%; } .main3-1-1 .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 10; height: 145px; background-repeat: repeat-x; background-position: left top; background-image: url(../images/yy.png); content:""; } .main3-1-1 .imgbox_a h1{ position: absolute; width: 100%; left: 0; bottom: 0; margin:0; padding: 0 25px 22px; font-size: 20px; color: #fff; text-align: center; z-index: 20; } .main3-1-2{ width:772px; } .main3-1-2-div{ float: left; width: 50%; padding-left: 30px; } .main3-1-2-pic .imgbox_a{ padding-bottom: 60.51%; } .main3-1-2-pic{ position: relative; z-index: 15; } .main3-1-2-con{ background-color: #fff; padding: 30px 25px; box-shadow: 0px 4px 10px 0.24px rgba(150, 150, 150, 0.35); } .main3-1-2-con h1{ margin:0; font-size: 12px; color: #999; padding-left:35px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/new.png); font-style: italic; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main3-1-2-con h1 span{ color: #e50100; padding-right: 18px; font-style: normal; } .main3-1-2-con h2{ margin:0; font-size: 18px; color: #333; margin:15px 0 13px; } .main3-1-2-con h2 a:hover{ color: #e50100; } .main3-1-2-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.6; height: 3.2em; overflow: hidden; } .main3-2{ margin-top: 60px; } .main3-2>a{ display: block; height: 220px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; width: 48.5%; padding: 40px 60px 0 } .main3-2>a h1{ margin:0; font-size: 14px; color: #fff; } .main3-2>a h1::before{ display: inline-block; width: 20px; height: 2px; background-color: #fff; content:""; margin-right: 12px; vertical-align: middle; transition: width .3s; } .main3-2>a:hover h1::before{ width: 30px; } .main3-2>a h2{ margin:0; font-size: 24px; color: #fff; font-weight: bold; margin:12px 0 15px; } .main3-2>a p{ margin:0; font-size: 14px; color: #fff; line-height: 1.8; max-width: 440px; } .main3-2-1{ background-image: url(../images/main3-2-1.jpg); } .main3-2-2{ background-image: url(../images/main3-2-2.jpg); } .main4{ background-color: #f7fbff; } .main4-div{ padding-left: 90px; position: relative; } .main4-list-wp{ height: 60px; } .main4-title{ font-size: 16px; color: #333; font-weight: bold; position: absolute; left: 0; top: 0; height: 60px; line-height: 60px; } .main4-list{ font-size: 0; line-height: normal; height: 60px; overflow: hidden; } .main4-li{ display: inline-block; height: 60px; line-height: 60px; font-size: 16px; color: #333;margin-right: 35px; padding-left:17px ; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dod.png); } .main4-li a:hover{ color: #ea0200; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .footer-1{ padding: 45px 0 40px; border-bottom: 1px solid #6a6868; } .foo1-2{ width: 362px; padding-left: 75px; margin-left: 75px; border-left: 1px solid #6a6868; } .foo1-2 h1{ margin:0; font-size: 16px; color: #fff; font-weight: bold; } .foo1-2-p{ font-size: 14px; color: #7f7f7f; line-height: 2; margin-top: 20px; } .er{ margin-top: 30px; } .er-pic{ width: 112px; margin-right: 25px; } .er-pic img{ display: block; width: 100%; } .er-con{ overflow: hidden; font-size: 14px; color: #7f7f7f; padding-top: 45px; } .foo1-1{ overflow: hidden; } .foo1-1-top{ padding-bottom: 25px; border-bottom: 1px solid #6a6868; } .foo1-1-a{ width: 200px; margin-top: 6px; } .foo1-1-a a{ display: block; padding: 8px 0; padding-right: 85px; text-align: right; background-repeat: no-repeat; background-position: right center; background-image: url(../images/foo1-ico.png); } .foo1-1-a a h1{ margin:0; font-size: 16px; color: #fff; } .foo1-1-a a h2{ margin:0; font-size: 14px; color: #ea0200; margin-top: 6px; } .foo1-1-bottom{ padding-top: 23px; } .foo1-1-bottom ul{ margin:0; } .foo1-1-bottom li{ float: left; text-align: center; } .foo1-1-bottom li+li{ margin-left: 80px; } .foo1-1-bottom li h1{ margin:0; font-size: 16px; color: #fff; /*font-weight: bold;*/ } .foo1-1-bottom dl{ margin:0; padding-top: 8px; } .foo1-1-bottom dd{ margin-top: 10px; } .foo1-1-bottom dd a{ font-size: 14px; color: #7f7f7f; transition: color .3s; } .foo1-1-bottom dd a:hover{ color: #fff; } .logo2{ width: 419px; } .logo2 a,.logo2 img{ display: block; width: 100%; } .footer-2{ padding:20px 0; font-size: 14px; color: #7f7f7f; } .footer-2 a:hover{ color: #fff; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[鐗规畩css鏍峰紡瑕佹眰鍖哄煙]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; background-color: #fff; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:900; } .nav-2>ul>li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 5px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2>ul>li:first-child{ /*border-top: 0;*/ } .nav-2>ul>li>a{ padding:8px 10px; display: block; font-size: 16px; width: 100%; color:#333; font-family: "anb"; text-transform: uppercase; } .nav-2>ul>li>ul{ padding-bottom: 10px; display: none; } .nav-2>ul>li>ul>li>a{ padding: 6px 10px; display: block; font-size: 14px; padding-left: 25px; width: 100%; color:#666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .nav-2-form{ padding: 10px; position: relative; } .nav-2-form input[type="image"]{ position: absolute; right: 19px; top: 17px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 260px; margin-left: 15px; margin-top:16px; } .logo-2 img{ display: block; width: 100%; } .menu2{ margin-right: 15px; height: 75px; font-size: 0; } .menu2 li{ cursor:pointer ; margin-left: 15px; float: right; margin-top: 29px; } .menu2 li+li{ margin-top: 26px; width: 25px; } .menu2 li img{ /*vertical-align: middle;*/ } .chenggao{ display: none; height: 75px; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 800; background-image: url(../images/heidi.png); display: none; } /**************************************/ /********[鐗规畩css鏍峰紡瑕佹眰鍖哄煙]**********/ /**************************************/ .banner-2{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 170px 0 150px; text-align: center; } .banner-2 h1{ margin:0; font-size: 32px; color: #fff; text-transform: uppercase; } .banner-2 h2{ margin:0; font-size: 30px; color: #fff; margin-top: 5px; } .erji-top{ background-color: #fff; box-shadow: 0px 2px 8.73px 0.27px rgba(144, 144, 144, 0.3); position: relative; z-index: 50; } .mianbaoxie{ } .mianbaoxie dl{ margin:0; } .mianbaoxie dd{ float: left; height: 80px; line-height: 80px; font-size: 14px; color: #666; } .mianbaoxie dd+dd{ padding-left: 20px; background-image: url(../images/mian.png); background-repeat: no-repeat; background-position: 8px center; } .mianbaoxie dd a:hover,.mianbaoxie dd span{ color: #e50100; } .erji-nav dl{ margin:0; } .erji-nav dd{ float: left; } .erji-nav dd+dd{ margin-left: 40px; } .erji-nav dd>a{ display: block; height: 80px; line-height: 80px; font-size: 18px; color: #333; padding: 0 4px; position: relative; } .erji-nav dd>a::after { position: absolute; content: ""; width: 0; height: 2px; background-color: #e50100; bottom: 0px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .erji-nav dd>a:hover::after,.erji-nav dd.cur>a::after{ width: 100%; right: auto; left: 0; } .erji-nav dd.cur>a{ color: #e50100; font-weight: bold; } .erji-bottom{ background-color: #f7fbff; padding: 70px 0; overflow: hidden; } .xiazai dl{ margin:0; margin-left: -3%; } .xiazai dd{ float: left; width: 47%; margin-left: 3%; margin-top: 3%; } .xiazai dd:first-child, .xiazai dd:first-child+dd{ margin-top: 0; } .xiazai dd>a{ display: block; padding: 35px 80px 35px 40px; background-color: #fff; position: relative; } .xiazai dd>a::after{ position: absolute; right: 42px; top: 50%; margin-top: -10px; width: 17px; height: 19px; content:""; background-image: url(../images/xiazai-ico2.png); background-repeat: no-repeat; background-position: center; } .xaizai-con{ padding-left: 80px; background-image: url(../images/xiazai-ico1.png); background-repeat: no-repeat; background-position: left center; min-height: 42px; } .xaizai-con h1{ margin:0; font-size: 18px; color: #333; } .xaizai-con h2{ margin:0; font-size: 14px; color: #999; margin-top: 8px; } .xiazai dd>a:hover::after{ background-image: url(../images/xiazai-ico2h.png); } .xiazai dd>a:hover .xaizai-con{ background-image: url(../images/xiazai-ico1h.png); } .xiazai dd>a:hover .xaizai-con h1{color: #e50100;} .erji-title{ text-align: center; } .erji-title h1{ margin:0; font-size: 24px; color: #333; font-weight: bold; } .erji-title h2{ margin:0; font-size: 14px; color: #666; line-height: 1.5; margin-top: 13px; } .liuyan{ background-color: #f5f5f5; padding: 65px; margin-top: 50px; } .liuyan-dl{ overflow: hidden; } .liuyan-dl dl{ margin:0; margin-left: -3%; margin-top: -3%; } .liuyan-dl dd{ float: left; width: 30.3333333333%; margin-left: 3%; margin-top: 3%; } .liuyan-dl dd.fulldd{ width: 97%; } .liuyan-title{ font-size: 16px; color: #333; padding-bottom: 10px; } .liuyan-input{ background-color: #fff; } .liuyan input:focus, .liuyan textarea:focus{ outline: none; } .liuyan-input input{ display: block; width: 100%; height: 55px; background-color:#fff; border:0; font-size: 14px; color: #333; line-height: 1.428571; padding: 10px 15px; } .liuyan-input textarea{ display: block; width: 100%; height: 155px; background-color:#fff; border:0; font-size: 14px; color: #333; line-height: 1.428571; padding: 17px 15px; resize: none; } .liuyan-yanz{ position: relative; padding-right: 190px; } .liuyan-yanz-img{ position: absolute; right: 0; top: 0; width: 190px; height: 55px; background-color: #f3fbfe; } .liuyan-yanz-img img{ display: block; height: 100%; margin:0 auto; } .liuyan-btn{ width: 156px; margin: 45px auto 0; } .liuyan-btn input{ display: block; width: 100%; height: 50px; border-radius: 999em; border:0; background-color: #e50100; font-size: 16px; color: #fff; cursor: pointer; } .liuyan-btn input:hover{ font-weight: bold; } .fuwu1{ overflow: hidden; } .fuwu1 dl{ margin:0; margin-left: -2%; margin-top: -2%; } .fuwu1 dd{ float: left; width: 31.3333333%; margin-left: 2%; margin-top: 2%; height: 364px; border:4px solid #ebedef; padding: 55px 5px 0; text-align: center; } .fuwu1 dd img{ display: block; width: 61px; margin:0 auto; } .fuwu1 dd h1{ margin:0; font-size: 24px; color: #333; font-weight: bold; line-height: 1.5; margin-top: 25px; } .fuwu1-p{ font-size: 14px; color: #333; line-height: 2; margin-top: 15px; padding: 0 10px; } .fuwu2{ background-color: #fff; margin-top: 60px; } .fuwu2-pic{ width: 50%; } .fuwu2-pic .imgbox_a{ padding-bottom: 52%; } .fuwu2-con{ overflow: hidden; padding: 30px 30px 0; } .fuwu2-con h1{ margin:0; font-size: 24px; color: #333; font-weight: bold; } .fuwu2-p{ font-size: 14px; color: #333; line-height: 2; margin-top: 22px; height: 18em; overflow-y: auto; padding-right: 20px; } .fuwu2-p.mCS_no_scrollbar{ padding-right: 0; } .about-left{ width: 350px; margin-right: 75px; } .about-right{ overflow: hidden; } .about-title h1{ margin:0; font-size: 28px; font-weight: bold; color:#333; } .about-title h2{ margin:0; font-size: 14px; text-transform: uppercase; color:#666; margin-top: 7px; } .about-dl dl{ margin:0; } .about-dl dd{ margin-top:60px; } .about-dl dd h1{ margin:0; font-size: 16px; color: #333; } .about-dl dd h2{ margin:0; font-size: 16px; color: #333; margin-top: 10px; } .about-dl dd h2 span{ font-size: 48px; color: #e50100; padding-right: 10px; } .about-right{ overflow: hidden; } .about-right-con{ font-size: 16px; color: #333; line-height: 2; } .about{ position: relative; } .about::after{ position: absolute; width: 1px; content:""; background-color: #e7e7e7; left: 350px; top: -70px; bottom: -70px; } .contact1-div{ width: 48.5%; background-color: #fff; padding: 28px 35px 0; background-image: url(../images/contact1-bg.jpg); background-repeat: no-repeat; background-position: right bottom; height: 250px; } .contact1-div h1{ margin:0; font-size: 24px; color: #333; } .contact1-div h1::after{ display: block; width:32px; height: 3px; background-color: #e50100; content:""; margin-top: 15px; } .contact1-con{ font-size: 16px; color: #666; line-height: 2; margin-top:18px; } .contact2{ margin-top: 50px; height: 580px; } .map{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; height: 100%; } .rongyu dl{ margin:0; margin-left: -2%; margin-top: -2%; } .rongyu dd{ float: left; width: 23%; margin-left: 2%; margin-top: 2%; } .rongyu dd>a{ display: block; padding: 25px; background-color: #ffffff; transition: box-shadow .3s; } .rongyu dd>a:hover{ box-shadow: 0px 4px 11.76px 0.24px rgba(150, 150, 150, 0.35); } .rongyu dd>a:hover h1{ color: #e50100; } .rongyu dd>a h1{ margin:0; font-size: 16px; color: #333; margin-top: 20px; text-align: center; transition: color .3s; } .rongyu-pic .imgbox_a{ padding-bottom: 62.2%; } .wenhua dl{ margin:0; margin-left: -2%; } .wenhua dd{ float: left; width: 23%; margin-left: 2%; } .wenhua dd>a{ display: block; height: 616px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 110px 15px 0; } .wenhua dd>a img{ display: block; margin:0 auto; width: 88px; position: relative; transition: .3s; } .wenhua dd>a:hover img{ -webkit-transform: rotateY(180deg); /* Safari 氓鈥櫯 Chrome */ -moz-transform: rotateY(180deg); /* Firefox */ transform: rotateY(180deg); } .wenhua dd>a h1{ margin:0; font-size: 24px; color: #fff; padding: 30px 0 25px; background-image: url(../images/wenhua-ico0.png); background-repeat: no-repeat; background-position: center bottom; text-align: center; } .wenhua dd>a h2{ margin:0; font-size: 16px; color: #fff; line-height: 1.5; text-align: center; margin-top: 12px; } .xiashu dl{ margin:0; margin-left: -3%; margin-top: -3%; } .xiashu dd{ float: left; width: 30.33333%; margin-left: 3%; margin-top:3%; } .xiashu dd>a{ display: block; padding: 30px; background-color: #fff; transition: box-shadow .3s; } .xiashu dd>a:hover{ box-shadow: 0px 4px 11.76px 0.24px rgba(150, 150, 150, 0.35); } .xiashu dd>a:hover h1{ color: #e50100; } .xiashu-pic .imgbox_a{ padding-bottom: 66.67%; } .xiashu-con{ margin-top: 30px; } .xiashu-con h1{ margin:0; font-size: 18px; color: #333; font-weight: bold; } .xiashu-con p{ margin:0; font-size: 14px; color: #333; line-height: 1.8; height:7.2em ; overflow: hidden; margin-top: 14px; } .news1{ padding: 50px 0; background-color: #f7fbff; } .news1-list .item{ padding: 10px; } .news1-pic{ position: relative; z-index: 50; } .news1-pic .imgbox_a{ padding-bottom: 66.6%; } .news1-con{ background-color: #fff; padding: 30px; transition: box-shadow .3s; } .news1-con h1{ margin:0; font-size: 18px; color: #333; } .news1-con h2{ margin:0; font-size: 14px; color: #999; padding-left:27px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/time.jpg); height: 17px; line-height: 17px; margin:15px 0 12px; } .news1-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.8; height: 3.6em; overflow: hidden; } .news1-item:hover .news1-con{ box-shadow: 0px 4px 10px 0.24px rgba(150, 150, 150, 0.35); } .news1-item:hover .news1-con h1{color: #e50100;} .news2{ background-color: #fff; padding: 0px 0 50px; } .xinwen dl{ margin:0; } .xinwen dd{ padding: 36px 0; position: relative; } .xinwen dd::after{ position: absolute; right: 0; top: 0; bottom: 0; left: 45px; content:""; background-color: #f4f8fc; opacity: 0; visibility: hidden; transition: .3s; } .xinwen dd::before{ position: absolute; left: 45px; right: 0; bottom: 0; height: 1px; background-color: #d6d6d6; content:""; z-index: 55; } .xinwen-date{ width: 90px; height: 77px; border:1px solid #d6d6d6; text-align: center; margin-right: 35px; padding-top: 11px; position: relative; z-index: 25; background-color: #fff; transition: .3s; } .xinwen-date h1{ margin:0; font-size: 36px; line-height: 1; font-family: "Arial"; color: #333; transition: color .3s; } .xinwen-date h2{ margin:0; font-size: 12px; color: #333; margin-top: 5px; transition: color .3s; } .xinwen-con{ overflow: hidden; position: relative; z-index: 25; padding-right: 20px; } .xinwen-con h1{ margin:0; font-size: 18px; color: #333; } .xinwen-con h1 a:hover{ color: #e50100; } .xinwen-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.8; height: 3.6em; overflow: hidden; margin-top: 8px; } .xinwen dd:hover::after{ opacity: 1; visibility: visible; } .xinwen dd:hover .xinwen-date{ background-color: #e50100; border-color: #e50100; } .xinwen dd:hover .xinwen-date h1{color: #fff;} .xinwen dd:hover .xinwen-date h2{color: #fff;} .fenye ul{ margin:0; } .fenye{ text-align: center; margin-top: 50px; } .danpian{ margin:0 auto; } .danpian-h1{ font-size: 28px; line-height: 1.6; color:#333; text-align: center; } .danpian-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0 15px; } .bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .danpian-con{ font-size: 14px; line-height: 2; padding: 20px 0 20px; } .danpian-con *{ font-size: 16px!important; line-height: 2!important; } .danpian-con img{ display: block; margin:15px auto; } .dan-page{ padding-top: 10px; border-top: 1px solid #eee; } .dan-a{ margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a{ font-size: 16px; color:#666; } .dan-a a:hover{ color:#e50100; } .dashiji1{ background-repeat: repeat-x; background-position: left 50px; background-image: url(../images/line.png); position: relative; padding: 0 42px; } .dashiji1-left{ position: absolute; width: 42px; left: 0; top: 32px; cursor: pointer; } .dashiji1-right{ position: absolute; width: 42px; right: 0; top: 32px; cursor: pointer; } .dashiji1-left img,.dashiji1-right img{ display: block; width: 100%; } .dashiji1-list .item{ font-size: 0; line-height: normal; text-align: center; } .dashiji1-list .item span{ display: inline-block; padding-top: 75px; font-size: 24px; color: #d4d4d4; cursor: pointer; position: relative; transition: color .3s; } .dashiji1-list .item span::before{ position: absolute; width: 30px; height: 30px; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico11.png); content:""; top: 0; left: 50%; margin-left: -15px; opacity: 0; visibility: hidden; transition: .3s; } .dashiji1-list .item span::after{ position: absolute; width: 16px; height: 16px; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico22.png); content:""; top: 45px; left: 50%; transition: background-image .3s; margin-left: -8px; } .dashiji1-list .item.cur span,.dashiji1-list .item span:hover{ color: #e50100; } .dashiji1-list .item.cur span::before{ opacity: 1; visibility: visible; } .dashiji1-list .item.cur span::after{ background-image: url(../images/ico22h.png); } .dashiji2{ margin-top: 50px; } .dashiji2-title{ font-size: 16px; color: #e50100; font-weight: bold;padding-left: 52px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/ico33.png); min-height: 31px; } .dashiji2-title span{ font-size: 30px; padding-right:10px; } .dashiji2-div{ display: none; } .dashiji2-div:first-child{ display: block; } .dasiji2-date{ width: 82px; font-size: 20px; color: #333; line-height: 24px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/ico44.png); margin-right: 25px; } .dashiji2-con{ font-size: 16px; color: #333; line-height: 24px; overflow: hidden; } .dashiji2-con img{ display: block; margin:10px 0; } .dashiji2-list dd:hover .dashiji2-con{color: #e50100;} .dashiji2-list dd+dd{ margin-top: 20px; } .dashiji2-list{ position: relative; padding: 20px 0 45px; margin-top: 25px; } .dashiji2-list dl{ margin:0; position: relative; z-index: 25; } .dashiji2-list::after{ content:""; position: absolute; width: 1px; top: 0; bottom: 0; content:""; z-index: 15; background-color: #dedede; left: 74px; } .xiaoshou{ min-height: 700px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/xiaoshou.jpg); } .xiaoshou1-p{ font-size: 16px; color: #333; line-height: 2; text-align: center; max-width: 1110px; margin:0 auto; } .xiaoshou1-h1{ font-size: 24px; color: #333; text-align: center; padding: 50px 0 80px; } .xiaoshou2-div{ padding: 0 60px 50px; background-color: #fff; } .xiaoshou2-div+.xiaoshou2-div{ margin-top: 80px; } .xiaoshou2-title-wp{ font-size: 0; line-height: normal; text-align: center; } .xiaoshou2-con-wp{ padding-top: 15px; } .xiaoshou2-title{ display: inline-block; height: 54px; line-height: 54px; padding: 0 40px; border-radius: 999em; font-size: 16px; color: #fff; background-color: #e50100; position: relative; top: -27px; } .xiaoshou2-con{ width: 46%; } .xiaoshou2-city{ height: 29px; line-height: 29px; padding-left: 32px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/city.png); font-size: 16px; color: #333; font-weight: bold; } .xiaoshou2-table{ margin:0; margin-top: 20px; } .xiaoshou2-table table{ margin:0; } .xiaoshou2-table table tr th{ height:42px ; vertical-align: middle; text-align: center; font-weight: normal; font-size: 16px; background-color: #ededed; color:#333; } .xiaoshou2-table table tr td{ height:42px ; vertical-align: middle; text-align: center; font-weight: normal; font-size: 16px; color:#666; } .xiaoshou2-item+.xiaoshou2-item{ margin-top: 40px; } .product{ background-color: #f7fbff; position: relative; z-index: 50; } .menu{ width: 280px; position: relative; top: -60px; } .menu-h1{ font-size: 30px; color: #fff; text-align: center; background-color: #e50100; padding: 30px 0; } .menu-list ul{ margin:0; } .menu-list>ul>li{ margin-top: 3px; } .menu_1{ background-color: #fff; font-size: 16px; color: #333; font-weight: bold; line-height: 1.5; padding: 11px 15px 11px 75px; cursor: pointer; } .menu_1>img{ position: relative; margin-top: -3px; margin-left: 6px; transition: .3s; } .menu_1.cur>img{ -webkit-transform: rotateZ(90deg); /* Safari 脙楼芒鈧劉脜鈥 Chrome */ -moz-transform: rotateZ(90deg); /* Firefox */ transform: rotateZ(90deg); } .menu1-list{ display: none; } .menu1-list>ul>li{ border-top: 1px solid #e7e7e7; } .menu1-list>ul>li>a.menu_2a{ display: block; background-color: #fff; font-size: 16px; color: #333; line-height: 1.5; padding: 12px 15px 12px 106px; background-image: url(../images/menu_2.png); background-repeat: no-repeat; background-position: 90px center; } .menu1-list>ul>li>a.menu_2a:hover,.menu1-list>ul>li.cur>a.menu_2a{ color: #e50100; } .menu_2{ background-color: #fff; font-size: 16px; color: #333; line-height: 1.5; padding: 12px 15px 12px 106px; cursor: pointer; background-image: url(../images/menu_2.png); background-repeat: no-repeat; background-position: 90px center; } .menu_2>img{ position: relative; margin-top: -3px; margin-left: 6px; transition: .3s; } .menu_2.cur>img{ -webkit-transform: rotateZ(90deg); /* Safari 脙楼芒鈧劉脜鈥 Chrome */ -moz-transform: rotateZ(90deg); /* Firefox */ transform: rotateZ(90deg); } .menu1-list dl{ margin:0; padding: 5px 55px 20px 90px; background-color: #f7fbff; display: none; } .menu1-list dd{ padding: 10px 0px 10px 16px; border-bottom: 1px solid #efefef; } .menu1-list dd a{ font-size: 14px; color: #666; } .menu1-list dd a:hover,.menu1-list dd.cur a{ color: #e50100; } .product-content{ width: 1060px; padding: 50px 0; } .pro-list dl{ margin:0; margin-left: -3%; margin-top: -3%; } .pro-list dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-top: 3%; transition: box-shadow .3s; } .pro-pic .imgbox_a{ padding-bottom: 68.125%; } .pro-con{ background-color: #fff; padding: 25px; } .pro-h1{ font-size: 18px; color: #333; text-align: center; } .pro-p{ font-size: 14px; color: #666; text-align: center; line-height: 1.8; height: 3.6em; margin-top:5px; overflow: hidden; } .pro-more{ margin-top: 15px; } .pro-more a{ display: block; width: 130px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; margin:0 auto; background-color: #1c1c1c; border-radius: 999em; transition: background-color .3s; } .pro-list dd:hover{ box-shadow: 0px 4px 10px 0.24px rgba(150, 150, 150, 0.35); } .pro-list dd:hover .pro-more a{ background-color: #e50100; } .pro-xx{ background-color: #fff; padding: 45px; } .pro-xx-pic{ width: 430px; margin-right: 45px; border:1px solid #ededed; } .pro-xx-pic .imgbox_a{ padding-bottom: 68.18181818%; } .pro-xx-con{ /*padding-top: 25px;*/ /*overflow: hidden;*/ } .pro-xx-title{ font-size: 24px; color: #333; line-height: 1.5; } .pro-xx-title a.btn{ background-color: #000; border-color: #000; } .pro-xx-title a.btn:hover{ background-color: #e50100; border-color: #e50100; } .pro-xx-xinxi{ margin-top: 20px; } .pro-xx-h1{ font-size: 18px; color: #e50100; font-weight: bold; } .pro-xx-xinxi-p{ font-size: 14px!important; font-family: "Microsoft Yahei"!important; color: #333; line-height: 2!important; margin-top: 10px; } .pro-xx-xinxi-p p{margin:0;} .pro-xx-2{ margin-top: 45px; } .pro-xx-2-table{ margin-top: 22px; overflow-x: auto; } .tcc{ position: fixed; font-size: 18px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.5); padding: 30px 50px; z-index: 999; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 5px; display: none; } /*2022-6-7*/ .lingdao-list dl{ margin:0; margin-left: -3%; margin-top: -3%; } .lingdao-list dd{ float: left; width: 30.3333333%; margin-left: 3%; margin-top: 3%; } .member_pic{ width: 177px; margin-right: 34px; } .member_pic{ width: 177px; margin-right: 34px; } .member .imgbox_a{ padding-bottom: 125.4%; } .member_inf{ padding-top: 70px; overflow: hidden; } .member_inf h1{ margin:0; font-size: 24px; font-weight: bolder; color: #444444; margin: 0px; } .member_inf h2{ margin:0; font-size: 16px; font-weight: normal; color: #444444; margin-top: 20px; } .pro-xx-2-table table{ text-align:center; width:100%; max-width:100%; } .pro-xx-2-table table p{ margin:0; } .pro-xx-2-table table td{ vertical-align:middle; font-size: 15px; color: #333; height: 50px; vertical-align: middle; } .video-wp{ position: fixed; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; visibility: hidden; z-index: 1800; padding: 0 60px; transition: .3s; text-align: center; } .video-wp.cur{ opacity: 1; visibility: visible; } .video-box{ position: relative; width: 100%; } .video-close{ position: absolute; width: 36px; right: -18px; top: -18px; cursor: pointer; z-index: 25; } .video-close img{ display: block; width: 100%; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .video-close:hover img{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform .3s; } .video-box video { max-height: calc(100vh - 4em); width: 100%!important; vertical-align: middle; max-width: 100%; } .video-box video:focus{ outline: none; } .product .container{ position: relative; } .product .mianbaoxie{ position: absolute; width: 1060px; top: 15px; right: 0; } .product .mianbaoxie dd{ height: auto; line-height: normal; } .dashiji{ position: relative; padding-top: 28px; } .dashiji::before{ position: absolute; width: 28px; height: 28px; content:""; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; background-image: url(../images/dashiji1.png); left: 50%; margin-left: -14px; top: 0; } .dashiji-list{ padding: 40px 0; background-repeat: repeat-y; background-position: center top; background-image: url(../images/dashiji-line.jpg); } .dashiji-list ul{ margin:0; } .dashiji-list li{ padding: 20px 0; position: relative; } .dashiji-list li::before{ position: absolute; width: 17px; height: 17px; content:""; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; background-image: url(../images/dashiji2.png); left: 50%; margin-left: -8px; top: 50px; z-index: 20; } .dashiji-list li:first-child{ margin-top: 0; } .dashiji-list li.nolili{ display: none; } .erji-content{overflow: hidden;} .dashiji-date{ height: 77px; line-height: 77px; width: 48%; color: #000; font-size: 24px; position: relative; z-index: 20; /*transition: .3s;*/ } .dashiji-date.fl{ text-align: right; } .dashiji-con{ width: 48%; font-size: 16px; color: #000; line-height: 1.8; background-color: #fff; border-radius: 5px; padding:20px; position: relative; z-index: 20; /*transition: .3s;*/ } .dashiji-con-img{ font-size: 0; } .dashiji-con-img img{ display: inline-block; margin-bottom: 10px; margin-left: 10px; width: 200px; } .dashiji-con.fl{ text-align: right; } .dashiji-more a{ display: block; width: 104px; height: 104px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; background-image: url(../images/dashiji4.png); text-align: center; font-size: 16px; color: #e50100; text-decoration: underline; text-transform: uppercase; line-height: 104px; text-align: center; margin:0 auto; } .dashiji-more a:hover{ font-weight: bold; } .dashiji-end{ width: 104px; height: 104px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; background-image: url(../images/dashiji4.png); text-align: center; font-size: 16px; color: #e50100; text-transform: uppercase; line-height: 104px; text-align: center; margin:0 auto; display: none; } #menu-btn{ position: relative; } #menu-btn::after{ position: absolute; right: 15px; top: 50%; margin-top: -9px; background-image: url(../images/jia2-bai.png); background-repeat: no-repeat; background-position: center; content:""; width: 18px; height: 18px; } #menu-btn.cur::after{ background-image: url(../images/jia2h-bai-h.png); } .banner-2.banner-2-product{ padding:54px 0; } .banner-2.banner-2-product h1{ display: none; } .banner-2.banner-2-product h2{ margin-top: 0; } .fproxxp .flex-direction-nav a{ width: 14px; height:24px; margin-top: -12px; background-image: url(../images/jinrujiantouh.png); } .fproxxp .flex-direction-nav a.flex-next{ background-image: url(../images/jinrujiantou.png); } .video-wp{ display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; visibility: hidden; padding: 0 60px; transition: .3s; text-align: center; z-index: -1; } .video-wp.cur{ opacity: 1; visibility: visible; z-index: 1800; } .video-box{ position: relative; width: 100%; } .video-close{ position: absolute; width: 36px; right: -18px; top: -18px; cursor: pointer; z-index: 50; } .video-close img{ display: block; width: 100%; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .video-close:hover img{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transition: transform .3s; } .video-box video { max-height: calc(100vh - 4em); width: 100%!important; vertical-align: middle; max-width: 100%; display: block; } .video-box video:focus{ outline: none; }