@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a { cursor: pointer;font-family: "微软雅黑" }
h3,h5 ,a{height: auto}
.cur{color: #2fb476 !important;background-color: transparent!important;}
.case-common-title { width: 100%; padding: 24px 0; margin-top: 18px; overflow: hidden; }
.case-common-title h3 { display: inline-block; float: left; font-size: 28px; }
.case-common-title .title-menu { display: inline-block; float: right; margin-top: 5px; }
.case-common-title .title-menu ul { display: inline-block; }
.case-common-title .title-menu ul li { float: left; color: #8b8b8b; }
.case-common-title .title-menu ul li a { display: inline-block; padding: 0 10px;font-size: 15px; }
.case-common-title .title-menu >span{ display: inline-block; padding: 0 5px;font-size: 15px;padding-top: 1px; vertical-align: top}
.case-common-title .title-menu >span a:hover { color: #2fb476; }
.case-common-title .title-menu ul li:hover { color: #2fb476; }
.case-common-title .title-menu ul li:hover a { color: #2fb476; }
.case-common-title .title-menu ul li:last-child span { display: none; }

.case-warp .case-banner { position: relative; width: 100%;min-width: 1220px; background-color: #d4ccc1; }
.case-warp .case-banner .newest-case-banner1 {position: relative; height: 388px; width: 100%; }
/*.case-warp .case-banner .newest-case-banner .swiper-wrapper .swiper-slide .center-tag { position: relative; width: 1460px; margin: 0 auto; }*/
.case-warp .case-banner .newest-case-banner1 .swiper-wrapper .swiper-slide .center-tag a{display: inline-block;height: 388px;width: 100% }
.case-warp .case-banner .newest-case-banner1 .swiper-wrapper .swiper-slide .center-tag .info-item { position: absolute; display: inline-block;  height: 80px;width: 100%; bottom: 0;  right: 0; background-color: rgba(68, 67, 67, 0.6); box-sizing: border-box; }
.case-warp .case-banner .newest-case-banner1 .swiper-wrapper .swiper-slide .center-tag .info-item h3 {width: 1460px;margin: 0 auto; color: white; font-size: 26px; line-height: 80px; }
.case-warp .case-banner .newest-case-banner1 .swiper-wrapper .swiper-slide .center-tag .info-item h3 a{ padding-left:340px;color: white}
.case-warp .case-banner  .more-box { position: absolute;  margin-top: 32px;  top: -4px;  z-index: 9;  left: 50%; margin-left: -731px; }
.case-warp .case-banner  .more-box .more-item { overflow: hidden; }
.case-warp .case-banner  .more-box .more-item .item-head {display: inline-block; float: left;height: 90px; background-color: white; padding: 18px 0; border-bottom: 1px solid #ececec;box-sizing: border-box }
.case-warp .case-banner  .more-box .more-item .item-head a { position: relative; display: inline-block; padding: 0 20px; line-height: 52px; font-size: 20px; }
.case-warp .case-banner  .more-box .more-item .item-head a:after { position: absolute; content: ""; width: 1px; height: 100%; right: 0; background: #ececec; }
.case-warp .case-banner  .more-box .more-item .list-tag {display: inline-block;height: 90px; float: left; background-color: white; padding: 18.5px 0; border-bottom: 1px solid #ececec;box-sizing: border-box }
.case-warp .case-banner  .more-box .more-item .list-tag ul { display: inline-block; width: 214px; }
.case-warp .case-banner  .more-box .more-item .list-tag ul li { float: left; width: 33.3%; text-align: center; }
.case-warp .case-banner  .more-box .more-item .list-tag ul li a { display: inline-block; font-size: 14px; line-height: 25px; }
.case-warp .case-banner  .more-box .more-item .list-tag ul li a:hover{color: #00a151}
.case-warp .case-banner  .more-box .more-item .not-tag { display: none; float: left; height: 53px; padding: 18px 0; background-color: white; border-bottom: 1px solid #ececec; }
.case-warp .case-banner  .more-box .more-item .not-tag .item { display: inline-block; max-width: 370px;min-width: 200px; }
.case-warp .case-banner  .more-box .more-item .not-tag .item a { display: inline-block; font-size: 14px; width: 70px; text-align: center; line-height: 25px; }
.case-warp .case-banner  .more-box .more-item .not-tag .item a:hover{color: #00a151}
.case-warp .case-banner  .more-box .more-item:hover .not-tag { display: inline-block; }
.case-warp .main .main-center { width: 1460px; margin: 0 auto; }
.case-warp .main .main-center .entries_box { margin-top: 20px; width: 100%; }
.case-warp .main .main-center .entries_box ul { display: inline-block; width: 100%; }
.case-warp .main .main-center .entries_box ul li { display: inline-block; float: left; width: 24%; margin-right: 1.3%; padding: 32px 30px; background-color: #f6f6f6; box-sizing: border-box; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
.case-warp .main .main-center .entries_box ul li a { display: inline-block; width: 100%; }
.case-warp .main .main-center .entries_box ul li a .tex-tag { float: left; }
.case-warp .main .main-center .entries_box ul li a .tex-tag h5 { font-size: 30px; line-height: 46px; }
.case-warp .main .main-center .entries_box ul li a .tex-tag p { font-size: 16px; color: #777777; line-height: 30px; }
.case-warp .main .main-center .entries_box ul li a .icon-tag { float: right; }
.case-warp .main .main-center .entries_box ul li:hover { padding: 28px 26px; box-shadow: 0px 1px 10px 3px #dddddd; }
.case-warp .main .main-center .entries_box ul li:last-child { margin-right: 0; }
.case-warp .main .case-selected-atlas{overflow: hidden}
.case-warp .main .case-selected-atlas .column-item { float: left; width: 32.7%; margin-right: 13px; }
.case-warp .main .case-selected-atlas .column-item .img-tag { position: relative; margin-bottom: 13px;overflow: hidden }
.case-warp .main .case-selected-atlas .column-item .img-tag >span{display: inline-block;width: 100%;  height: 100%;  overflow: hidden;}
.case-warp .main .case-selected-atlas .column-item .img-tag >span img{width: 100%;height: 100%;}
.case-warp .main .case-selected-atlas .column-item .img-tag a { display: inline-block; }
.case-warp .main .case-selected-atlas .column-item .img-tag a img { width: 100%; height: 100%; display: block; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img1 { height: 322px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img2 { height: 282px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img3 { height: 375px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img4 { height: 230px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img5 { height: 284px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .img6 { height: 321px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .info-not { position: absolute; display: none; height: 100%; width: 100%; top: 0;left: 0; background: rgba(2, 2, 2, 0.46); }
.case-warp .main .case-selected-atlas .column-item .img-tag .info-not .tex { position: absolute; top: 50%; width: 100%; margin-top: -50px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .info-not .tex h5 { text-align: center; color: white; font-size: 28px;padding: 0 15px; line-height: 42px; }
.case-warp .main .case-selected-atlas .column-item .img-tag .info-not .tex p { font-size: 24px; line-height: 50px; color: white; text-align: center; }
.case-warp .main .case-selected-atlas .column-item .img-tag:hover .info-not { display: inline-block; }
.case-warp .main .case-selected-atlas .column-item:last-child { margin-right: 0; }
.case-warp .main .case-selected-atlas .column-item:last-child { margin-right: 0; }
.case-warp .main .case-special .special-content .special-item .special-info { display: inline-block; float: left; width: 296px; height: 500px; padding: 20px 18px; border: 1px solid #d2d2d2; box-sizing: border-box; }
.case-warp .main .case-special .special-content .special-item .special-info .title-tag { display: inline-block; width: 100%; }
.case-warp .main .case-special .special-content .special-item .special-info .title-tag .icon-box { float: left; }
.case-warp .main .case-special .special-content .special-item .special-info .title-tag .icon-box > span { display: inline-block;font-style: oblique; color: #454545; font-size: 20px; line-height: 42px; vertical-align: text-bottom; }
.case-warp .main .case-special .special-content .special-item .special-info .title-tag > a { float: right; display: inline-block; width: 124px; margin-top: 4px;font-size: 15px; line-height: 34px; color: #2fb476; letter-spacing: 2px; text-align: center; border: 2px solid #2fb476; border-radius: 5px; }
.case-warp .main .case-special .special-content .special-item .special-info h5 {
    position: relative;
    height: auto;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    margin: 15px 0;
    max-height: 60px;
    word-wrap: break-word;
    word-break: normal;}
.case-warp .main .case-special .special-content .special-item .special-info > span { display: inline-block; width: 100%;color:#969696; font-size: 16px; line-height: 36px; }
.case-warp .main .case-special .special-content .special-item .special-info > span img { margin-right: 10px; vertical-align: text-top; }
.case-warp .main .case-special .special-content .special-item .special-info > p {
    position: relative;
    display: -webkit-box;
    width: 100%;
    padding-top: 16px;
    color: #969696;
    font-size: 16px;
    line-height: 26px;
    max-height: 130px;
    overflow:hidden; }
.case-warp .main .case-special .special-content .special-item .special-info .tag-link { width: 100%; padding-top: 20px; text-align: center; }
.case-warp .main .case-special .special-content .special-item .special-info .tag-link a { display: inline-block; width: 78%; font-size: 16px; color: white; line-height: 42px; background-color: #2fb476; border-radius: 5px; }
.case-warp .main .case-special .special-content .special-item .img-box { float: right; width: 1154px; }
.case-warp .main .case-special .special-content .special-item .img-box .img-max { float: left; height: 500px; width: 762px; overflow: hidden; }
.case-warp .main .case-special .special-content .special-item .img-box .img-max a { display: inline-block;width: 100%;height: 100%;overflow: hidden }
.case-warp .main .case-special .special-content .special-item .img-box .img-max a img {display: block; width: 100%;height: 100%;transition: all 1.2s; }
.case-warp .main .case-special .special-content .special-item .img-box .img-max a img:hover{ -webkit-transform: scale(1.08); -ms-transform: scale(1.08); }
.case-warp .main .case-special .special-content .special-item .img-box .min-img { float: right; width: 383px; overflow: hidden; }
.case-warp .main .case-special .special-content .special-item .img-box .min-img a { display: inline-block;width: 100%;height: 244px;overflow: hidden }
.case-warp .main .case-special .special-content .special-item .img-box .min-img a img { width: 100%;height: 100% ;transition: all 2s; }
.case-warp .main .case-special .special-content .special-item .img-box .min-img a img:hover{ -webkit-transform: scale(1.08); -ms-transform: scale(1.08); }
.case-warp .main .case-special .special-content .special-item .img-box .min-img a:last-child { margin-top: 10px; }
.case-warp .main .case-special .special-content .link-tag { display: inline-block; padding-top: 40px; width: 100%; }
.case-warp .main .case-special .special-content .link-tag img { width: 100%; }
.case-warp .main .work-clothes-part .work-clothes-content ul { display: inline-block; width: 100%; }
.case-warp .main .work-clothes-part .work-clothes-content ul li { position: relative; float: left; width: 24%; margin-right: 1.33%; }
.case-warp .main .work-clothes-part .work-clothes-content ul li:hover >.mask img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.case-warp .main .work-clothes-part .work-clothes-content ul li .mask { display: inline-block; width: 100%;overflow: hidden }
.case-warp .main .work-clothes-part .work-clothes-content ul li .mask img { display: block; width: 100%;    transition: all 1s; }
.case-warp .main .work-clothes-part .work-clothes-content ul li a { position: absolute; top: 0;left: 0; width: 100%; height: 99%; color: white; background-color: rgba(2, 2, 2, 0.46); }
.case-warp .main .work-clothes-part .work-clothes-content ul li a .tex { position: absolute; width: 100%; top: 50%; margin-top: -34px; }
.case-warp .main .work-clothes-part .work-clothes-content ul li a .tex > h5 {color: white !important; font-size: 30px; line-height: 52px; text-align: center; }
.case-warp .main .work-clothes-part .work-clothes-content ul li a .tex > p { font-size: 16px; text-align: center; }
.case-warp .main .work-clothes-part .work-clothes-content ul li:last-child { margin-right: 0; }
.case-warp .main .case-designer-part .designer-head { padding:25px 30px 20px 30px; background-color: #f9f9f9; overflow: hidden; }
.case-warp .main .case-designer-part .designer-head ul li { float: left; margin-right: 48px; width: 112px;}
.case-warp .main .case-designer-part .designer-head ul li a { display: inline-block; width: 112px; height: 112px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.case-warp .main .case-designer-part .designer-head ul li a img { width: 100%; height: 100%; }
.case-warp .main .case-designer-part .designer-head ul li p { overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;line-height: 40px; text-align: center; }

.case-warp .main .case-designer-part .designer-head ul li .a-link { border: 3px solid #2fb476; }
.case-warp .main .case-designer-part .designer-head ul li:last-child { margin-right: 0; }
.case-warp .main .case-designer-part .content { margin-top: 20px; overflow: hidden; }
.case-warp .main .case-designer-part .content .left-img { float: left; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner { width: 1100px; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box { width: 1100px; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .img-max { float: left; width: 731px; height: 460px; overflow: hidden; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .img-max a { display: inline-block; width: 100%; height: 100%; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .img-max a img { width: 100%; height: 100%; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .min-img { float: right; width: 358px; overflow: hidden; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .min-img a { display: inline-block; width: 100%; height: 224px; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .min-img a img { width: 100%; height: 100%; }
.case-warp .main .case-designer-part .content .left-img .new-designe-banner .img-box .min-img a:last-child { padding-top: 10px; }
.case-warp .main .case-designer-part .content .form-box { display: inline-block; float: right; width: 350px; height: 460px; background-color: #f9f9f9; padding: 20px 18px; box-sizing: border-box; }
.case-warp .main .case-designer-part .content .form-box h3 { width: 100%; font-size: 26px; line-height: 48px; text-align: center; }
.case-warp .main .case-designer-part .content .form-box .input-box { position: relative;  display: inline-block; width: 100%; padding-top: 20px; }
.case-warp .main .case-designer-part .content .form-box .input-box >i{position: absolute;right: 2%;  width: 18px;  top: 38px;}
.case-warp .main .case-designer-part .content .form-box .input-box >i img{ width: 100%}
.case-warp .main .case-designer-part .content .form-box .input-box select{display: inline-block;  line-height: 48px;  height: 48px;  color: #808080;  font-size: 16px; border-radius: 4px;
    padding-left:5%;  background: url(../images/new-case/select-icon.png) no-repeat scroll right center transparent;  background-color: #ededed;background-size: 18px;  background-position:124px 18px;  border: none;  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;}
.case-warp .main .case-designer-part .content .form-box .input-box .select2{ width: 100%;   background-position: 286px 18px;}
.case-warp .main .case-designer-part .content .form-box .input-box input { display: inline-block; width: 100%; font-size: 16px; height: 48px; color: #666666; line-height: 48px; padding-left: 5%; border: none; border-radius: 4px; box-sizing: border-box; background-color: #ededed; -webkit-appearance: none; }
.case-warp .main .case-designer-part .content .form-box .input-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666 !important; opacity: 1; }
.case-warp .main .case-designer-part .content .form-box .input-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666 !important; opacity: 1; }
.case-warp .main .case-designer-part .content .form-box .input-box input:-ms-input-placeholder { color: #666666!important; opacity: 1; }
.case-warp .main .case-designer-part .content .form-box .input-box input::-webkit-input-placeholder { color: #666666 !important; opacity: 1; }
.case-warp .main .case-designer-part .content .form-box .input-box input[type=button] { width: 100%; font-size: 18px; border-radius: 4px; letter-spacing: 2px; line-height: 48px; color: white; border: none; background-color: #2fb476; -webkit-appearance: none; }
.specialt-banner{height: 500px;}


@media (max-width: 1460px) and (min-width: 0px) { .case-common-title h3 { font-size: 24px; }
    .case-warp .main .case-designer-part .content .form-box .input-box select{ background-position: 109px 18px; }
    .case-warp .main .case-designer-part .content .form-box .input-box .select2{ background-position: 248px 18px;}
    .case-warp .main .case-selected-atlas .column-item{margin-right: 11px;}
    .case-warp .main .case-selected-atlas .column-item .img-tag {  margin-bottom: 11px; }
    .case-warp .main .main-center{ width: 1220px;}
    .case-common-title .title-menu ul li a { font-size: 15px; }
    .case-warp .case-banner .newest-case-banner1 .swiper-wrapper .swiper-slide .center-tag .info-item h3{width: 1220px;}
    .case-warp .case-banner .more-box{margin-left: -610px;}
    .newest-case-next{margin-left: 572px!important;}
    .newest-case-prev{margin-left: 516px!important;}
    .newest-case-pagination{margin-left: -969px;}
    .case-warp .main .case-designer-part .content .form-box .input-box >i{top: 31px;}
    .newest-case-pagination{width: 1220px !important;margin-left: -733px !important;}
    .case-warp .case-banner .content { width: 1220px; margin-left: -610px; }
    .case-warp .main .main-center .entries_box ul li { padding: 24px 20px; }
    .case-warp .main .main-center .entries_box ul li a .tex-tag h5 { font-size: 26px; line-height: 42px; }
    .case-warp .main .main-center .entries_box ul li:hover { padding: 21px 18px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info { padding: 14px 16px; height: 396px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info .title-tag > a { width: 102px; font-size: 14px; line-height: 30px; letter-spacing: 1px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info h5 { font-size: 20px;margin: 10px 0;  }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info > span { font-size: 16px; line-height: 30px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info > p { padding-top: 10px; font-size: 14px; line-height: 24px; max-height: 92px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info .tag-link { padding-top: 12px; }
    .case-warp .main .main-center .case-special .special-content .special-item .special-info .tag-link a { width: 76%; font-size: 15px; line-height: 38px; }
    .case-warp .main .main-center .case-special .special-content .special-item .img-box { width: 914px; }
    .case-warp .main .main-center .case-special .special-content .special-item .img-box .img-max { width: 605px; height: 396px; }
    .case-warp .main .main-center .case-special .special-content .special-item .img-box .min-img { width: 300px; }
    .case-warp .main .main-center .case-special .special-content .special-item .img-box .min-img a{height: 192px;}
    .case-warp .main .case-selected-atlas .column-item .img-tag .info-not .tex h5{  font-size: 25px;}
    .case-warp .main .case-selected-atlas .column-item .img-tag span{display: inline-block;width: 100%;overflow: hidden}
    .case-warp .main .case-selected-atlas .column-item .img-tag .img1 { height: 271px; }
    .case-warp .main .case-selected-atlas .column-item .img-tag .img2 { height: 238px; }
    .case-warp .main .case-selected-atlas .column-item .img-tag .img3 { height: 300px; }
    .case-warp .main .case-selected-atlas .column-item .img-tag .img4 { height: 208px; }
    .case-warp .main .case-selected-atlas .column-item .img-tag .img5 { height: 238px; }
    .case-warp .main .case-selected-atlas .column-item .img-tag .img6 { height: 271px; }


    .case-warp .main .main-center .case-special .special-content .special-item .img-box .min-img a:last-child { margin-top: 10px; }
    .case-warp .main .main-center .case-designer-part .designer-head ul li { margin-right: 33px;width: 99px; }
    .case-warp .main .main-center .case-designer-part .designer-head ul li a { width: 99px; height: 99px; }
    .case-warp .main .main-center .case-designer-part .designer-head ul li:last-child { margin-right: 0; }
    .case-warp .main .main-center .case-designer-part .content .left-img .new-designe-banner { width: 912px; }
    .case-warp .main .main-center .case-designer-part .content .left-img .new-designe-banner .img-box { width: 912px; }
    .case-warp .main .main-center .case-designer-part .content .left-img .new-designe-banner .img-box .img-max { width: 605px; height: 378px; }
    .case-warp .main .main-center .case-designer-part .content .left-img .new-designe-banner .img-box .min-img { width: 296px; }
    .case-warp .main .main-center .case-designer-part .content .left-img .new-designe-banner .img-box .min-img a { height: 184px; }
    .case-warp .main .main-center .case-designer-part .content .form-box { width: 297px; height: 376px; padding: 8px 12px; }
    .case-warp .main .main-center .case-designer-part .content .form-box h3 { font-size: 22px; line-height: 46px; }
    .case-warp .main .main-center .case-designer-part .content .form-box .input-box { padding-top: 15px; }
    .case-warp .main .main-center .case-designer-part .content .form-box .input-box select { font-size: 15px; height: 42px; line-height: 42px; }
    .case-warp .main .main-center .case-designer-part .content .form-box .input-box input[type=text] { height: 42px; font-size: 15px; line-height: 42px; }
    .case-warp .main .main-center .case-designer-part .content .form-box .input-box input[type=button] { height: 42px; font-size: 16px; line-height: 42px; } }

/*# sourceMappingURL=new-case.css.map */


.gallery-warp {font-family: "微软雅黑";  width: 1460px; margin: 0 auto; }
.gallery-warp .choose-sort .item { width: 100%; border: 1px solid #e3e3e3; border-bottom: none; }
.gallery-warp .choose-sort .item > span { display: inline-block; width: 99px; color: #484848;font-size: 16px; line-height: 50px; text-align: center; background-color: #f3f3f3; border-right: 1px solid #e3e3e3; }
.gallery-warp .choose-sort .item ul { display: inline-block; }
.gallery-warp .choose-sort .item ul li { float: left; }
.gallery-warp .choose-sort .item ul li a { display: inline-block; min-width: 66px; font-size: 15px; color: #484848; text-align: center; padding: 0 5px; }
.gallery-warp .choose-sort .item ul li a:hover { color: #2fb476; }
.gallery-warp .choose-sort .item:last-child { border-bottom: 1px solid #e3e3e3; }
.gallery-warp .content ul { display: inline-block; padding: 30px 0; }
.gallery-warp .content ul li { float: left; width: 342px; margin-right: 30px; margin-bottom: 30px; }
.gallery-warp .content ul li .img-tag { position: relative; width: 100%; height: 270px; }
.gallery-warp .content ul li .img-tag .link-img { display: inline-block; width: 100%; height: 100%; }
.gallery-warp .content ul li .img-tag .link-img img { width: 100%; height: 100%; }
.gallery-warp .content ul li .img-tag > p {display: none;  position: absolute; width: 100%; bottom: 0; color: white; line-height: 40px; text-align: center; background-color: rgba(97, 182, 136, 0.84); }
.gallery-warp .content ul li .img-tag > p >a{ width: 100%;color: white;font-size: 14px;}
.gallery-warp .content ul li .img-tag > span { position: absolute; color: white; top: 8px; right: 8px; width: 52px; font-size: 13px; text-align: center; line-height: 25px; background-color: rgba(39, 39, 39, 0.51); border-radius: 20px; }
.gallery-warp .content ul li .item-title { display: inline-block; width: 100%; color: #696969; padding: 0 15px; box-sizing: border-box; border: 1px solid #e9e9e9; border-top: none; }
.gallery-warp .content ul li .item-title > span { display: inline-block; float: left; line-height: 45px;font-size: 15px;width: 74%;   overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap }
.gallery-warp .content ul li .img-tag:hover p{ display: inline-block; }
.gallery-warp .content ul li .item-title .icon-tag { float: right; line-height: 45px;display:flex;align-items: center; }
.gallery-warp .content ul li .item-title .icon-tag > img{ vertical-align: middle}
.gallery-warp .content ul li:nth-child(4n+0) { margin-right: 0; }

@media (max-width: 1460px) and (min-width: 0px) { .gallery-warp { width: 1220px; }
    .gallery-warp .content ul li { width: 286px; margin-right: 25px; }
    .specialt-banner{height: 396px;}
    .gallery-warp .content ul li .img-tag { height: 230px; }
    .gallery-warp .choose-sort .item ul li a{    min-width: 52px;font-size: 14px;}
    .gallery-warp .choose-sort .item > span{font-size: 15px;}
    .gallery-warp .content ul li .img-tag > p { font-size: 15px; bottom: 0; }
    .gallery-warp .content ul li .item-title { font-size: 15px; } }
/*# sourceMappingURL=gallery.css.map */