/**************************************/ /*************[公用start]**************/ /**************************************/ div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ 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); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ } .header-1{ height: 112px; background-color: #fff; } .logo{ width: 449px; margin-top: 19px; } .logo a,.logo img{ display: block; width: 100%; } .header-1-right{ margin-top: 27px; width: 432px; position: relative; z-index: 500; } .header-1-dl dl{ margin:0; } .header-1-dl dd{ float: right; font-size: 16px; color:#666; padding-left: 30px; height:22px; line-height: 22px; background-repeat: no-repeat; background-position: left center; margin-left: 30px; position: relative; } .header-1-dl dd a{ font-size: 16px; color:#666; } .header-1-dl dd a:hover{ color:#bd9037; } .header-1-dl dd span{ font-size: 16px; color:#666; cursor: pointer; display: block; height: 22px; line-height: 22px; } .header-1-dl dd span.cur,.header-1-dl dd span:hover{ color:#bd9037; } .header-lala{ position: absolute; width: 150px; height: 96px; background-repeat: no-repeat; background-position: center; background-image: url(../images/header-lala.png); left: -15px; top: 22px; text-align: center; z-index: 500; display: none; padding: 1px; padding-top: 8px; } .header-1-dl dd .header-lala-a a{ font-size: 14px; } .header-lala-a>a{ display: block; height: 43px; line-height: 43px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .header-lala-a>a:hover{ background-color: #eee; color:#f00; } .header-lala-a+.header-lala-a{ border-top: 1px solid #eeeeee; } .search-a{ font-size:16px; color:#b78435; height:32px ; line-height: 32px; width: 85px; text-align: right; } .search-a a:hover{ font-weight: bold; } .search{ /*overflow: hidden;*/ float: right; width: 347px; position: relative; } .search input[type="text"]{ display: block; width: 100%; height: 32px; line-height: 1.42857143; border-radius: 5px; border:1px solid #bf9742; padding: 6px 12px; padding-right: 30px; } .search input[type="image"]{ position: absolute; top: 9px; right: 10px; } .search input:focus{ outline: none; } .search-wp{ margin-top: 13px; } .nav-wp{ background-color: #be9237; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 14.28571%; text-align: center; position: relative; padding-left: 2px; background-repeat: repeat-y; background-position: left top; background-image: url(../images/li.jpg); } .nav>ul>li:first-child{ padding-left: 0; background-image: none; } .nav>ul>li>a{ display: block; height:48px ; line-height: 48px; font-size: 18px; background-color: #be9237; color:#fff; } .nav>ul>li:hover>a, .nav>ul>li.active>a { background-color: #a98233; } .nav>ul>li>ul{ position: absolute; left: 2px; right: 0; top: 48px; z-index: 600; background-color: #be9237; display: none; } .nav>ul>li>ul>li>a{ display: block; padding: 8px 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{ background-color: #a98233; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .fafa .slides>li{ height:460px ; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .fafa .slides>li img{ display: none; } .fafa .flex-control-nav{ display: block; font-size: 0; bottom: 18px; } .main0{ background-color: #fafafa; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; } .main0-title{ width: 75px; height: 103px; background-image: url(../images/main0.png); font-size: 21px; color:#fff; text-align: center; padding:14px 8px 0; line-height: 1.3; letter-spacing: 3px; } .main0-div{ overflow: hidden; padding: 25px 0px 0 70px; } .fmain0 .slides>li{ padding-right: 150px; } .fmain0 .slides>li h1{ font-size: 26px; margin:0; color:#a11414; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; font-weight: bold; } .fmain0 .slides>li p{ font-size: 16px; margin:0; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; margin-top: 11px; } .fmain0 .flex-control-nav{ display: block; width: 8px; right: 0; top: 11px; bottom: auto; font-size: 0; } .fmain0 .flex-control-nav li{ margin:0; display: block; margin-top: 8px; } .fmain0 .flex-control-nav li:first-child{ margin-top: 0; } .fmain0 .flex-control-paging li a{ width: 8px; height: 8px; background-image: url(../images/arrow-b2.png); } .fmain0 .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); } .p40{ padding: 40px 0; } .f7f8{ background-color: #f7f8f9; } .main1-left{ width: 530px; margin-right: 32px; } .fmain1 .flex-control-thumbs{ display: block; margin-top: 0; } .fmain1 ol.flex-control-thumbs { margin:0; } .fmain1 .flex-control-thumbs li{ width:24.25%; margin-left: 1%; margin-top: 1%; position: relative; cursor: pointer; background-color: #000; padding-bottom: 13.6%; } .fmain1 .flex-control-thumbs li:first-child{ margin-left: 0; } .fmain1 .flex-control-thumbs li img{ /*opacity: 1;*/ width: 100%; display: block; position: absolute; left: 0; top: 0; height: 100%; z-index: 15; } .fmain1 .slides>li>a{ display: block; padding-bottom: 56.6%; overflow: hidden; position: relative; } .fmain1 .slides>li>a>img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; } .fmain1 .slides>li>a h1{ margin:0; font-size: 16px; color:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 46px; line-height: 46px; background-image: url(../images/huangdi.png); padding: 0px 15px; z-index: 25; position: absolute; left: 0; right: 0; bottom: 0; } .main1-right{ overflow: hidden; } .title-11 h1{ margin:0; font-size: 20px; color:#a37832; padding-left: 15px; border-left: 4px solid #a37832; height: 22px; line-height: 22px; } .title-11 a.fr{ font-size: 12px; color:#999; height: 22px; line-height: 22px; } .title-11 a.fr:hover{ color:#a37832; } .list ul{ margin:0; } .list li{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left:16px; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/list.png); position: relative; padding-right:80px; height: 23px; line-height: 23px; margin-top: 15px; } .list li a{ font-size: 16px; color:#333; } .list li span{ font-size: 14px; color:#999; position: absolute; right: 0px; top: 0; font-family: "Arial"; } .list li a:hover{ color:#a37832; } .main1-right-div{ margin-top: 29px; } .main1-right-div:first-child{ margin-top: 0; } .main1-2-title{ width: 138px; height: 52px; line-height: 52px; background-color: #e7e9eb; font-size: 18px; color:#a37832; text-align: center; } .main1-2-title img{ margin-top: -3px; margin-right: 10px; } .main1-2-wp{ padding-top: 40px; } .main1-2{ background-color: #f7f8f9; } .fmain1-2 .slides>li{ height: 52px; line-height: 52px; padding: 0 40px 0 17px; } .fmain1-2-li{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 52px; line-height: 52px; position: relative; padding-right: 85px; } .fmain1-2-li a{ font-size: 16px; color:#666; } .fmain1-2-li a:hover{ color:#a37832; } .fmain1-2-li span{ position: absolute; right: 0; top: 0; font-size: 14px; color:#999; font-family: "Arial"; } .fmain1-2 .flex-direction-nav{ display: block; } .fmain1-2 .flex-direction-nav a{ width: 7px; height: 5px; margin-top: 0; top: auto; } .fmain1-2 .flex-direction-nav .flex-prev{ left: auto; right: 18px; top: 15px; } .fmain1-2 .flex-direction-nav .flex-next{ right: 18px; top: 33px; } .main2-1{ width: 197px; margin-right: 20px; } .main2-2{ width: 324px; margin-right: 40px; border-left: 1px solid #dddddd; padding-left: 30px; } .main2-3{ overflow: hidden; } .main2 .list{ padding-top: 10px; } .main2 .list li{ padding-right: 0; } .main2-3-list{ padding-top: 18px; } .main2-3-list dl{ margin:0; margin-left: -2%; } .main2-3-list dd{ float: left; width: 23%; margin-left: 2%; margin-top: 2%; } .main2-3-list dd>a{ display: block; height: 135px; background-repeat: no-repeat; background-position: center; font-size: 18px; color:#fff; text-align: center; padding-top: 31px; } .main2-3-list dd>a img{ display: block; width: 30px; margin:0 auto 23px; } .main3-1{ width: 380px; margin-right: 25px; } .main3-2{ width: 444px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-right: 34px; padding: 0 34px; } .main3-3{ overflow: hidden; } .main3-div{ margin-top: 30px; } .main3-div:first-child{ margin-top:0px; } .tui{ margin-top: 20px; } .tui-pic{ width: 116px; margin-right: 13px; } .tui-pic>a{ display: block; position: relative; overflow: hidden; padding-bottom: 56.6%; } .tui-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .tui-pic>a:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tui-con{ overflow: hidden; padding-top: 9px; } .tui-con h1{ font-size: 16px; margin:0; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui-con h1 a:hover {color:#c09942;} .tui-con p{ font-size: 14px; margin:0; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 10px; } .main3 .list li{ padding-right: 0; } .shipin-1{ margin-top: 20px; } .shipin-1>a{ display: block; position: relative; overflow: hidden; padding-bottom: 62%; } .shipin-1>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .shipin-1>a:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .shipin-list{ padding-top: 3px; } .shipin-list dl{ margin:0; } .shipin-list dd{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left:35px; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/shipin2.png); height: 23px; line-height: 23px; margin-top: 16px; } .shipin-list dd a{ font-size: 16px; color:#333; } .shipin-list dd a:hover {color:#c09942;} .main4-list{ padding-top: 21px; } .main4-list .item>a{ display: block; position: relative; overflow: hidden; padding-bottom: 27%; } .main4-list .item>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .main4-list .item>a:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .main4-list .owl-prev{ position: absolute; right:27px; top: -20px; width: 26px; height: 22px; background-image: url(../images/left.jpg); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; } .main4-list .owl-next{ position: absolute; right:0px; top: -20px; width: 26px; height: 22px; background-image: url(../images/right.jpg); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; } #totop{ position: fixed; right: 25px; bottom: 25px; width: 38px; cursor:pointer; z-index: 999; display: none; } #totop img{ display: block; width: 100%; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ border-top: 3px solid #c3a046; padding:30px 0; } .foo-left{ font-size: 14px; color:#666; line-height: 2; } .foo-left span{ color:#000; font-weight: bold; } .foo-left a:hover{ color:#c3a046; } .foo-right{ width: 413px; } .er{ width: 80px; font-size: 12px; color:#666; text-align: center; margin-left: 43px; } .er img{ display: block; width: 100%; margin-bottom: 5px; } .youq{ overflow: hidden; padding-left: 47px; border-left: 1px solid #dddddd; } .youq select{border-radius: 0; margin-top: 14px; height: 38px; } .youq select:first-child{ margin-top: 0; } /**************************************************************/ /*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-1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;*/ } .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: 18px; width: 18px; } .nav-2-form .form-control{padding-right: 50px;} .logo-2 { font-size: 0; width: 340px; margin-left: 15px; margin-top: 8px; } .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;*/ } #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:200px ; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji-menu-wp{ border-bottom: 1px solid #eeeeee; } .erji-index{ width: 58px; } .erji-index>a{ display: block; height:57px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background-repeat: no-repeat; background-position: center; background-image: url(../images/fang.jpg); } .mianbaoxie{ overflow: hidden; padding-left: 5px; } .mianbaoxie dl{ margin:0; } .mianbaoxie dd{ float: left; margin-left: 23px; height: 57px; line-height: 57px; } .mianbaoxie dd.mianspan{ padding-left:23px; background-image: url(../images/jian1.png); background-repeat: no-repeat; background-position: left center; } .mianbaoxie dd a{ font-size: 16px; color:#666666; } .mianbaoxie dd a:hover{ color:#b98b39; } .mianbaoxie dd.mianspan span{ color:#b98b39; font-size: 16px; } .erji-content{ width: 940px; padding-bottom: 65px; /*height: 1000px;*/ /*overflow: hidden;*/ } .xinwen-list ul{ margin:0; } .xinwen-list li{ padding: 40px 0; border-bottom: 1px solid #eee; padding-right: 30px; } .xinwen-date{ width: 108px; border-right: 1px solid #eee; margin-right: 27px; text-align: center; padding-bottom: 10px; } .xinwen-date h1{ font-size: 52px; margin:0; font-family: "Arial"; color:#b98b39; line-height: 1; } .xinwen-date h2{ font-size: 14px; margin:0; font-family: "Arial"; color:#666666; margin-top:3px; } .xinwen-con { overflow: hidden; } .xinwen-con h1{ font-size: 20px; margin:0; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 28px; line-height: 28px; } .xinwen-con p{ font-size: 14px; margin:0; color:#666; line-height: 1.8; overflow: hidden; height: 50px; margin-top: 12px; } .xinwen-list li:hover{ background-color: #f7f8f9; } .xinwen-list li:hover .xinwen-con h1 a{ font-weight: bold; color:#b88731; } .fenye{ margin-top: 30px; } .fenye-left{ margin-right: 25px; font-size: 0; } .fenye-right{ /*overflow: hidden;*/ float: left; } .fenye ul{ margin:0; font-size: 14px; } .fenye-sel{ width: 140px; position: relative; } .fenye-sel>span{ display: block; height: 34px; line-height: 32px; padding: 0 10px; cursor: pointer; font-size: 14px; color:#b88631; background-image: url(../images/jian111.png); background-repeat: no-repeat; background-position: 92% center; border:1px solid #ddd; } .fenye-sel:hover .fenye-ul{ display: block; } .fenye-ul{ display: none; position: absolute; left: 0; right: 0; top: 34px; border:1px solid #ddd; border-top: 0; background-color: #fff; } .fenye-ul dl{ margin:0; height: 125px; overflow: auto; } .fenye-ul dd>a{ display: block; height: 25px; line-height: 25px; padding-left: 10px; } .fenye-ul dd>a:hover{ background-color:#b88631; color:#fff; } .menu{ width: 260px; position: relative; z-index: 500; padding-bottom: 30px; } .menu.cur{ float: none; position: fixed; top: 0; margin-left: 940px; } .menu-h1{ height:109px; line-height: 109px; font-size: 26px; color:#b88631; text-align: center; } .menu-h1 img{ width: 32px; margin-top: -3px; margin-right: 20px; } .menu-list dl{ margin:0; border-top: 1px solid #eee; } .menu-list dd{ padding: 5px 0; border-bottom: 1px solid #eee; text-align: center; } .menu-list dd>a { display: block; /* height: 54px; */ /* line-height: 54px; */ font-size: 18px; color: #b88631; padding: 15px 5px; } .menu-list dd.cur>a,.menu-list dd>a:hover{ background-color: #b88631; color:#fff; } .erji .container{ position: relative; } .erji-bg{ position: absolute; right: 0; top: 0; bottom: 0; width: 261px; border-left: 1px solid #eeeeee; background-color: #f7f8f9; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/menu.jpg); } .erji-content-div{ padding-top: 30px; padding-right: 30px; } .map{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; height: 100%; } .map-wp{ height:509px; } .contact-con{ font-size: 16px; color:#666; line-height: 3; margin-top: 25px; } .dangqun-list li{ /*transition: .3s;*/ /*padding-left: 0;*/ } .dangqun-list li:hover{ padding-left: 30px; } .dangqun-list .xinwen-con h1{ padding-right: 135px; position: relative; } .dangqun-list .xinwen-con h1 span{ position: absolute; font-size: 16px; color:#666; font-family: "Arial"; top: 0; right: 23px; } .dangqun-list li:hover .xinwen-con h1 span{ display: none; } .danpian{ border: 1px solid #ddd; padding: 20px 50px; } .danpian-h1{ font-size: 28px; line-height: 1.6; color:#b88631; 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: #000!important; line-height: 2.2!important; letter-spacing: 1px; } .danpian-con img{ display: block; margin:15px auto; } .dan-page{ padding-top: 10px; border-top: 1px solid #eee; } .dan-a{ margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a{ font-size: 16px; color:#666; } .dan-a a:hover{ color:#b88631; } .dashiji1{ background-repeat: repeat-y; background-position: 87px top; background-image: url(../images/dashiji1.jpg); padding: 24px 0 35px; position: relative; } .dashiji1-1{ position: absolute; width: 19px; top: -5px; left: 78px; } .dashiji1-2{ position: absolute; width: 9px; bottom: 0; left: 83px; } .dashiji1-1 img,.dashiji1-2 img{ display: block; width: 100%; } .dashiji1 ul{ margin:0; } .dashiji1 li{ margin-top: 63px; } .dashiji1-nian{ font-size: 18px; color:#ac844c; height: 25px; line-height: 25px; width: 126px; background-repeat: no-repeat; background-position: 80px center; background-image: url(../images/dashiji1-3.png); } .dashiji1-con{ overflow: hidden; } .dashiji1-con dl{ margin:0; } .dashiji1-con dd{ font-size: 16px; color:#666; line-height: 25px; margin-top: 12px; } .dashiji1-con dd span{ padding-right: 15px; } .dashiji1-con dd:first-child{ margin-top: 0; } .dashiji2{ font-size: 16px; color:#666; line-height: 2; margin-top: 40px; } .pic-item{ margin-bottom: 30px; } .pic-pic>a{ display: block; position: relative; overflow: hidden; padding-bottom: 56.6%; } .pic-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .pic-pic:hover>a img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pic-item h1{ font-size: 16px; margin:0; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; margin-top: 20px; } .pic-pic:hover+h1 a{ color:#b88631; } .xinwen1{ background-color: #f4f4f4; padding: 45px 0 45px 30px; } .xinwen1 dl{ margin:0; } .xinwen1 dd{ float: left; width: 174px; margin-left: 19px; } .xinwen1 dd:first-child{ margin-left: 0; width: auto; font-size: 20px; color:#333; height: 34px; line-height: 34px; } .xinwen1 dd select{ border-radius: 0; } .xinwen1 dd input[type="text"]{ border-radius: 0; } .xinwen1 dd input[type="button"]:focus{ outline: none; } .xinwen1 dd input[type="button"]{ background-color: #b88631; color:#fff; font-size: 16px; border:0; width: 100%; height: 34px; } /*高级搜索*/ .message { max-width: 700px; margin: 0px auto; padding-top: 0px; /* min-height: 618px; */ background-color: #fff; position: relative; border-radius: 3px; } .message-con { position: relative; } .message-shuru { margin-top: 18px; } .message-shuru span { float: left; font-size: 14px; width: 138px; height: 42px; line-height: 42px; text-align: right; } .message-shuru input { height: 40px; line-height: 40px; border: 0; background-color: #f0f6fc; float: left; border-radius: 5px; padding-left: 10px; font-size: 14px; color: #333; margin-left: 16px; width: 260px; max-width: 260px; border: 1px solid #dbe3ea; } .message-sub { margin-top: 30px; margin-bottom: 30px; text-align: center; } .message-sub input { height: 40px; line-height: 40px; border: 0; background-color: #b88631; width: 100%; border-radius: 5px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; width: 126px; max-width: 126px; } .message-shuru b { float: left; color: #f00; font-weight: normal; height: 40px; line-height: 40px; padding-left: 5px; } .shipin-123 dl{ margin:0; margin-left: -4%; } .shipin-123 dd{ float: left; width: 46%; margin-left: 4%; margin-top: 30px; } .shipin-123-pic>a{ display: block; position: relative; overflow: hidden; padding-bottom: 70.6%; } .shipin-123-pic>a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .shipin-123-pic>a:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .shipin-123 dd h1{ margin:0; font-size: 16px; height:44px ; line-height: 44px; } .shipin-123 dd h1>a{ display: block; height:44px ; line-height: 44px; font-size: 16px; color:#333; background-color: #f7f8f9; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .shipin-123 dd:hover h1>a{ color:#a37832; } .bumen-h1{ font-size: 26px; color:#a37832; text-align: center; } .bumen-dl dl{ margin:0; margin-left: -5%; } .bumen-dl dd{ float: left; width: 45%; margin-left: 5%; background-color: #f7f8f9; padding: 0 20px 34px; border-radius: 5px; margin-top: 4%; } .bumen-dl dd.colordd{ background-color: #f9f6f3; } .bumen-dl-title{ border-bottom: 1px solid #eeeeee; } .bumen-dl-title h1{ margin:0; font-size: 22px; color:#b88631; padding-left: 48px; background-repeat: no-repeat; background-position: left center; height: 63px; line-height: 62px; background-image: url(../images/hhhh1.png); } .bumen-div{ font-size: 14px; color:#666; line-height: 2.4; height: 231px; overflow: auto; margin-top: 20px; }