div.clear{ clear: both; height: 0; width: 0; } body{ overflow-x: hidden; overflow-y: auto!important; padding-right: 0!important; background-color: #fff; /* font-family: PingFang SC, PingFang SC-Regular, "鑻规柟", Microsoft Yahei, sans-serif; */ font-family: Microsoft Yahei, sans-serif; } a{ text-decoration: none!important; 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 { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; height: 110px; } .logo{ width: 485px; cursor: pointer; margin-top: 28px; } .logo img{ display: block; width: 100%; } .logo img.imgCur{ display: none; } .nav{ margin-top: 20px; } .nav ul{ margin:0 } .nav>ul>li{ float: left; position: relative; } .nav>ul>li+li{ margin-left: 15px; } .nav_x{ display: block; font-size: 18px; color:#fff; font-weight: bold; padding: 15px 15px; cursor: pointer; } .header-hei{ width: 478px; height: 35px; background-color: rgba(0,0,0,0.3); margin-left: auto; position: relative; padding-left: 60px; padding-right: 8px; display: flex; align-items: center; justify-content: space-between; border-bottom-left-radius: 35px; z-index: 50; } .header-hei a{ font-size: 14px; color:#fff; position: relative; } .header-hei a:hover{ /* font-weight: bold; */ text-decoration: underline!important; } .aer{ position: absolute; width: 100px; left: 50%; margin-left: -50px; top: 27px; display: none; } .aer img{ display: block; width: 100%; } .header-hei a:hover .aer{ display: block; } .header-hei::after{ position: absolute; left: 100%; top: 0; bottom: 0; z-index: 10; content:""; background-color: rgba(0,0,0,0.3); width: calc((100vw - 1600px)/2); } .search{ cursor: pointer; width: 19px; } .nav>ul>li>ul{ position: absolute; left:50%; /*right: 0;*/ width: 200px; margin-left: -100px; top:100%; z-index: 600; background-color: #fff; box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.19); display: none; border-top: #1485ee solid 4px; padding:15px 0; max-height: 334px; overflow-y: auto; } .nav>ul>li>ul::-webkit-scrollbar { width: 4px; } .nav>ul>li>ul::-webkit-scrollbar-thumb { width: 4px; height: 36px; background-color: #1485ee; } .nav>ul>li>ul::-webkit-scrollbar-track { width: 1px; } .nav>ul>li>ul>li>a{ display: block; padding: 13px 5px; text-align: center; line-height: 1.6; font-size: 15px; color:#1485ee; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #ededed; } #header.cur{ background-color: #fff; box-shadow: 0 4px 5px -3px rgba(0,0,0,0.15); } #header.cur .logo img{display: none;} #header.cur .logo img.imgCur{display: block;} #header.cur .nav_x{color:#333;color: rgba(0,0,0,0.87);} /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .banner{ position: relative; } .banner::before{ position: absolute; width: 100%; left: 0; top: 0; height: 188px; background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/banner-2-hei.png); content:""; z-index: 10; } .fafa .flex-control-nav{ height: 0; bottom: 50px; } .fafa .flex-control-paging li a{ width: 17px; height: 17px; } .fafa .flex-control-nav li{ margin:0 15px; } .main1{ background-image: url(../images/main1-bg.jpg); padding: 50px 0 200px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; } .fmain1 .imgbox_a{ padding-bottom: 13.3136%; } .main1-2-pic{ width: 668px; margin-right: 62px; min-height: 1px; } .main1-2-pic .imgbox_a{ padding-bottom: 71.4%; } .main1-2-pic .imgbox_a::before{ position: absolute; width: 100%; height: 100%; opacity: 0.2; content:""; left: 0; top: 0; z-index: 1; background-color: #000; } .main1-2-pic .imgbox_a::after{ position: absolute; width: 64px; height: 64px; content:""; left: 50%; top: 50%; z-index: 10; margin-left: -32px; margin-top: -32px; background-image: url(../images/bo2.png); background-size: 100%; } .mm70{ margin-top: 70px; } .main1-2-div{ overflow: hidden; padding-top: 35px; } .main1-p{ font-size: 16px; color: #000; opacity: 0.65; line-height: 2; height: 6em; overflow: hidden; margin-top: 30px; } .main1-2-div .channel-more{ margin-top: 30px; } .main1-2-div .channel-title-wp { padding-bottom: 0px; } .main1-2-dl{ margin-top: 35px; } .main1-2-dl dl{ margin:0; font-size: 0; line-height: normal; text-align: center; } .main1-2-dl dd{ display: inline-block; } .main1-2-dl dd+dd{ margin-left: 65px; } .main1-2-dl dd>a{ display: block; font-size: 18px; color: #000; font-weight: bold; } .main1-2-ico{ width: 86px; height: 86px; background-repeat: no-repeat; background-position: center; background-size: cover; margin:0 auto 17px; transition: background-image .5s; } .main1-2-ico1{background-image: url(../images/main1-2-ico1.png);} .main1-2-ico2{background-image: url(../images/main1-2-ico2.png);} .main1-2-ico3{background-image: url(../images/main1-2-ico3.png);} .main1-2-ico4{background-image: url(../images/main1-2-ico4.png);} .main1-2-ico1:hover{background-image: url(../images/main1-2-ico1h.png);} .main1-2-ico2:hover{background-image: url(../images/main1-2-ico2h.png);} .main1-2-ico3:hover{background-image: url(../images/main1-2-ico3h.png);} .main1-2-ico4:hover{background-image: url(../images/main1-2-ico4h.png);} .main2{ background-image: url(../images/main2-bg.png); background-position: 50% bottom; background-repeat: no-repeat; padding: 135px 0 240px; } .main2-1 .party1-2-item:hover .party1-2-con { background-image: url(../images/party-con-bg2x.png); } .main2-2-list .item{ padding-bottom: 40px; border-bottom: 5px solid #f3f3f4; } .main2-2-list .item h1{ margin:0; font-size: 20px; color: #000; font-weight: bold; } .main2-2-list .item h1:hover{ color: #1485ee; } .main2-2-list .item h2{ margin:0; font-size: 14px; color: #000; font-weight: bold; opacity: 0.65; margin:15px 0 30px; } .main2-2-list .item p{ margin:0; font-size: 16px; color: #000; opacity: 0.65; line-height: 2.2; height: 6.6em; overflow: hidden; } .main3-1{ padding-top: 90px; position: relative; z-index: 15; } .main3-1-list::before{ position: absolute; height: 1px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/xx.jpg); content:""; z-index: 2; left: 125px; right: 125px; bottom: 95px; } .main3-1-list .owl-stage-outer{ z-index: 10; } .main3-1-list .item{ cursor: pointer; padding:0 30px 45px; background-repeat: no-repeat; background-position: center bottom; position: relative; } .main3-1-list .item::after{ position: absolute; width: 32px; height: 32px; background-image: url(../images/jt33.png); background-size: 100%; content:""; left: 50%; margin-left: -16px; bottom: 5px; opacity: 0; } .main3-1-list .item.cur .main3-1-y{background-image: url(../images/y.jpg);transition:background-image .3s;} .main3-1-list .item.cur .main3-1-title{color: #1485ee;transition:color .3s;} .main3-1-list .item.cur::after{ bottom: 0; transition: .3s; opacity: 1; } .main3-1-y{ width: 22px; height: 22px; margin:5px auto 15px; background-image: url(../images/y1.jpg); background-size: 100%; } .main3-1-title{ font-size: 18px; color: #000; opacity: 0.87; text-align: center; font-weight: bold } .main3-1-list .owl-nav button.owl-prev{ position: absolute; left:-78px; top: 45px; width: 54px; height: 115px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .main3-1-list .owl-nav button.owl-prev:hover{ background-image: url(../images/lefth.png); } .main3-1-list .owl-nav button.owl-next{ position: absolute; right:-78px; top: 45px; width: 54px; height: 115px; background-size: 100%; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .main3-1-list .owl-nav button.owl-next:hover{ background-image: url(../images/righth.png); } /*.main3-1-list .item:hover .main3-1-title{color: #1485ee;transition:color .3s;}*/ .main3-2{ background-image: url(../images/main3-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 125px 0 100px; position: relative; z-index: 5; margin-top: -17px; } .main3-2-box-wp .main3-2-box{display: none;} .main3-2-box-wp .main3-2-box:first-child{display: block;} .main3-2-pic{ width: 644px; margin-right: 15px; margin-left: 140px; position: relative; top: -92px; } .main3-2-pic img{ display: block; width: 100%; } .main3-2-con{ float: left; width: 553px; padding-top: 15px; } .main3-2-con h1{ margin:0; font-size: 30px; color: #000; opacity: 0.87; font-weight: bold; } .main3-2-con p{ margin:0; font-size: 16px; color: #000; opacity: 0.65; line-height: 2.2; margin-top: 30px; height: 6.6em; overflow: hidden; } .main3-2-a{ margin-top: 75px; position: relative; } .main3-2-a .product-zx-wp{ width: 420px; height: 400px; top: 50px; } .main3-2-a .channel-more+.channel-more{ margin-left: 20px; } .main4{ padding: 140px 0 170px; background-color: #fafafa; } .main4-1{ width: 791px; min-height: 1px; margin-right: 50px; } .main4-map img{ display: block; width: 100%; } .main4-2{ overflow: hidden; padding-top: 40px; } .main4-2 .main1-p{ margin-top: 0; height: auto; } .main4-2-dl dl{ margin:0; } .main4-2-dl dd{ margin-top: 80px; padding-left: 100px; background-repeat: no-repeat; background-position: 12px 50%; } .main4-2-dl dd h1{ margin:0; font-size: 20px; color: #000; opacity: 0.87; font-weight: bold; } .main4-2-dl dd h2{ margin:0; font-size: 16px; color: #000; opacity: 0.65; margin-top: 15px; } .main4-2-dl dd h3{ margin:0; font-size: 40px; color: #000; opacity: 0.87; margin-top: 15px; font-family: "Impact"; } .main4-2-dl dd:nth-child(1){background-image: url(../images/main4-2-ico1.png);} .main4-2-dl dd:nth-child(2){background-image: url(../images/main4-2-ico2.png);} .main4-2-dl dd:nth-child(3){background-image: url(../images/main4-2-ico3.png);} .main4-1 .about1-1-dl dl{ margin-top: 50px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ background-color: rgba(0,0,0,0.1); padding: 60px 0; position: relative; } .footer-1::before{ position: absolute; width: 1px; left: 50%; top: 0; bottom: 0; z-index: 10; background-color: #fff; content:""; display: none; } .footer-1-item{ display: block; width: 100%; background-repeat: no-repeat; background-position: right center; background-image: url(../images/jt1.png); cursor: pointer; } .footer-1-item:hover{ background-image: url(../images/jt1h.png); } .footer-1-item:hover h1{ color: #1485ee; } .footer-1-item h1{ margin:0; font-size: 20px; color:#333; font-weight: bold; } .footer-1-item h2{ margin:0; font-size: 16px; color:#666; line-height: 1.5; margin-top: 10px; } .footer-2{ padding: 100px 0; background-color: rgba(0,0,0,0.02); position: relative; } .footer-2::after{ position: absolute; width: 165px; height: 201px; right: 3.5%; bottom: 7%; content:""; z-index: 1; background-image: url(../images/jqr.png); background-size: cover; /*display: none;*/ } .foo2-1{ width: 375px; margin-right: 80px; } .foo-logo{ cursor: pointer; } .foo-logo img{ display: block; width: 100%; } .foo2-phone{ font-size: 40px; color: #000; opacity: 0.87; font-family: 'Impact'; line-height: 1; margin:50px 0 40px; } .foo2-phone img{ margin-top: -3px; margin-right: 13px; } .yq{ position: relative; z-index: 50; width: 206px; } .yq:hover .yq-dl{ display: block; } .yq-dl{ position: absolute; left: 20px; width: 166px; top: 100%; background-color: #1485ee; display: none; } .yq-dl dl{ margin:0; max-height:200px; overflow-y: auto; } .yq-dl dd>a{ display: block; font-size: 14px; color:#fff; line-height: 1.5; padding: 10px 10px 9px; } .yq-dl dd>a:hover{ background-color:#127adb; } .yq span{ display: block; width: 206px; height: 44px; line-height: 44px; font-size: 14px; color:#fff; border-radius: 999em; background-color: #1485ee; padding-left: 30px; cursor: pointer; background-repeat: no-repeat; background-position: 175px center; background-image: url(../images/jiao2.png); } .er{ width: 150px; margin-top: 55px; position: relative; } .er img{ display: block; width: 100%; } .er-jqr{ position: absolute; width: 165px; left: 180px; top: 0; } .er-fstb{ position: absolute; width: 123px; left: 160px; top: 0; } .er-fstb a{ display: block; width: 100%; } .foo2-2{ overflow: hidden; } .foo2-2 ul{ margin:0; } .foo2-2 li{ float: left; } .foo2-2 li+li{ margin-left: 66px; } .foo2-2 li:nth-child(5), .foo2-2 li:nth-child(6){ margin-bottom: 45px; } .foo2-2 li:nth-child(4) dl{ width: 130px; height: 300px; overflow-y: auto; } .foo2-2 li:nth-child(4) dl::-webkit-scrollbar { width: 4px; } .foo2-2 li:nth-child(4) dl::-webkit-scrollbar-thumb { width: 4px; height: 36px; background-color: #1485ee; } .foo2-2 li:nth-child(4) dl::-webkit-scrollbar-track { width: 1px; } .foo2-2-a{ font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; } .foo2-2 span{ cursor: pointer; } .foo2-2 span:hover{ color: #1485ee; } .foo2-2 dl{ margin:0; margin-top: 30px; } .foo2-2 dd{ font-size: 16px; color:rgba(0,0,0,0.65); } .foo2-2 dd+dd{ margin-top: 13px; } .footer-3{ padding: 20px 0; font-size: 14px; color:#fff; line-height: 1.8; background-color: #1485ee; } .footer-3 a{ color: #fff; } .footer-3 a:hover{ font-weight: bold; } /**************************************************************/ /*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-yy{ padding: 0 10px; } .nav-2-yy a+a{ margin-left: 8px; } .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: 18px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 300px; margin-left: 15px; margin-top:21px; } .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: 21px; } .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{ height: 512px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .banner-2::before{ position: absolute; width: 100%; left: 0; top: 0; height: 188px; background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/banner-2-hei.png); content:""; } .contact{ padding: 100px 0 160px; } .map-wp{ height: 690px; position: relative; } .map{ height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .map-dl{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 30; background-color: rgba(0,0,0,0.5); padding: 40px 80px; } .map-dl dl{ margin:0; display: flex; justify-content: space-between; } .map-dl dd{ padding-left: 65px; background-repeat: no-repeat; background-position: 0 0; padding-top: 3px; } .map-dl dd:nth-child(1){background-image: url(../images/contact-ico1.png);} .map-dl dd:nth-child(2){background-image: url(../images/contact-ico2.png);} .map-dl dd:nth-child(3){background-image: url(../images/contact-ico3.png);} .map-dl dd h1{ margin:0; font-size: 14px; color: #fff; margin-bottom: 5px; } .map-dl dd h2{ margin:0; font-size: 18px; color: #fff; line-height: 30px; } .map-dl dd h3{ margin:0; font-size: 25px; color: #fff; font-family: 'Impact'; line-height: 30px; } .map-dl dd h4{ margin:0; font-size:18px; color: #fff; font-family: 'Arial'; line-height: 30px; } .party{ padding: 150px 0 125px; position: relative; min-height: 1700px; } .party::before{ position: absolute; width: 100%; height:1022px; content:""; left: 0; top: 0; z-index: 1; background-image: url(../images/party_bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .party::after{ position: absolute; width: 100%; height:772px; content:""; left: 0; bottom: 0; z-index: 1; background-image: url(../images/party_bg2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .party .container{ position: relative; z-index: 5; } .channel-title-wp{ padding-bottom: 45px; } .channel-title{ font-size: 40px; font-weight: bold; color:#1485ee; line-height: 47px; } .channel-more{ display: block; width: 200px; height: 47px; line-height: 45px; /* border:1px solid #1485ee; */ border:1px solid rgba(0,122,197,0.3); border-radius: 5px; position: relative; font-size: 14px; color:#1485ee; overflow: hidden; cursor: pointer; text-align: center; transition: border-color .3s; } .channel-more::before{ position: absolute; top: 0; bottom: 0; left: 0; background-color: #1485ee; content:""; z-index: 1; transition: width .3s; width: 0; } .channel-more span{ position: relative; z-index: 3; transition: color .3s; } .channel-more:hover{ border-color:#1485ee; } .channel-more:hover::before{ width: 100%; } .channel-more:hover span{ color: #fff; } .party .channel-title{ color: #ee1414; } .party .channel-more{ border:1px solid rgba(98,98,98,0.3); color: #ee1414; } .party .channel-more:hover{ border-color:#ee1414; } .party .channel-more::before{ background-color: #ee1414; } .party1-1{ width: 668px; margin-right: 16px; } .party1-1 .imgbox_a{ padding-bottom: 71.27%; cursor: pointer; } .party1-1 .imgbox_a h1{ position: absolute; margin:0; bottom: 0; width: 100%; z-index: 10; font-size: 20px; color:#fff; font-weight: bold; background-color: rgba(0,0,0,0.4); height:66px; line-height: 66px; padding-left: 27px; padding-right: 95px; } .fparty1 .flex-direction-nav a{ width: 10px; height: 22px; top: 0; margin-top: 0; } .fparty1 .flex-direction-nav{ position: absolute; width: 50px; height: 22px; right: 18px; bottom: 22px; } .fparty1 .flex-direction-nav .flex-prev{ left: 0; background-image: url(../images/b-left01.png); } .fparty1 .flex-direction-nav .flex-next{ right: 0; background-image: url(../images/b-right01.png); } .party1-2{ overflow: hidden; } .party1-2-pic{ width: 212px; margin-right: 16px; } .party1-2-pic .imgbox_a{ padding-bottom: 71.7%; cursor: pointer; } .party1-2-con{ overflow: hidden; height: 152px; padding: 30px 20px 0; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/party-con-bg1.png); transition: background-image .3s; } .party1-2-con h1{ margin:0; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); line-height: 1.5; height: 3em; overflow: hidden; transition: color .3s; } .party1-2-con h2{ margin:0; font-size: 14px; font-weight: bold; color:rgba(0,0,0,0.65); margin-top: 10px; transition: color .3s; } .party1-2-item:hover .party1-2-con{ background-image: url(../images/party-con-bg2.png); } .party1-2-item:hover .party1-2-con h1{ color: #fff; } .party1-2-item:hover .party1-2-con h2{ color:rgba(255,255,255,0.65); } .party1-2-item+.party1-2-item{ margin-top: 10px; } .party1-2-item{ display: block; } .party2{margin-top: 150px;} .party3{margin-top: 110px;} .party2-list{ overflow: hidden; } .party2-list dl{ margin:0; margin-left: -2%; margin-top: -2%; } .party2-list dd{ float: left; width: 31.3333333%; margin-left: 2%; margin-top: 2%; } .party2-item{ display: block; cursor: pointer; background-color: rgba(0,0,0,0.02); padding: 35px; transition: background-color .3s; } .party2-item h1{ margin:0; font-size: 14px; font-weight: bold; color:rgba(0,0,0,0.65); transition: color .3s; } .party2-item h2{ margin:0; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); line-height: 1.5; height: 3em; overflow: hidden; margin: 15px 0 15px; transition: color .3s; } .party2-item p{ margin:0; font-size: 14px; color:rgba(0,0,0,0.65); line-height: 2; height: 4em; overflow: hidden; transition: color .3s; } .party2-item:hover{ background-color: #ee1414; } .party2-item:hover h1{color: #fff;} .party2-item:hover h2{color: #fff;} .party2-item:hover p{color: #fefefe;} .party3-pic .imgbox_a{ padding-bottom: 71.16%; cursor: pointer; } .party3-con{ cursor: pointer; background-color: #fff; padding: 30px 20px; transition: background-color .3s; } .party3-con h1{ margin:0; font-size: 14px; font-weight: bold; color:rgba(0,0,0,0.65); transition: color .3s; } .party3-con h2{ margin:0; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); line-height: 1.5; height: 3em; overflow: hidden; margin: 10px 0 15px; transition: color .3s; } .party3-con p{ margin:0; font-size: 14px; color:rgba(0,0,0,0.65); line-height: 2; height: 4em; overflow: hidden; transition: color .3s; } .party3-item:hover .party3-con{ background-color: #ee1414; } .party3-item:hover .party3-con h1{color: #fff;} .party3-item:hover .party3-con h2{color: #fff;} .party3-item:hover .party3-con p{color: #fefefe;} .news{ padding: 100px 0; background-image: url(../images/news-bg.jpg); background-repeat: no-repeat; background-position: center top; height: 3191px; } .news2{margin-top: 140px;} .news3{margin-top: 145px;} .news4{margin-top: 255px;} .news5{margin-top: 165px;} .news1-1{ width: 632px; } .news1-pic .imgbox_a{ padding-bottom: 71.4%; cursor: pointer; } .news1-con{ cursor: pointer; background-color: rgba(255,255,255,0.5); padding: 35px 35px 30px; transition: background-color .3s; } .news1-con h1{ margin:0; font-size: 14px; font-weight: bold; color:rgba(0,0,0,0.65); transition: color .3s; } .news1-con h2{ margin:0; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); overflow: hidden; margin: 15px 0 18px; transition: color .3s; } .news1-con p{ margin:0; font-size: 14px; color:rgba(0,0,0,0.65); line-height: 2; height: 4em; overflow: hidden; transition: color .3s; } .news1-item:hover .news1-con{ background-color: #1485ee; } .news1-item:hover .news1-con h1{color: #fff;} .news1-item:hover .news1-con h2{color: #fff;} .news1-item:hover .news1-con p{color: #fefefe;} .news1-2{ overflow: hidden; } .news1-item,.party3-item{ display: block; } .news1-2-1 .news1-item{ width: 50%; padding-left: 16px; } .news1-2-1 .news1-con{ padding-left: 20px; padding-right: 20px; } .news1-2-1 .news1-con h2{ height: auto!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news1-2-2{ padding-left: 16px; margin-top: 15px; } .news2 .party3-item:hover .party3-con { background-color: #1485ee; } .news3 .news-div{ padding: 0 180px; } .news3-pic .imgbox_a{ padding-bottom:71.4%; } .news3-width{ width: 668px; height: 0; } .poster-main { position: relative; } .poster-main .poster-list { width: 600px; height: 288px; } .poster-main .poster-list .poster-item { width: 396px; height: 288px; position: absolute; left: 0; top: 0; opacity: 1!important; cursor: pointer; } .poster-item:hover .poster-item-title{ color: #1485ee; } .poster-main .poster-btn { position: absolute; width: 54px!important; height: 115px!important; margin-top: -57px; top: 50%; cursor: pointer; } .poster-main .poster-btn:hover{ } .poster-main .poster-prev-btn { left: -95px; background-image: url(../images/left.png); background-repeat: no-repeat; background-position: center; background-size: 100%; transition: background-image .3s; } .poster-main .poster-prev-btn:hover{ background-image: url(../images/lefth.png); } .poster-main .poster-next-btn { right: -95px; background-size: 100%; background-image: url(../images/right.png); background-repeat: no-repeat; background-position: center; transition: background-image .3s; } .poster-main .poster-next-btn:hover{ background-image: url(../images/righth.png); } .poster-item-title{ position: absolute; width: 100%; left: 0; bottom: -50px; text-align: center; font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; } .news4 .party2-item:hover { background-color: #1485ee; } .news5-item{ display: block; cursor: pointer; } .news5-pic .imgbox_a{ padding-bottom:143.128%; border:1px solid #e5e5e5; } .news5-title{ font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; text-align: center; margin-top: 25px; line-height: 1; } .news5-item:hover .news5-title{ color: #1485ee; } .quality1{ padding: 100px 0 150px; } .quality1-div{ height: 771px; background-repeat: no-repeat; background-position: center; background-image: url(../images/quality1-bg.jpg); } .quality1 .channel-title-wp{ padding-bottom: 0; } .quality1-dl{ width: 510px; padding-top: 80px; padding-left: 75px; } .quality1-dl dl{ margin:0; } .quality1-dl dd+dd{ margin-top: 52px; } .quality1-dl dd:nth-child(1){ position: relative; left: 80px; } .quality1-dl dd:nth-child(4){ position: relative; left: 80px; } .quality1-dl dd h1{ margin:0; font-size: 20px; font-weight: bold; color:#1485ee; } .quality1-dl dd p{ margin:0; font-size: 16px; line-height: 2; color:rgba(0,0,0,0.65); text-indent: 2em; margin-top: 35px; } .quality2{ padding: 0px 0 120px; } .quality2-pic{ border:1px solid #cecece; padding:15px; } .quality2-pic .imgbox_a{ padding-bottom: 135.37415%; } .quality2-title{ font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; text-align: center; margin-top: 35px; } .quality2-item{ cursor: pointer; } .quality2-item:hover .quality2-title{ color: #1485ee; } .quality2-list .owl-nav button.owl-prev{ position: absolute; left:-78px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .quality2-list .owl-nav button.owl-prev:hover{ background-image: url(../images/lefth.png); } .quality2-list .owl-nav button.owl-next{ position: absolute; right:-78px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-size: 100%; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .quality2-list .owl-nav button.owl-next:hover{ background-image: url(../images/righth.png); } .mianbaoxie-wp{ background-color: #ebebeb; } .mianbaoxie{ font-size: 16px; color:rgba(0,0,0,0.65); height: 60px; line-height: 60px; padding-left: 48px; background-repeat: no-repeat; background-image: url(../images/fang.png); background-position: 9px center; } .hdetail-div{ padding: 45px 0 60px; } .hdetail-left{ width: 960px; background-color: #fff; padding: 35px 45px 45px; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); } .hdetail1{ font-size: 14px; color:rgba(0,0,0,0.87); padding-bottom: 25px; border-bottom: 1px solid #dcdde2; } .hdedtail2{ padding: 40px 0 40px; } .hdedtail-title{ font-size: 36px; color:rgba(0,0,0,0.87); text-align: center; line-height: 1.3; } .hdedtail-fx{ font-size: 14px; color:rgba(0,0,0,0.87); text-align: center; margin-top: 25px; } .hdedtail3{ font-size: 18px; color:rgba(0,0,0,0.87); line-height: 2; } .hdedtail3,.hdedtail3 *{ font-family: Microsoft Yahei!important; } .hdedtail3 img{ display: block; margin:0 auto 10px; } .hdetail-right{ width: 350px; } .hdedtail4{ background-color: #fff; padding: 20px 0; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.1); } .hdedtail-title .fl{ height: 27px; line-height: 27px; padding-left: 18px; border-left: 6px solid #1485ee; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); } .hdedtail-title .fr{ font-size: 14px; color:rgba(0,0,0,0.87); margin-right: 13px; cursor: pointer; margin-top: 5px; } .hdedtail-title .fr:hover{ color: #1485ee; } .hdedtail4-list dl{ margin:0; padding: 5px 35px; } .hdedtail4-list h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.87); line-height: 2; max-height: 4em; overflow: hidden; } .hdedtail4-list h1 span{ cursor: pointer; } .hdedtail4-list h1 span:hover{ color: #1485ee; } .hdedtail4-list h2{ margin:0; font-size: 14px; color:rgba(0,0,0,0.87); margin-top:8px; } .hdedtail4-list dd{ padding: 20px 0; } .hdedtail4-list dd+dd{ border-top: 1px solid #dcdde2; } .hdedtail5{ margin-top:30px; background-image: url(../images/hdetail5.jpg); background-repeat: no-repeat; background-position: center; height: 338px; padding-top: 20px; box-shadow: 0px 0px 16px 0px rgba(4, 0, 0, 0.2); } .hdedtail5-er{ margin-top: 25px; padding: 0 38px; font-size: 16px; color:rgba(0,0,0,0.87); text-align: center; line-height: 2; } .hdedtail5-er img{ display: block; width: 142px; margin:0 auto 20px; } .hdedtail2 .social-share{ display: inline-block; vertical-align: middle; } .human .channel-title-wp{ padding-bottom: 0; } .human1{ padding: 75px 0; } .human1-div{ max-width: 945px; margin:0 auto; text-align: center; font-size: 0; } .human1-title{ font-size: 40px; color: #1485ee; font-weight: bold; } .human1-title2{ display: inline-block; font-size:26px; color: #fff; font-weight: bold; padding: 15px 80px; background-color: #1485ee; margin:30px 0 24px; border-radius: 999em; } .human1-p{ font-size: 16px; color:rgba(0,0,0,0.65); line-height: 2; } .human2{ padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/human2-bg.jpg); position: relative; } .human2::before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content:""; background-color: #000; opacity: 0.2; } .human2 .container{ position: relative; z-index: 5; } .human2-list dl{ margin:0; margin-left: -1%; } .human2-list dd{ float: left; width: 24%; margin-left: 1%; height: 428px; padding: 60px 35px 15px; background-color: rgba(255,255,255,0.7); text-align: center; transition: background-color .3s; } .human2-list dd h1{ margin:0; font-size: 18px; font-weight: bold; color:rgba(0,0,0,0.87); transition: color .3s; } .human2-p{ font-size: 16px; color:rgba(0,0,0,0.65); line-height: 2; margin-top: 20px; padding-top: 15px; position: relative; transition: color .3s,padding .3s; text-align: justify; } .human2-p::before{ position: absolute; width: 44px; left: 50%; transform: translateX(-50%); height: 2px; content:""; background-color: #1485ee; top: 0; transition: width .3s; } .human2-list dd:hover{ background-color: rgba(20,133,238,0.7); } .human2-list dd:hover h1{ color:#fff; } .human2-list dd:hover .human2-p{ color:rgba(255,255,255,0.65); padding: 0; } .human2-list dd:hover .human2-p::before{ width: 0; } .human3{ padding: 100px 0 70px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/human3-bg.jpg); position: relative; } .human3-dl{ padding-top: 15px; } .human3-dl dl{ margin:0; margin-left: -3%; } .human3-dl dd{ float: left; width: 30.333333%; height: 165px; margin-left: 3%; margin-top:35px; background-color: rgba(255,255,255,0.5); border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(9, 2, 4, 0.2); font-size: 18px; color:rgba(0,0,0,0.87); text-align: center;line-height: 1.6; /* cursor: pointer; */ } .human3-dl dd>a{ display: block; height: 100%; padding-top: 32px; } .human3-dl dd img{ display: block; width: 59px; margin:0 auto 15px; } .human3-dl dd img.imgCur{ display: none; } .human3-dl dd:hover img{ display: none; } .human3-dl dd:hover img.imgCur{ display: block; } .human4{ padding: 120px 0; background-color: #fff; } .human4-1{ width: 50%; padding-right: 8px; } .human4-er{ width: 240px; text-align: center; font-size: 16px; color:rgba(0,0,0,0.87); } .human4-er img{ display: block; width: 123px; margin:0 auto 20px; box-shadow: 0px 0px 24px 0px rgba(9, 2, 4, 0.26); } .human4-1-con{ overflow: hidden; padding-top: 10px; } .human4-1-con h1{ margin:0; font-size: 20px; font-weight: bold; color:rgba(0,0,0,0.87); } .human4-1-con p{ margin:0; font-size: 15px; color:rgba(0,0,0,0.65); line-height: 2.2; margin:22px 0 22px; } .human4-1-con h2{ margin:0; font-size: 16px; font-weight: bold; color:rgba(0,0,0,0.87); } .human4-2{ width: 50%; padding-left: 8px; } .human4-2-img{ background-color:#fafafa; padding: 56px 20px 50px; } .human4-2-img img{ display: block; margin:0 auto; } .product{ padding: 50px 0 90px; } .product-menu-list dl{ margin:0; margin-left: -1%; } .product-menu-list dd{ float: left; width: 15.666667%; margin-left: 1%; margin-bottom: 1%; } .product-menu-list dd>a{ display: block; background-color: #ebebeb; cursor: pointer; font-size: 16px; color:rgba(0,0,0,0.87); text-align: center; height: 60px; line-height: 60px; border-radius: 5px; } .product-menu-list dd>a:hover{ color: #1485ee; } .product-menu-list dd.cur>a{ background-color: #1485ee; color:#fff!important; } .product-menuCur{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding-top: 1%; } .product-menu-list.product-menuCur dd:first-child>a{ background-color: #fff!important; color:rgba(0,0,0,0.87)!important; } .product-list{ padding-top:25px; } .product-list dl{ margin:0; margin-left: -1.2%; } .product-list dd{ float: left; width: 32.1333333%; margin-left: 1.2%; margin-top: 1.2%; } .product-item{ /* height: 600px; */ display:block; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); padding: 40px 32px; } .product-item h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); } .product-item h2{ margin:0; font-size: 26px; font-weight: bold; color:rgba(0,0,0,0.87); margin-top: 20px; } .product-pic{ margin-top: 16px; position: relative; } .product-zx-wp{ position: absolute; z-index: 15; background-color: #ebebeb; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .3s; } .product-zx-wp.cur{ opacity: 1; visibility: visible; } .product-zx{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; } .product-zx-item+.product-zx-item{ margin-top: 25px; } .product-zx-item h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); padding-bottom: 15px; } .product-zx-item h2{ margin:0; font-size: 38px; color:#1485ee; line-height: 1; font-family: 'Impact'; } .product-er{ width: 150px; margin:0 auto; } .product-span{ margin-top: 20px; } .product-span-item{ width: 45.6%; height: 47px; line-height: 45px; /* border:1px solid #1485ee; */ border:1px solid rgba(0,122,197,0.3); border-radius: 5px; position: relative; font-size: 14px; color:#1485ee; overflow: hidden; cursor: pointer; text-align: center; transition: border-color .3s; } .product-span-item::before{ position: absolute; top: 0; bottom: 0; left: 0; background-color: #1485ee; content:""; z-index: 1; transition: width .3s; width: 0; } .product-span-item span{ position: relative; z-index: 3; transition: color .3s; } .product-span-item:hover{ border-color:#1485ee; } .product-span-item:hover::before{ width: 100%; } .product-span-item:hover span{ color: #fff; } .product_detail1{ padding: 50px 0; background-color: #fff; } .product_detail1-pic-wp{ width: 50%; padding-right: 24px; } .product_detail1-pic{ width: 550px; margin:0 auto; } .product_detail1-pic .imgbox{ padding-bottom: 100%; } .product_detail1-con-wp{ width: 50%; padding-left: 24px; padding-top: 15px; } .product_detail1-con-title{ border-bottom: 1px solid #bcbcbc; } .product_detail1-con-title h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); } .product_detail1-con-title h2{ margin:0; font-size: 50px; color:rgba(0,0,0,0.87); font-weight: bold; padding:13px 0 20px; } .product_detail1-con-p{ margin-top: 15px; } .product_detail1-con-p p{ margin:0; } .product_detail1-con-p,.product_detail1-con-p *{ font-size: 16px!important; color:rgba(0,0,0,0.65)!important; line-height:2!important; font-family:'Microsoft Yahei'!important; } .product_detail1-con-hui{ background-color: #ebebeb; padding: 22px; padding-left: 36px; margin-top: 30px; } .product_detail1-con-er-wp{ width: 178px; margin-right: 39px; border-right: 1px solid #fff; } .product_detail1-con-er{ width: 108px; } .product_detail1-con-er img{ display: block; width: 100%; } .product_detail1-con-er-wz{ overflow: hidden; padding: 14px 35px 0 15px; text-align: center; font-size: 16px; color:rgba(0,0,0,0.65); line-height: 1; } .product_detail1-con-phone{ overflow: hidden; padding-top: 20px; } .product_detail1-con-phone h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); } .product_detail1-con-phone h2{ margin:0; font-size: 40px; color:#1485ee; font-family: 'Impact'; line-height: 1; margin-top: 13px; } .product_detail2{ height: 635px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 140px; background-image: url(../images/pdbg.jpg); } .product_detail2 .channel-title{ color: rgba(0, 0, 0, 0.87); } .product_detail3{ background-color: rgba(0, 0, 0, 0.02); padding: 100px 0 90px; } .product_detail3 .channel-title{ color:rgba(0, 0, 0, 0.87) } .product_detail-table{ margin-top:20px; } .product_detail-table table.table{margin:0; border-top: 1px solid #bcbcbc;} .product_detail-table table.table tr td{ height: 60px; vertical-align: middle; font-size: 16px; color:rgba(0,0,0,0.65); width: 50%; border-bottom: 1px solid #bcbcbc; padding-left: 250px; } .product_detail-table table.table tr td:first-child{ font-weight: bold; color:rgba(0,0,0,0.87); } .product_detail4{ background-color: #fff; padding: 90px 0 75px; } .product_detail4 .channel-title{ color:rgba(0, 0, 0, 0.87) } .product_detail4-list .item{ padding: 20px; } .product_detail4-list .owl-nav button.owl-prev{ position: absolute; left:-54px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .product_detail4-list .owl-nav button.owl-prev:hover{ background-image: url(../images/lefth.png); } .product_detail4-list .owl-nav button.owl-next{ position: absolute; right:-54px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-size: 100%; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .product_detail4-list .owl-nav button.owl-next:hover{ background-image: url(../images/righth.png); } .product_detail4-list .product-er{ width: 125px; } .banner-2.banner-2-about{ height: auto; padding-bottom: 39.1666667%; } .about1{ padding: 110px 0 90px; } .about1-1{ max-width: 900px; margin:0 auto 100px; } .about1-1-p{ font-size: 16px; color:rgba(0,0,0,0.65); line-height: 2.2; } .about1-1-dl dl{ margin:0; display: flex; justify-content: space-around; margin-top: 75px; } .about1-1-dl dd h1{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); text-align: center; } .about1-1-dl dd h1 span{ font-family: 'Impact'; font-size: 40px; color:#1485ee; padding-right: 5px; } .about1-1-dl dd h2{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); text-align: center; margin-top: 15px; } .about1-2-dl dl{ margin:0; margin-left: -5.5%; } .about1-2-dl dd{ float: left; width: 27.83333%; margin-left: 5.5%; box-shadow: 0px 0px 10px 0px rgba(9, 2, 4, 0.2); background-color: #fff; cursor: pointer; } .about1-2-pic .imgbox_a{ padding-bottom: 116.624685%; } .about1-2-con{ padding: 30px; padding-right: 80px; position: relative; } .about1-2-con h1{ margin:0; font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; } .about1-2-con h2{ margin:0; font-size: 16px; color:rgba(0,0,0,0.65); margin-top: 15px; } .about1-2-con::after{ position: absolute; width: 38px; height: 36px; top: 50%; margin-top: -18px; background-image: url(../images/about1-2-ico.png); content:""; right: 30px; } .about1-2-dl dd:hover .about1-2-con h1{ color: #1485ee; } .about2{ background-color: #fafafa; padding: 115px 0; } .about2-list1{ padding: 0 41px; } .about2-list1 .item{ cursor: pointer; font-size: 16px; color:#1485ee; text-align: center; border:1px solid rgba(0,0,0,0.1); border-radius: 4px; height: 47px; line-height: 45px; } .about2-list1 .item.cur{ background-color: #1485ee; border-color: #1485ee; color:#fff; } .about2-list1 .owl-nav button.owl-prev{ position: absolute; left:0px; top: 50%; width: 32px; height: 32px; margin-top: -16px; background-image: url(../images/left22.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .about2-list1 .owl-nav button.owl-prev:hover{ background-image: url(../images/left22h.png); } .about2-list1 .owl-nav button.owl-next{ position: absolute; right:0px; top: 50%; width: 32px; height: 32px; margin-top: -16px; background-size: 100%; background-image: url(../images/right22.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .about2-list1 .owl-nav button.owl-next:hover{ background-image: url(../images/right22h.png); } .about2-list2-wp{ margin-top: 50px; padding: 0 41px; } .about2-list2-wp .about2-list2{display: none;} .about2-list2-wp .about2-list2:first-child{display: block;} .about2-list2-nian{ line-height: 1; font-size: 80px; color:rgba(0, 0, 0, 0.05); writing-mode: vertical-lr;/*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄 writing-mode: tb-rl锛?/ } .about2-list2-dl{ overflow: hidden; position: relative; } .about2-list2-dl::before{ z-index: 5; position: absolute; width: 1px; background-color: #dddddd; content:""; top: 0; bottom: 5px; left: 183px; } .about2-list2-dl dl{ margin:0; position: relative; z-index: 15; max-height: 540px; overflow-y: auto; padding-right: 15px; } .about2-list2-dl dl::-webkit-scrollbar { width: 4px; } .about2-list2-dl dl::-webkit-scrollbar-thumb { width: 4px; height: 36px; background-color: #1485ee; } .about2-list2-dl dl::-webkit-scrollbar-track { width: 1px; background-color: #eee; } .about2-list2-dl dd{ padding: 7px 0; background-image: url(../images/bei.jpg); background-repeat: no-repeat; background-position: 160px 0; position: relative; } .about2-list2-dl dd::before{ position: absolute; width: 47px; height: 12px; content:""; z-index: 10; background-color: #fafafa; left: 160px; bottom: 100%; } .about2-list2-dl dd::after{ position: absolute; width: 47px; height: 12px; content:""; z-index: 10; background-color: #fafafa; left: 160px; top: 38px; } .about2-list2-dl dd{ margin-bottom: 42px; } .about2-date{ width: 115px; font-size: 16px; color:#1485ee; text-align: right; line-height: 24px; margin-right: 130px; } .about2-p{ overflow: hidden; font-size: 16px; color:rgba(0,0,0,0.87); line-height: 24px; } .about2-p p{ margin:0; } .about2-list2-dl dd:hover{ background-image: url(../images/beih.jpg); } .about2-list2-dl dd:hover .about2-p{ font-weight: bold; } .about3{ height:500px; position: relative; cursor: pointer; overflow: hidden; } .about3::before{ position: absolute; width: 64px; height: 64px; top: 50%; content:""; left:50%; z-index:30; transform: translate(-50%,-50%); background-image: url(../images/bo.png); background-size: 100%; } .about3::after{ position: absolute; width: 100%; height: 100%; top: 0%; content:""; left: 0px; background-color: #000; opacity: 0.3; z-index: 10; } .about3-bg{ height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 2; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .about3:hover .about3-bg{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about4{ padding: 120px 0 130px; background-color: #fff; } .about4-pic{ border:1px solid #cecece; padding: 20px 15px; } .about4-pic .imgbox_a{ padding-bottom: 135.37415%; } .about4-title{ font-size: 20px; color:rgba(0,0,0,0.87); font-weight: bold; text-align: center; margin-top: 30px; } .about4-list .owl-nav button.owl-prev{ position: absolute; left:-78px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .about4-list .owl-nav button.owl-prev:hover{ background-image: url(../images/lefth.png); } .about4-list .owl-nav button.owl-next{ position: absolute; right:-78px; top: 50%; width: 54px; height: 115px; margin-top: -57px; background-size: 100%; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .about4-list .owl-nav button.owl-next:hover{ background-image: url(../images/righth.png); } .about4-item{ cursor: pointer; } .about4-item:hover .about4-title{ color: #1485ee; } .culture1{ padding: 145px 0 110px; background-repeat: no-repeat; background-position: right top; background-image: url(../images/culture1-bg.jpg); } .culture1-img{ position: relative; padding-top: 78px; } .culture1-img .channel-title{ position: absolute; width: 50%; left: 50%; top: 0; padding-left: 9px; } .culture1-img img{ display: block; margin:0 auto; } .culture1-pic{ position: absolute; left: 0; top: 0; width: 668px; } .culture1-pic .imgbox_a{ padding-bottom: 71.4%; } .fculture1 .flex-direction-nav a{ width:48px; height: 48px; margin-top: 0; top: auto; bottom: 0; } .fculture1 .flex-direction-nav .flex-next{ right: 0; } .fculture1 .flex-direction-nav .flex-prev{ left: auto; right: 50px; } .fculture1_title{ position: absolute; left: 0; bottom: 0; right: 100px; z-index: 15; color: #fff; font-size: 16px; text-align: center; background-color: rgba(0,0,0,0.2); height: 48px; line-height: 48px; padding: 0 20px; } .culture2{ min-height:548px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/culture2-bg.jpg); } .culture2-1{ width: 50%; margin-left: auto; } .culture2-1-item{ margin-top: 45px; } .culture2-1-item-title{ width: 218px; height: 47px; line-height: 47px; font-size: 20px; font-weight: bold; color:#fff; background-repeat: no-repeat; background-position: center; background-image: url(../images/culture2-1-item-title.png); padding-left: 15px; } .culture2-1-item-p{ font-size:16px; color:rgba(0, 0, 0, 0.65); line-height: 2.4; text-indent: 2em; margin-top: 15px; } .culture2-2{ background-color: rgba(0, 0, 0, 0.02); padding: 20px 30px 20px 45px; margin-top: 60px; } .culture2-2-ico{ width: 91px; margin-right: 40px; } .culture2-2-ico img{ display: block; width: 100%; } .culture2-2-con{ font-size:16px; color:rgba(0, 0, 0, 0.65); line-height: 2.2; text-indent: 2em; padding-top: 15px; } .culture3{ padding: 80px 0 110px; } .channel-title2{ font-size: 26px; font-weight: bold; color:rgba(0, 0, 0, 0.87); margin-top: 5px; } .culture3-dl dl{ margin:0; margin-left: -1%; margin-top: -1%; } .culture3-dl dd{ float: left; width: 32.3333333%; margin-left: 1%; margin-top: 1%; } .culture3-dl dd:nth-child(1), .culture3-dl dd:nth-child(2){ width: 49%; } .culture3-dl dd .imgbox_a{ padding-bottom: 77.5%; background-repeat: no-repeat; background-position: center; background-size: cover; } .culture3-dl dd:nth-child(1) .imgbox_a, .culture3-dl dd:nth-child(2) .imgbox_a{ padding-bottom: 51.048%; } .culture3-dl dd .imgbox_a::before{ position: absolute; width: 100%; left: 0; bottom: 0; height: 114px; content:""; z-index: 10; background-image: url(../images/culture3-hei.png); background-repeat: repeat-x; background-position: left top; } .culture3-con{ position: absolute; left: 0; bottom: 0; z-index: 30; width: 100%; z-index: 30; padding: 0 40px 30px; } .culture3-con h1{ margin:0; font-size: 20px; color:rgba(255, 255, 255, 0.87); font-weight: bold; } .culture3-con p{ margin:0; font-size: 16px; color:rgba(255, 255, 255, 0.65); line-height: 2.2; margin-top: 13px; } .culture4{ min-height:2344px; background-repeat: no-repeat; background-position: center top; background-image: url(../images/culture4-bg.jpg); padding-top: 68px; padding-bottom: 88px; } .culture4-1-img{ margin-top: -30px; } .culture4-1-img img{ display: block; margin:0 auto; } .culture4-2{ margin-top: 200px; } .culture4-2-div-con{ overflow: hidden; } .culture4-2-div-item:nth-child(1) .culture4-2-pic{ float: right; width: 283px; margin-left: 230px; margin-right: 60px; } .culture4-2-div-item:nth-child(1) .culture2-1-item-title{ background-image: url(../images/culture2-1-item-title2.png); width: 268px; } .culture4-2-div-item:nth-child(1) .culture4-2-div-con{ padding-top: 100px; } .culture4-2-div-item:nth-child(2){ margin-top: 85px; } .culture4-2-div-item:nth-child(2) .culture4-2-pic{ float: left; width: 464px; margin-left: 40px; margin-right: 60px; } .culture4-2-div-item:nth-child(2) .culture4-2-div-con{ padding-top: 75px; } .culture4-3{ margin-top: 150px; } .culture4-3-dl-item{ width: 49.5%; float: left; } .culture4-3-dl-item+.culture4-3-dl-item{ float: right; } .culture4-3-dl-item dl{ margin:0; margin-left: -2%; } .culture4-3-dl-item dd{ float: left; width: 48%; margin-left: 2%; } .culture4-3-dl-item dd .imgbox_a{ padding-bottom:71.4%; cursor: pointer; } .culture4-3-dl-item dd .imgbox_a h1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 56px; line-height: 56px; font-size: 18px; color:#fff; z-index: 15; margin:0; background-color: rgba(0,0,0,0.3); padding: 0 30px; } .culture4-3-dl-item:nth-child(1) dd:nth-child(1){ margin-bottom: 2%; width: 98%; } .culture4-3-dl-item:nth-child(2) dd:nth-child(3){ margin-top: 2%; width: 98%; } .service1{ padding: 100px 0; } .service1 .about1-1{ margin-top:65px; } .service1-dl{ padding-top: 25px; } .service1-dl dl{ margin:0; margin-left: -2%; } .service1-dl dd{ float: left; width: 48%; margin-left: 2%; margin-top: 2%; height: 246px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 90px 30px 0; } .service1-dl dd:nth-child(1){background-image: url(../images/service1-bg1.jpg);} .service1-dl dd:nth-child(2){background-image: url(../images/service1-bg2.jpg);} .service1-dl dd:nth-child(3){background-image: url(../images/service1-bg3.jpg);width: 98%;padding-top: 75px;} .service1-dl dd h1{ margin:0; font-size: 20px; color:rgba(0, 0, 0, 0.87); font-weight: bold; margin-bottom: 20px; } .service1-dl dd h2{ margin:0; font-size: 16px; color:rgba(0, 0, 0, 0.65); line-height: 1.6; } .service1-dl dd h3{ margin:0; font-size: 40px; color:rgba(0, 0, 0, 0.65); font-family: 'Impact'; line-height: 1; } .service2-map{ height: 828px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 45px; } .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; 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: 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; } body.cur{ overflow: hidden!important; } .contact .erji-padd{ position: relative; } .product_detail2-dl{ margin-top: 30px; } .product_detail2-dl dl{ margin:0; font-size: 0; line-height: normal; text-align: center; } .product_detail2-dl dd{ display: inline-block; width: 154px; font-size: 18px; /*color: #fff;*/ color: rgba(0, 0, 0, 0.77); text-align: center; } .product_detail2-dl dd img{ display: block; width: 100%; margin-bottom: 30px; } .product_detail2-dl dd+dd{ margin-left: 106px; } .wd{ position: relative; margin-top: 45px; } .wd-map{ height: 828px; position: relative; z-index: 15; } .map{ height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .wd-div-wp{ position: absolute; width: 100%; left: 0; top: 50%; z-index: 30; } .wd-div-wp .container{ position: relative; } .wd-div{ width: 490px; min-height: 200px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .wd1-item{ width: 48.5%; position: relative; margin-bottom: 3%; } .wd3 .wd1-item{ width: 100%; } .wd1-item .form-control{ height: 47px; box-shadow: 0px 0px 10px 0px rgba(9, 2, 4, 0.25); } .wd1-item input.form-control{ padding-left: 20px; padding-right: 50px; } .wd1-item input:focus, .wd1-item select:focus{ outline: none; } .wd1-item input[type="image"]{ position: absolute; right: 14px; top: 13px; width: 20px; } .wd2{ box-shadow: 0px 0px 10px 0px rgba(9, 2, 4, 0.25); background-color: #fff; } .wd2-title{ background-color: #f2f2f2; font-size: 16px; color:#333; padding: 27px; padding-left: 60px; background-repeat: no-repeat; background-position: 25px 24px; background-image: url(../images/dw.png); line-height: 1.5; } .wd2-title span{ color: #da0010; padding: 0 7px; } .wd2-item-wp{ height: 465px; overflow-y: auto; } .wd2-item{ background-color: #fff; padding: 20px; cursor: pointer; transition: background-color .3s; } .wd2-item-h1{ font-size: 16px; color:#333; line-height: 1.5; transition:color .3s; } .wd2-item-p{ font-size: 14px; color:#999; line-height: 2; margin-top: 7px; transition:color .3s; } .wd2-item:hover{ background-color: #1485ee; } .wd2-item:hover .wd2-item-h1{ color: #fff; } .wd2-item:hover .wd2-item-p{ color: #fff; } .wd2-item.cur{ background-color: #1485ee; } .wd2-item.cur .wd2-item-h1{ color: #fff; } .wd2-item.cur .wd2-item-p{ color: #fff; } .cp-list dl{ margin:0; } .cp-list dd{ background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(8, 1, 3, 0.2); } .cp-list dd+dd{ margin-top: 60px; } .cp-pic{ width: 50%; } .cp-pic .imgbox_a{ padding-bottom: 68.86%; } .cp-con{ overflow: hidden; padding: 80px 50px 0; } .cp-h1{ font-size: 0; color: #333; position: relative; } .cp-h1 span{ position: relative; z-index: 15; display: inline-block; font-size: 28px; color: #333; max-width: 100%; line-height: 1; padding-bottom: 3px; } .cp-h1 span::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 7px; content:""; background-color: #1485ee; z-index: 3; } .cp-h1 span i{ font-style: normal; position: relative; z-index: 25; } .cp-p{ font-size: 16px; color: #666; line-height: 2; max-height: 8em; overflow: hidden; margin-top: 30px; } .zuzhi{ padding: 80px 0; } .zuzhi .channel-more{ margin-top: 50px; } /*2023-10-8 鏂板椤甸潰鏍峰紡*/ .hdetail-left.hdetail-left-full{ margin-right: 0; width: 100%; } .hdetail-left-full .hdedtail2{ padding-top: 10px; } .xinwen2 ul{ margin:0; position: relative; } .xinwen2 ul::after{ position: absolute; width: 1px; content:""; top: 0; bottom: 0; left: 168px; background-color: #bcbcbc; } .xinwen2 li{ margin-top: 40px; } .xinwen2 li:first-child{ margin-top: 0px; } .xinwen2-date{ width: 169px; text-align: center; height: 218px; padding-top: 72px; position: relative; z-index: 80; } .xinwen2-date::before{ position: absolute; width: 0; top: 0; right: 0; bottom: 0; content:""; /*background-image: url(../images/lanhua.jpg); background-repeat: no-repeat; background-position:right center; -webkit-background-size: cover; background-size: cover;*/ background-color: #1485ee; transition: .5s; z-index: 30; } .xinwen2-date::after{ position: absolute; width:15px; height: 29px; margin-top: -15px; top: 50%; content:""; background-image: url(../images/jiao1.png); background-repeat: no-repeat; background-position:left center; -webkit-background-size: 100%; background-size: 100%; right: -14px; display: none; z-index: 30; } .linei{ position: absolute; width: 45px; height: 1px; background-color:#bcbcbc; left: 100%; top: 50%; } .xinwen2-date h1{ margin:0; font-size: 50px; font-weight: bold;color: #1485ee; font-family: "Arial"; line-height: 1; position: relative; transition: .3s; z-index: 40; } .xinwen2-date h2{ position: relative; margin:0; font-size: 14px; color: #1485ee; font-family: "Arial"; line-height: 1; margin-top: 6px; z-index: 40; transition: .3s; } .xinwen2-div{ width: 1100px; padding: 40px; position: relative; } .xinwen2-div::after{ position: absolute; background-color: #f6f6f6; top: 0; bottom: 0; left: 1px; right: 0; content:""; z-index: 40; transition: .3s; } .xinwen2-con{ position: relative; z-index: 50; } .xinwen2-pic{ width: 200px; margin-left: 40px; } .xinwen2-pic .imgbox_a{ padding-bottom: 69.33%; } .xinwen2-con-nei{ overflow: hidden; } .xinwen2-con-nei h1{ margin:0; font-size: 22px; font-weight: bold; color: #666; } .xinwen2-con-nei h2{ margin:0; font-size: 13px; color: #999; margin:20px 0 13px; } .xinwen2-con-nei h2 img{ margin-top: -3px; margin-right: 5px; } .xinwen2-con-nei p{ margin:0; font-size: 14px; color: #666; line-height: 2; height: 4em; overflow: hidden; } .xinwen2 li:hover .xinwen2-date h1, .xinwen2 li:hover .xinwen2-date h2{color: #fff;} .xinwen2 li:hover .xinwen2-date::before{ width: 500px; } .xinwen2 li:hover .xinwen2-date::after{ display: block; } .xinwen2 li:hover .linei{background-color:#1485ee; } .xinwen2 li:hover .xinwen2-div::after{ left: -83px; right: -350px; } .xinwen2 li:hover .xinwen2-con-nei h1, .xinwen2 li:hover .xinwen2-con-nei p{color: #1485ee;} .fenye{ text-align: center; margin-top: 50px; } .fenye ul{ margin:0; } .fenye .pagination > li > a, .fenye .pagination > li > span{ color: #1485ee; } .fenye .pagination > li > a:hover, .fenye .pagination > li > span:hover, .fenye .pagination > li > a:focus, .fenye .pagination > li > span:focus { color: #1485ee; } .fenye .pagination > .active > a, .fenye .pagination > .active > span, .fenye .pagination > .active > a:hover, .fenye .pagination > .active > span:hover, .fenye .pagination > .active > a:focus, .fenye .pagination > .active > span:focus { color: #fff; background-color: #1485ee; border-color: #1485ee; } .product_detail2{ position: relative; } .product_detail2 .container{ position: relative; z-index: 88; } .product_detail2-bg-wp{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; } .product_detail2-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background-repeat: no-repeat; background-position: center; background-size: cover; display: none; } .product_detail2-bg:first-child{ display: block; } .product_detail2-dl dd img{ transition: .3s; } .product_detail2-dl dd:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 氓鈥櫯 Chrome */ -moz-transform: rotateY(180deg); /* Firefox */ } /*2023-10-12*/ .listowl dl{ margin:0; margin-top: -3%; margin-left: -3%; } .listowl dd{ float: left; width: 22%; margin-left: 3%; margin-top: 3%; } .listowl-bz dd{ width: 13.66666667%; } /*璋冩煡闂嵎*/ .dc{ background-color: #e5e5e5; min-height: 100vh; background-repeat: no-repeat; background-position: center top; background-image: url(../images/dc-bg.png); padding-bottom: 95px; } .dc-logo{ width: 485px; } .dc-logo a,.dc-logo img{ display: block; width: 100%; } .dc-header{ padding-top: 34px; } .dc-dcb{ font-size: 50px; font-weight: bold; color:#333; text-align: center; padding: 65px 0 85px; letter-spacing: 5px; } .dc-footer{ background-color: #1485ee; font-size: 14px; color: #fff; line-height: 1.8; padding: 25px 0; } .dc-footer a:hover{ font-weight: bold; } .dc .container{ padding-left: 0; padding-right: 0; } .dc-div-item-wp+.dc-div-item-wp{ margin-top: 60px; } .dc-div-title{ width: 321px; height: 57px; line-height: 57px; background-image: url(../images/dc-div-title.png); background-repeat: no-repeat; background-position: center; background-size: 100%; font-size: 26px; color: #fff; font-weight: bold; margin:0 auto 30px; text-align: center; } .dc-div-item+.dc-div-item{ margin-top: 35px; } .dc-div-item{ border:1px solid #c5c5c5; border-radius: 8px; background-color: #fff; overflow: hidden; } .dc-div-item-title{ font-size: 26px; color: rgba(0,0,0,0.87); font-weight: bold; padding: 16px 35px; background-color: #dbdbdb; border-bottom:1px solid #c5c5c5; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .dc-div-item-title span{ font-size: 16px; font-weight: normal; padding-left: 15px; } .dc1{ padding: 25px 35px; font-size: 16px; color: rgba(0,0,0,0.65); line-height: 2.2; } .dc1 p{ margin: 0; text-indent: 2em; } .dc-btn{ margin-top: 65px; font-size: 0; text-align: center; } .dc-btn input:focus{ outline: none; } .dc-btn input{ display: inline-block; width: 200px; cursor: pointer; height: 47px; font-size: 16px; color: #1485ee; border:0; border:1px solid #cecece; background-color: #e5e5e5; border-radius: 4px; transition: .3s; } .dc-btn input[type="reset"]{ margin-left: 20px; } .dc-btn input:hover{ background-color: #1485ee; border-color:#1485ee; color:#fff; } .dc2{ padding: 35px; display: flex; align-items: center; } .dc2-item{ display: flex; align-items: center; } .dc2-title{ font-size: 16px; color: rgba(0,0,0,0.65); white-space: nowrap; } .dc2-input{ width: 240px; margin-left: 10px; } .dc2-input .form-control{ height:48px; font-size: 16px; } .dc2-item{ margin-right: 70px; } .dc2-xing{ font-size: 24px; color: #cf0b0b; margin-left: 10px; } .dc3{ padding: 0px 35px; } .dc3-item{ display: flex; align-items: center; padding: 35px 0; } .dc3-item+.dc3-item{ border-top: 1px dashed #dddddd; } .dc3-item input[type="checkbox"], .dc3-item input[type="radio"]{ width: 15px; height: 15px; margin-right:15px; display: inline-block; vertical-align: middle; margin-top: -4px; } .dc3-1{ width: 180px; font-size: 16px; font-weight: bold; color: rgba(0,0,0,0.65); flex-shrink: 0; } .dc3-2{ width: 65px; font-size: 16px; color: rgba(0,0,0,0.65); flex-shrink: 0; } .dc3-3{ font-size: 16px; color: rgba(0,0,0,0.65); margin-top: 20px; } .dc3-3-wp{ display: flex; align-items: center; flex-wrap: wrap; margin-top: -20px; } .dc3-3-wp1 .dc3-3{ width: 200px; } .dc3-3-wp2 .dc3-3{ width: 250px; } .dc3-3-wp3 .dc3-3{ width: 160px; } .dc4-1{ width: 250px; font-size: 16px; font-weight: bold; color: rgba(0,0,0,0.65); flex-shrink: 0; } .dc4-2{ font-size: 16px; color: rgba(0,0,0,0.65); white-space: nowrap; } .dc4-2+.dc4-2{ margin-left:40px; } .dc4-3 .form-control{ height:48px; font-size: 16px; } .dc4-3{ margin-right: 40px; margin-left: 10px; } .dc5-1{ width: 300px; font-size: 16px; font-weight: bold; color: rgba(0,0,0,0.65); flex-shrink: 0; } .dc5-2{ font-size: 16px; color: rgba(0,0,0,0.65); width: 220px; } #mapMenu span{ cursor: pointer; } #mapMenu span{ display: inline-block; vertical-align: top; color:#000; opacity: 0.87; } #mapMenu span+span{ margin-left: 50px; } #mapMenu span.cur{ color: #1485ee; } #wdwd2{ display: none; } .amap-info{ background-color: #fff; padding: 15px; border: 1px solid #c0c0c0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .amap-info::after{ position: absolute; width: 21px; height: 12px; content:""; top: 100%; left: 50%; background-image: url(../images/jdj.png); margin-left: -32px; } .hdedtail3 .human4-1{ width: 100%; padding-right: 0; margin-top: 30px; } .footer-4{ padding: 60px 0; } .footer-4-list .item .imgbox_a{ padding-bottom: 33%; } .footer-4-list{ padding: 0 50px; } .footer-4-list .owl-nav button.owl-prev{ position: absolute; left:0px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/left22.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; } .footer-4-list .owl-nav button.owl-next{ position: absolute; right:0px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background-image: url(../images/right22.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; } .list4 dl{ margin:0; } .list4 dd{ background-color: #f6f6f6; padding: 40px; } .list4 dd+dd{ margin-top: 50px; } .list4 dd:hover .xinwen2-con-nei h1, .list4 dd:hover .xinwen2-con-nei p{color: #1485ee;} .about3-box{ background-color: #fafafa; } .mdmdmd{ height: 0; position: relative; } .about2 .mdmdmd{top: -225px;} .about3-box .mdmdmd{top: -210px;} .human1 .mdmdmd{top: -185px;} .human3 .mdmdmd{top: -210px;} .human4 .mdmdmd{top: -230px;} .service1 .mdmdmd{top: -210px;} .service2 .mdmdmd{top: -210px;} .quality1 .mdmdmd{top: -210px;} .culture2 .mdmdmd{top: -220px;} .culture3 .mdmdmd{top: -190px;} .culture4-1 .mdmdmd{top: -220px;} .culture4-2 .mdmdmd{top: -220px;} .wenhua2 .mdmdmd{top: -220px;} .wenhua3 .mdmdmd{top: -205px;} .wenhua4 .mdmdmd{top: -285px;} .wenhua5 .mdmdmd{top: -210px;} .wenhua1{ padding: 105px 0 155px; background-image: url(../images/wenhua1-bg.jpg); } .wenhua1-list .item .imgbox_a{ padding-bottom: 71.591%; } .wenhua1-list .item .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 114px; background-repeat: repeat-x; background-position: left top; background-image: url(../images/wenhua1-hei.png); content:""; z-index: 10; } .wenhua1-title{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px 25px; font-size: 18px; color: #fff; text-align: center; z-index: 25; font-weight: bold; } .wenhua1-list .owl-nav button.owl-prev{ position: absolute; left:-74px; top: 50%; margin-top: -57px; width: 54px; height: 115px; background-image: url(../images/left3.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; z-index: 50; background-size: 100%; } .wenhua1-list .owl-nav button.owl-next{ position: absolute; right:-74px; top: 50%; margin-top: -57px; width: 54px; height: 115px; background-image: url(../images/right3.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; z-index: 50; background-size: 100%; } .wenhua2{ padding: 110px 0 165px; background-color: #fff; } .wenhua2-list-wp{ background-repeat: repeat-x; background-position: left 299px; background-image: url(../images/wenhua2-line.png); } .wenhua2-list dl{ margin:0; } .wenhua2-list dd{ float: left; width: 25%; } .wenhua2-pic{ width: 100px; margin:0 auto; } .wenhua2-pic .imgbox_a{ padding-bottom: 134.34%; } .wenhua2-title{ font-size: 18px; color: rgba(0,0,0,0.87); text-align: center; font-weight: bold; margin-top: 35px; } .wenhua2-num{ font-size: 0; text-align: center; } .wenhua2-num span{ display: inline-block; font-size: 50px; color: rgba(0,0,0,0.1); font-family: 'Impact'; padding-bottom: 20px; border-bottom: 2px solid #1485ee; line-height: 1; } .wenhua2-ico{ height: 11px; background-repeat: no-repeat; background-position: center; background-image: url(../images/wenhua2-ico1.png); margin:30px 0; } .wenhua2-item{ padding: 70px 15px 65px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/wenhua2-bgx.png); transition: background-image .3s,box-shadow .3s; position: relative; } .wenhua2-a{ position: absolute; width: 112px; left: 50%; margin-left: -56px; bottom:-21px; opacity: 0; visibility: hidden; transition: .3s; } .wenhua2-a a{ display: block; height: 42px; line-height: 42px; border-radius: 5px; background-color: #1485ee; color:#fff; text-align: center; font-size: 14px; font-weight: bold; transition: background-color .3s; } .wenhua2-item:hover{ background-image: url(../images/wenhua2-bg.png); box-shadow: 0px 0px 27px 0px rgba(10, 2, 4, 0.06); } .wenhua2-item:hover .wenhua2-a{ opacity: 1; visibility: visible; } .wenhua2-item:hover .wenhua2-ico{ background-image: none; } .wenhua2-a a:hover{ background-color: #1485ee; } .wenhua3{ padding: 95px 0; background-image: url(../images/wenhua3-bg.jpg); min-height: 836px; } .wenhua3-div{ position: relative; margin-top: 30px; } .wenhua3-pic{ width: 463px; margin:0 auto; } .wenhua3-pic img{ display: block; width: 100%; } .wenhua3 .wenhua5-dl dd:nth-child(1){ left: 0; top: 0px; } .wenhua3 .wenhua5-dl dd:nth-child(2){ right: 0; top: 0px; } .wenhua3 .wenhua5-dl dd:nth-child(4){ right: 0; bottom: 0; } .wenhua4{ background-image: url(../images/wenhua4-bg.jpg); min-height: 1051px; padding: 175px 0 100px; } .wenhua5{ padding-bottom: 135px; } .wenhua5-pic{ width: 419px; margin:0 auto; } .wenhua5-pic img{ display: block; width: 100%; } .wenhua5 .channel-title{font-size: 26px;color: rgba(0,0,0,0.87);} .wenhua5-div{ position: relative; } .wenhua5-dl dl{ margin:0; } .wenhua5-dl dd{ position: absolute; width: 410px; } .wenhua5-dl dd h1{ margin:0; font-size: 20px; font-weight: bold; color:#1485ee; } .wenhua5-dl dd .wenhua5-p+h1{ margin-top: 20px; } .wenhua5-p{ font-size: 16px; color: rgba(0,0,0,0.65); line-height: 2.2; margin-top: 13px; } .wenhua5-p p{margin:0;} .wenhua5-dl dd:nth-child(odd){ text-align: right; } .wenhua5-dl dd:nth-child(1){ left: 0; top: 30px; } .wenhua5-dl dd:nth-child(2){ right: 0; top: 90px; } .wenhua5-dl dd:nth-child(3){ left: 0; bottom: 0; } .wenhua6{ padding: 95px 0 160px; background-image: url(../images/wenhua6-bg.jpg); } .wenhua6.news3{margin-top: 0;} .wenhua7{ padding: 90px 0; } /*lanlan*/ .lanlan{ position: relative; z-index: 950; } .lanlan span{ display: block; font-size: 16px; color:#333; height: 75px; line-height: 75px; } .lanlan span img{ width: 15px; margin-top: -3px; margin-left: 8px; transition: .5s; transform: rotate(0deg); } .lanlan span.cur img{ transform: rotate(180deg); } .lanlan-a-wp{ position: absolute; width: 100px; left: -38px; top: 100%; background-color: #fff; box-shadow: 0px 0px 27px 0px rgba(11, 2, 5, 0.28); border-top: 3px solid #1485ee; padding: 10px; display: none; } .lanlan-a+.lanlan-a{ margin-top: 10px; } .lanlan-a{ font-size: 16px; color: #333; text-align: center; } .nav-2>ul{ margin:0; max-height: calc(100vh - 129px); overflow-y: auto; }