.index-banner{
    height: 500px;
    width: 100%;
    position: relative;
}
.index-banner > ul{
    height: 500px;
    width: 100%;
}
.index-banner > ul > li{
    height: 500px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    display: none;
}
.index-banner > ul > li > a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner-dot{
    position: absolute;
    height: 12px;
    z-index: 10;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.banner-dot > span{
    display: inline-block;
    width: 12px;
    height:12px;
    background: #FFF;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 60px;
    opacity: .5;
}
.banner-dot > span:hover{
    opacity: .75;
}
.banner-dot > span.actived{
    opacity: 1;
}
.arrow-btn{
    position: absolute;
    width: 37px;
    height: 55px;
    background: url("../../images/arrow-btn.png") no-repeat;
    top:40%;
    cursor: pointer;
    z-index: 10;
    display: none;
}
.index-banner:hover .arrow-btn{
    display: block;
}
.index-banner .right{
    right:40px;
}
.index-banner .left{
    left:40px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
/* 交易数据 */
.transaction-left{
    float: left;
    padding-right: 50px;
    border-right: 1px solid #D5D5D5;;
}
.transaction-left>div{
    display: inline-block;
    margin-left: 50px;
    font-size: 0;
    text-align: center;
}
.transaction-icon{
    width: 135px;
    height: 135px;
    margin-bottom: 16px;
    line-height: 135px;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-size: 100%;
    font-size: 35px;
    color: #FFFFFF;
}
.transaction-title{
    font-size: 20px;
    color: #444444;
}
.transaction-right{
    float: right;
    width: 550px;
}
.transaction-dynamics{
    margin-bottom: 10px;
    font-size: 22px;
    color: #DFB26C;
}
.transaction-right ul{
    height: 135px;
    overflow: hidden;
    border-radius: 5px;
}
.transaction-right li{
    margin-bottom: 5px;
    font-size: 16px;
    color: #A7A7A7;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.selected-artwork{
    margin-top: 100px;
}
.selected-artwork-title{
    height: 45px;
    line-height: 45px;
}
.selected-artwork-title .artwork-title{
    float: left;
}
.selected-artwork-title .artwork-title .title{
    font-size: 32px;
    font-weight: bold;
}
.selected-artwork-title .artwork-title .english-title{
    font-size: 25px;
    color:#dfb26c;
    margin-left:10px;
}
.selected-artwork-title .selected-artwork-btn{
    float: right;
}
.selected-artwork-title .selected-artwork-btn > span{
    display: block;
    float:left;
    width: 45px;
    height: 45px;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    background: #E4E4E4;
    line-height: 45px;
    margin-right: 1px;
}
.selected-artwork-title .selected-artwork-btn > span.avaiblie, .selected-artwork-title .selected-artwork-btn > span:hover{
    background: #dfb26c;
    color:#FFF;
}
.artwork-title-line{
    height: 6px;
    background: linear-gradient(to right, #dfb26c , #57c5f1); 
    margin:15px 0;
}
.selected-artwork-content{
    width: 1200px;
    height: 430px;
    overflow: hidden;
    margin: 42px 0;
    position: relative;
}

.selected-artwork-content > ul{
    width: 10000px;
    position: absolute;
    left:0;
    top:0;
}

.selected-artwork-content > ul > li{
    width: 280px;
    height: 428px;
    float:left;
    margin:0 18px 0 5px;
}
.selected-artwork-content > ul > li .artwork-img{
    width: 280px;
    width: 280px;
    padding: 12px;
    border: 10px solid #000;
    box-shadow: 0 0 10px #CCC;
}
.selected-artwork-content > ul > li .artwork-img .artwork-img-content{
    overflow: hidden;
    width: 236px;
    height: 236px;
}
.selected-artwork-content > ul > li .artwork-img .artwork-img-content > a{
    height: 100%;
    display: flex;
    align-items: center;
}
.selected-artwork-content > ul > li .artwork-img img{
    width: 100%;
}
.selected-artwork-content > ul > li .artist-header{
    float:left;
    width: 66px;
    height: 66px;
    border-radius:60px;
    overflow: hidden; 
    margin:10px 20px;
}
.selected-artwork-content > ul > li .artist-header img{
    width: 100%;
}
.selected-artwork-content > ul > li .selected-artist{ 
    margin-top:25px;
}
.selected-artwork-content > ul > li .artist-detail{
    width: 145px;
    float: left;
}
.selected-artwork-content > ul > li .artist-detail > div{
    margin-bottom: 5px;
}
.selected-artwork-content > ul > li .artist-detail .price{
    color: #eeb55b;
    font-size: 16px;
    margin-bottom: 0;
}
.selected-artwork-content > ul > li .artist-detail .price > span{
    padding:0 5px 8px 0;
    border-bottom: 2px solid #fbeedd;
}
.tf-index-search{
    height: 240px;
    background: url("../../images/index-search-bg.jpg") no-repeat center #3a3a3a;
}
.tf-index-search .index-search-content{
    width: 1200px;
    margin:0 auto;
    color:#FFF;
    font-size: 28px;
    font-weight: bold;
    padding: 60px 0;
}
.tf-index-search .index-search-content .search-content{
    margin-top:27px;
    color:#333;
    font-size: 14px;
    font-weight:normal;
}
.tf-index-search .index-search-content .search-content .search-content-select{
    float:left;
    padding: 7px 0;
    width: 1000px;
    border:3px solid #403d39;
}
.tf-index-search .index-search-content .search-content .search-content-select .search-select{
    min-width: 220px;
    height: 45px;
    background: #FFF;
    float:left;
    line-height: 45px;
    margin-right: 20px;
    padding-left:20px;
    cursor: pointer;
    position: relative;
}
.tf-index-search .index-search-content .search-content .search-content-select .search-select > ul{
    position: absolute;
    width: 100%;
    left:0;
    top:45px;
    background: #FFF;
    display: none;
    z-index: 9;
    /* border: 1px solid #E4E4E4; */
    box-shadow: 0 0 1px #CCC;
}
.tf-index-search .index-search-content .search-content .search-content-select .search-select > ul > li{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 1px solid #E4E4E4;
}

.tf-index-search .index-search-content .search-content .search-content-select .section > ul > li > input{
    width: 45px;
    border: 1px solid #CCC;
    height: 25px;
    border-radius: 2px;
    padding-left: 2px;
}
.tf-index-search .index-search-content .search-content .search-content-select .section > ul > li > .confirm-price{
    margin-left:8px;
    height: 25px;
    line-height: 10px;
}
.tf-index-search .index-search-content .search-content .select-item{
    float: left;
    height: 45px;
    padding-right: 20px;
}
.tf-index-search .index-search-content .search-content .select-item > label{
    cursor: pointer;
}
.tf-index-search .index-search-content .search-content .search-arrow{
    float: right;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    margin-right: 10px;
}
.tf-index-search .index-search-content .search-content .search-content-select .section > ul > li{
    padding-left: 10px;
}
.tf-index-search .index-search-content .search-content > button{
    float: left;
    color: #FFF;
    cursor: pointer;
    background: #dfb26c;
    border: none;
    font-size: 20px;
    width: 200px;
    height: 64px;
}
.latest-artwork .selected-artwork-content > ul > li .artwork-img{
    box-shadow: none;
}
.latest-artwork .selected-artwork-content > ul > li{
    box-shadow: 0 0 10px #CCC;
}
.cooperative-partner .cooperative-item{
    width: 172px;
    height: 235px;
    float:left;
    margin-right:85px;
    position: relative;
    cursor: pointer;
}
.cooperative-partner .cooperative-item:last-child{
    margin-right:0;
}
.cooperative-partner .cooperative-item .cooperative-icon{
    width: 150px;
    height: 150px;
    border-radius: 90px;
    background: linear-gradient(-45deg, #d7b77d, #2aa8d7); 
    border: 19px solid #FFF;
    margin-left:12px;
    position: absolute;
    top:0;
    z-index: 9;
}
.cooperative-partner .cooperative-item .cooperative-icon .icon-01{
    width: 113px;
    height: 113px;
    background: url("../../images/cooper-icon.png") no-repeat center 10px;
}
.cooperative-partner .cooperative-item .cooperative-icon .icon-02{
    width: 113px;
    height: 113px;
    background: url("../../images/cooper-icon.png") no-repeat center -95px;
}
.cooperative-partner .cooperative-item .cooperative-icon .icon-03{
    width: 113px;
    height: 113px;
    background: url("../../images/cooper-icon.png") no-repeat center -215px;
}
.cooperative-partner .cooperative-item .cooperative-icon .icon-04{
    width: 113px;
    height: 113px;
    background: url("../../images/cooper-icon.png") no-repeat center -328px;
}
.cooperative-partner .cooperative-item .cooperative-icon .icon-05{
    width: 113px;
    height: 113px;
    background: url("../../images/cooper-icon.png") no-repeat center -455px;
}
.cooperative-partner .cooperative-item .cooperative-tips{
    text-align: center;
    background: #e6f2f4;
    padding: 45px 0 20px 0;
    font-size: 18px;
    position: absolute;
    top:120px;
    width: 100%;
}
.cooperative-partner .cooperative-item .cooperative-tips .tips-title{
    font-weight: bold;
}
.theme-planning{
    background: url("../../images/theme-planning.jpg") no-repeat;
    margin-top:70px;
}
.theme-planning .theme-planning-content{
    width: 1200px;
    margin:0 auto;
    padding: 60px 0;
}
.theme-planning .theme-planning-content .theme-planning-title{
    text-align: center;
    color:#FFF;
    font-size: 36px;
}
.theme-planning .theme-planning-content .theme-planning-title .english-title{
    font-size: 28px;
}
.theme-artworks{
    margin-top:60px;
}
.theme-artworks .theme-artworks-item{
    width: 370px;
    height: 280px;
    float:left;
    margin-right: 45px;
    cursor: pointer;
    position: relative;
}
.theme-artworks .theme-artworks-item:last-child{
    margin: 0;
}
.theme-artworks .theme-01{
    background: url("../../images/theme-pic-01.jpg") no-repeat;
}
.theme-artworks .theme-02{
    background: url("../../images/theme-pic-02.jpg") no-repeat;
}
.theme-artworks .theme-03{
    background: url("../../images/theme-pic-03.jpg") no-repeat;
}
.theme-artworks .theme-artworks-item .theme-btn{
    width: 158px;
    height: 158px;
    background: #dfb26c;
    border-radius:90px; 
    position: absolute;
    left:30%;
    top:25%;
    opacity: .9;
    text-align: center;
    line-height: 158px;
    color:#FFF;
    font-size: 24px;
    font-weight: bold;
}
.brand-activity{
    margin-top:60px;
}
.brand-activity .activity-title ,.famous-artist .activity-title ,.as-featured-in .activity-title ,.media-reports .activity-title, .cooperation-unit .activity-title{
    text-align: center;
    font-size: 32px;
}
.brand-activity .activity-title .english-title ,.famous-artist .activity-title .english-title ,.as-featured-in .activity-title .english-title,.media-reports .activity-title .english-title, .cooperation-unit .activity-title .english-title{
    font-size: 28px;
    color:#dfb26c;
}
.brand-activity-content{
    margin-top:60px;
}
.brand-activity-content .brand-info{
    float:left;
    width: 567px;
    height: 315px;
    position: relative;
    overflow: hidden;
}
.brand-activity-content .brand-info > ul{
    position: absolute;
    width: 5000px;
}
.brand-activity-content .swiper-container{
    float:left;
    width: 567px;
    height: 315px;
}
.brand-activity-content .brand-activity-pic{
    width: 567px;
    height: 315px;
    background: url("../../images/brand-activity.jpg") no-repeat;
    padding: 72px 96px;
    text-align: center;
}
.brand-activity-content .swiper-pagination{
    padding-left: 0px;
}
.brand-activity-content .swiper-pagination .swiper-pagination-bullet{
    background:#FFF;
}
.theme-artworks .theme-artworks-item .type-01{
    background: #59caf8;
    opacity: .8;
}
.brand-activity-content .brand-activity-pic .activity-title{
    color:#FFF;
    font-size: 30px;
    font-weight: bold;
    background: #333;
    opacity: .9;
}
.brand-activity-content .brand-activity-pic  button{
    border: none;
    background: #dfb26c;
    width: 230px;
    height: 60px;
    font-size: 22px;
    color:#FFF;
    margin-top:60px;
}
.brand-activity-content .brand-activity-detail{
    float:left;
    width: 600px;
    height: 306px;
    float:left;
    margin-left:30px;
}
.brand-activity-content .brand-activity-detail .activity-tab{
    height: 40px;
    line-height: 40px;
}
.brand-activity-content .brand-activity-detail .activity-tab span{
    display: block;
    float: left;
    text-align: center;
    width: 25%;
    cursor: pointer;
    border-bottom: 1px solid #dfb26c;
    font-size: 17px;
}
.brand-activity-content .brand-activity-detail .activity-tab span.active{
    border: 1px solid #dfb26c;
    border-bottom: none;
    font-weight: bold;
}
.activity-content {
    display: none;
}
.activity-content .activity-content-detail{
    height: 105px;
    margin-top:25px;
}
.activity-content .activity-content-detail .activity-img{
    width: 105px;
    height: 105px;
    float:left;
    overflow: hidden;
}
.activity-content .activity-content-detail .activity-img img{
    width: 100%;
}
.activity-content .activity-content-detail .activity-content-words{
    float:left;
    width: 460px;
    height: 123px;
    margin-left:25px;
    font-size: 15px;
    line-height: 165%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.famous-artist{
    margin-top: 60px;
}
.famous-artist .famous-artist-content{
    margin:60px 0 40px 0;
}
.famous-artist .famous-artist-content .famous-artist-item{
    float: left;
    width: 340px;
    height: 360px;
    margin-right: 90px;
    padding: 0 20px;
    background: url("../../images/famous-artist-bg.jpg") no-repeat left 247px;
}
.famous-artist .famous-artist-content .famous-artist-item:last-child{
    margin:0;
}

.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img{
    width: 300px;
    height: 360px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img img{
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img .famous-artist-inform{
    position: absolute;
    width: 300px;
    height: 360px;
    left:0;
    z-index: 10;
    padding: 30px 25px 0 25px;
    color:#FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 220%;
    top:240px;
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img:hover .famous-artist-inform{
    top:0;
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img .famous-artist-inform .artist-name{
    font-size: 28px;
    padding-top: 25px;
    background: url("../../images/artist_title_bg.png") no-repeat;
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img .mask{
    display: none;
}
.famous-artist .famous-artist-content .famous-artist-item .famous-artist-img:hover .mask{
    display: block;
}
.famous-artist .famous-artist-btn{
    text-align: center;
}
.famous-artist .famous-artist-btn button{
    width: 210px;
    height: 60px;
    background: none;
    font-size: 22px;
    color:#1f1f1f;
    border: 5px solid #1f1f1f;
}
.free-subscription{
    height: 400px;
    background: url("../../images/free-subscription-bg.jpg") no-repeat;
    margin-top:60px;
}
.free-subscription .free-subscription-content{
    width: 1200px;
    margin:0 auto;
    padding: 160px 0;
}
.free-subscription .free-subscription-content .subscription-left{
    float:left;
    color:#FFF;
    font-size: 18px;
}

.free-subscription .free-subscription-content .subscription-left .subscription-title{
    font-size: 32px;
}

.free-subscription .free-subscription-content .subscription-right{
    float:right;
    width: 402px;
    height: 64px;
}
.free-subscription .free-subscription-content .subscription-right input{
    width: 250px;
    height: 44px;
    padding-left: 20px;
    font-size: 14px;
}
.free-subscription .free-subscription-content .subscription-right button{
    width: 120px;
    height: 64px;
    border: none;
    background: #d7b77d;
    color:#FFF;
    font-size: 22px;
    margin-left: 25px;
}
.as-featured-in{
    margin:60px 0;
}
.featured-content {
    height: 50px;
    margin-top:20px;
}
.featured-content a{
    float:left;
    margin-right: 95px;
}
.featured-content a:last-child{
    margin-right: 0;
}

/*登录*/
.tf-login{
    height: 1080px;
    background: url("../../images/login-bg.jpg") no-repeat;
    padding: 170px 0;
}
.tf-login .tf-login-content{
    width: 1200px;
    margin:0 auto;
    background: #FFF;
    padding: 96px 80px;
}
.tf-login .tf-login-content .login-content-left{
    float:left;
    width: 556px;
    height: 528px;
    border:6px solid #000;
    padding: 22px 26px;
}
.tf-login .tf-login-content .login-content-left .login-left-bg{
    width: 493px;
    height: 472px;
    background: url("../../images/login-img-bg.jpg") no-repeat;
}
.tf-login .tf-login-content .login-content-right{
    width: 422px;
    float:left;
    margin-left:62px;
}
.tf-login .tf-login-content .login-content-right .login-title{
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    padding-left: 20px;
    border-left:5px solid #dfb26c; 
    margin:10px 0;
}
.tf-login .tf-login-content .login-content-right .login-title > a{
    float: right;
    font-size: 14px;
    color: #666;
}
.tf-login .tf-login-content .login-content-right form{
    margin:40px 0;
}
.tf-login .tf-login-content .login-content-right form input{
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    width: 100%;
    border-bottom: 1px solid #999;
    padding-left:10px; 
}
.tf-login .tf-login-content .login-content-right .login-submit{
    border: none;
    color: #FFF;
    background: #dfb26c;
    font-size: 24px;
    height: 65px;
    line-height: 65px;
    margin-top:10px;
}
.tf-login .tf-login-content .login-content-right .login-item{
    padding-bottom: 40px;
    border-bottom:1px solid #999; 
    margin-top:10px;
}
.tf-login .tf-login-content .login-content-right .login-item > span{
    display: block;
    float: right;
}
.tf-login .tf-login-content .login-content-right .login-item > span > a:hover{
    text-decoration: none;
}
.tf-login .tf-login-content .login-content-right .login-item > span.immediate-register > a{
    color:#dfb26c;
}
.tf-login .tf-login-content .login-content-right .login-item > span.forget-pwd{
    /* float: right; */
    margin-left: 10px;
}
.tf-login .tf-login-content .login-content-right .login-item > .privacy{
    float: left;
    margin-right: 5px;
}
.tf-login .tf-login-content .login-content-right .login-item > .privacy .privacy-checkbox{
    width: 14px;
    height: 14px;
}
.tf-login .tf-login-content .login-content-right .login-item > .privacy .privacy-txt{
    color: #333;
    vertical-align: text-bottom;
}
.tf-login .tf-login-content .login-content-right .login-item > span.forget-pwd > a{
    color:#666;
}
.tf-login .tf-login-content .login-content-right .partner-login-title{
    background: #FFF;  
    margin:0 110px;
    margin-top:-20px; 
    text-align: center;
    font-size: 15px;
    color:#999;
}
.tf-login .tf-login-content .login-content-right .partner-login{
    margin:25px 0;
    padding: 0 90px;
}
.tf-login .tf-login-content .login-content-right .partner-login a.login_ico{
    display: block;
    float: left;
    width: 58px;
    height: 58px;
    margin:0 10px;
}


.tf-login .tf-login-content .login-content-right .partner-login a.ico_weibo{
    background: url("../../images/partner-login-icon.png") no-repeat left top;
}
.tf-login .tf-login-content .login-content-right .partner-login a.ico_qq{
    background: url("../../images/partner-login-icon.png") no-repeat left -87px;
}
.tf-login .tf-login-content .login-content-right .partner-login a.ico_weixin{
    background: url("../../images/partner-login-icon.png") no-repeat left -172px;
}
.register-content  .agree-agreement{
    font-size: 14px;
    color:#999;
    margin-top:10px;
}
.register-content  .agree-agreement .agree-checked{
    margin-right: 10px;
    color:#CCC;
    font-size: 16px;
}
.register-content  .agree-agreement > a{
    color:#999;
    text-decoration: none;
}
.register-content  .immediate-login{
    text-align: center;
    margin-top:10px;
}
.register-content  .immediate-login > a{
    color:#dfb26c;
}
.login-content-right  ul > li{
    position: relative;
    margin-bottom: 10px;
}
#sendsms{
    position: absolute;
    right: 0;
    color:#dfb26c;
    z-index: 10;
    top:0;
    border: none;
    background: none;
    font-size: 14px;
    width: 120px;
    height: 40px;
}
/* .validate_right{
    color:#099;
    margin-left:3px;
}
.login-content-right .form label{
    font-size: 12px;
    height: 18px;
    display: inline-block;
}
.validate_right{
    padding-left:12px;
    background: url("../../images/right.gif") no-repeat 0 2px;
    font-style:italic;
    float: none;
} */
.login-content-right .captcha > img{
    background: #d9d5ca;
    width: 90px;
    height: 35px;
    position: absolute;
    right: 0;
    top:10px;
    cursor: pointer;
}
.login-content-right .captcha > a{
    position: absolute;
    z-index: 9;
    right: 0;
    top:10px;
    display: block;
    width: 90px;
    height: 35px;
}
.error{
    color:#FF0000;
    font-size: 12px;
}

/*公告栏*/
.tf-notice-board{
    height: 42px;
    line-height: 42px;
    background: #F7F6F6;
}

.tf-notice-board li > a{
    float:left;
    cursor: pointer;
    height: 42px;
    line-height: 42px;
}
.tf-notice-board li > a:hover{
    text-decoration: none;
}
.tf-notice-board li:hover{
    color:#dfb26c;
}
.tf-notice-board .notice-board{
    padding:0 6px 0 40px;
    height: 42px;
    line-height: 42px;
    background: url("../../images/icon_news.png") no-repeat 6px center;
    background-size: 25px auto;
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    position: relative;
}
.tf-notice-board .notice-board > ul{
    position: absolute;
    top:0;
}
.tf-notice-board .notice-board > ul > li{
    height: 42px;
    line-height: 42px;
}
.tf-notice-board li > a > label{
    font-weight: bold;
}
.tf-notice-board a{
    float:right;
    color: #000;
}
.tf-notice-board a:hover{
    color:#dfb26c;
}

/*媒体报道*/
.media-reports{
    margin-top:50px;
}
.media-cover{
    position: relative;
    height: 75px;
    width: 1200px;
    overflow: hidden;
}
.media-cover  ul{
    position: absolute;
    width: 2200px;
}
.media-item-03 ul{
    width: 2500px;
}
.media-cover  ul > li{
    float: left;
}
.media-reports .media-content{
    padding: 40px 0;
    text-align: center;
}
.media-reports .media-content  a{
    margin:15px 24px;
    display: inline-block;
}
.media-reports .media-content  a > img{
    height: 45px;
}
.media-reports .media-content  a:hover{
    text-decoration: none;
}

/*合作机构*/
.cooperation-unit{
    margin-top:30px;
}
.cooperation-content{
    padding: 30px 0;
    text-align: center;
}
.cooperation-content  a{
    margin:0 25px;
    display: inline-block;
}
.cooperation-content  a:hover, .cooperation-content  a:focus{
    text-decoration: none;
}
.cooperation-content  a > div{
    color:#333;
    margin-top: 10px;
}
.cooperation-content  a > img{
    height: 80px;
}
.cooperation-content > div.text-center{
    margin-top: 40px;
}
/*溯源*/
.trace-source{
    padding: 152px 0;
    background: url("../../images/bg-pattern.png");
    margin-top:60px;
}
.trace-source-content{
    width: 1200px;
    margin:0 auto;
}
.trace-source .logo-suyuan{
    float:left;
    background: url("../../images/logo-suyuan.png");
    width: 82px;
    height: 82px;
}
.trace-source .source-info{
    width: 340px;
    float:left;
    margin-left: 29px;
}
.trace-source .source-info .source-info-title{
    width: 279px;
    height: 31px;
    background: url("../../images/title-suyuan.png");
}
.source-info-content{
    margin-top:12px;
    font-size: 17px;
    color: #535353;
}
.source-search{
    float: right;
    width: 550px;
    height: 45px;
}
.source-search > input{
    width: 391px;
    height: 44px;
    background: #FFF;
    border: 1px solid #D2D2D2;
    padding-left: 10px;
}
.source-search > button{
    width: 124px;
    height: 44px;
    background: #DFB26C;
    border: none;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #CCC;
    font-size: 15px;
  }

.trace-source-content > a{
    display: block;
    float: left;
}



@media screen and (min-width: 1990px){
    .index-banner > ul > li{
        background-size: 100% auto;
    }
}