@charset "UTF-8";

/*整站样式*/

html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input{margin:0;padding:0; border:0;}

*{ -webkit-tap-highlight-color: transparent;}

@font-face {font-family:"SIMYOU";src:url("../font/SIMYOU.TTF") format("truetype");font-weight:normal;font-style:normal;}

body{font-family: "SIMYOU","Microsoft YaHei", STHeiti, 宋体, arial;background-color:#fff;  }

input,textarea,button{font-family: "SIMYOU","Microsoft YaHei",STHeiti,  宋体, arial;padding: 0;font-family: Verdana, Arial;}

h1,h2,h3,h4,h5,h6{font-family:"SIMYOU","Microsoft YaHei", STHeiti,  宋体, arial;font-weight: normal;  }

img {border:0;}

input[type=submit]:hover,button:hover { cursor:pointer;}

input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}

a {color:#000;  }

a:link{text-decoration:none;}

a:visited{text-decoration:none;}

a:hover{text-decoration:none;cursor:pointer;}

a:active{text-decoration:none;}

.hidden{display:none;visibility:hidden;}

.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}

.wrap:after{clear: both;content:"";display: table;}

.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}

.clearfix:before, .clearfix:after {

    content:"";

    display:table;

}

.clearfix:after {

    clear:both;

}

.clearfix {

    zoom:1;

}

.fl{float: left;}

.fr{float: right;}

.absolute { position: absolute;}

.pors{position: relative;}

.tl{text-align: left;}

.tc{text-align: center;}

.tr{text-align: right;}

header li,

.index-product li,

.item-list li{ list-style-type:none;}

.layouts {

    position:relative;

    width:1200px;

    margin:0 auto;

}

.layouts:after,.layouts:before {

    content:"";

    display:table;

}

.layouts:after {clear:both;}

.clear {clear:both;}

.inline_block {display:inline-block;}

.ptb50 {padding:50px 0;}

.blue {color:#006aff;}

.blue1 {color:#09abd9;}

.picture {overflow:hidden;}

.picture img {transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}

li:hover .picture img,.each-item:hover .picture img,.each:hover .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{

    font-style:italic;

    color: #b0b0b0;

}



input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{

    font-style:italic;

    color: #b0b0b0;

}

/*header*/

header {

    height:90px;

    line-height:90px;

    margin-bottom:50px;

    border-bottom:1px solid #b5a769;

}

nav li {

    float:left;

    text-align:center;

}

nav .header-home {

    width:18px;

    margin:0 30px;

}

nav .normal-item {

    width:220px;

}

nav .header-logo {

    width:106px;

    margin:0 30px;

    background:#fff;

    border:1px solid #ececec;

    border-top:0;

    border-bottom-left-radius:15px;

    -moz-border-bottom-left-radius:15px;

    -webkit-border-bottom-left-radius:15px;

    border-bottom-right-radius:15px;

    -moz-border-bottom-right-radius:15px;

    -webkit-border-bottom-right-radius:15px;

    box-shadow:0 5px 5px rgba(0,0,0,.05);

}

nav .header-logo a {

    display:block;

    padding-top:15px;

}

nav .per strong {

    font-size:14px;

    font-weight:normal;

    color:#000;

}

nav .normal-item .per:hover strong {color:#a5955c;}

nav .language-wrap a {

    display:inline-block;

    height:90px;

    font-size:14px;

    font-family:Arial;

    color:#aaa;

}

nav .language-wrap a,nav .language-wrap .line {float:left;}

nav .language-wrap .line {

    display:inline-block;

    width:1px;

    height:14px;

    margin:38px 12px 0;

    background:#ccc;

}

nav .language-wrap .search {

    width:14px;

    background:url(../images/header-search.png) no-repeat center center;

}

/*首页banner*/

.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom:50px;

}

.index-banner .swiper-pagination-bullet {

    width:20px;

    height:1px;

    background:#fff;

    border-radius:0;

}

.index-banner img {

    display:block;

    width:100%;

}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev {

    display:none;

}

/**/

.index-special-service {

    padding:55px 0 75px;

}

.index-service {

    float:left;

    width:790px;

    height:400px;

}

.index-service .item-list li {

    float:left;

    width:245px;

    height:400px;

    overflow:hidden;

    transition:all .6s;

    -moz-transition:all .6s;

    -webkit-transition:all .6s;

}

.index-service .item-list li a {

    position:relative;

    display:block;

}

.index-service .item-list li.on {

    width:300px;

}

.index-service .item-list .text-w {

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

}

.index-service .item-list .text {

    height:308px;

    padding:25px;

    margin:20px 14px;

    border:1px solid transparent;

}

.index-service .item-list li.on .text {

    padding:25px 35px;

    border-color:#a5955c;

}

.index-service .item-list .dt-title {

    position:relative;

    display:inline-block;

    font-size:20px;

    color:#fff;

    line-height:1.2;

    writing-mode: tb-lr;

    -webkit-writing-mode: vertical-lr;

    writing-mode: vertical-lr;

    *writing-mode: tb-lr;

    vertical-align:top;

}

.index-service .item-list .dt-title strong {

    z-index:1;

    position:relative;

}

.index-service .item-list .dt-title .square {

    position:absolute;

    left:0;

    top:3px;

    display:block;

    width:40px;

    height:150px;

    background:#c1aa57;

}

.index-service .item-list .dd-cont {

    display:inline-block;

    font-size:14px;

    color:#fff;

    line-height:1.2;

    opacity:.5;

    writing-mode: tb-lr;

    -webkit-writing-mode: vertical-lr;

    writing-mode: vertical-lr;

    *writing-mode: tb-lr;

}

.index-service .item-list .dt-title strong {font-weight:normal;}

.index-service .item-list .more {

    position:absolute;

    bottom:60px;

    right:40px;

    display:block;

    padding-left:5px;

    font-size:14px;

    color:#fff;

    opacity:0;

    filter:Alpha(opacity=0);

    border-left:1px solid #fff;

    writing-mode: tb-lr;

    -webkit-writing-mode: vertical-lr;

    writing-mode: vertical-lr;

    *writing-mode: tb-lr;

    transition:all .6s;

    -moz-transition:all .6s;

    -webkit-transition:all .6s;

}

.index-service .item-list .on .more {

    opacity:1;

    filter:Alpha(opacity=100);

}

.index-special {

    float:right;

    width:385px;

    height:400px;

    background:#f8f7f7;

}

.index-special-main {

    padding:35px 30px;

}

.index-special-main .title-w {

    margin-bottom:5px;

}

.index-special-main .title {

    display:inline-block;

    font-size:20px;

}

.index-special-main .title-w .more,.index-news .item-list .more {

    display:inline-block;

    margin-left:13px;

    font-size:12px;

    color:#939393;

}

.index-special-main .title-w .more .icon,.index-news .item-list .more .icon {

    display:inline-block;

    width:4px;

    height:8px;

    margin-left:5px;

    background:url(../images/more.png) no-repeat center center;

}

.index-special-main .item-list li {

    padding:27px 0;

    border-top:1px solid #eaeaea;

}

.index-special-main .item-list li:first-child {

    border-top:0;

}

.index-special-main .item-list li .picture {

    float:left;

    width:160px;

    height:90px;

    overflow:hidden;

}

.index-special-main .item-list li .mask {

    position:absolute;

    left:50%;

    top:50%;

    display:block;

    width:38px;

    height:38px;

    margin:-19px 0 0 -19px;

    background:url(../images/video.png) no-repeat center center;

}

.index-special-main .item-list li a {

    position:relative;

    display:block;

}

.index-special-main .item-list li .text-w {

    height:90px;

    margin-left:175px;

}

.index-special-main .item-list .report-title a {

    height:46px;

    padding-top:5px;

    margin-bottom:15px;

    font-size:14px;

    color:#000;

    line-height:23px;

    overflow:hidden;

}

.index-special-main .item-list li:hover .report-title a,

.index-hotest .each:hover .text-w .stitle a,

.index_show .gallery-thumbs .more:hover,

.index-news .item-list li:hover .title a,

.index-news .item-list li .more:hover{color:#c1aa57;}

.index-special-main .item-list .date {

    font-size:14px;

    color:#bdbcbc;

}



.index-wrap {

    padding:50px 0 80px;

    border-top:1px solid #b5a769;

    overflow:hidden;

}

.index-title {

    margin-bottom:50px;

    font-size:24px;

    color:#a5955c;

}

.index-hotest .text-w {

    padding:25px 20px;

    font-size:14px;

    color:#999;

}

.index-hotest .text-w .stitle a {

    display:block;

    font-size:18px;

    color:#000;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.index-hotest .text-w .line {

    display:block;

    width:25px;

    height:1px;

    margin:20px 0 15px;

    background:#dbdbdb;

}

.index-hotest .swiper-button-next,.index-hotest .swiper-button-prev {

    width:90px;

    height:35px;

    font:12px/35px arial,sans-serif;

    border-top:1px solid #000;

    background:none;

}

.index-hotest .swiper-button-next {

    right:-125px;

}

.index-hotest .swiper-button-prev {

    left:-125px;

    text-align:right;

}

.index-show-content {position:relative;}

.index_show .short-line {

    z-index:2;

    position:absolute;

    right:194px;

    bottom:18px;

    display:block;

    width:1px;

    height:13px;

    background:#dedede;

}

.index_show .long-line {

    z-index:2;

    position:absolute;

    right:98px;

    bottom:180px;

    display:block;

    width:1px;

    height:70px;

    background:#dedede;

}

.index_show .square {

    z-index:2;

    position:absolute;

    right:155px;

    bottom:0;

    display:block;

    width:80px;

    height:50px;

    background:#fff;

}

.index_show .each img {display:block;}

.index_show .each .big-picture {

    float:left;

}

.index_show .each .small-picture {

    float:right;

    margin-top:230px;

}

.index_show .gallery-thumbs {

    position:absolute;
    left:50%;
    top:50%;
    width:630px;
    height:260px;
	background-color:#b0b0b063;
    margin:-130px 0 0 -315px;



}

.index_show .gallery-thumbs .text-w {

    width:620px;

    height:250px;

    margin:5px;

    background:#fff;

    box-shadow:5px 5px 5px rgba(153,153,153,.05);

}

.index_show .gallery-thumbs .text {

    position:relative;

    padding:50px 40px 0 40px;

}

.index_show .gallery-thumbs .title {

    margin-bottom:15px;

    font-size:18px;

    color:#010101;

}

.index_show .gallery-thumbs .detail-m {

    height:96px;

    font-size:14px;

    color:#999;

    line-height:24px;

    overflow:hidden;

}

.index_show .gallery-thumbs .more {

    position:absolute;

    right:45px;

    bottom:0;

    font-size:12px;

    color:#727070;

}

.index_show .swiper-button-next,.index_show .swiper-button-prev {

    z-index:3;

    width:40px;

    height:50px;

    top:auto;

    bottom:0;

    margin-top:0;



}

.index_show .swiper-pagination-fraction {

    left:auto;

    right:0;

    bottom:280px;

    width:122px;

    font-family:Arial;

    font-size:20px;

    color:#ccc;

    text-align:left;

}

.index_show .swiper-pagination-fraction .swiper-pagination-current {

    font-size:30px;

    color:#b5a769;

}

.index_show .swiper-pagination-fraction .swiper-pagination-total {font-size:16px;}

.index_show .swiper-button-prev,.left-show-picture .swiper-button-prev  {

    left:auto;

    background:#fff url(../images/prev.png) no-repeat center center;

}

.index_show .swiper-button-prev { right:195px;}

.index_show .swiper-button-next,.left-show-picture .swiper-button-next  {

    background:#fff url(../images/next.png) no-repeat center center;

}

.index_show .swiper-button-next {right:155px;}

.index-news .item-list {margin-left:-30px;}

.index-news .item-list li {

    float:left;

    width:380px;

    margin-left:30px;

    border-top:1px solid #ececec;

}

.index-news .item-list li:nth-child(2n) {

    padding-top:15px;

    border-top:0;

    border-bottom:1px solid #ececec;

}

.index-news .item-list li:hover {border-color:#b5a769;}

.index-news .item-list .picture {

    width:380px;

    height:200px;

}

.index-news .item-list .text-w {

    height:185px;

    padding:25px 10px;

}

.index-news .item-list li:nth-child(2n) .text-w {

    height:155px;

}

.index-news .item-list .title a {

    display:block;

    font-size:18px;

    color:#000;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.index-news .item-list .des {

    height:52px;

    margin:20px 0 25px;

    font-size:14px;

    color:#999;

    line-height:26px;

    overflow:hidden;

}

.index-news .item-list .date {

    float:right;

    font-size:14px;

    color:#666;

}

.index-news .item-list .date i {

    font-size:20px;

    font-style:normal;

}



/*合作伙伴*/

.index-cooparation .swiper-slide a {

    display:block;

    padding:10px 5px;

}

.index-cooparation .swiper-slide .img-w {

    position:relative;

    display:block;

    width:275px;

    height:120px;

    border:1px solid #f5f5f5;

}

.index-cooparation .swiper-slide a:hover .img-w {

    box-shadow:0 0 10px rgba(0,0,0,.1);

}

.index-cooparation .swiper-slide a img {

    position:absolute;

    opacity:0;

    filter:Alpha(opacity=0);

    transition:all .6s;

    -moz-transition:all .6s;

    -webkit-transition:all .6s;

}

.index-cooparation .swiper-slide a img:first-child,.index-cooparation .swiper-slide a:hover img {

    opacity:1;

    filter:Alpha(opacity=100);

}

.index-cooparation .swiper-slide a:hover img:first-child {

    opacity:0;

    filter:Alpha(opacity=0);

}

.index-cooparation .swiper-pagination {

    right:0;

    top:0;

}

.index-cooparation .swiper-pagination-bullet {

    width:20px;

    height:1px;

    margin:0 4px;

    background:#d6d9db;

    opacity:1;

}

.index-cooparation .swiper-pagination-bullet-active {

    background:#b5a769;

}

/*footer*/

footer {

    position: relative;

    background:#f8f7f7;

    overflow:hidden;

}

.back-top {

    position:absolute;

    right:50%;

    margin-right:-680px;

    width:35px;

    height:40px;

    background:#a5955c url(../images/back-to-top.png) no-repeat center center;

    cursor:pointer;

}

.top-footer {

    padding:50px 0 60px;

}

.top-footer .left-side {

    float:left;

}

.top-footer .left-side .search-box {

    height:48px;

    border:1px solid #e9e9e9;

}

.top-footer .left-side .input-text {

    width:310px;

    height:48px;

    padding:0 10px

}

.top-footer .left-side .input-submit {

    width:48px;

    height:48px;

    background:#b5a769 url(../images/footer-search.png) no-repeat center center;

}

.top-footer .left-side .share-wrap {

    padding-top:25px;

}

.top-footer .left-side .share {

    display:inline-block;

    width:25px;

    height:25px;

    margin-left:10px;

}

.top-footer .left-side .share1 {background:url(../images/foot-share1-1.png) no-repeat center center; }

.top-footer .left-side .share2 {background:url(../images/foot-share1-2.png) no-repeat center center; }

.top-footer .left-side .share3 {background:url(../images/foot-share1-3.png) no-repeat center center; }

.top-footer .left-side .share4 {background:url(../images/foot-share1-4.png) no-repeat center center; }

.top-footer .left-side .share5 {background:url(../images/foot-share1-5.png) no-repeat center center; }

.top-footer .right-side {

    float:right;

}

.top-footer .right-side .each {

    float:left;

    margin-left:70px;

}

.top-footer .right-side .each:first-child {

    margin-left:0;

}

.top-footer .right-side dt {

    margin-bottom:15px;

    font-size:16px;

    color:#000;

}

.top-footer .right-side dd {margin-bottom:15px;}

.top-footer .right-side dd a {

    font-size:14px;

}

.top-footer .right-side dd a:hover {color:#a5955c;}

footer .copyright {

    padding:28px 0;

    font-size:12px;

    color:#ababab;

    text-align:center;

    border-top:1px solid #eee;

}

footer .copyright a {color:#ababab;}



/*内页*/

.inner-title-top {

    height:87px;

    margin-top:-22px;

    border-bottom:1px solid #ebebeb;

}

.inner-title-top .bread-menu {

    float:right;

    margin-top:50px;

    font-size:12px;

    color:#999;

    line-height:17px;

}

.inner-title-top .bread-menu .home {

    display:inline-block;

    padding-left:25px;

    background:url(../images/header-home.png) no-repeat left center;

}

.inner-title-top .bread-menu a.on {color:#a5955c;}

.inner-title-top .big-title strong {

    z-index:2;

    position:relative;

    display:inline-block;

    font-size:24px;

    font-weight:normal;

    color:#000;

    vertical-align:5px;

}

.inner-title-top .big-title i {

    display:inline-block;

    margin-left:-25px;

    font-family:'Verdana';

    font-size:72px;

    color:#fcf9ed;

    line-height:87px;

}

.inner-tab {

    padding:15px 15px 40px;

    font-size:14px;

    color:#000;

}

.inner-tab li {

    float:left;

    margin-right:20px;

}

.inner-tab li a {

    display:inline-block;

    margin-right:20px;

}

.inner-tab li.on a {color:#a5955c;}

.inner-normal-title {

    position:relative;

}

.inner-normal-title .big-title {

    margin-bottom:50px;

    font-size:36px;

    color:#ccc297;

    line-height:1;

}

.inner-normal-title .line {

    position:absolute;

    left:0;

    top:19px;

    display:block;

    width:50%;

    height:1px;

    background:#baad73;

}

.inner-normal-title .circle{

    z-index:2;

    position:absolute;

    left:50%;

    top:15px;

    display:block;

    width:8px;

    height:8px;

    margin-left:-600px;

    background:#fff;

    border:1px solid #baad73;

    border-radius:100%;

}

.inner-normal-title .big-title .layouts {

    z-index:1;

    width:1180px;

    padding-left:20px;

    background:#fff;

}

/*关于我们*/

.inner-main {padding-bottom:90px;}

.about-us {padding-bottom:30px;}

.about-us .left-picture {

    position:relative;

}

.about-us .picture-wrap {

    z-index:1;

    position:relative;

}

.about-us .left-picture img {

    display:block;

}

.about-us .left-picture .square {

    position:absolute;

    top:30px;

    width:525px;

    height:495px;

    border:3px solid #e4e4e4;

}

.about-us .left-picture .line {

    z-index:2;

    position:absolute;

    top:400px;

    left:480px;

    width:400px;

    height:1px;

    background:#baad73;

}

.about-sell-list .item-list ul,.artwork-list1 .item-list ul {

    margin-left:-22px;

}

.about-sell-list .item-list li,.artwork-list1 .item-list li {

    float:left;

    width:385px;

    margin:0 0 22px 22px;

}

.about-sell-list .item-list .picture {

    width:385px;

    height:240px;

}

.about-sell-list .item-list .text-wrap {

    position: relative;

    height:58px;

    padding:0 25px;

    font-size:14px;

    color:#000;

    line-height:58px;

    border:1px solid #eee;

}

.about-sell-list .item-list li:hover .text-wrap {

    color:#fff;

    background:#c2ad64;

    border-color:#c2ad64;

}

.about-sell-list .item-list .text-wrap .title {

    margin-right:70px;

    font-size:14px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.about-sell-list .item-list li .place {

    position:absolute;

    right:40px;

    display:block;

    padding-left:20px;

    color:#999;

    background:url(../images/place1-1.png) no-repeat left center;

}

.about-sell-list .item-list li:hover .place {color:#fff;background:url(../images/place1-1a.png) no-repeat left center;}

.contact-us .each {

    padding:30px 0;

    border-top:1px solid #f1f1f1;

}

.contact-us .each:first-child {

    border-top:0;

}

.contact-us .each .icon {

    float:left;

}

.contact-us .each .right-side {

    margin-left:80px;

}

.news-list li {

    height:310px;

    margin-bottom:35px;

}

.news-list li .picture {

    z-index:1;

    position:relative;

    float:left;

    width:500px;

    height:265px;

    margin-top:45px;

}

.news-list li .line {

    z-index:2;

    position:absolute;

    right:535px;

    bottom:-25px;

    display:block;

    width:200px;

    height:1px;

    background:#baad73;

    transition:all .6s;

}

.news-list li:hover .line {

    width:300px;

}

.news-list li .text-wrap {

    position: relative;

    height:130px;

    padding:65px 45px 65px 440px;

    margin-left:100px;

    font-size:14px;

    color:#999;

    background:#fbfbfb;

}

.news-list li .date {

    font-size:12px;

    color:#666;

}

.news-list li .date strong {

    font-size:20px;

}

.news-list li .title a {

    display:block;

    margin:10px 0 20px;

    font-size:18px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.item-list li:hover .title a,.item-list li .more:hover {color:#baad73;}

.news-list li .descrition {

    position:relative;

    height:56px;

    line-height:28px;

    overflow:hidden;

    text-overflow:ellipsis;

}

.news-list li .more {

    position:absolute;

    right:0;

    bottom:0;

    display:block;

    color:#999;

    line-height:28px;

    background:#fbfbfb;

}

.news-detail .title-wrap {

    margin-bottom:40px;

    font-size:14px;

    color:#666;

    text-align:center;

}

.news-detail .title-wrap h1 {

    margin-bottom:20px;

    font-size:32px;

    color:#000;

}

.news-detail .title-wrap .author span{

    display:inline-block;

    margin:0 10px;

}

.news-detail .title-wrap .author .time {

    padding-left:37px;

    color:#bababa;

    line-height:24px;

    background:url(../images/time2.png) no-repeat left center;

}

.news-detail .title-wrap .author .time strong {

    font-weight:normal;

    font-family:Arial;

}

.news-detail .back-wrap {

    padding:100px 0 40px;

    font-size:14px;

    text-align:right;

}

.news-detail .back-wrap a:hover {color:#a5955c;}

.read-more-list {

    border-top:1px solid #ebebeb;

}

.read-more-list .big-title {

    padding:35px 8px;

    font-size:18px;

    color:#000;

}

.read-more-list .item-list ul {

    margin-left:-20px;

}

.read-more-list .item-list li {

    float:left;

    width:285px;

    margin:0 0 20px 20px;

}

.artwork-more-list3.read-more-list .item-list li {

    width:590px;

}

.video-more-list.read-more-list .item-list li {

    width:385px;

}

.artwork-more-list3.read-more-list .item-list li:hover {

    box-shadow:5px 5px 5px rgba(0,0,0,.05);

}

.read-more-list .item-list .picture {

    width:285px;

    height:150px;

}

.read-more-list.artwork-more-list1 .item-list .picture {

    height:205px;

}

.read-more-list.artwork-more-list2 .item-list .picture {

    height:300px;

}

.video-more-list.read-more-list .item-list .picture {

    width:385px;

    height:215px;

}

.artwork-more-list3.read-more-list .item-list .picture {

    float:left;

    width:250px;

    height:195px;

}

.read-more-list .item-list .text-wrap {

    position:relative;

    padding:0 10px;

}

.read-more-list.artwork-more-list1 .item-list .text-wrap {

    padding:20px 10px;

    border-bottom:1px solid #e5e5e5;

}

.read-more-list.artwork-more-list1 .item-list li:hover .text-wrap {

    border-bottom-color:#a5955c;

}

.read-more-list.artwork-more-list2 .item-list .text-wrap {

    padding:20px 10px;

}

.artwork-more-list3.read-more-list .item-list .text-wrap {

    height:145px;

    padding:25px 35px;

    margin-left:250px;

}

.read-more-list .item-list .title {

    height:50px;

    font-size:14px;

    color:#000;

    line-height:50px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.video-more-list.read-more-list .item-list .title {text-align:center;}

.read-more-list.artwork-more-list1 .item-list .title,.read-more-list.artwork-more-list2 .item-list .title {

    height:auto;

    margin-bottom:10px;

    font-size:16px;

    line-height:1.2;

}

.artwork-more-list3.read-more-list .item-list .title {font-size:16px;}

.read-more-list .item-list li:hover .title {color:#a5955c;}

.read-more-list.artwork-more-list1 .item-list .time {

    display:inline-block;

    padding-left:25px;

    font-size:14px;

    color:#bababa;

    line-height:16px;

    background:url(../images/time3.png) no-repeat left center;

}

.read-more-list.artwork-more-list1 .item-list .time span {font-family:Arial;}

.read-more-list.artwork-more-list2 .item-list .date {

    display:inline-block;

    margin-top:10px;

    font-size:14px;

    color:#999;

}

.artwork-more-list3.read-more-list .item-list .other span {

    display:block;

    margin-bottom:5px;

    font-size:12px;

    color:#999;

}

.artwork-more-list3.read-more-list .item-list .more {

    display:block;

    margin-top:15px;

    font-size:12px;

    color:#999;

}

.read-more-list .item-list .line {

    position:absolute;

    width:20px;

    height:1px;

    background:#c1bbbb;

    transition:all .4s;

    -moz-transition:all .4s;

    -webkit-transition:all .4s;

}

.read-more-list .item-list li:hover .line {

    left:0;

    width:100%;

    background:#a5955c;

}

.video-list li {

    margin-bottom:35px;

}

.video-list li .picture {

    float:left;

    position:relative;

    width:550px;

    height:305px;

}

.video-list li .video {

    position:absolute;

    left:36px;

    bottom:27px;

    display:block;

    width:42px;

    height:42px;

    background:url(../images/video1.png) no-repeat center center;

}

.video-list li .text-wrap {

    position:relative;

    height:225px;

    padding:40px 60px;

    margin-left:575px;

}

.video-list li .line {

    position:absolute;

    left:-160px;

    bottom:57px;

    display:block;

    width:500px;

    height:1px;

    background:#a5955c;

}

.video-list li .title a {

    display:block;

    font-size:16px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.video-list li .descrition{

    height:52px;

    margin:25px 0 45px;

    font-size:14px;

    color:#888;

    line-height:26px;

    overflow:hidden;

}

.video-list li .more {

    font-size:14px;

    color:#888;

}

.video-list li .more:hover,.video-list li:hover .title a {color:#a5955c;}

.artwork-list1 .item-list .picture {

    width:385px;

    height:280px;

}

.artwork-list1 .item-list .text-wrap {

    position:relative;

    height:115px;

    padding:40px 40px 40px 70px;

    background:#f7f7f7;

}

.artwork-list1 .item-list .line {

    position:absolute;

    left:43px;

    top:32px;

    display:block;

    width:1px;

    height:140px;

    background:#a5955c;

}

.artwork-list1 .item-list .icon {

    position:absolute;

    left:32px;

    top:90px;

    display:block;

    width:22px;

    height:22px;

    background:#fff url(../images/time1.png) no-repeat center center;

}

.artwork-list1 .item-list li:hover .icon {

    width:23px;

    height:23px;

    background:#fff url(../images/time1a.png) no-repeat center center;

}

.artwork-list1 .item-list .title a {

    display:block;

    font-size:16px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.artwork-list1 .item-list .time {

    margin:25px 0;

    font-size:14px;

    color:#999;

}

.artwork-list1 .item-list .time span {

    font-family:Arial;

    font-size:18px;

}

.artwork-list1 .item-list .more {

    font-size:12px;

    color:#bababa;

}

.artwork-list2 .item-list ul {margin-left:-24px;}

.artwork-list2 .item-list li {

    float:left;

    width:588px;

    margin:0 0 40px 24px;

}

.artwork-list2 .item-list .picture {

    float:left;

    width:300px;

    height:300px;

}

.artwork-list2 .item-list .text-wrap {

    position:relative;

    width:300px;

    height:280px;

    margin:20px 0 0 288px;

    background:#fff;

}

.artwork-list2 .item-list .line {

    position:absolute;

    left:-40px;

    bottom:155px;

    display:block;

    width:140px;

    height:1px;

    background:#a5955c;

}

.artwork-list2 .item-list .text {

    padding:40px 0 0 35px;

    font-size:14px;

    color:#bababa;

}

.artwork-list2 .item-list .title a {

    display:block;

    margin-bottom:5px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.artwork-list2 .item-list .title .tips {font-size:14px;color:#bababa;}

.artwork-list2 .item-list .time {

    height:60px;

    margin:70px 0 0 5px;

    padding-left:57px;

    line-height:20px;

    background:url(../images/time4.png) no-repeat left center;

}

.artwork-list2 .item-list .time .date {color:#666; line-height:60px;}

.artwork-list2 .item-list .time span {

    display:block;

    font-style:italic;

}

.artwork-list2 .item-list .more {

    position:absolute;

    right:35px;

    bottom:7px;

    color:#bababa;

}

.artwork-show-wrap {

    padding-bottom:60px;

}

.left-show-picture {

    float:left;

    position:relative;

    width:498px;

    height:498px;

    border:1px solid #ededed;

}

.left-show-picture .swiper-button-next,

.left-show-picture .swiper-button-prev {top:auto;bottom:0;width:40px;height:50px;}

.left-show-picture .swiper-button-next {right:-40px;}

.left-show-picture .swiper-button-prev {right:0;}

.left-show-picture .square {

    z-index:2;

    position:absolute;

    right:-40px;

    bottom:-1px;

    display:block;

    width:80px;

    height:50px;

    background:#fff;

}

.left-show-picture .line {

    z-index:3;

    position:absolute;

    right:0;

    bottom:18px;

    display:block;

    width:1px;

    height:13px;

    background:#dedede;

}

.right-parameter {

    position:relative;

    height:500px;

    margin-left:575px;

}

.right-parameter .text-wrap {

    padding-top:65px;

    font-size:14px;

    color:#bababa;

}

.right-parameter h1 {

    margin:5px 0 30px;

    font-size:32px;

    color:#000;

}

.right-parameter .des {

    margin:45px 0;

    font-size:14px;

    color:#666;

    line-height:2.5;

}

.right-parameter .more {

    display:inline-block;

    padding-left:40px;

    line-height:40px;

    background:url(../images/down1-1.png) no-repeat left center;

}

.artwork-contact .title {

    padding-bottom:30px;

    font-size:18px;

    color:#000;

    border-bottom:1px solid #e5e5e5;

}

.artwork-contact .des {

    padding:15px 0 45px;

    font-size:14px;

    color:#666;

    line-height:2.5;

}

.artwork-list3 .item-list li {

    margin-bottom:48px;

}

.artwork-list3 .item-list .picture {

    float:left;

    position:relative;

    overflow:inherit;

}

.artwork-list3 .item-list .picture a {

    z-index:1;

    position:relative;

    display:block;

    width:480px;

    height:370px;

    overflow:hidden;

    box-shadow:5px 5px 5px rgba(0,0,0,.05);

}

.artwork-list3 .item-list .square {

    position:absolute;

    left:28px;

    top:24px;

    display:block;

    width:475px;

    height:365px;

    border:3px solid #f5f5f5;

}

.artwork-list3 .item-list .text-wrap {

    position:relative;

    height:240px;

    padding:65px 60px 65px 0;

    margin-left:550px;

}

.artwork-list3 .item-list .line {

    z-index:2;

    position:absolute;

    right:10px;

    top:160px;

    display:block;

    width:645px;

    height:1px;

    background:#f0f0f0;

    transition:all .4s;

}

.artwork-list3 .item-list li:hover .line {

    width:750px;

    background:#a5955c;

}

.artwork-list3 .item-list .title a {

    display:block;

    font-size:18px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.artwork-list3 .item-list .des {

    position:relative;

    height:40px;

    margin:15px 0;

    text-indent:1em;

    font-size:14px;

    color:#999;

    line-height:20px;

    overflow:hidden;

}

.artwork-list3 .item-list .des .mark {

    position:absolute;

    display:block;

    font-size:20px;

    background:#fff;

}

.artwork-list3 .item-list .des .mark1 {left:-20px;}

.artwork-list3 .item-list .des .mark2 {right:0;bottom:0;}

.artwork-list3 .item-list .other {

    padding:20px 10px;

}

.artwork-list3 .item-list .other span {

    display:block;

    margin-bottom:15px;

    padding-left:35px;

    font-size:14px;

    color:#666;

    line-height:24px;

}

.artwork-list3 .item-list .other .date {background:url(../images/artwork-icon1-1.png) no-repeat left center;}

.artwork-list3 .item-list .other .host {background:url(../images/artwork-icon1-2.png) no-repeat left center;}

.artwork-list3 .item-list .other .place {background:url(../images/artwork-icon1-3.png) no-repeat left center;}

.artwork-detail3 .right-side-list {

    float:right;

    width:195px;

}

.artwork-detail3 .right-side-list .big-title {

    margin-bottom:20px;

    font-size:18px;

    color:#000;

}

.artwork-detail3 .right-side-list li {

    margin-bottom:30px;

}

.artwork-detail3 .right-side-list .picture {

    width:195px;

    height:195px;

}

.artwork-detail3 .right-side-list .title a {

    display:block;

    height:40px;

    font-size:14px;

    line-height:20px;

}

.artwork-detail3 .right-side-list .text-wrap {

    padding:15px 5px;

}

.artwork-detail3 .right-side-list .line {

    display:block;

    width:20px;

    height:1px;

    margin:20px 0 15px;

    background:#dbdbdb;

}

.artwork-detail3 .right-side-list .other {

    margin-bottom:40px;

    font-size:12px;

    color:#000;

}

.artwork-detail3 .right-side-list .other span {display:block;}

.artwork-detail3 .right-side-list .more {

    font-size:12px;

    color:#666;

}

.artwork-detail3 .artwork-detail-content3 {

    min-height:800px;

    margin-right:310px;

}

.artwork-detail3 .artwork-detail-content3 h1 {

    margin-bottom:30px;

    font-size:32px;

}

.artwork-detail3 .artwork-detail-content3 .message-wrap {

    padding:25px 30px;

    margin-bottom:25px;

    background:#f5f5f5;

}

.artwork-detail3 .artwork-detail-content3 .message-wrap .each {

    display:block;

    padding-left:30px;

    font-size:14px;

    color:#333;

    line-height:35px;

}

.artwork-detail3 .artwork-detail-content3 .message-wrap .each1 {background:url(../images/artwork-icon1-1.png) no-repeat left center;}

.artwork-detail3 .artwork-detail-content3 .message-wrap .each2 {background:url(../images/artwork-icon1-2.png) no-repeat left center;}

.artwork-detail3 .artwork-detail-content3 .message-wrap .each3 {background:url(../images/artwork-icon1-3.png) no-repeat left center;}

.question-list li {

    border-bottom:1px dashed #dedede;

}

.question-list li .dt-title {

    position:relative;

    padding:15px 40px 15px 20px;

    cursor:pointer;

}

.question-list li .dt-title h3 {

    padding-right:15px;

    font-size:16px;

    color:#333;

}

.question-list li .dt-title .right-cont {

    position:absolute;

    right:0;

    color:#333;

}

.question-list li .dt-title .right-cont span,.question-list li.on .dt-title .right-cont span:first-child {

    display:none;

}

.question-list li .dt-title .right-cont span:first-child,.question-list li.on .dt-title .right-cont span {display:block;}

.question-list li .dd-cont {

    display:none;

    padding:5px 25px 25px 20px;

    font-size:14px;

    color:#999;

    line-height:2.5;

}

.parner-list ul {margin-left:-10px;}

.parner-list li {

    float:left;

    padding:10px;

    margin:0 0 5px 5px;

}

.parner-list li a {

    display:block;

    width:275px;

    height:120px;

    border:1px solid #f5f5f5;

}

.parner-list li a:hover {

    box-shadow:0 0 10px rgba(0,0,0,.05);

}

.parner-list li a img,.parner-list li a:hover img:first-child {

    display:none;

}

.parner-list li a img:first-child,.parner-list li a:hover img {display:block;}

.search-page-title {

    padding:7px 0 43px;

    text-align:center;

    box-shadow:0 10px 10px rgba(0,0,0,.1);

    -moz-box-shadow:0 10px 10px rgba(0,0,0,.1);

    -webkit-box-shadow:15px 3px 15px rgba(0,0,0,.05);

}

.search-page-title .input-w {

    display:inline-block;

    width:578px;

    height:48px;

    border:1px solid #d2d2d2;

    border-radius:10px;

}

.search-page-title .input-text {

    width:510px;

    height:48px;

}

.search-page-title .input-submit {

    width:48px;

    height:48px;

    font-size:0;

    background:url(../images/search1.png) no-repeat center center;

    vertical-align:5px;

}

.search-page-title .close {

    display:inline-block;

    width:50px;

    height:50px;

    background:url(../images/close.png) no-repeat center center;

    vertical-align:-20px;

}

.search-list .result {

    display:block;

    padding:50px 0 5px;

    font-size:14px;

    color:#666;

}

.search-list li {

    padding:25px 0 20px;

    font-size:14px;

    color:#bbb;

    border-bottom:1px solid #eee;

}

.search-list li .title a {

    display:block;

    font-size:16px;

    color:#333;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.search-list li .descrition {

    margin:15px 0;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

}

.search-list li .from a{

    display:inline-block;

    margin-right:25px;

    color:#bbb;

}

/*页码*/

.page {

    padding-top:60px;

    text-align:center;

}

.page a {

    display:inline-block;

    height:30px;

    padding:0 10px;

    font-size:14px;

    color:#999;

    line-height:30px;

}

.page .number {

    margin:0 8px;

    font-style:italic;

    border-bottom:1px solid #dadada;

}

.page .number.on,.page .number:hover {

    color:#baad73;

    border-bottom-color:#baad73;

}

.page .prev:hover,.page .next:hover {color:#baad73;}

/*效果*/

.index-service .item,

.index-title,

.index-special,

.index-hotest-content .swiper-slide,

.index_show .big-picture,

.index_show .text-w,

.index_show .small-picture,

.index-news .item,

.index-cooparation .swiper-slide,

.about-us .left-picture,.about-us .right-content{

    opacity:0;

    filter:Alpha(opacity=0);

}

.active .index-service .item,

.active .index-special,

.active .index-title,

.active .index-hotest-content .swiper-slide,

.active.index_show .big-picture,

.active.index_show .text-w,

.active.index_show .small-picture,

.active.index-news .item,

.active.index-cooparation .swiper-slide,

.active.about-us .left-picture,.active.about-us .right-content{

    opacity:1;

    filter:Alpha(opacity=100);

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

}

.active .index-service .item,

.active .index-title,

.active .index-hotest-content .swiper-slide,

.active.index_show .text-w,

.active.index-news .item,

.active.index-cooparation .swiper-slide{

    -webkit-animation-name: fadeInUp;

    -moz-animation-name: fadeInUp;

    -o-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

.active.index_show .big-picture,.active.about-us .left-picture {

    -webkit-animation-name: fadeInLeft;

    -moz-animation-name: fadeInLeft;

    -o-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}

.active .index-special,

.active.index_show .small-picture,

.active.about-us .right-content{

    -webkit-animation-name: fadeInRight;

    -moz-animation-name: fadeInRight;

    -o-animation-name: fadeInRight;

    animation-name: fadeInRight;

}



.active .index-service .item:nth-child(2),.active .index-hotest-content .swiper-slide:nth-child(2),.active.index-news .item:nth-child(2) {

    animation-delay:.4s;

    -webkit-animation-delay:.4s;

}

.active .index-service .item:last-child,.active .index-hotest-content .swiper-slide:nth-child(3),.active.index-news .item:nth-child(3) {

    animation-delay:.8s;

    -webkit-animation-delay:.8s;

}

@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

    }

}

@-moz-keyframes fadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0);

    }

}

@-o-keyframes fadeInUp {

    0% {

        opacity: 0;

        -o-transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -o-transform: translateY(0);

    }

}

@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translateY(20px);

    }

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    -moz-animation-name: fadeInUp;

    -o-animation-name: fadeInUp;

    animation-name: fadeInUp;

}

@-webkit-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-moz-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@-o-keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

@keyframes fadeIn {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.fadeIn {

    -webkit-animation-name: fadeIn;

    -moz-animation-name: fadeIn;

    -o-animation-name: fadeIn;

    animation-name: fadeIn;

}

@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -moz-transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0);

    }

}

@-o-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -o-transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -o-transform: translateX(0);

    }

}

@keyframes fadeInLeft {

    0% {

        opacity: 0;

        transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        transform: translateX(0);

    }

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

    }

}

@-moz-keyframes fadeInRight {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px);

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0);

    }

}

@-o-keyframes fadeInRight {

    0% {

        opacity: 0;

        -o-transform: translateX(100px);

    }

    100% {

        opacity: 1;

        -o-transform: translateX(0);

    }

}

@keyframes fadeInRight {

    0% {

        opacity: 0;

        transform: translateX(100px);

    }

    100% {

        opacity: 1;

        transform: translateX(0);

    }

}