#el_73681513183435{width:100%;} #el_11321586359624{width:100%;} #el_21651586359624{width:100%;} #el_71561586359624 > div { height: 200px; overflow: hidden; } #el_71561586359624 > .owl-loaded { height: auto; } #el_71561586359624 .item img { max-width: 100%; } #el_71561586359624 .owl-carousel { z-index: 0; } #el_71561586359624 .item { text-align: center; } #el_71561586359624 { position: relative; } #el_71561586359624 .content_warp { display: none; position: absolute; z-index: 5; bottom: 0px; width: 100%; height: auto; text-align: center; } #el_71561586359624 .content__item { padding: 15px; display: inline-block; margin-right: 1px; width: 300px; color: #fff; text-align: left; transition: all 0.5s ease; border: 1px solid transparent; background-color: rgba(0,0,0,0.5); cursor: pointer; } #el_71561586359624 .content__item:hover,#el_71561586359624 .content__item--active { color: #333; background-color: rgba(255,255,255,0.9); } #el_71561586359624 .content__item:last-child { margin-right: 0; } #el_71561586359624 .content__title { font-size: 18px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s ease; } #el_71561586359624 .content__digest { margin-top: 15px; color: #eee; font-size: 14px; height: 4.5em; line-height: 1.5em; overflow: hidden; transition: all 0.5s ease; } #el_71561586359624 .content__item:hover .content__title,#el_71561586359624 .content__item--active .content__title { color: #333; font-weight: bold; } #el_71561586359624 .content__item:hover .content__digest,#el_71561586359624 .content__item--active .content__digest { color: #999; } @media screen and (max-width: 1199px){ #el_71561586359624 .content_warp { display: none; opacity:0; visibility:hidden; } } @media screen and (max-width: 991px){ #el_71561586359624 .owl-dots { display: none; } #el_71561586359624 .owl-nav { display: none; }} @media screen and (max-width: 575px){ #el_71561586359624 { width: 100%; } } #el_50981513183435 { background-color: #F7F7F7; } @media screen and (max-width: 575px){ #el_50981513183435 { background-color: #EBEBEB; padding-bottom: 45px; } } #el_37931513183435{width:100%;} #el_30481615572393{width:20%;} #el_35551615572401 ul, #el_35551615572401 li { padding: 0; margin: 0; } #el_35551615572401 a { position: relative; display: block; padding: 8px 20px; border-bottom: 1px solid #fff; } #el_35551615572401 a:hover { color: #333; } #el_35551615572401 .level1>a { color: #fff; padding: 16px 18px; text-align: left; font-size: 18px; background-color: #9c6a28; border-bottom: 1px solid #dedede; } #el_35551615572401 .level1>a>.menu-arrow { color: #fff; display: none; } #el_35551615572401 .level2>a { background-color: #e8e8e8; color: #333; transition: all 0.5s ease; } #el_35551615572401 .level2>a:hover, #el_35551615572401 .level2.active>a { color: #9c6a28; } #el_35551615572401 .level3>a { position: relative; padding-left: 20px; font-size: 13px; background-color: #fff; overflow: hidden; } #el_35551615572401 .level3>a::after { content: ''; position: absolute; bottom: 0; left: 20px; width: 70%; height: 1px; background-color: #eee; transition: all 0.5s ease; } #el_35551615572401 .level3>a:hover, #el_35551615572401 .level3.active>a { color: #2B6C49; } #el_35551615572401 .level3>a:hover::after, #el_35551615572401 .level3.active>a::after { background-color: #1c8bd73b; } #el_35551615572401 .level1 li { } #el_35551615572401 .menu-arrow { position: absolute; top: 50%; right: 10px; color: #999; transform: translateY(-50%); transition: all 0.5s ease; } #el_35551615572401 .active>.menu-arrow { transform: translateY(-50%) rotate(90deg); } #el_35551615572401 { margin-top: 45px; } @media screen and (max-width: 991px){ #el_35551615572401 .level1>a>.menu-arrow { display: block; color: #fff; }} @media screen and (max-width: 575px){ #el_35551615572401 .level1 { } } #el_15721615572397{width:80%;} #el_46041615572549{width:100%;} #el_30821615572591 { background-color: #FFFFFF; margin-top: 45px; margin-left: 25px; } #el_30831615572591{width:75%;} #el_68501615572591 { } #el_29911615572591{width:100%;} #el_22591615572591 { height: 58px; line-height: 58px; padding-left: 25px; } #el_73321615572591{width:24.9861%;} #el_59291615572591 { margin-right: 25px; } #el_84821615572591{width:100%;} #el_19801615572591{width:100%;} #el_71041615572591 .search { width: 100%; height: 36px; line-height: 34px; white-space: nowrap; font-size: 14px; color: #333; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 4px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; display: inline-block; background-color: #e5e5e5; } #el_71041615572591 .search-input, #el_71041615572591 .search-select, #el_71041615572591 .search-submit { display: table-cell; height: 100%; border: 0; vertical-align: middle; } #el_71041615572591 .search-input { width: 100%; border: 0; } #el_71041615572591 .search-input input, #el_71041615572591 .search-submit button, #el_71041615572591 .search-select select { height: 100%; border: 0; background: none; outline: 0; padding: 0 6px; } #el_71041615572591 .search-input input { width: 100%; } #el_71041615572591 .search-submit button { width: 30px; height: 30px; border-radius: 50%; background: #949494; vertical-align: middle; line-height: 0px; } #el_71041615572591 .search-select select { width: 100px; } #el_71041615572591 .iconSearch i { color: #fff; } #el_71041615572591 { overflow: auto; opacity: 0.9; margin-top: 10px; display: inline-block; } #el_37631615572415 { padding-right: 45px; padding-bottom: 45px; padding-left: 45px; margin-bottom: 65px; background-color: #FFFFFF; padding-top: 45px; margin-left: 25px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_37631615572415 { margin-top: 35px; padding-top: 25px; padding-right: 8px; padding-bottom: 25px; padding-left: 8px; margin-bottom: 0px; } } #el_10541615572415{width:100%;} #el_39901615572415 { margin-bottom: 20px; } @media screen and (max-width: 767px){ #el_39901615572415 { margin-bottom: 0px; } } #el_75291615572415{width:100%;} #el_74741615572415 .photo,#el_74741615572415 .mainPhoto { max-width: 100%; width: 100%; } #el_74741615572415 .item-photos { text-align: left; position: relative; } #el_74741615572415 .scalePhoto { position: absolute; top: 0; left: 100%; width: 300px; height: 300px; overflow: hidden; z-index: 1; text-align: left; display: none; border: 1px solid red; margin-left: 20px; background-color: #fff; } #el_74741615572415 .col-md-6 { width: 50%; } #el_74741615572415 .scalePhoto , #el_74741615572415 .mouseBox { display: none !important; } #el_74741615572415 .scalePhoto img { transform: scale(2); transform-origin: left top; } #el_74741615572415 .item-photo { display: inline-block; padding-top: 0; padding-bottom: 0; padding-left: 5px; padding-right: 5px; } #el_74741615572415 .photo { padding: 2px; border: 1px solid rgb(212 212 212); border-radius: 4px; -webkit-transition: all .2s ease; transition: all .2s ease; width: 100%; } #el_74741615572415 .active .photo { border: 1px solid rgb(229 33 42); box-shadow: 0 0 0 0.2rem rgb(229 33 42 / 35%); } #el_74741615572415 .photoList { text-align: left; padding-top: 5px; padding-bottom: 5px; } #el_74741615572415 .text-center { display: none; } #el_74741615572415 .digest { margin-top: 20px; } #el_74741615572415 .text-content { margin-top: 20px; line-height: 2.8; color: #666; } #el_74741615572415 .detaTitle { font-size: 20px; line-height: 1.5; color: #333333; font-weight: bold; background-image: url(../upload/20170906095715132-1668.gif); background-repeat: no-repeat; background-position: left center; } #el_74741615572415 .text-digest { margin-top: 10px; line-height: 1.6; height: 70px; overflow: hidden; font-size: 14px; font-weight: normal; color: #909090; } #el_74741615572415 .detaH { background-color: #e7e7e7; margin-top: 30px; display: block; } #el_74741615572415 .detaS { font-size: 15px; padding-top: 12px; padding-right: 30px; padding-bottom: 12px; padding-left: 30px; background-color: rgb(230 33 42); color: #FFFFFF; display: inline-block; } #el_74741615572415 .mainPhotoBox { display: inline-block; position: relative; } #el_74741615572415 .mainPhoto { width: 70%; } #el_74741615572415 .mouseBox { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background-color: rgba(255,210,0,0.5); display: none; } #el_74741615572415 .text-content img { max-width: 100%; } #el_74741615572415 .text-content table tr td { border: 1px solid #dedede; padding: 5px; } #el_74741615572415 .detaLabels { margin-top: 20px; } #el_74741615572415 .labelsIco { font-size: 16px; color: #666; } #el_74741615572415 .labelList { background-color: #eeeeee; color: #666; font-size: 12px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; display: inline-block; margin-left: 10px; } #el_74741615572415 pre { color: #666; line-height: 1.8; white-space: pre-wrap; word-wrap: break-word; font: inherit; padding: 0; background: transparent; border: 0; } #el_74741615572415 .detaBtnBox { margin-top: 15px; } #el_74741615572415 .conText { margin-top: 0px; font-size: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; line-height: 1.8; display: block; margin-bottom: 15px; border-top-color: rgb(224 224 224); border-right-color: rgb(224 224 224); border-bottom-color: rgb(224 224 224); border-left-color: rgb(224 224 224); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(250 250 250); } #el_74741615572415 .conTel:hover { color: #EC6900; } #el_74741615572415 .conTel { font-size: 16px; color: #000000; } #el_74741615572415 .conTel.active { } #el_74741615572415 .conSpan { font-size: 14px; color: #000000; } #el_74741615572415 .serviceBtn { font-size: 14px; padding-top: 9px; padding-right: 40px; border-radius: 35px; padding-bottom: 9px; padding-left: 40px; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; border: solid 1px #dbdbdb; color: #484848; display: inline-block; } #el_74741615572415 .serviceBtn:hover { background-color: #e7e7e7; } #el_74741615572415 .serviceBtn.kf2 { display: none; } #el_74741615572415 .labelList:hover { background-color: #dddddd; } #el_74741615572415 .owl-carousel { width: auto; left: 0px; top: 0px; } #el_74741615572415 .owl-buttons { font-size: 0; } #el_74741615572415 .owl-carousel .owl-prev, .owl-carousel .owl-next { position: absolute; width: 1.5em; height: 2em; line-height: 2; font-size: 24px; opacity: .4; background-color: rgb(0 0 0); top: 50%; display: none; margin-top: -1.5em; text-align: center; color: rgb(255 255 255); font-family: serif; } #el_74741615572415 .owl-prev:before, #el_74741615572415 .owl-next:before { position: absolute; top: 50%; margin-top: -10px; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; } #el_74741615572415 .owl-prev:before { content: '\f104'; left: -20px; } #el_74741615572415 .owl-next:before { content: '\f105'; right: -20px; } @media screen and (max-width: 991px){ #el_74741615572415 .scalePhoto , #el_74741615572415 .mouseBox { display: none !important; }} @media screen and (max-width: 767px){ #el_74741615572415 .detaTitle { font-size: 18px; margin-top: 10px; } #el_74741615572415 .serviceBtn.kf1 { display: none; } #el_74741615572415 .serviceBtn.kf2 { display: block; }} @media screen and (max-width: 575px){ #el_74741615572415 .detaTitle { font-size: 18px; line-height: 1.5; color: #333333; font-weight: bold; background-image: none; background-repeat: no-repeat; background-position: left center; padding-left: 0px; margin-top: 25px; margin-bottom: 0px; } #el_74741615572415 .owl-carousel .owl-item { min-height: 1px; margin-right: -20px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } #el_74741615572415 .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 160%; } #el_74741615572415 .mainPhoto { width: 100%; } .row { margin-left: 0px; margin-right: 0px; } #el_74741615572415 .owl-carousel { width: auto; left: 5px; top: 0px; } #el_74741615572415 .col-md-6 { width: 100%; } #el_74741615572415 .text-content { overflow: auto; } #el_74741615572415 .detaH { background-color: #e7e7e7; margin-top: 30px; width: 300px; display: inline-block; } #el_74741615572415 .conText { margin-top: 15px; font-size: 15px; background-color: #F3F3F3; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; width: 100%; padding-left: 10px; line-height: 1.8; display: inline-block; } #el_74741615572415 { overflow: auto; } #el_74741615572415 .mainPhotoBox { position: relative; } #el_74741615572415 .text-digest { height: 24px; overflow: hidden; margin-top: 0px; font-size: 18px; } #el_74741615572415 .serviceBtn.kf2 { display: inline-block; font-size: 13px; } #el_74741615572415 .detaS { font-size: 13px; } #el_74741615572415 .item-photos { } #el_74741615572415 .serviceBtn { font-size: 14px; padding-top: 9px; padding-right: 36px; border-radius: 35px; padding-bottom: 9px; padding-left: 26px; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; border: solid 1px #dbdbdb; color: #484848; display: inline-block; } #el_74741615572415 .conTel { font-size: 14px; margin-top: 0px; line-height: 18px; height: 18px; } #el_74741615572415 .conSpan { font-size: 13px; margin-bottom: 0px; height: 24px; line-height: 24px; } #el_74741615572415 .detaBtnBox { margin-top: 0px; } #el_74741615572415 .photo { width: 50px; height: 50px; max-width: 50px; min-width: 50px; margin-right: 50px; right: 45px; min-height: 50px; } } #el_78791615573842 { margin-left: 25px; } #el_48131615573842{width:100%;} @media screen and (max-width: 575px){ #el_21811615573856 { margin-top: 30px; margin-bottom: 0px; } } #el_62421615573856{width:100%;} #el_65661615573856 { background-color: #FFFFFF; } #el_49231615573856{width:19.0064%;} @media screen and (max-width: 575px){ #el_49231615573856{width:44.56%;}} #el_24441615573856 { font-size: 15px; background-color: rgb(230 33 42); line-height: 42px; color: #FFFFFF; padding-left: 15px; } #el_24441615573856 h3 { font: inherit; } @media screen and (max-width: 575px){ #el_24441615573856 { font-size: 16px; } } #el_39391615573856{width:80.99%;} @media screen and (max-width: 575px){ #el_39391615573856{width:87.1346%;}} @media screen and (max-width: 575px){ #el_88041615573856 { margin-bottom: 0px; } } #el_61411615573856{width:100%;} #el_66981615573856 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_66981615573856 .proBox { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_66981615573856 .lower { margin-bottom: 10px; } #el_66981615573856 .proBox:hover { box-shadow: 0px 3px 30px rgba(0,0,0,0.2); } #el_66981615573856 .proBox:hover .proJump { background-color: rgb(229 33 42); border-color: rgb(229 33 42); color: #fff; top: 0; } #el_66981615573856 .proBox:hover .proTitle { } #el_66981615573856 .proBox:hover .proImgBox { } #el_66981615573856 .proImgBox { overflow: hidden; } #el_66981615573856 .proBody { padding: 20px 60px 20px 20px; position: relative; } #el_66981615573856 .proTitle { color: #3C3C3C; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } #el_66981615573856 .proDigest { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,0.4); display: none; } #el_66981615573856 .proJump { position: absolute; z-index: 1; right: 10px; top: 50%; margin-top: -20px; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #b6b6b6; font-size: 11px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; border-right-color: #e5e5e5; border-radius: 50%; background-color: #fff; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5; -ms-transition: all 0.5; font-weight: normal; } #el_66981615573856 .pageBox { text-align: center; } #el_66981615573856 .pagination>li>a,#el_66981615573856 .pagination>li>span { background: none; color: #666; } #el_66981615573856 .pagination>.disabled>span,#el_66981615573856 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } .col-md-4 { width: 25%; padding-left: -6px; padding-right: -6px; } #el_66981615573856 .pagination>.active>a,#el_66981615573856 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_66981615573856 .pagination>li:hover>a,#el_66981615573856 .pagination>li:hover>span { background-color: #ddd; } #el_66981615573856 { margin-top: 25px; } #el_66981615573856 .proBox.lower { background-color: #FFFFFF; } @media screen and (max-width: 767px){ #el_66981615573856 .proBox { margin-bottom: 20px; } #el_66981615573856 .lower { margin-bottom: 0px; }} @media screen and (max-width: 575px){ .col-md-4 { width: 100%; padding-left: 0px; padding-right: 0px; } #el_66981615573856 .proTitle { font-size: 17px; } #el_66981615573856 .proDigest { font-size: 13px; } #el_66981615573856 .proBox { background-color: #FFFFFF; } }