/**************************************/ /*************[公用start]**************/ /**************************************/ /*百度百科變灰*/ /*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; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .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{ } .header-1{ height: 156px; background-color: #f3f3f3; background-image: url(../images/header-1.jpg); background-repeat: no-repeat; background-position: center; } .logo{ width: 377px; margin-top: 48px; } .logo a,.logo img{ display: block; width: 100%; } .fflash{ width: 627px; margin-left: 42px; margin-top: 50px; } .fflash img{ display: block; width: 100%; } .header-right{ width: 264px; margin-top: 42px; } .header-adl dl{margin:0;} .header-adl dd{ float: left; padding-left: 25px; height: 20px; line-height: 20px; font-size: 14px; color: #666; background-repeat: no-repeat; background-position: left center; } .header-adl dd+dd{ margin-left: 25px; } .header-adl dd a:hover{ color: #9d1d22; } .search{ width: 264px; margin-left: auto; height: 44px; position: relative; margin-top: 13px; background-image: url(../images/search.png); padding-right: 43px; padding-left: 21px; } .search input:focus{ outline: none; } .search input[type="text"]{ width: 100%; border:0; height: 44px; padding: 8px 0px; background-color: transparent; font-size: 14px; color: #333; line-height: 1.42857143; } .search input[type="image"]{ position: absolute; right:16px; top: 14px; width: 17px; } .nav-wp{ position: relative; background-color:#9d1d22; z-index: 500; } .nav{ padding: 0 25px; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 9.0909090909%; text-align: center; position: relative; background-image: url(../images/li.png); background-repeat: no-repeat; background-position: left center; } .nav>ul>li:first-child{ background-image: none; } .nav>ul>li>a{ display: block; height: 70px; line-height: 70px; font-size: 18px; color:#fff; /*transition: .3s;*/ } .nav>ul>li:hover>a, .nav>ul>li.active>a { /*background-color:#a90e00;*/ font-weight: bold; } .nav>ul>li>ul{ position: absolute; left: 0px; right: 0; top:100%; z-index: 600; background-color: #9d1d22; display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 10px 5px; text-align: center; line-height: 1.6; font-size: 14px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ background-color: #83191d; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .slides>li{ height: 450px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; position: relative; } .fafa .slides>li img{ display: none; width: 100%; } .fafa .flex-direction-nav a{ width: 33px; height: 77px; margin-top: -38px; } .fafa .flex-direction-nav .flex-prev{ left: 0; } .fafa .flex-direction-nav .flex-next{ right: 0; } .main1{ padding: 50px 0 60px; /*background-image: url(../images/main1-bg.jpg);*/ } .main1-1{ width: 950px; margin-right: 45px; } .main1-2{ overflow: hidden; } .title-11 h1{ margin:0; font-size: 36px; color: #333; padding-left:45px ; background-repeat: no-repeat; background-position: left center; height: 37px; line-height: 37px; } .title-11 h1 span{ font-size: 20px; color: #211f1f; text-transform: uppercase; padding-left: 14px; } .main1-div{ margin-top: 30px; } .main1-1-pic-wp{ width: 495px; margin-right: 45px; } .main1-1-pic .imgbox_a{ padding-bottom: 66.67%; border-radius:8px; } .main1-1-date{ width: 85px; height: 85px; background-image: url(../images/hd.png); text-align: center; left: 0; bottom: 0; position: absolute; z-index: 50; padding-top: 16px; } .main1-1-date h1{ margin:0; font-size: 28px; font-weight: bold; color: #fff; line-height: 1; } .main1-1-date h2{ margin:0; font-size: 14px; color: #fff; margin-top: 9px; } .main1-1-con{ margin-top: 55px; } .main1-1-con h1{ margin:0; font-size: 18px; font-weight: bold; color: #9d1d22; } .main1-1-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.8; height: 3.6em; overflow: hidden; margin-top: 10px; } .main1-1-list{ overflow: hidden; } .main1-1-list dl{ margin:0; height: 464px; /*border-top: 1px solid #d8d8d8;*/ overflow: hidden; } .main1-1-list dd{ padding: 12px 0; border-bottom: 1px solid #d8d8d8; } .main1-1-list dd h1{ margin:0; font-size: 22px; color: #999; padding-left: 30px; background-repeat: no-repeat; background-position: left 50%; background-image: url(../images/time.png); } .main1-1-list dd h1 span{ font-size: 22px; } .main1-1-list dd h2{ margin:0; font-size: 18px; color: #333; margin-top: 5px; line-height: 1.8; height: 3.6em; overflow: hidden; } .main1-1-list dd h2 a:hover{ color: #9d1d22; } .main1-2-list dl{ margin:0; } .main1-2-list dd+dd{ margin-top: 11px; } .main1-2-date{ width: 78px; height: 78px; border:1px solid #9d1d22; border-top: 16px solid #9d1d22; margin-right: 22px; text-align: center; padding-top: 5px; } .main1-2-date h1{ margin:0; font-size: 26px; color: #333; line-height: 1; } .main1-2-date h2{ margin:0; font-size: 16px; color: #999; font-family:"Georgia"; margin-top: 5px; } .main1-2-con{ overflow: hidden; padding-top: 7px; } .main1-2-a{ font-size: 18px; color: #333; line-height: 1.8; height:3.6em; overflow: hidden; } .main1-2-a a:hover{ color: #9d1d22; } .main3{ position: relative; overflow: hidden; height: 612px; } .main3-bg1{ position: absolute; left: 0%; top: 46px; height: 547px; z-index: 20; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main3-bg1.png); border-top-right-radius: 30px; } .main3-bg1 .title-11{ padding-left: 108px; padding-top: 50px; } .main1 .title-11 h1 a:hover{ color: #9d1d22; } .main3-bg1 .title-11 h1,.main3-bg1 .title-11 h1 span{color: #fff;} .main3-div .title-11 h1,.main3-div .title-11 h1 span{color: #fff;} .main3-bg2{ position: absolute; right: 0%; top: 0; bottom: 0; z-index: 15; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main3-bg2.jpg); } .main3 .container{ position: relative; z-index: 25; } .main3-div{ min-height: 547px; padding-left: 450px; padding-top: 60px; } .main3-ul ul{ margin:0; margin-left: -5%; } .main3-ul li{ float: left; width: 45%; margin-left: 5%; } .main3-ul li:first-child{ margin-bottom: 35px; } .main3-ul li:first-child+li{ margin-bottom: 35px; } .main3-item{ background-color: #fff; padding: 30px; border-top: 3px solid #e6a668; } .title-33 h1{ margin:0; margin: 0; font-size: 24px; color: #333; padding-left: 38px; background-repeat: no-repeat; background-position: left center; } .title-33 h1 a:hover{ color: #9d1d22; } .main3-dl{ padding-top: 25px; } .main3-dl dl{ margin:0; } .main3-dl dd{ padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dian.png); font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main3-dl dd+dd{ margin-top: 19px; } .main3-dl dd a:hover{ color: #9d1d22; } .main2{ padding: 65px 0; background-image: url(../images/main2-bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size:cover; background-size:cover; } .main2-1{ width: 548px; box-shadow: 0px 2px 15.2px 0.8px rgba(85, 85, 85, 0.3); } .main2-1-top{ height: 167px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/main2-1.jpg); line-height: 167px; text-align: center; font-size: 30px; font-weight: bold; color: #9d1d22; } .main2-1-top img{ margin-top: -3px; margin-right: 13px; } .main2-1-list{ background-color: #fff; padding: 36px 25px; } .main2-1-list dl{ margin:0; } .main2-1-list dd{ padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dian.png); font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main2-1-list dd+dd{ margin-top: 23px; } .main2-1-list dd a:hover{ color: #9d1d22; } .main2-2{ overflow: hidden; } .main2-2 dl{ margin:0; } .main2-2 dd{ float: left; width: 48%; margin-left: 2%; position: relative; } .main2-2 dd .imgbox_a{ padding-bottom: 65.432%; } .main2-2 dd .imgbox_a h1{ margin:0; font-size: 24px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 45px 22px; z-index: 25; text-align: center; } .main2-2 dd .imgbox_a h2{ margin:0; font-size: 18px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 90px 20px 25px; z-index: 25; } .main2-2 dd:first-child,.main2-2 dd:first-child+dd{ margin-bottom: 2%; } .dd1 .imgbox_a{ background-color: #e6a668; } .dd4 .imgbox_a{ background-color: #9d1d22; } .wai{ position: absolute; right: 20px; left: 20px; top: 20px; color: #fff; font-size: 24px; padding-left: 65px; height: 50px; line-height: 50px; background-image: url(../images/wai-ico.png); background-repeat: no-repeat; background-position: left center; z-index: 50; } .dd2 .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 191px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/yy.png); content:""; z-index: 15; } .dd3 .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 191px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/yy.png); content:""; z-index: 15; } .main2-2-con{ position: absolute; width: 100%; left: 0; top: 50%; font-size: 24px; color: #fff; text-align: center; margin-top: -48px; } .main2-2-con img{ display: block; margin:0 auto 15px; } .fmain2 .flex-control-paging li a{ width: 8px; height: 8px; } .fmain2 .flex-control-nav{ text-align: right; padding-right: 16px; height: 0; bottom: 33px; } .fmain2 .flex-control-nav li{ margin:0; } .fmain2 .flex-control-nav li+li{ margin-left: 11px; } .fmain1 .flex-control-paging li a{ width: 11px; height: 11px; background-image: url(../images/arrow-b2.png); } .fmain1 .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); } .fmain1 .flex-control-nav{ height: 0; bottom: 113px; } .fmain1 .flex-control-nav li{ margin:0 7px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ background-image: url(../images/footer-1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .footer-1-1{ padding: 50px 0 40px; } .er { width: 116px; color: #fff; font-size: 14px; text-align: center; } .er img{ display: block; width: 100%; margin-bottom: 14px; } .foo1-list{ overflow: hidden; } .foo1-list ul{ margin:0; } .foo1-list li{ float: left; text-align: center; } .foo1-list li+li{ margin-left: 40px; } .foo1-list li h1{ margin:0; font-size: 16px; color: #fff; } .foo1-list dl{ margin:0; padding-top: 12px; } .foo1-list dd{ margin-top: 9px; font-size: 14px; color: #fff; } .foo1-list dd a:hover{ font-weight: bold; } .footer-1-2{ border-top: 1px solid #b3b797; border-top: 1px solid rgba(255,255,255,0.4); } .footer-1-2-dl{ padding: 32px 0px; } .footer-1-2-dl dl{ margin:0; font-size: 0; line-height: normal; text-align: center; } .footer-1-2-dl dd{ font-size: 16px; color: #fff; display: inline-block; padding-left:68px; background-repeat: no-repeat; background-position: left top; height: 50px; line-height: 50px; } .footer-1-2-dl dd+dd{ margin-left: 150px; } .footer-2{ background-color:#9d1d22; padding: 15px 0; line-height: 1.8; color: #fff; font-size: 16px; } .you{ width: 220px; margin-top: 10px; } /**************************************************************/ /*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: #f3f3f3; /*background-color: #0089d0;*/ } .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: 200px; margin-left: 15px; margin-top: 11px; } .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: 380px; background-repeat: no-repeat; background-position: center ; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji{ padding: 60px 0 40px; background-color: #f8f8f8; min-height:600px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/erji.jpg); -webkit-background-size: cover; background-size: cover; } .menu{ width: 350px; margin-right: 50px; } .menu-h1{ height: 150px; line-height: 150px; background-image: url(../images/menu-h1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; color: #fff; text-align: center; font-size: 36px; } .menu-dl{ background-color: #fff; padding: 10px 25px 20px; } .menu-dl dl{ margin:0; } .menu-dl dd{ padding: 21px 0; font-size: 18px; color: #333; text-align: center; line-height: 1.6; } .menu-dl dd a:hover{ color: #9d1d22; } .menu-dl dd.cur a{ color: #9d1d22; font-weight: bold; } .menu-dl dd+dd{ border-top: 1px solid #e4e4e4; } .erji-div{ float:right; width: 1000px; } .erji-title h1{ margin:0; font-size: 30px; color: #333; } .mianbaoxie{ font-size: 14px; color: #666; margin-top: 6px; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/fang.png); } .mianbaoxie a:hover,.mianbaoxie span{ color: #9d1d22; } .erji-content{ background-color: #fff; padding: 30px; margin-top: 25px; min-height: 500px; } .xinwen dl{ margin:0; } .xinwen dd+dd{ margin-top: 24px; } .xinwen dd{ background-color: #f9f9f9; } .xinwen-pic{ width: 280px; } .xinwen-pic .imgbox_a{ padding-bottom: 66.43%; } .leader-pic{ width: 150px; /*width: 168px;*/ } .leader-pic .imgbox_a{ padding-bottom: 135.7%; } .xinwen-con{ overflow: hidden; padding: 35px 40px 0; } .xinwen-con h1{ margin:0; font-size: 18px; color: #333; } .xinwen-con h2{ margin:0; font-size: 14px; color: #999; margin:18px 0 0px; } .xinwen-con p{ margin:0; font-size: 14px; margin-top: 12px; color: #666; line-height: 2; height: 4em; overflow: hidden; } .xinwen dd:hover{ background-color: #9d1d22; } .xinwen dd:hover .xinwen-con h1 { color: #fff; } .xinwen dd:hover .xinwen-con h2 { color: #fff; } .xinwen dd:hover .xinwen-con p { color: #fff; } .fenye ul{ margin:0; } .fenye{ text-align: center; margin-top: 40px; } .shizi-item+.shizi-item{ margin-top: 43px; } .shizi-title{ font-size: 18px; color: #fff; padding: 13px 24px; background-color: #9d1d22; } .shizi-dl{ padding-top: 12px; } .shizi-dl dl{ margin:0; margin-left: -1.5%; } .shizi-dl dd{ float: left; width: 11%; margin-left:1.5%; margin-top: 1.5%; } .shizi-dl dd>a{ display: block; background-color: #f5f5f5; height:32px; line-height: 32px; text-align: center; transition: background-color .3s,color .3s; } .shizi-dl dd>a:hover{ background-color:#9d1d22; color: #fff;} .dangjian dl{ margin:0; } .dangjian dd{ position: relative; } .dangjian dd>a{ display:block; position: relative; padding:30px 15px 35px 0; z-index:25; } .dangjian dd+dd{ border-top: 1px dashed #e6e6e6; } .dang-date{ width: 120px; text-align: center; position: relative; z-index: 25; } .dang-date h1{ margin:0; font-size: 48px; line-height: 1; color: #9d1d22; font-family: 'Georgia'; } .dang-date h2{ margin:0; font-size: 18px; color: #333; font-family: 'Georgia'; margin-top: 15px; } .dang-con{ overflow: hidden; padding-top: 7px; position: relative; z-index: 25; } .dang-con h1{ margin:0; font-size: 18px; color: #333; } .dang-con p{ margin:0; font-size: 16px; color: #666; line-height: 1.8; height: 3.6em; margin-top: 10px; } .dangjian dd::after{ position: absolute; right:-30px; top: 0; bottom: 0; left: -50px; content:""; background-color: #9d1d22; opacity: 0; transition: opacity .3s; } .dangjian dd:hover::after{ opacity: 1; } .dangjian dd::before{ position: absolute; width: 3px; top: 0; bottom: 0; left: -53px; content:""; background-color: #ea9039; opacity: 0; transition: opacity .3s; } .dangjian dd:hover::before{ opacity: 1; } .dangjian dd:hover .dang-date h1{color: #fff;} .dangjian dd:hover .dang-date h2{color: #fff;} .dangjian dd:hover .dang-con h1{color: #fff;} .dangjian dd:hover .dang-con p{color: #fff;} .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; } .danpian-con{ font-size: 14px; color:#666; line-height: 2; padding: 20px 0 20px; } .danpian-con *{ font-size: 16px!important; color:#666!important; line-height: 2!important; } .danpian-con img{ display: block!important; margin:15px auto!important; } .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:#9d1d22; } .pic-list{ overflow: hidden; } .pic-list dl{ margin:0; margin-left: -3%; margin-top: -3%; } .pic-list dd{ float: left; width: 30.33333%; margin-left: 3%; margin-top: 3%; } .pic-item h1{ margin:0; font-size: 18px; color: #333; text-align: center; margin-top: 18px; } .pic-item:hover h1{color: #9d1d22;} .pic-pic .imgbox_a{ padding-bottom: 66.43%; } .bantuan-dl{ padding: 30px 0; } .bantuan-dl dl{ margin:0; font-size: 0; line-height: normal; text-align: center; } .bantuan-dl dd{ display: inline-block; } .bantuan-dl dd+dd{ margin-left: 25px; } .bantuan-dl dd>a{ display: block; padding: 7px 15px; border-radius: 4px; background-color:#B4B4B4; color: #fff; font-size: 16px; } .bantuan-dl dd.cur>a,.bantuan-dl dd>a:hover{ background-color: #9d1d22; color: #fff; } .pic-list2 dd{ width: 22%; } .pic-list2 dd .pic-pic { border: 1px solid #ad0f19; } .pic-list2 dd .pic-pic .imgbox_a{ padding-bottom: 142%; } .ld-div-wp{ padding-bottom: 30px; } .ld-div-wp .ld-div{ width: 47%; } .ld-div-wp .ld-div .ld-b{ height: 344px; } .ld-h{ height: 35px; overflow: hidden; } .ld-h img{ display: block; width: 100%; height: auto; } .ld-b{ background-color: #fff; padding: 0 35px; -webkit-box-shadow: 0 0 27px rgba(0,23,29,.13); -moz-box-shadow: 0 0 27px rgba(0,23,29,.13); -ms-box-shadow: 0 0 27px rgba(0,23,29,.13); -o-box-shadow: 0 0 27px rgba(0,23,29,.13); box-shadow: 0 0 27px rgba(0,23,29,.13); } .ld-item{ padding: 25px 0; } .ld-item+.ld-item{ border-top: 1px solid #bfbfbf; } .ld-item-h1{ height:60px; width: 160px; border-right: 1px solid #bfbfbf; font-size: 24px; color: #333; font-weight: 400; margin-right: 20px; } .ld-dl{ overflow: hidden; } .ld-dl dl{ margin:0; } .ld-dl dd{ height: 32px; line-height: 32px; font-size: 24px; color: #333; text-align: center; } .ld-dl dd a:hover{ color: #9d1d22; text-decoration: underline; } .ld-dl2 dd{ float: left; width: 16.66667%; margin-bottom: 10px; } .jigou dl{ margin:0; margin-left: -2%; } .jigou dd{ float: left; width: 31.333333333%; margin-left: 2%; margin-bottom: 2%; } .jigou dd>a{ display: table; height: 86px; width: 100%; background-color: #959595; padding: 0 10px; border-radius: 5px; /* transition: background-color .3s,background-image .3s;*/ background-image: url(../images/jigou-ico.png); background-repeat: no-repeat; background-position: left center; } .jigou-dd{ display: table-cell; vertical-align: middle; font-size: 0; line-height: normal; text-align: center; } .jigou-dd img{ margin-top: -3px; margin-left: 10px; } .jigou-dd-con{ display: inline-block; font-size: 18px; color: #fff; text-align: left; padding-right: 20px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/jiao22.png); } .jigou dd>a:hover{ background-color: #9d1d22; background-image: url(../images/jigou-icoh.png); } .main2-0{ margin-left: -15px; margin-right: -15px; padding-bottom: 25px; } .main2-0-list .item{ padding: 15px; } .main2-0-list .item>a{ display: block; background-color: #fff; box-shadow: 0px 2px 15px 0.8px rgba(85, 85, 85, 0.3); padding: 30px 16px 10px; background-image: url(../images/main2-0-item.png); background-repeat: no-repeat; background-position: center bottom; } .main2-0-list .item>a:hover .main2-0-h1{color: #9d1d22;} .main2-0-pic img{ display: block; margin:0 auto; } .main2-0-h1{ font-size: 18px; color: #333; line-height: 1.5; text-align: center; height: 3em; overflow: hidden; margin-top: 12px; } .more33222{ text-align:right; margin-top:10px; } .more33222 a{ font-size:14px; color:#333; } .more33222 a:hover{ color:#9d1d22; } .qikan-dl dl{ margin: 0; margin-left: -2%; } .qikan-dl dd{ float: left; width: 23%; margin-left: 2%; } .qikan-dl dd>a{ display: block; height:106px; border-radius: 8px; position: relative; overflow: hidden; } .qikan-dl dd.cur a::after{ position: absolute; width: 100%; height: 100%; content: ""; background-color: #000; opacity: 0.25; left: 0; top: 0; z-index: 10; } .qikan-table{ position: absolute; width: 100%; height: 100%; display: table; z-index: 25; } .qikan-tableCell{ display: table-cell; vertical-align: middle; padding: 0 5px; text-align: center; } .qikan-tableCell h1{ margin: 0; font-size: 16px; color: #fff; } .qikan-tableCell h2{ margin: 0; font-size: 14px; color: #fff; font-style: italic; line-height: 1.3; margin-top: 5px; } .qikan-list{ margin-top: 30px; } .qikan-list .main3-dl{ padding-top: 0; } .qikan-list .main3-dl dd{ padding-right: 100px; position: relative; } .qikan-list .main3-dl dd span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #999; }