/**************************************/ /*************[公用start]**************/ /**************************************/ /*主站变灰*/ /*html { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) } * { -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; }*/ /*主站变灰*/ /*淘宝变灰*/ /* body, html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/ /*淘宝变灰*/ /*百度百科變灰*/ /*body.memorial>* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1) } */ /*百度百科變灰*/ @font-face{ font-family:"din"; src:url("../fonts/DINPro-Medium.otf"); } @font-face{ font-family:"ct"; src:url("../fonts/CTLaoSongSJ.otf"); } @font-face{ font-family:"ctk"; src:url("../fonts/CTKaiTiSJJ.otf"); } body{ background-image: url(../images/body.jpg); overflow-x: hidden; } 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{ height: 133px; background-repeat: repeat; background-position: center; position: relative; z-index: 999; background-image: url(../images/header-bg.jpg); padding: 0 75px; } #header .container-fluid{ height: 100%; position: relative; } .logo{ position: absolute; width: 220px; left: 50%; margin-left: -110px; } .logo a,.logo img{ display: block; width: 100%; } .nav-wp{ /*padding-right: 90px;*/ position: relative; } .search{ position: absolute; width: 10%; max-width: 90px; right: 3%; top: 50%; height: 24px; padding-top: 1px; margin-top: -12px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/search.png); } .search a{ display: block; width: 24px; margin-left: auto; } .search img{ display: block; width: 100%; } .nav{ /*background-color: #f00;*/ } .nav ul{ margin: 0; } .nav>ul>li{ float: left; width: 10%; height: 133px; line-height: 133px; text-align: center; position: relative; background-repeat: no-repeat; background-position: center bottom; } .nav>ul>li.mal{margin-left:20%;} .nav>ul>li>a{ font-size: 20px; color: #fff; } .nav>ul>li:hover>a, .nav>ul>li.cur>a{ color: #9e7a47; } .nav>ul>li.cur{ background-image: url(../images/cur.png); } .nav>ul>li>ul{ position: absolute; left: 0%; /*margin-left: -60px;*/ width: 100%; top:100%; z-index: 600; padding: 5px 0 10px; /*background-color: #fff;*/ background-image: url(../images/header-bg.jpg); display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 10px 5px; text-align: center; line-height: 1.6; font-size: 16px; color:#fff; /*transition: .3s;*/ text-align: center; } .nav>ul>li>ul>li>a:hover{ color: #9e7a47; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .flex-control-nav{ height: 0; bottom: 105px; } .fafa .flex-control-paging li a{ width: 25px; height: 26px; } .main1{ padding: 45px 0 95px; background-image: url(../images/main1-bg.png); background-repeat: no-repeat; background-position: right bottom; } .title-11 .fl{ padding: 0 28px; position: relative; } .title-11 .fl::before{ content: ""; position: absolute; width: 18px; height: 31px; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua5-1.png); } .title-11 .fl::after{ content: ""; position: absolute; width: 18px; height: 31px; top: 0; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua5-2.png); } .title-11 .fl span{ display: block; height: 31px; line-height: 31px; font-size: 26px; color: #222; font-family:"ct"; } .title-11 .fr{ font-size: 14px; color: #333; margin-top: 6px; } .title-11 .fr:hover{ color: #a18456; } .main-div{ margin-top: 35px; } .main1-1{ width: 679px; margin-right: 44px; } .fmain1 .imgbox_a{ padding-bottom: 67.894%; } .fmain1 .imgbox_a h1{ margin: 0; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 15; height: 56px; line-height: 56px; font-size: 16px; color: #fff; padding: 0 25px; background-color: rgba(0,0,0,0.6); } .main1-2{ overflow: hidden; } .main1-2 dl{ margin: 0; } .main1-2 dd+dd{ margin-top: 15px; } .main1-2 dd>a{ display: block; border-image: url(../images/main1-2-dd_bg.png); border-top-width:11px; border-bottom-width:11px; border-left-width:15px; border-right-width:15px; border-image-slice: 11 15 11 15; border-style: solid; } .main1-2-a{ padding: 10px 20px 10px 8px; } .main1-2-date{ width: 80px; margin-right: 26px; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: center; } .main1-2-date h1{ margin: 0; font-size:33px; color: #333; line-height: 1; font-family:"ct"; } .main1-2-date h2{ margin: 0; font-size:14px; color: #333; text-align: right; margin-top: 15px; line-height: 1; font-family:"ct"; } .main1-2-con{ overflow: hidden; padding-top: 6px; } .main1-2-con h1{ margin: 0; font-size: 16px; color: #333; } .main1-2-con p{ margin: 0; font-size: 14px; color: #666; margin-top: 13px; } .main1-2 dd>a:hover{ border-image: url(../images/main1-2-dd_bg-h.png); border-top-width:11px; border-bottom-width:11px; border-left-width:15px; border-right-width:15px; border-image-slice: 11 15 11 15; border-style: solid; } .main1-2 dd>a:hover .main1-2-a{ background-color: #ab834d; } .main1-2 dd>a:hover .main1-2-date{background-image: url(../images/lineh.png);} .main1-2 dd>a:hover .main1-2-date h1{color: #fff;} .main1-2 dd>a:hover .main1-2-date h2{color: #fff;} .main1-2 dd>a:hover .main1-2-con h1{color: #fff;} .main1-2 dd>a:hover .main1-2-con p{color: #fff;} .main2{ padding: 75px 0 90px; background-image: url(../images/main2-bg.jpg); } .main2-1{ width: 900px; margin-right:50px; } .main2-1-pic{ width: 349px; margin-right: 28px; border-image: url(../images/main2-pic-bg.png); border-top-width: 14px; border-bottom-width: 14px; border-left-width: 16px; border-right-width: 16px; border-image-slice: 16 14 16 14; border-style: solid; } .main2-1-pic .imgbox_a{ padding-bottom:131.677%; display: none; } .main2-1-pic .imgbox_a.cur{ display: block; } .main2-1-dl{ overflow: hidden; } .main2-1-dl dl{ margin: 0; } .main2-1-dl dd+dd{ margin-top:24px; } .main2-1-dd1{ font-size: 16px; color: #222; padding-left: 30px; background-repeat: no-repeat; background-position: 7px center; background-image: url(../images/main2-1-dd.png); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main2-1-dl dd.cur{ background-image: url(../images/main2-cur.jpg); padding: 30px 20px 30px 40px; } .main2-1-dl dd.cur .main2-1-dd1{ padding-left: 0; background-image: none; color: #fff; font-weight: bold; } .main2-1-dl dd.cur .main2-1-dd-div{ display: block; } .main2-1-dd-div{ margin-top: 18px; position: relative; padding-top: 15px; display: none; } .main2-1-dd-div::before{ position: absolute; width: 22px; height: 3px; content: ""; left: 0; top: 0; background-color: #fff; } .main2-1-ul ul{ margin: 0; } .main2-1-ul li{ font-size: 14px; color: #fff; margin-top: 13px; padding-left:30px; background-repeat: no-repeat; background-position: left 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main2-2{ overflow: hidden; } .main2-2-dl dl{ margin: 0; } .main2-2-dl dd+dd{ margin-top: 26px; } .main2-2-date{ width: 72px; margin-right: 25px; } .main2-2-date h1{ margin: 0; font-size:24px; color: #fff; font-family:"ct"; background-color: #a18456; height: 34px; line-height: 34px; text-align: center; } .main2-2-date h2{ margin: 0; font-size:14px; color: #222; font-family:"ct"; background-color: #fff; height: 34px; line-height: 34px; text-align: center; } .main2-2-con{ overflow: hidden; padding-top: 8px; } .main2-2-con h1{ margin: 0; font-size: 16px; color: #222; font-weight: bold; } .main2-2-con h1 a:hover{ color: #a18456; } .main2-2-con p{ margin: 0; font-size: 14px; color: #666; margin-top: 12px; } .main3{ padding:60px 0; background-image: url(../images/main3-bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .main3-list1 .item{ position: relative; } .main3-list1 .item2{ margin-top: 75px; } .main3-list1 .imgbox_a{ padding-bottom: 151.5%; } .main3-list1 .item:hover .main3-item1{ opacity: 1; visibility: visible; transition: .3s; } .main3-list1 .item:hover .imgbox_a .team-title{ display: none; } .main3-item1{ position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; background-image: url(../images/main3-list1-bg.png); background-repeat: no-repeat; background-position: center; background-size:contain; z-index: 35; padding: 45px 27px 0; opacity: 0; visibility: hidden; } .main3-item1 .team-title{ width: 100%; position: relative; height: auto; background-image: none; bottom: 0; margin-left: 0; padding: 0; left: 0; text-align: left; } .main3-item1 .team-title h1{ font-size: 20px; } .main3-item1 .team-title h2{ font-size: 16px; margin-top: 10px; } .main3-item-p{ font-size: 14px; color: #fff; opacity: 0.77; line-height: 1.8; height: 9em; overflow: hidden; margin-top: 25px; } .main3-item-p p{margin: 0;} .main3-a{ margin-top: 30px; } .main3-a a{ display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background-color: #9c7848; font-size:13px; text-align: center; border-radius: 999em; color: #fff; } .main3-a a:hover{ font-weight: bold; } .main3-list2-wp{ margin-top: 60px; } .main3-list2 .item{ position: relative; } .main3-list2 .item::before{ position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background-image: url(../images/main3-list2-bg.png); background-size: 100%; background-position: center top; background-repeat: no-repeat; content: ""; z-index: 10; } .main3-item{ padding: 20px 40px 35px; font-size: 16px; color: #483214; text-align: center; position: relative; z-index: 25; } .main4{ background-image: url(../images/main4-bg.jpg); padding: 60px 0; } .main4-dl dl{ margin: 0; margin-left:-2%; } .main4-dl dd{ float: left; width: 31.333333%; margin-left: 2%; margin-top: 2%; } .main4-dl dd .imgbox_a{ padding-bottom: 69.5364%; } .main4-dl dd .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 170px; background-repeat: repeat-x; background-position: left top; background-image: url(../images/yy2.png); content: ""; z-index: 15; } .main4-dl dd .imgbox_a h1{ margin: 0; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 25; font-size: 18px; color: #fff; padding: 0 25px 15px; } .main4-dl dd:first-child, .main4-dl dd:first-child+dd{ margin-top: 0; width: 48%; } .main4-dl dd:first-child .imgbox_a, .main4-dl dd:first-child+dd .imgbox_a{ padding-bottom: 66%; } .main4-dl dd .imgbox_a:hover h1{ display: none; } .main4-dl dd .imgbox_a:hover::after{ display: none; } .main4-dl dd .imgbox_a:hover .main4-con{ opacity: 1; visibility: visible; transition: .3s; } .main4-con{ position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: 50; background-color: rgba(0,0,0,0.72); padding: 70px 50px 0; opacity: 0; visibility: hidden; } .main4-con::before{ position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; border: 1px solid #8f7950; content: ""; z-index: 15; } .main4-con h2{ margin: 0; font-size: 18px; color: #fff; position: relative; z-index: 50; } .main4-con p{ margin: 0; font-size: 14px; color: #fff; line-height: 2; height:4em; opacity: 0.75; overflow: hidden; margin: 30px 0 45px; position: relative; z-index: 50; } .main4-con h3{ margin: 0; font-size: 14px; color: #fff; opacity: 0.75; position: relative; z-index: 50; } .main5{ background-color: #f8f8f8; position: relative; padding: 65px 0; min-height: 310px; } .main5 .container{ position: relative; z-index: 50; } .main5::before{ position: absolute; width: 88px; height: 66px; content: ""; left: 0; top: 0; background-image: url(../images/main5-bg1.png); z-index: 15; } .main5::after{ position: absolute; width: 377px; height: 185px; content: ""; right: 0; bottom: 0; background-image: url(../images/main5-bg2.png); z-index: 15; } .main5 .title-11{ text-align: center; } .main5 .title-11 .fl{ float: none; display: inline-block; } .main5-list dl{ margin: 0; margin-left: -1.5%; } .main5-list dd{ float: left; width: 23.5%; margin-left: 1.5%; } .main5-a{ padding-bottom:29.72972972972973%; background-repeat: no-repeat; background-position: center; background-size: 100%; position: relative; } .main5-a>a{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); font-size: 20px; color: #222; text-align: center; padding: 0 15px; font-family: "ctk"; } .main5-a>a:hover{ color: #a18456; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-bg{ height: 12px; background-repeat: repeat-x; background-position: left center; background-image: url(../images/qiang.jpg); } .footer-1{ padding: 40px 0; background-image: url(../images/footer-1.jpg); } .foo-logo{ width: 422px; margin-right: ; } .foo-logo a,.foo-logo img{ display: block; width: 100%; } .foo-dl{ width: 760px; } .foo-dl dl{ margin: 0; } .foo-dl dd{ font-size: 14px; color: #fff; line-height: 1.6; float: left; width: 240px; margin-top: 12px; } .foo-dl dd:first-child, .foo-dl dd:first-child+dd+dd{ width: 505px; } .footer-2{ background-image: url(../images/footer-2.jpg); font-size: 14px; color: #fff; color: rgba(255,255,255,0.4); line-height: 1.8; padding: 18px 0; position: relative; } .footer-2::before{ position: absolute; width: 100%; left: 0; top: 0; content: ""; background-color: #fff; opacity: 0.08; height: 1px; } .footer-2 a:hover{ color: #fff; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0px; left: 0; width: 100%; z-index: 1001; /*background-color: #fff;*/ background-image: url(../images/header-bg.jpg); /*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: 260px; margin-left: 15px; margin-top:17px; } .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:499px; background-repeat: no-repeat; background-position: center bottom; } .banner-2x img{ display: block; width: 100%; } .erji{ padding: 75px 0; min-height: 850px; background-image: url(../images/erji.jpg); background-repeat: no-repeat; background-position: center bottom; } .menu{ width: 295px; margin-right:55px; } .menu-h1{ background-image: url(../images/menu-h1.jpg); background-repeat: no-repeat; background-position: center; font-size: 26px; color: #fff; height: 138px; line-height: 138px; text-align: center; } .menu-dl{ background-color: #fff; } .menu-dl dl{ margin: 0; } .menu-dl dd>a{ display: block; font-size: 18px; color: #333; line-height: 1.6; padding: 30px 35px 30px 40px; position: relative; border-left: 3px solid #fff; background-color: #fff; } .menu-dl dd>a::after{ position: absolute; width: 7px; height: 12px; margin-top: -6px; top: 50%; right: 23px; content: ""; z-index: 10; background-image: url(../images/jt.png); background-repeat: no-repeat; background-position: center; } .menu-dl dd>a:hover{ color: #ab834d; } .menu-dl dd.cur>a{ border-color: #ab834d; color: #ab834d; background-color: #f4f1ed; } .menu-dl dd.cur>a::after{ background-image: url(../images/jth.png); } .erji-content{ overflow: hidden; } .erji-title{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/erji-title.png); } .erji-title-h1-wp{ padding-bottom: 20px; border-bottom: 3px solid #ab834d; } .erji-title-h1{ font-size:23px; color: #333; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/h1.png); } .mianbaoxie{ padding-left: 26px; background-repeat: no-repeat; background-position: 0 center; background-image: url(../images/mian.png); font-size: 14px; color: #666; margin-top: 17px; } .mianbaoxie a:hover,.mianbaoxie span{ color: #ab834d; } .erji-content-div{ margin-top: 30px; } .zuzhi-img img{ display: block; margin: 0 auto; } .xinwen-list dl{ margin: 0; } .xinwen-list dd{ padding: 35px 0; border-bottom:1px solid #dedede; } .xinwen-pic{ width: 250px; margin-right: 40px; } .xinwen-pic .imgbox_a{ padding-bottom: 72%; } .xinwen-con{ overflow: hidden; padding-top: 15px; } .xinwen-con h1{ margin: 0; font-size: 16px; color: #333; font-weight: bold; } .xinwen-con h1 a:hover{ color: #ab834d; } .xinwen-con p{ margin: 0; font-size: 14px; color: #666; line-height: 2; height: 4em; overflow: hidden; margin-top: 25px; } .xinwen-con h2{ margin: 0; font-size: 20px; color: #ab834d; font-family: "din"; margin-top: 20px; } .fenye ul{ margin:0; } .fenye{ text-align: center; margin-top: 50px; } .dongtai-list dl{ margin: 0; } .dongtai-list dd{ padding: 30px 40px; border: 2px solid rgba(182,182,182,0.4); position: relative; } .dongtai-list dd+dd{ margin-top:28px; } .dongtai-list dd h1{ margin: 0; font-size: 16px; color: #333; font-weight: bold; } .dongtai-list dd h2{ margin: 0; font-size: 16px; color: #666; font-family: "din"; margin: 17px 0 13px; position: relative; } .dongtai-list dd h2::after{ position: absolute; right: 0; top: 50%; left: 110px; content: ""; height: 1px; border-top: 1px dashed rgba(102,102,102,0.16); } .dongtai-list dd p{ margin: 0; font-size: 14px; color: #666; line-height: 1.8; height: 3.6em; overflow: hidden; } .hua{ position: absolute; width: 13px; height: 13px; background-repeat: no-repeat; background-position: center; background-size: 100%; } .hua1{ left: -2px; top: -2px; background-image: url(../images/hua1.png); } .hua2{ right: -2px; top: -2px; background-image: url(../images/hua2.png); } .hua3{ right: -2px; bottom: -2px; background-image: url(../images/hua3.png); } .hua4{ left: -2px; bottom: -2px; background-image: url(../images/hua4.png); } .dongtai-list dd:hover{border: 2px solid rgba(171,131,77,0.31);} .dongtai-list dd:hover h1{color: #ab834d;} .dongtai-list dd:hover h2::after{border-top: 1px dashed rgba(171,131,77,0.16);} .dongtai-list dd:hover .hua1{background-image: url(../images/hua1h.png);} .dongtai-list dd:hover .hua2{background-image: url(../images/hua2h.png);} .dongtai-list dd:hover .hua3{background-image: url(../images/hua3h.png);} .dongtai-list dd:hover .hua4{background-image: url(../images/hua4h.png);} .sanji-dl dl{ margin: 0; font-size: 0; line-height: normal; text-align: center; } .sanji-dl dd{ display: inline-block; margin: 15px 15px 0; } .sanji-dl dd>a{ display: block; padding: 0 8px; position: relative; } .sanji-dl dd>a::before{ content: ""; position: absolute; width: 8px; height: 43px; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/san-bg1.png); } .sanji-dl dd>a::after{ content: ""; position: absolute; width: 8px; height: 43px; top: 0; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/san-bg2.png); } .sanji-dl dd>a>span{ display: block; background-repeat: repeat-x; background-position: left center; background-image: url(../images/san-bg0.png); font-size:18px; color: #333; text-align: center; min-width: 129px; height: 43px; line-height: 43px;1 } .sanji-dl dd.cur>a>span{ color: #835c28; background-image: url(../images/san-bg0h.png); } .sanji-dl dd.cur>a::before{background-image: url(../images/san-bg1h.png);} .sanji-dl dd.cur>a::after{background-image: url(../images/san-bg2h.png);} .sanji-dl dd>a:hover>span{ color: #835c28; background-image: url(../images/san-bg0h.png); } .sanji-dl dd>a:hover::before{background-image: url(../images/san-bg1h.png);} .sanji-dl dd>a:hover::after{background-image: url(../images/san-bg2h.png);} .team-list dl{ margin: 0; margin-left: -5%; } .team-list dd{ float: left; width: 28.3333%; margin-left: 5%; margin-top: 5%; } .team-list dd .imgbox_a{ padding-bottom: 140.635%; } .team-title{ position: absolute; width: 210px; height: 65px; z-index: 15; background-image: url(../images/team-title.png); background-repeat: no-repeat; background-position: center; left: 50%; margin-left: -105px; bottom: 15px; text-align: center; padding: 8px 25px 0; } .team-title h1{ margin: 0; font-size: 16px; color: #fff; line-height: 1.5; height: 3em; overflow: hidden; } .team-title h2{ margin: 0; font-size: 14px; color: #fff; margin-top: 5px; } .xueshu-title .fl{ padding: 0 28px; position: relative; } .xueshu-title .fl::before{ content: ""; position: absolute; width: 18px; height: 31px; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua5-1.png); } .xueshu-title .fl::after{ content: ""; position: absolute; width: 18px; height: 31px; top: 0; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua5-2.png); } .xueshu-title .fl span{ display: block; height: 31px; line-height: 31px; font-size: 26px; color: #222; font-family:"ct"; } .xueshu-title .mianbaoxie{ margin-top: 6px; } .xueshu-list dl{ margin: 0; margin-left: -3%; } .xueshu-list dd{ float: left; width: 47%; margin-left: 3%; margin-top: 3%; } .xueshu-list dd>a{ display: block; padding: 0 29px; position: relative; } .xueshu-list dd>a::before{ content: ""; position: absolute; width:29px; height: 165px; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua6-1.png); } .xueshu-list dd>a::after{ content: ""; position: absolute; width:29px; height: 165px; top: 0; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/hua6-2.png); } .xueshu-dd{ background-repeat: repeat-x; background-position: left center; background-image: url(../images/hua6.png); height: 165px; } .xueshu-table{ display: table; width: 100%; height: 100%; max-width: 100%; } .xueshu-tableCell{ display: table-cell; vertical-align: middle; padding: 0 35px; width: 100%; } .xueshu-h1{ font-size:22px; color: #333; text-align: center; font-weight: bold; max-width: 549px; } .xueshu-h2{ font-size:14px; color: #666; text-align: center; line-height:1.6; max-height: 3.2em; margin-top: 15px; } .xueshu-list dd>a:hover .xueshu-h1{ color: #ab834d; } .danpian-h1{ font-size: 28px; line-height: 1.6; color:#333; text-align: center; } .danpian-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; border-bottom: 1px solid #eee; padding: 10px 0 15px; } .bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .danpian-con{ font-size: 14px; 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; margin:15px auto; height: 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:#ab834d; }