body{ font-family: '微软雅黑'; } button{ border: none; background-color: #2f936b; min-height: 26px; min-width: 50px; display: inline-block; color: white; } button:focus{ border: none; } img{ /*display: block;*/ } li{ list-style: none; } p, ul, li{ margin: 0; } iframe{ width: 100%; } iframe.page-navbar{ position: fixed; right: 0; left: 0; top: 0; z-index: 1030; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .page { overflow: hidden; margin-top: 90px; } .size-deal-add{ width: 100%; } .size-deal-add.width-full{ width: 100%; } .size-deal-add.height-full{ height: 100%; width: auto; } /*页面导航*/ .navbar{ /*max-width: 1400px;*/ padding: 0 50px; } .navbar-brand { padding: 0; } .navbar-brand .logo{ margin: auto; height: 100%; } .navbar-nav > li > a, .navbar-nav > li > a:visited, .navbar-nav > li > a:active { color: #1a1a1a; font-size: 15px; padding: 12px 26px; text-align: center; } .navbar-nav > .navbar-link > a{ min-width: 105px; } .navbar-inverse { background-color: #FFF; border-color: #FFFFFF; min-height: 90px; padding-top: 7px; /*display: flex;*/ /*align-items: center;*/ } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover , .navbar-inverse .navbar-nav > li.act>a{ color: #2f936b; border-bottom: 2px solid #2f936b; } .navbar-inverse .navbar-nav > li > a.search { width: 70px; height: 44px; background-repeat: no-repeat; background-image: url('../images/search_icon.png'); background-position: 30px 5px; background-size: 32px; } .navbar-inverse .select-list { position: absolute; left: 0; right: 0; top: 46px; z-index: 1; text-align: center; font-size: 12px; /*box-shadow: 0 3px 5px #b6b6b6;*/ padding: 0 3px; display: none; } .navbar-inverse .select-list a{ display: block; border-top: 1px solid #f8f8f8; line-height: 16px; padding: 12px 7px 7px; color: #000; } .navbar-inverse .select-list a:hover{ color: #0fa66c; } .navbar-inverse .select-list a:nth-child(1){ border: none; } .navbar-brand { width: 136px; height: 76px; } .navbar-nav { float: right; margin: 0; padding: 18px 0 0 0; background-color: white; } .navbar-nav .language-link{ display: none; } .navbar-header{ padding: 0 10px; } .navbar-header .search-m{ width: 70px; height: 60px; background-repeat: no-repeat; display: none; } .yd-search-icon{ background-size: 28px; background-position: 10px 22px; background-image: url('../images/search_icon.png'); } .pc-search{ width: 70px; height: 60px; background-repeat: no-repeat; } .pc-search-close-icon,.yd-search-close-icon{ background-size: 18px; background-position: 12px 28px; background-image: url('../images/search-close-icon.png'); } .pc-search-close-icon{ position: absolute; top: 50%; right: -80px; margin-top: -38px; } .navbar-header form{ position: absolute; left: 60px; right: 60px; top: 50px; z-index: 1; margin: 0 20px; display: none; } .navbar-header input{ border: 1px solid #0fa66c; width: 100%; height: 30px; padding: 0 6px; border-radius: 50px; } .pc-search-form{ position: absolute; right: 180px; top: 50%; z-index: 1; margin: 0 20px; display: none; } .pc-search-form input{ border: 1px solid #0fa66c; width: 330px; height: 30px; padding: 0 6px; border-radius: 50px; } .navbar-header form button, .pc-search-form button{ position: absolute; top: 0; right: 0; height: 30px; font-size: 14px; background: #0fa66c; color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; cursor:pointer; } .navbar-header .right-button{ padding: 10px 20px; margin-top: 20px; background: none; display: none; } .navbar-header .right-button .icon-bar { display: block; width: 28px; height: 2px; border-radius: 1px; background-color: #0fa66c; margin-bottom: 5px; } .page-content-modu{ width: 100%; } .navbar-inverse .navbar-toggle .icon-bar{ background-color: #2f936b; } .swiper-pagination{ /*margin: auto;*/ /*display: block;*/ } .language-label, .yd-language{ position: absolute; right: 146px; font-size: 14px; top: 5px; cursor: pointer; color: #777; } .language-label a, .yd-language a{ color: #777; } .language-label a:hover, .yd-language a:hover{ color: #0fa66c; } .yd-language{ display: none; right: 10px; } /*.branner-modu{*/ /*height: 400px;*/ /*overflow: hidden;*/ /*display: flex;*/ /*align-items: center;*/ /*}*/ .branner-modu img{ width: 100%; /*min-height: 100%;*/ /*min-width: 100%;*/ } /*面包导航*/ .bread-navbar{ border-bottom: 1px solid #ececec; padding: 10px 0; max-height: 200px; } .bread-navbar .title{ font-size: 14px; color: #777777; } .bread-navbar a{ color: #777777; } .bread-navbar a:hover{ color: #0fa66c; } /*页面底部*/ .page-bottom-modu{ background-color: white; color: #0fa66c; } .page-bottom-modu, .page-bottom-modu a{ color: #0fa66c; } .page-bottom-modu{ padding: 25px 0 17px; } .page-bottom-modu .top{ display: flex; align-items: center; } .page-bottom-modu .title-left .title{ font-size: 21px; margin: 0; line-height: 40px; } .page-bottom-modu .title-left .phone-number{ font-size: 14px; margin-top: 14px; } .page-bottom-modu .navbar-right{ line-height: 35px; font-size: 14px; padding-left: 0; padding-right: 0; } .page-bottom-modu .navbar-right ul{ padding-left: 0; } .page-bottom-modu .statement{ padding-top: 16px; margin-top: 16px; text-align: center; font-size: 15px; } /* 卡片滑块 */ .carousel{ border: 1px solid #ebebeb; height: 131px; margin-top: 28px; display: flex; align-items: center; justify-content: space-between; } .carousel .carousel-left{ margin-right: 20px; cursor: pointer; } .carousel .carousel-left img{ width: 21px; height: 23px; } .carousel .carousel-right{ margin-left: 20px; cursor: pointer; } .carousel .carousel-right img{ width: 21px; height: 23px; } .carousel .carousel-center{ width: 100%; margin: 0 auto; overflow: hidden; } .carousel .carousel-center img{ height: 80px; width: 171px; border: 1px solid #dbdbdb; } .page-bottom-modu { margin-top: 30px; padding: 0 15px 17px; background: #e1fff3; padding-top: 55px; padding-bottom: 45px; } .page-bottom-ul{ text-align: center; padding: 0; } .page-bottom-ul li{ display: inline-block; position: relative; padding: 0 20px; } .page-bottom-ul li::after{ content: ""; width: 1px; height: 14px; background: #0fa66c; position: absolute; top: 50%; left: -2px; margin-top: -7px; } .page-bottom-ul li:first-child::after{ width:0; } /* 分页 */ .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{ border-radius: 0; } .pagination{ display: flex; justify-content: center; } .pagination>li>a{ color: #333; } .pagination>li>a, .pagination>li>span{ margin-right: 15px; } .pagination>.active>span, .pagination>.active>span:hover{ background: #2f936b; border-color:#2f936b; } /*文章详情内容统一缩进*/ .page-details-content{ width: 90%; margin: auto; } @media (min-width: 768px) { .page-bottom-modu .navbar-right li{ float: right; min-width: 90px; text-align: right; } .page-bottom-modu .navbar-right li a{ display: inline-block; min-width: 4em; text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; } } @media (max-width: 992px) { .navbar-nav > li > a, .navbar-nav > li > a:visited, .navbar-nav > li > a:active{ padding: 12px 12px; font-size: 14px; } } @media (max-width: 768px) { .navbar-nav{ position: fixed; left: 0; top: 90px; right: 0; bottom: 0; z-index: 9; } .navbar-inverse{ height: 70px; } .navbar-brand{ width: 122px; background-size: 122px; height: 60px; } .navbar-inverse .select-list{ display: block; position: initial; } .navbar-inverse .select-list a{ border: none; padding: 12px 7px 10px; font-size: 14px; } .navbar{ padding: 0; } .navbar-brand{ float: none!important; display: block; position: absolute; left: 50%; margin-left: -61px; } .navbar-header .right-button, .navbar-header .search-m{ display: block; } .language-label{ display: none; } .yd-language{ position: static; display: flex; justify-content: center; margin-top: 20px; font-size: 12px; } .yd-language a{ padding: 0 12px; } .navbar-nav .language-link{ display: block; } .navbar-inverse .navbar-nav > li > a.search { display: none; } .page-bottom-modu .top{ display: block; } .page-bottom-modu .navbar-right{ padding: 30px 15px 0; } .pc-search-form{ display: none; } .page-details-content{ width: 100%; } .page-content{ margin-top: 90px; } } /*富文本数据样式处理*/ /*每一个富文本内容标签添加braft-output-content类*/ .braft-output-content p { min-height: 1em } .braft-output-content .image-wrap img { max-width: 700px; height: auto; display: block; margin: auto; } .braft-output-content ul, .braft-output-content ol { margin: 16px 0; padding: 0 } .braft-output-content blockquote { margin: 0 0 10px 0; padding: 15px 20px; background-color: #f1f2f3; border-left: solid 5px #ccc; color: #666; font-style: italic } .braft-output-content pre { max-width: 100%; max-height: 100%; margin: 10px 0; padding: 15px; overflow: auto; background-color: #f1f2f3; border-radius: 3px; color: #666; font-family: monospace; font-size: 14px; font-weight: normal; line-height: 16px; word-wrap: break-word; white-space: pre-wrap } .braft-output-content pre pre { margin: 0; padding: 0 } /*文章内容统一缩小*/ .narrow-content{ padding-right: 80px; padding-left: 80px; } /*移动端*/ @media (max-width: 768px) { .narrow-content{ padding-right: 0; padding-left: 0; } .braft-output-content .image-wrap, .braft-output-content .image-wrap img { width: 100%!important; } }