#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_36961609663165{width:20%;} @media screen and (max-width: 575px){ #el_36961609663165{width:100%;}} #el_14531609663173 ul, #el_14531609663173 li { padding: 0; margin: 0; } #el_14531609663173 a { position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #fff; } #el_14531609663173 a:hover { color: #333; } #el_14531609663173 .level1>a { color: #fff; background-color: rgb(238 126 26); border-bottom: 1px solid #dedede; } #el_14531609663173 .level1>a>.menu-arrow { color: #fff; display: none; } #el_14531609663173 .level2>a { font-weight: bold; background-color: #fff; border-bottom: 1px dashed #eee; transition: all 0.5s ease; } #el_14531609663173 .level2>a:hover, #el_14531609663173 .level2.active>a { color: #2B6C49; } #el_14531609663173 .level3>a { position: relative; padding-left: 20px; padding-left: 20px; font-size: 13px; background-color: #fff; overflow: hidden; } #el_14531609663173 .level3>a::after { content: ''; position: absolute; bottom: 0; left: 20px; width: 100%; height: 1px; background-color: #eee; transition: all 0.5s ease; } #el_14531609663173 .level3>a:hover, #el_14531609663173 .level3.active>a { color: #2B6C49; } #el_14531609663173 .level3>a:hover::after, #el_14531609663173 .level3.active>a::after { background-color: #2B6C49; } #el_14531609663173 .level1 li { } #el_14531609663173 .menu-arrow { position: absolute; top: 50%; right: 10px; color: #999; transform: translateY(-50%); transition: all 0.5s ease; } #el_14531609663173 .active>.menu-arrow { transform: translateY(-50%) rotate(90deg); } #el_14531609663173 { margin-top: 70px; } @media screen and (max-width: 991px){ #el_14531609663173 .level1>a>.menu-arrow { display: block; color: #fff; }} @media screen and (max-width: 575px){ #el_14531609663173 { margin-top: 25px; } } #el_77881609663171{width:79.9984%;} @media screen and (max-width: 575px){ #el_77881609663171{width:100%;}} #el_20761609663190 { margin-top: 70px; padding-right: 45px; padding-bottom: 45px; padding-left: 45px; margin-bottom: 65px; background-color: #FFFFFF; padding-top: 45px; margin-left: 45px; } @media screen and (max-width: 575px){ #el_20761609663190 { margin-top: 35px; padding-top: 25px; padding-right: 8px; padding-bottom: 25px; padding-left: 8px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } } #el_53581609663190{width:100%;} #el_83591609663190 { margin-bottom: 20px; } @media screen and (max-width: 767px){ #el_83591609663190 { margin-bottom: 0px; } } #el_76471609663190{width:100%;} #el_77401609663190 .photo,#el_77401609663190 .mainPhoto { max-width: 100%; width: 100%; } #el_77401609663190 .item-photos { text-align: left; position: relative; } #el_77401609663190 .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_77401609663190 .col-md-6 { width: 50%; } #el_77401609663190 .scalePhoto , #el_77401609663190 .mouseBox { display: none !important; } #el_77401609663190 .scalePhoto img { transform: scale(2); transform-origin: left top; } #el_77401609663190 .item-photo { display: inline-block; padding-top: 0; padding-bottom: 0; padding-left: 5px; padding-right: 5px; } #el_77401609663190 .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_77401609663190 .active .photo { border: 1px solid rgb(229 33 42); box-shadow: 0 0 0 0.2rem rgb(229 33 42 / 35%); } #el_77401609663190 .photoList { text-align: left; padding-top: 5px; padding-bottom: 5px; } #el_77401609663190 .text-center { display: none; } #el_77401609663190 .digest { margin-top: 20px; } #el_77401609663190 .text-content { margin-top: 20px; line-height: 2.8; color: #666; } #el_77401609663190 .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_77401609663190 .text-digest { margin-top: 10px; line-height: 1.6; height: 70px; overflow: hidden; color: #888; } #el_77401609663190 .detaH { background-color: #e7e7e7; margin-top: 30px; display: block; } #el_77401609663190 .detaS { font-size: 14px; padding-top: 12px; padding-right: 30px; padding-bottom: 12px; padding-left: 30px; color: #FFFFFF; display: inline-block; background-color: rgb(238 126 26); } #el_77401609663190 .mainPhotoBox { display: inline-block; position: relative; } #el_77401609663190 .mainPhoto { width: 70%; } #el_77401609663190 .mouseBox { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background-color: rgba(255,210,0,0.5); display: none; } #el_77401609663190 .text-content img { max-width: 100%; } #el_77401609663190 .text-content table tr td { border: 1px solid #dedede; padding: 5px; } #el_77401609663190 .detaLabels { margin-top: 20px; } #el_77401609663190 .labelsIco { font-size: 16px; color: #666; } #el_77401609663190 .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_77401609663190 pre { color: #666; line-height: 1.8; white-space: pre-wrap; word-wrap: break-word; font: inherit; padding: 0; background: transparent; border: 0; } #el_77401609663190 .detaBtnBox { margin-top: 15px; } #el_77401609663190 .conText { margin-top: 23px; 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_77401609663190 .conTel:hover { color: #EC6900; } #el_77401609663190 .conTel { font-size: 18px; color: #000000; } #el_77401609663190 .conTel.active { } #el_77401609663190 .conSpan { font-size: 14px; color: #000000; } #el_77401609663190 .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_77401609663190 .serviceBtn:hover { background-color: #e7e7e7; } #el_77401609663190 .serviceBtn.kf2 { display: none; } #el_77401609663190 .labelList:hover { background-color: #dddddd; } #el_77401609663190 .owl-carousel { width: auto; } #el_77401609663190 .owl-buttons { font-size: 0; } #el_77401609663190 .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_77401609663190 .owl-prev:before, #el_77401609663190 .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_77401609663190 .owl-prev:before { content: '\f104'; left: -20px; } #el_77401609663190 .owl-next:before { content: '\f105'; right: -20px; } @media screen and (max-width: 991px){ #el_77401609663190 .scalePhoto , #el_77401609663190 .mouseBox { display: none !important; }} @media screen and (max-width: 767px){ #el_77401609663190 .detaTitle { font-size: 18px; margin-top: 10px; } #el_77401609663190 .serviceBtn.kf1 { display: none; } #el_77401609663190 .serviceBtn.kf2 { display: block; }} @media screen and (max-width: 575px){ #el_77401609663190 .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_77401609663190 .col-md-6 { width: 100%; } #el_77401609663190 .mainPhoto { width: 100%; overflow: hidden; } #el_77401609663190 .row { margin-left: 0px; margin-right: 0px; } #el_77401609663190 .owl-carousel { width: auto; left: 5px; top: 0px; } .col-md-6 { width: 100%; } #el_77401609663190 .text-content { width: 300px; overflow: auto; } #el_77401609663190 .detaH { background-color: #e7e7e7; margin-top: 30px; width: 300px; display: inline-block; } #el_77401609663190 .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_77401609663190 { overflow: auto; } #el_77401609663190 .mainPhotoBox { position: relative; } #el_77401609663190 .text-digest { height: 24px; overflow: hidden; margin-top: 0px; font-size: 13px; } #el_77401609663190 .serviceBtn.kf2 { display: inline-block; font-size: 13px; } #el_77401609663190 .detaS { font-size: 13px; } #el_77401609663190 .item-photos { } #el_77401609663190 .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_77401609663190 .conTel { font-size: 14px; margin-top: 0px; line-height: 18px; height: 18px; } #el_77401609663190 .conSpan { font-size: 13px; margin-bottom: 0px; height: 18px; line-height: 18px; } #el_77401609663190 .detaBtnBox { margin-top: 0px; } } #el_26511604375003{width:100%;} #el_87071604375008 img { max-width: 100%; } #el_87071604375008 { transition-property: all; transition-duration: 1s; height: 0px; overflow: hidden; } @media screen and (max-width: 575px){ #el_87071604375008 { text-align: center; height: 100%; } } #el_59131604398047 { margin-bottom: 65px; } @media screen and (max-width: 575px){ #el_59131604398047 { margin-bottom: 0px; } } #el_66581604398047{width:100%;} #el_71931604398060 { margin-top: 45px; } @media screen and (max-width: 575px){ #el_71931604398060 { margin-top: 30px; margin-bottom: 0px; } } #el_32901604398060{width:100%;} #el_54671604398068 { background-color: #FFFFFF; } #el_52261604398068{width:12.86%;} @media screen and (max-width: 575px){ #el_52261604398068{width:44.56%;}} #el_23671604398121 { font-size: 15px; line-height: 42px; color: #FFFFFF; padding-left: 15px; background-color: rgb(238 126 26); } #el_23671604398121 h3 { font: inherit; } @media screen and (max-width: 575px){ #el_23671604398121 { font-size: 16px; } } #el_57981604398117{width:87.1386%;} @media screen and (max-width: 575px){ #el_57981604398117{width:87.1346%;}} @media screen and (max-width: 575px){ #el_42941604398071 { margin-bottom: 0px; } } #el_80291604398071{width:100%;} #el_31411604398103 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_31411604398103 .proBox { transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; background-color: #FFFFFF; } #el_31411604398103 .lower { margin-bottom: 20px; } #el_31411604398103 .proBox:hover { box-shadow: 0px 3px 30px rgba(0,0,0,0.2); } #el_31411604398103 .proBox:hover .proJump { background-color: rgb(229 33 42); border-color: rgb(229 33 42); color: #fff; top: 0; } #el_31411604398103 .proBox:hover .proTitle { } #el_31411604398103 .proBox:hover .proImgBox { } #el_31411604398103 .proImgBox { overflow: hidden; } #el_31411604398103 .proBody { padding: 20px 60px 20px 20px; position: relative; } #el_31411604398103 .proTitle { color: #3C3C3C; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } #el_31411604398103 .proDigest { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,0.4); } #el_31411604398103 .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_31411604398103 .pageBox { text-align: center; } #el_31411604398103 .pagination>li>a,#el_31411604398103 .pagination>li>span { background: none; color: #666; } #el_31411604398103 .pagination>.disabled>span,#el_31411604398103 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } .col-md-4 { width: 25%; } #el_31411604398103 .pagination>.active>a,#el_31411604398103 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_31411604398103 .pagination>li:hover>a,#el_31411604398103 .pagination>li:hover>span { background-color: #ddd; } #el_31411604398103 { margin-top: 25px; } @media screen and (max-width: 767px){ #el_31411604398103 .proBox { margin-bottom: 20px; } #el_31411604398103 .lower { margin-bottom: 0px; }} @media screen and (max-width: 575px){ .col-md-4 { width: 100%; padding-left: 0px; padding-right: 0px; } #el_31411604398103 .proTitle { font-size: 17px; } #el_31411604398103 .proDigest { font-size: 13px; } #el_31411604398103 .proBox { background-color: #FFFFFF; } }