@charset "utf-8";
@font-face{font-family: lr;src: url('../fonts/lr.ttf'),url('../fonts/lr.eot');}
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
li{list-style: none;}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:14px;color:#333;line-height: }
.layout{ width:1203px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.btn{text-align: center;display: inline-block;cursor: pointer;white-space: nowrap;vertical-align: middle;border: none;}
.icon{display: inline-block;background-repeat: no-repeat;background-position: center center;vertical-align: middle;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*初始化*/
body{min-width: 1300px;}

.w{width: 1200px;margin: 0 auto;position: relative;}

.wallpaper-wrap{width: 100%;overflow: hidden;}
.wallpaper{width: 1200px;height: 500px;margin: 0 auto;}
.wallpaper .bg{width: 1200px;height: 500px;  }
.wallpaper .title{width: 100%;position: absolute;left: 0;top: 107px;}
.wallpaper .title .en{font-family: lr;font-size: 34px;color: #fff;text-align: center;line-height: 34px;margin-bottom: 20px;}
.wallpaper .title .zh{font-size: 32px;color: #fff;text-align: center;line-height: 32px;margin-bottom: 17px;}
.bread-crumb{width: 100%;padding-top: 45px;padding-bottom: 45px;line-height: 26px;min-height: 26px;}
.bread-crumb .zh{font-size: 26px;padding-right: 28px;}
.bread-crumb .en{font-size: 16px;color: #999;}
.bread-crumb .crumb{float: right;font-size: 14px;color: #999;}
.bread-crumb .crumb .main-color{color: #b89574;}
.main .page{font-size: 0;text-align: center;display: inline-block;width: 100%;}
.main .page .paginator>a,.main .page span{display: inline-block;width: 31px;height: 31px;line-height: 31px;text-align: center;border: 1px solid #d9dadc;font-size: 14px;margin: 0 4px;vertical-align: top;}
.main .page a:hover,
.main .page span.selected{color: #b89574;}
.main .page a.pn-next:after{display: inline-block;content: "";border-left: 5px solid #333;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
.main .page a.pn-next:hover:after{border-left-color: #b89574;}
.main .page a.points{border-color: transparent;}
.main .process{width: 100%;overflow: hidden;margin-top: 75px;}
.main .process .item{float: left;width: 384px;height: 489px;background-color: #fff;}
.main .process .process1{margin-right: 12px;}
.main .process .process2{margin-right: 12px;}
.main .process .item .text{width: 363px;height: 153px;padding-top: 29px;padding-left: 29px;position: relative;}
.main .process .item .text .title{font-size: 26px;line-height: 1;margin-bottom: 18px;font-weight: bold;}
.main .process .item .text .abstract{font-size: 16px;line-height: 20px;}
.main .process .item .text .number{display: inline-block;padding: 0 10px;position: absolute;right: 16px;bottom: -32px;}
.main .process .item .text .number .small{font-family: lr;font-size: 16px;line-height: 82px;vertical-align: top;font-style: italic;}
.main .process .item .text .number .big{font-family: lr;font-size: 93px;line-height: 1;vertical-align: top;font-style: italic;}
.main .process .item .img-box{width: 100%;height: 309px;overflow: hidden;}
.main .process .item .img-box{width: 100%;}

.header{width: 100%;height:0px;background-color: #fff;z-index: 10000;background: rgba(255,255,255,0.7);top:0px;}
.header .top{text-align: center;height: 139px;}
.header .top img{margin-top: 22px;height: 100px;}
.header .nav-bar{width: 100%;height: 46px;position: relative;background-color: #775e21;}
.header .nav-bar .main-nav-list{width: 100%;text-align: center;position: relative;}
.header .nav-bar a{color: #fff}
.header .nav-bar .main-nav-list .lang-block{position: relative;right: -600px;top: -136px;width: 80px;padding: 0;display: none;}
.header .nav-bar .main-nav-list .lang-block .lang{display: block;position: relative;}
.header .nav-bar .main-nav-list .lang-block .lang:after{display: block;content: "";width: 9px;height: 5px;background-image: url(../images/icon-down.png);position: absolute;right: 12px;top: 21px;}
.header .nav-bar .main-nav-list .lang-block .lang:hover{color: #b8966f;}
.header .nav-bar .main-nav-list .lang-block .lang-pop{display: none;background-color: #fff;}
.header .nav-bar .main-nav-list .lang-block:hover .lang-pop{display: block;}
.header .nav-bar .main-nav-list .lang-block .lang-pop a{display: block;width: 100%;height: 46px;line-height: 46px;}
.header .nav-bar .main-nav-list .lang-block .lang-pop a:hover{color: #b8966f;}
.header .nav-bar .main-nav-list>li{display: inline-block;padding: 0 34px;line-height: 46px;position: relative;vertical-align: top;}
.header .nav-bar.fixed .main-nav-list>li{padding: 0 39px;}
.header .nav-bar .main-nav-list>li>a{font-size: 16px;font-weight: bold;}
.header .nav-bar .main-nav-list>li.user{padding-left: 56px;padding-right: 18px;line-height: 1;}
.header .nav-bar .main-nav-list>li.user>a{display: inline-block;margin-top: 15px;}
.header .nav-bar .main-nav-list>li.user>a.user-name{margin-top: 0;vertical-align: top;}
/*.header .nav-bar .main-nav-list>li.user>a img{vertical-align: top;}*/
.header .nav-bar .main-nav-list>li.search{padding: 0;width: 46px;height: 46px;position: relative;}
.header .nav-bar .main-nav-list>li.search .img-box{width: 100%;height: 100%;cursor: pointer;}
.header .nav-bar .main-nav-list>li.search .img-box img{margin-top: 15px;vertical-align: top;}
.header .nav-bar .main-nav-list>li.li-logo{display: none;width: 110px;vertical-align: top;margin-top: 5px;}
.header .nav-bar .main-nav-list>li.li-logo img{width: 80%;vertical-align: top;margin-top: 10px;}
.header .nav-bar.fixed .main-nav-list>li.li-logo{display: inline-block;}
.header .nav-bar.fixed{}
.header .nav-bar .main-nav-list>li:hover .sub-nav{display: block;}
.header .nav-bar .sub-nav{display: none;position: absolute;right: 0;top: 46px;background-color: #fff;border: 1px solid #eee;width: 130px;border-top: none;}
.header .nav-bar .sub-nav>li>a{display: block;padding: 0 33px;height: 46px;line-height: 46px;text-align: left;}
.header .nav-bar .sub-nav>li>a:hover{color: #999;}
.header .nav-bar .search .form{background-color: red;display: none;width: 340px;height: 30px;padding: 25px 0;background-color: #f2f2f2;position: absolute;left: -133px;top: 46px;font-size: 0;}
.header .nav-bar .search.show{background-color: #f2f2f2;}
.header .nav-bar .search.show .form{display: block;}
.header .nav-bar .search .form input[type=text]{width: 200px;height: 30px;background-color: #fff;padding: 0 10px;line-height: 30px;font-size: 14px;border: none;vertical-align: top;}
.header .nav-bar .search .form input[type=submit]{width: 33px;height: 30px;background-color: #b89471;border: none;background-image: url(../images/icon-search-white.png);background-repeat: no-repeat;background-position: center;vertical-align: top;}
.header .sub-block{width: 100%;position: absolute;left: 0;top: 46px;overflow: hidden;background-color: #fff;background-color: rgba(255,255,255,0.9);}
.header .sub-block .sub-item{display: none;width: 100%;padding-bottom: 50px;overflow: hidden;}
.header .sub-block .sub-item.show{display: block;}
.header .sub-block .sub-item .one{width: 200px;float: left;padding-top: 50px;margin-right: 50px;}
.header .sub-block .sub-item h2.title{width: 100%;font-size: 16px;color: #333;border-bottom: 1px solid #999;line-height: 1;padding-bottom: 10px;margin-bottom: 10px;}
.header .sub-block .sub-item a{display: block;width: 300px;height: 30px;line-height: 30px;font-size: 14px;color: #333;}
.header .sub-block .sub-item a:hover{color: #999;}
/*.header .sub-block .sub-item#sub2 .one{width: 900px;}
.header .sub-block .sub-item#sub2 .one a{width: 300px;float: left;}*/

.header .sub-block .sub-item#sub2 .one{width: 798px;margin-right: 30px;}
.header .sub-block .sub-item#sub2 .one a{width: 266px;float: left;}
.header .sub-block .sub-item .gg{display: block;width: 368px;float: left;padding-top: 50px;height: auto;}
.header .sub-block .sub-item .gg .img-box{width: 368px;height: 207px;position: relative;}
.header .sub-block .sub-item .gg .img-box img{width: 100%;height: 100%;}
.header .sub-block .sub-item .gg .img-box span{opacity: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);font-size: 14px;color: #fff;line-height: 207px;text-align: center;position: absolute;left: 0;top: 0;transition: 0.5s ease-in-out;}
.header .sub-block .sub-item .gg .img-box:hover span{opacity: 1;}
.header .sub-block .sub-item .gg h3{text-align: center;padding: 10px 8px;margin: 3px auto 12px;width: 352px;font-size: 16px;transition: all .4s ease-in-out;position: relative;line-height: 1;}
.header .sub-block .sub-item .gg h3:before{content: "";position: absolute;bottom: 0;right: 30%;opacity: .6;width: 40%;transition: 1s ease-in-out;border-bottom: 1px solid #999;}
.header .sub-block .sub-item .gg .neta{text-align: center;font-size: 12px;color: #999;line-height: 1;}
.header .sub-block .sub-item .gg:hover h3:before{width: 80%;right: 10%;}
.header .sub-block .sub-item.sp{text-align: center;font-size: 0;}
.header .sub-block .sub-item.sp .gg{margin: 0 16px;display: inline-block;float: none;}
.header .sub-block .sub-item#sub6 .gg{width: 260px;margin: 0 20px;}
.header .sub-block .sub-item#sub6 .gg .img-box{width: 100%;height: auto;}
.header .sub-block .sub-item#sub6 .gg h3{width: 100%;height: auto;}
.header .sub-block .sub-item#sub6 .gg .img-box span{line-height: 146px;}


.index .header{/*background-image: url(../images/header-bg.jpg);*/background-position: center top;background-repeat: no-repeat;}
.index .main .banner{width: 100%;overflow: hidden;}
.index .main .banner .item{width: 100%;background-color: #666;overflow: hidden;}
.index .main .banner .item .w{height: 500px;}
.index .main .banner .item img{position: relative;width: 1920px;height:500px;left: -360px;}
.index .main .banner .slick-dots{width: 100%;position: absolute;text-align: center;bottom: 37px;z-index: 1;padding: 0;margin: 0;}
.index .main .banner .slick-dots li{display: inline-block;width: 11px;height: 11px;margin: 0 6px 0 5px;vertical-align: middle;cursor: pointer;background-image: url(../images/point.png);}
.index .main .banner .slick-dots li button{display: none;}
.index .main .banner .slick-dots li.slick-active{background-image: url(../images/point-hover.png);}
.index .main .block1{width: 100%;background-image: url(../images/index-bg1.jpg);background-position: center top;background-repeat: no-repeat;}
.index .main .block2{width: 100%;max-height: 1141px;background-image: url(../images/index-bg2.jpg);background-position: center top;background-repeat: no-repeat;padding-bottom: 20px;}
.index .main .block3{width: 100%;max-height: 2012px;background-image: url(../images/index-bg3.jpg);background-position: center top;background-repeat: no-repeat;padding-bottom: 70px;}
.index .main h1.title{padding-top: 79px;position: relative;}
.index .main h1.title .zh{font-size: 30px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 40px;text-align: center;}
.index .main h1.title .zh span{font-weight: bold;padding-right: 5px;}
.index .main h1.title .en{font-size: 16px;line-height: 16px;color: #999;text-align: center;}
.index .main h1.title:after{display: block;content: "";position: absolute;left: 50%;top: 129px;margin-left: -28px;width: 55px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);transition: 1s ease-in-out;*/
}
.index .main h1.title.arrive:after{width: 165px;margin-left: -83px;}
.index .main .theme-list{width: 100%;height: auto;padding-top: 75px;padding-bottom: 7px;}
.index .main .theme-list .col{float: left;}
.index .main .theme-list .col1{width: 403px;margin-right: 7px;}
.index .main .theme-list .col2{width: 378px;margin-right: 7px;}
.index .main .theme-list .col3{width: 404px;}
.index .main .theme-list .row1{margin-bottom: 7px;}
.index .main .theme-list .col1 .row1{height: 237px;}
.index .main .theme-list .col1 .row2{height: 580px;}
.index .main .theme-list .col2 .row1{height: 587px;}
.index .main .theme-list .col2 .row2{height: 230px;}
.index .main .theme-list .col3 .row1{height: 237px;}
.index .main .theme-list .col3 .row2{height: 580px;}
.index .main .theme-list .row{position: relative;display: block;width: 100%;opacity: 1;transition: all .3s;}
.index .main .theme-list .row:hover{opacity: 0.7;}
.index .main .theme-list .row img{width: 100%;height: 100%;}
.index .main .theme-list .row h2.title{position: absolute;}
.index .main .theme-list .row h2.title .en{font-size: 28px;line-height: 1;padding-bottom: 10px;word-wrap:break-word;}
.index .main .theme-list .row h2.title .zh{font-size: 28px;line-height: 1;letter-spacing: 4px;}
.index .main .theme-list .col1 .row1 h2.title{left: 50px;top: 85px;width: 310px;}
.index .main .theme-list .col1 .row2 h2.title{right: 40px;top: 46px;width: 323px;text-align: right;}
.index .main .theme-list .col2 .row1 h2.title{right: 15px;bottom: 12px;width: 348px;text-align: right;}
.index .main .theme-list .col2 .row2 h2.title{left: 9px;top: 20px;width: 360px;text-align: center;}
.index .main .theme-list .col3 .row1 h2.title{right: 32px;top: 86px;width: 340px;text-align: right;}
.index .main .theme-list .col3 .row2 h2.title{right: 27px;top: 152px;width: 330px;text-align: right;}
.index .main .theme-list .col2 .row1 h2.title .en{padding-bottom: 6px;}
.index .main .banner.theme-banner .slick-dots{bottom: 0;}
.index .main .designers .designer-big{margin-top: 75px;}
.index .main .designers .designer-nav{margin-top: 18px;}
.index .main .designers .designer-nav .item{position: relative;cursor: pointer;width: 240px;}
.index .main .designers .designer-nav .item:hover:before{display: block;}
.index .main .designers .designer-nav .item.selected:before{display: block;}
.index .main .designers .designer-nav .item:before{display: none;content: "";width: 100%;height: 100%;background-color: rgba(59,57,92,0.7);position: absolute;left: 0;top: 0;}
.index .main .designers .designer-nav .img-box{width: 237px;height: 239px;overflow: hidden;}
.index .main .designers .designer-nav .img-box img{width: 100%;height: 100%;}
.index .main .designers .designer-nav .name{position: absolute;left: 18px;bottom: 16px;font-size: 18px;line-height: 1;color: #fff;text-align: right;width: 201px;word-wrap:break-word;}
.index .main .designer-nav .slick-arrow{position: absolute;width: 11px;height: 20px;z-index: 100;padding: 0;top: 110px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.index .main .designer-nav .slick-arrow.slick-prev{left: -32px;background-image: url(../images/arrow-left.png);}
.index .main .designer-nav .slick-arrow.slick-next{right: -32px;background-image: url(../images/arrow-right.png);}
.index .main .works-list{width: 1220px;overflow: hidden;padding-bottom: 53px;}
.index .main .works-list>li{float: left;position: relative;width: 288px;height: 376px;margin-right: 16px;margin-bottom: 20px;transition: all .3s;background-color: #fafafa;}
.index .main .works-list>li>a{display: block;width: 100%;height: 100%;}
.index .main .works-list>li:hover{background-color: #ab945e;}
.index .main .works-list>li:hover .photo{opacity: 1;filter: alpha(opacity=100);}
.index .main .works-list>li:hover .title,.index .main .works-list>li:hover .series{color: #fff;}
.index .main .works-list .img-box{width: 100%;height: 285px;text-align: center;line-height: 285px;background-repeat: no-repeat;background-position: center 85%;background-size: contain;}
.index .main .works-list .img-box img{max-width: 100%;display: inline-block;}
.index .main .works-list .text{width: 100%;height: 91px;}
.index .main .works-list .title{font-size: 18px;line-height: 24px;text-align: center;padding-bottom: 23px;position: relative;}
.index .main .works-list .title:after{display: block;content: "";position: absolute;left: 50%;top: 32px;margin-left: -50px;width: 100px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);*/
}
.index .main .works-list .series{font-size: 14px;color: #999;text-align: center;line-height: 14px;}
.index .main .works-list .photo{width: 48px;height: 48px;position: absolute;right: 16px;top: 18px;overflow: hidden;border-radius: 100%;border: 2px solid rgba(59,57,92,.5);opacity: 0;filter: alpha(opacity=0);transition: all .3s;}
.index .main .works-list .photo img{width: 100%;height: 100%;}
.index .main .works-banner{margin-top: 75px;}
.index .main .works-banner .slick-dots{width: 100%;position: absolute;text-align: center;bottom: 0;z-index: 1;padding: 0;margin: 0;}
.index .main .works-banner .slick-dots li{display: inline-block;width: 11px;height: 11px;margin: 0 6px 0 5px;vertical-align: middle;cursor: pointer;background-image: url(../images/point.png);}
.index .main .works-banner .slick-dots li button{display: none;}
.index .main .works-banner .slick-dots li.slick-active{background-image: url(../images/point-hover.png);}
.index .main .store .cities{line-height: 30px;text-align: center;padding-top: 85px;font-size: 0;font-weight: lighter;padding-bottom: 30px;}
.index .main .store .cities span{font-size: 20px;padding-left: 23px;padding-right: 23px;color: #bebebe;position: relative;top: -4px;}
.index .main .store .cities a{font-size: 30px;}
.index .main .store .intro{font-size: 16px;line-height: 1;text-align: center;padding-bottom: 77px;}
.index .main .store .appointment{display: block;width: 100%;position: relative;}
.index .main .store .appointment img{width: 100%;}
.index .main .store .appointment h2.title{width: 225px;position: absolute;right: 0;top: 230px;color: #fff;}
.index .main .store .appointment h2.title .zh{font-size: 30px;line-height: 1;padding-bottom: 19px;position: relative;}
.index .main .store .appointment h2.title .zh span{font-weight: bold;padding-right: 10px;}
.index .main .store .appointment h2.title .zh:after{display: block;content: "";width: 45px;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.index .main .store .appointment h2.title .en{font-size: 16px;line-height: 1;padding-top: 14px;}
.index .main .news-banner-big{margin-top: 75px;overflow: hidden;margin-bottom: 41px;}
.index .main .news-banner-big .item{width: 100%;height: 380px;background-color: #fff;}
.index .main .news-banner-big .slick-dots{width: 50%;position: absolute;text-align: center;right: 0;bottom: 32px;z-index: 1000;padding: 0;margin: 0;}
.index .main .news-banner-big .slick-dots li{display: inline-block;width: 11px;height: 11px;margin: 0 6px 0 5px;vertical-align: middle;cursor: pointer;background-image: url(../images/point.png);}
.index .main .news-banner-big .slick-dots li button{display: none;}
.index .main .news-banner-big .slick-dots li.slick-active{background-image: url(../images/point-hover.png);}
.index .main .news-banner-big .img-box{float: left;width: 600px;height: 380px;overflow: hidden;}
.index .main .news-banner-big .img-box img{width: 100%;height: 100%;}
.index .main .news-banner-big .text{float: right;width: 490px;padding: 0 55px;}
.index .main .news-banner-big .text h2.title{font-size: 26px;line-height: 32px;text-align: center;width: 100%;height: 70px;margin-bottom: 20px;padding-top: 40px;position: relative;}
.index .main .news-banner-big .text h2.title:after{display: block;content: "";width: 90px;height: 1px;background-color: #e4e4e4;position: absolute;left: 200px;bottom: 0;}
.index .main .news-banner-big .text .abstract{font-size: 16px;line-height: 28px;color: #999;text-align: center;padding-bottom: 20px;}
.index .main .news-banner-big .text .btn{display: block;width: 154px;height: 44px;margin: 0 auto;line-height: 44px;background-color: #b89764;color: #fff;}
.index .main .news-banner-small .item{width: 100%;background-color: #fff;}
.index .main .news-banner-small .item>a{display: block;width: 100%;height: 100%;}
.index .main .news-banner-small .img-box{float: left;width: 300px;height: 190px;overflow: hidden;}
.index .main .news-banner-small .img-box img{width: 100%;height: 100%;}
.index .main .news-banner-small .text{float: right;width: 230px;padding: 0 35px;}
.index .main .news-banner-small .text h2.title{font-size: 22px;line-height: 28px;width: 100%;margin-bottom: 10px;padding-top: 23px;position: relative;}
.index .main .news-banner-small .text .abstract{font-size: 16px;line-height: 28px;color: #999;}
.index .main .news-banner-small .slick-arrow{position: absolute;width: 11px;height: 20px;z-index: 100;padding: 0;top: 85px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.index .main .news-banner-small .slick-arrow.slick-prev{left: -32px;background-image: url(../images/arrow-left.png);}
.index .main .news-banner-small .slick-arrow.slick-next{right: -32px;background-image: url(../images/arrow-right.png);}

.news .main .cont{width: 100%;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.news .main .news-list{width: 1240px;padding-left: 15px;position: relative;left: -15px;top: -15px;padding-top: 15px;overflow: hidden;padding-bottom: 23px;}
.news .main .news-list>li{float: left;margin-right: 20px;margin-bottom: 20px;transition: all .3s;}
.news .main .news-list>li>a{display: block;width: 387px;height: 352px;}
.news .main .news-list>li:hover{box-shadow: 0 0 15px #bbb;}
.news .main .news-list .img-box{width: 100%;height: 245px;}
.news .main .news-list .img-box img{width: 100%;height: 100%;}
.news .main .news-list .text{width: 100%;height: 107px;background-color: #fff;}
.news .main .news-list .title{font-size: 20px;line-height: 26px;text-align: center;padding-top: 25px;padding-bottom: 9px;}
.news .main .news-list .date{font-size: 16px;color: #999;text-align: center;line-height: 16px;}

.news-details .main .cont{width: 100%;padding-bottom: 60px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.news-details .main .bread-crumb{padding-top: 43px;padding-bottom: 38px;}
.news-details .main .bread-crumb .crumb{float: left;}
.news-details .main .article{padding: 0 70px 36px 70px;width: 1060px;background-color: #fff;}
.news-details .main .article .title{font-size: 30px;line-height: 30px;text-align: center;padding-bottom: 23px;padding-top: 55px;}
.news-details .main .article .date{font-size: 16px;line-height: 16px;text-align: center;padding-bottom: 54px;}
.news-details .main .article .img-box{width: 100%;text-align: center;margin-bottom: 29px;}
.news-details .main .article .img-box img{max-width: 100%;}
.news-details .main .article p{font-size: 16px;line-height: 24px;padding-bottom: 34px;}

.designer-works .main .cont{width: 100%;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.designer-works .main .cont .list{padding-bottom: 54px;}
.designer-works .main .works-list{width: 1220px;overflow: hidden;padding-bottom: 55px;}
.designer-works .main .works-list>li{float: left;position: relative;width: 288px;height: 390px;margin-right: 17px;margin-bottom: 20px;transition: all .3s;background-color: #fafafa;}
.designer-works .main .works-list>li>a{display: block;width: 100%;height: 100%;}
.designer-works .main .works-list>li:hover{background-color: #ab945e;}
.designer-works .main .works-list>li:hover .photo{opacity: 1;filter: alpha(opacity=100);}
.designer-works .main .works-list>li:hover .title,.designer-works .main .works-list>li:hover .price,.designer-works .main .works-list>li:hover .series{color: #fff;}
.designer-works .main .works-list .img-box{width: 100%;height: 285px;text-align: center;line-height: 285px;}
.designer-works .main .works-list .img-box img{max-width: 100%;}
.designer-works .main .works-list .text{width: 100%;height: 100px;}
.designer-works .main .works-list .title{font-size: 18px;line-height: 24px;text-align: center;padding-bottom: 10px;padding-top: 18px;}
.designer-works .main .works-list .price{font-size: 18px;line-height: 18px;text-align: center;color: #ab945e;}
.designer-works .main .works-list .series{font-size: 14px;color: #999;text-align: center;line-height: 28px;}
.designer-works .main .works-list .photo{width: 48px;height: 48px;position: absolute;right: 16px;top: 18px;overflow: hidden;border-radius: 100%;border: 2px solid rgba(59,57,92,.5)/*#d1eae9*/;opacity: 0;filter: alpha(opacity=0);transition: all .3s;}
.designer-works .main .works-list .photo img{width: 100%;height: 100%;}
.designer-works .main .rec{width: 100%;height: 727px;background-image: url(../images/rec-bg.jpg);background-size: cover;background-position: center top}
.designer-works .main .rec h1.title{padding-top: 79px;position: relative;}
.designer-works .main .rec h1.title .zh{font-size: 30px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 40px;text-align: center;}
.designer-works .main .rec h1.title .zh span{font-weight: bold;padding-right: 5px;}
.designer-works .main .rec h1.title .en{font-size: 16px;line-height: 16px;color: #999;text-align: center;}
.designer-works .main .rec h1.title:after{display: block;content: "";position: absolute;left: 50%;top: 129px;margin-left: -28px;width: 55px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);transition: 1s ease-in-out;*/
}
.designer-works .main .rec h1.title.arrive:after{width: 165px;margin-left: -83px;}
.designer-works .main .rec-banner{width: 1200px;margin: 0 auto;margin-top: 73px;}
.designer-works .main .rec-banner .img-box{width: 600px;height: 325px;overflow: hidden;}
.designer-works .main .rec-banner .img-box img{width: 100%;height: 100%;}
.designer-works .main .rec-banner .title{text-align: center;}
.designer-works .main .rec-banner .title .en{font-family: lr;font-size: 26px;color: #666;line-height: 1;padding-bottom: 8px;padding-top: 38px;}
.designer-works .main .rec-banner .title .zh{font-size: 20px;line-height: 1;}
.designer-works .main .rec-banner .slick-arrow{position: absolute;width: 22px;height: 39px;z-index: 100;padding: 0;top: 143px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.designer-works .main .rec-banner .slick-arrow.slick-prev{left: 30px;background-image: url(../images/rec-arrow-left-gray.png);}
.designer-works .main .rec-banner .slick-arrow.slick-next{right: 30px;background-image: url(../images/rec-arrow-right-gray.png);}
.designer-works .main .rec-banner .slick-arrow.slick-prev:hover{background-image: url(../images/rec-arrow-left.png);}
.designer-works .main .rec-banner .slick-arrow.slick-next:hover{background-image: url(../images/rec-arrow-right.png);}

.designer-list .main .cont{width: 100%;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.designer-list .main .list{width: 1216px;padding-left: 15px;overflow: hidden;padding-bottom: 78px;}
.designer-list .main .list>li{float: left;width: 288px;height: 376px;overflow: hidden;margin-right: 16px;margin-bottom: 20px;position: relative;}
.designer-list .main .list .img-box{width: 100%;height: 100%;overflow: hidden;}
.designer-list .main .list .img-box img{width: 100%;}
.designer-list .main .list .text{width: 100%;height: 122px;background-color: #fafafa;position: absolute;left: 0;bottom: 0;text-align: center;transition: all .5s;}
.designer-list .main .list .text .name{font-size: 26px;line-height: 1;text-align: center;padding-top: 27px;padding-bottom: 14px;transition: all .5s;}
.designer-list .main .list .text .type{font-size: 14px;line-height: 1;color: #999;text-align: center;margin-bottom: 39px;transition: all .5s;}
.designer-list .main .list .text .btn{display: none;width: 111px;height: 30px;border: 1px solid #000;line-height: 30px;font-size: 14px;color: #333;}
.designer-list .main .list .text .btn:hover{background-color: #000;color: #fff;}
.designer-list .main .list>li:hover .text{height: 376px;background-color: rgba(59,57,92,0.9);}
.designer-list .main .list>li:hover .text .name{padding-top: 124px;color: #fff;}
.designer-list .main .list>li:hover .text .type{color: #fff;}
.designer-list .main .list>li:hover .text .btn{display: inline-block;color: #fff;border: 1px solid #fff;}

.designer-details .main{background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.designer-details .main .cont{width: 100%;padding-top: 72px;}
.designer-details .main .cont .photo{width: 210px;height: 210px;padding: 12px;border: 1px solid #3b395c;margin: 0 auto;border-radius: 100%;}
.designer-details .main .cont .photo .img-box{width: 210px;height: 210px;overflow: hidden;border-radius: 100%;}
.designer-details .main .cont .photo .img-box img{width: 100%;}
.designer-details .main .cont .name{font-size: 26px;line-height: 1;color: #000;text-align: center;padding-top: 37px;padding-bottom: 15px;}
.designer-details .main .cont .type{font-size: 14px;line-height: 1;color: #999;text-align: center;padding-bottom: 73px;}
.designer-details .main .cont .abstract{width: 976px;margin: 0 auto;font-size: 30px;line-height: 36px;color: #000;text-align: center;margin-bottom: 73px;letter-spacing: 3px;position: relative;}
.designer-details .main .cont .abstract:before{display: block;content: "";width: 19px;height: 20px;position: absolute;left: -40px;top: 0;background-image: url(../images/quot-left.png);}
.designer-details .main .cont .abstract:after{display: block;content: "";width: 20px;height: 19px;position: absolute;right: -37px;bottom: 0;background-image: url(../images/quot-right.png);}
.designer-details .main .cont .intro{width: 976px;margin: 0 auto;font-size: 16px;line-height: 24px;color: #666;text-align: center;letter-spacing: 1.6px;padding-bottom: 57px;}
.designer-details .main .cont .vline{width: 1px;height: 73px;background-color: #ba9b6a;margin-bottom: 65px;margin: 0 auto;margin-bottom: 65px;}
.designer-details .main .cont .works-banner{width: 1200px;margin: 0 auto;padding-bottom: 145px;}
.designer-details .main .cont .works-banner .img-box{width: 100%;overflow: hidden;}
.designer-details .main .cont .works-banner .img-box img{width: 100%;}
.designer-details .main .cont .works-banner .slick-arrow{position: absolute;width: 22px;height: 39px;z-index: 100;padding: 0;top: 254px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.designer-details .main .cont .works-banner .slick-arrow.slick-prev{left: 30px;background-image: url(../images/rec-arrow-left-gray.png);}
.designer-details .main .cont .works-banner .slick-arrow.slick-next{right: 30px;background-image: url(../images/rec-arrow-right-gray.png);}
.designer-details .main .cont .works-banner .slick-arrow.slick-prev:hover{background-image: url(../images/rec-arrow-left.png);}
.designer-details .main .cont .works-banner .slick-arrow.slick-next:hover{background-image: url(../images/rec-arrow-right.png);}
.designer-details .main .cont .works-banner .slick-dots{width: 100%;position: absolute;text-align: center;bottom: 70px;z-index: 1;padding: 0;margin: 0;}
.designer-details .main .cont .works-banner .slick-dots li{display: inline-block;width: 11px;height: 11px;margin: 0 6px 0 5px;vertical-align: middle;cursor: pointer;background-image: url(../images/point.png);}
.designer-details .main .cont .works-banner .slick-dots li button{display: none;}
.designer-details .main .cont .works-banner .slick-dots li.slick-active{background-image: url(../images/point-hover.png);}
.designer-details .main .all-works{padding-top: 85px;padding-bottom: 53px;background-color: rgba(255,255,255,0.5);}
.designer-details .main .all-works .works-list{width: 1220px;overflow: hidden;padding-bottom: 55px;}
.designer-details .main .all-works .works-list>li{float: left;position: relative;width: 288px;height: 376px;margin-right: 17px;margin-bottom: 20px;transition: all .3s;background-color: #fafafa;}
.designer-details .main .all-works .works-list>li>a{display: block;width: 100%;height: 100%;}
.designer-details .main .all-works .works-list>li:hover{background-color: #3b395c;}
.designer-details .main .all-works .works-list>li:hover .photo{opacity: 1;filter: alpha(opacity=100);}
.designer-details .main .all-works .works-list>li:hover .title,.designer-details .main .all-works .works-list>li:hover .series{color: #fff;}
.designer-details .main .all-works .works-list .img-box{width: 100%;height: 285px;text-align: center;line-height: 285px;}
.designer-details .main .all-works .works-list .img-box img{max-width: 100%;}
.designer-details .main .all-works .works-list .text{width: 100%;height: 91px;}
.designer-details .main .all-works .works-list .title{font-size: 18px;line-height: 24px;text-align: center;padding-bottom: 13px;}
.designer-details .main .all-works .works-list .series{font-size: 14px;color: #999;text-align: center;line-height: 14px;}
.designer-details .main .all-works .works-list .photo{width: 48px;height: 48px;position: absolute;right: 16px;top: 18px;overflow: hidden;border-radius: 100%;border: 2px solid rgba(59,57,92,.5)/*#d1eae9*/;opacity: 0;filter: alpha(opacity=0);transition: all .3s;}
.designer-details .main .all-works .works-list .photo img{width: 100%;height: 100%;}

.coorperation .main .cont{width: 100%;padding-bottom: 28px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.coorperation .main .bread-crumb{padding-top: 43px;padding-bottom: 38px;}
.coorperation .main .bread-crumb .crumb{float: left;}
.coorperation .main .coor-item{width: 100%;overflow: hidden;}
.coorperation .main .coor-item h1.title{float: left;width: 248px;padding-top: 78px;position: relative;}
.coorperation .main .coor-item h1.title .zh{font-size: 30px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 11px;text-align: left;}
.coorperation .main .coor-item h1.title .zh span{font-weight: bold;padding-right: 5px;}
.coorperation .main .coor-item h1.title .en{font-size: 16px;line-height: 16px;color: #999;text-align: left;}
.coorperation .main .coor-item .coor-list{float: right;width: 952px;}
.coorperation .main .coor-item .coor-list>li{float: left;width: 211px;height: 211px;margin-left: 27px;margin-bottom: 20px;background-color: #fff;text-align: center;line-height: 211px;}
.coorperation .main .coor-item .coor-list>li>a{display: block;width: 100%;height: 100%;}
.coorperation .main .coor-item .coor-list>li>a img{max-width: 100%;}

.contact-us .main{width: 100%;padding-top: 57px;padding-bottom: 103px;background-image: url(../images/contact-us-bg.jpg);background-size: cover;background-position: center top;}
.contact-us .main .w{background-color: #fff;}
.contact-us .main .img-box{width: 100%;height: 490px;overflow: hidden;}
.contact-us .main .form{width: 100%;height: 36px;padding-top: 27px;padding-bottom: 28px;border-bottom: 4px solid #f6f6f6;font-size: 0;text-align: right;}
.contact-us .main .form input[type=text]{padding: 0 19px;height: 34px;border: 1px solid #dedede;line-height: 34px;font-size: 12px;color: #333;vertical-align: top;}
.contact-us .main .form .start{width: 165px;}
.contact-us .main .form .destination{width: 80px;margin-right: 11px;}
.contact-us .main .form .text{padding-left: 20px;padding-right: 20px;font-size: 14px;color: #888;line-height: 36px;vertical-align: top;}
.contact-us .main .form input[type=submit]{width: 83px;height: 36px;line-height: 36px;font-size: 14px;color: #666;background-color: #dedede;vertical-align: top;margin-right: 20px;}
.contact-us .main .cities{padding-top: 19px;padding-bottom: 19px;border-bottom: 4px solid #f6f6f6;}
.contact-us .main .cities dl{font-size: 0;padding-left: 43px;overflow: hidden;}
.contact-us .main .cities dt{float: left;font-size: 14px;color: #888;height: 31px;line-height: 31px;width: 93px;}
.contact-us .main .cities dd{float: left;width: 1000px;}
.contact-us .main .cities dd a{display: inline-block;font-size: 14px;color: #888;width: 62px;height: 31px;line-height: 31px;text-align: center;cursor: pointer;}
.contact-us .main .cities dd a.selected{background-color: #b8956f;border-radius: 16px;color: #fff;}
.contact-us .main .contact-info{padding-top: 27px;padding-bottom: 39px;padding-left: 43px;}
.contact-us .main .contact-info .name{font-size: 20px;line-height: 20px;color: #b8956f;margin-bottom: 20px;cursor: pointer;}
.contact-us .main .contact-info .name:hover{ cursor: pointer;}
.contact-us .main .contact-info p{font-size: 14px;color: #888;line-height: 14px;}
.contact-us .main .contact-info .street{padding-right: 54px;}
.contact-us .main .contact-info .fax{padding-right: 54px;}
.contact-us .main .contact-info .tele{padding-right: 54px;}
.contact-us .main .contact-info .cs .icon{width: 19px;height: 24px;background-image: url(../images/icon-cs.png);margin-right: 5px;}
.contact-us .main .contact-info .cs a{color: #0086cd;text-decoration: underline;cursor: pointer;}

.custom-made .main{width: 100%;padding-top: 37px;padding-bottom: 60px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.custom-made .all-type{overflow: hidden;}
.custom-made .all-type .col{float: left;}
.custom-made .all-type .col img{width: 100%;height: 100%;}
.custom-made .all-type .col1{width: 511px;height: 481px;margin-right: 7px;overflow: hidden;}
.custom-made .all-type .col2{width: 323px;height: 481px;margin-right: 7px;}
.custom-made .all-type .col2 .row1{width: 100%;height: 237px;background-color: #fff;margin-bottom: 7px;overflow: hidden;}
.custom-made .all-type .col2 .row2{width: 100%;height: 237px;background-color: #fff;overflow: hidden;}
.custom-made .all-type .col3{width: 352px;height: 481px;overflow: hidden;}
.custom-made .all-type .item{position: relative;transition: all .5s;}
/*.custom-made .all-type .item>a{display: table;width: 100%;height: 100%;background-color: #bee0cc;background-color: rgba(190,224,204,0.8);transition: all .5s;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);}
.custom-made .all-type .item:hover>a{opacity: 1;filter: alpha(opacity=100);}*/
.custom-made .all-type .item>a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.custom-made .all-type .item:hover{opacity: 0.7;}
.custom-made .all-type .item .title{display: table-cell;width: 100%;vertical-align: middle;}
.custom-made .all-type .item .en{display: inline-block;width: 100%;font-size: 26px;line-height: 1;font-family: lr;color: #221814;text-align: center;padding-bottom: 9px;}
.custom-made .all-type .item .zh{display: inline-block;width: 100%;font-size: 20px;line-height: 1;color: #221814;text-align: center;}
.custom-made .main h1.title{padding-top: 79px;position: relative;}
.custom-made .main h1.title .zh{font-size: 30px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 40px;text-align: center;}
.custom-made .main h1.title .zh span{font-weight: bold;padding-right: 5px;}
.custom-made .main h1.title .en{font-size: 16px;line-height: 16px;color: #999;text-align: center;}
.custom-made .main h1.title:after{display: block;content: "";position: absolute;left: 50%;top: 129px;margin-left: -28px;width: 55px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);transition: 1s ease-in-out;*/
}
.custom-made .main h1.title.arrive:after{width: 165px;margin-left: -83px;}
.custom-made .main .custom{margin-top: 75px;}
.custom-made .main .custom .row{width: 100%;overflow: hidden;}
.custom-made .main .custom .col{float: left;overflow: hidden;position: relative;}
.custom-made .main .custom .item img{width: 100%;height: 100%;}
.custom-made .main .custom .row1{margin-bottom: 7px;}
.custom-made .main .custom .row1 .col1{width: 628px;height: 406px;margin-right: 7px;}
.custom-made .main .custom .row1 .col2{width: 279px;height: 406px;margin-right: 7px;}
.custom-made .main .custom .row1 .col3{width: 279px;height: 406px;}
.custom-made .main .custom .row2 .col4{width: 462px;height: 278px;margin-right: 7px;}
.custom-made .main .custom .row2 .col5{width: 445px;height: 278px;margin-right: 7px;}
.custom-made .main .custom .row2 .col6{width: 279px;height: 278px;background-color: #bee0cc;text-align: center;line-height: 278px;}
.custom-made .main .custom .row2 .col6>a{display: block;width: 100%;height: 100%;opacity: 1; filter: alpha(opacity=100);}
.custom-made .main .custom a{display: table;width: 100%;height: 100%;background-color: #bee0cc;background-color: rgba(59,57,92,0.95);position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);text-align: center;transition: all .5s;}
.custom-made .main .custom .col:hover a{opacity: 1;filter: alpha(opacity=100);}
.custom-made .main .custom .row2 .col.col3 a{opacity: 1;filter: alpha(opacity=100);}
.custom-made .main .custom .title{display: table-cell;width: 100%;vertical-align: middle;}
.custom-made .main .custom .en{display: inline-block;width: 100%;font-size: 26px;line-height: 1;font-family: lr;color: #fff;text-align: center;padding-bottom: 9px;}
.custom-made .main .custom .zh{display: inline-block;width: 100%;font-size: 20px;line-height: 1;color: #fff;text-align: center;}
.custom-made .main .custom .text .btn{width: 111px;height: 30px;border: 1px solid #000;line-height: 30px;font-size: 14px;color: #333;}
.custom-made .main .custom .text .btn:hover{background-color: #000;color: #fff;}
.custom-made .main .custom .item:hover .text{opacity: 1;filter: alpha(opacity=100);}
.custom-made .main .custom .row1 .text .name{padding-top: 145px;}
.custom-made .main .custom .row2 .text .name{padding-top: 78px;}

.custom-made-list .main{width: 100%;padding-bottom: 58px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.custom-made-list .main .wallpaper{height: 300px;}
.custom-made-list .main .wallpaper .bg{height: 300px;}
.custom-made-list .main .wallpaper .title{top: 211px;}
.custom-made-list .main .w h1.title{padding-top: 79px;position: relative;}
.custom-made-list .main .w h1.title .zh{font-size: 30px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 40px;text-align: center;}
.custom-made-list .main .w h1.title .zh span{font-weight: bold;padding-right: 5px;}
.custom-made-list .main .w h1.title .en{font-size: 16px;line-height: 16px;color: #999;text-align: center;}
.custom-made-list .main .w h1.title:after{display: block;content: "";position: absolute;left: 50%;top: 129px;margin-left: -28px;width: 55px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);transition: 1s ease-in-out;*/
}
.custom-made-list .main .w h1.title.arrive:after{width: 165px;margin-left: -83px;}
.custom-made-list .main .cc{overflow: hidden;margin-top: 75px;padding-bottom: 62px;padding-left: 15px;padding-right: 15px;width: 1200px;position: relative;left: -15px;}
.custom-made-list .main .cc .col{width: 292px;float: left;}
.custom-made-list .main .cc .row{display: block;width: 292px;background-color: #fff;overflow: hidden;}
.custom-made-list .main .cc .row:hover{box-shadow: 0 0 15px #bbb;}
.custom-made-list .main .cc .col1{margin-right: 10px;}
.custom-made-list .main .cc .col2{margin-right: 10px;}
.custom-made-list .main .cc .col3{margin-right: 10px;}
.custom-made-list .main .cc .row1{margin-bottom: 10px;}
.custom-made-list .main .cc .row2{margin-bottom: 10px;}
.custom-made-list .main .cc .row3{margin-bottom: 10px;}
.custom-made-list .main .cc .col1 .row1{height: 389px;}
.custom-made-list .main .cc .col1 .row2{height: 579px;}
.custom-made-list .main .cc .col1 .row3{height: 475px;}
.custom-made-list .main .cc .col2 .row1{height: 558px;}
.custom-made-list .main .cc .col2 .row2{height: 330px;}
.custom-made-list .main .cc .col2 .row3{height: 556px;}
.custom-made-list .main .cc .col3 .row1{height: 543px;}
.custom-made-list .main .cc .col3 .row2{height: 405px;}
.custom-made-list .main .cc .col3 .row3{height: 496px;}
.custom-made-list .main .cc .col4 .row1{height: 556px;}
.custom-made-list .main .cc .col4 .row2{height: 556px;}
.custom-made-list .main .cc .col4 .row3{height: 332px;}
.custom-made-list .main .cc .row .text{padding: 23px 15px;}
.custom-made-list .main .cc .row .title{font-size: 18px;line-height: 1;padding-bottom: 23px;}
.custom-made-list .main .cc .row .info{font-size: 12px;line-height: 1;color: #a3a3a3;}
.custom-made-list .main .cc .row .info .transmit{padding-right: 13px;}
.custom-made-list .main .cc .row .info .transmit:before{display: inline-block;content: "";width: 10px;height: 10px;background-image: url(../images/icon-transmit.png);margin-right: 6px;}
.custom-made-list .main .cc .row .info .collection:before{display: inline-block;content: "";width: 12px;height: 10px;background-image: url(../images/icon-love.png);margin-right: 6px;}

.works-details .main .bread-crumb{padding-top: 43px;padding-bottom: 38px;width: 1200px;margin: 0 auto;}
.works-details .main .bread-crumb .crumb{float: left;}
.works-details .main{width: 100%;padding-bottom: 0px;/*background-image: url(../images/news-bg.jpg);*/background-size: cover;background-position: center top;background-color: #efefef;margin-top: 190px;}
.works-details .main .block1{background-color: rgba(255,255,255,0.3);}
.works-details .main .details{width: 100%;height: 635px;}
.works-details .main .details .works-nav{float: left;width: 54px;height: 573px;}
.works-details .main .details .works-nav .item{width: 128px;height: 128px;cursor: pointer;}
.works-details .main .details .works-nav .img-box{width: 106px;height: 106px;border: 5px solid #fff;background-color: #fff;text-align: center;line-height: 116px;}
.works-details .main .details .works-nav .item.slick-current .img-box{border-color: #071942;}
.works-details .main .details .works-nav .img-box img{display: inline-block;max-width: 100%;}
.works-details .main .details .works-nav .slick-arrow{position: absolute;width: 11px;height: 20px;z-index: 100;padding: 0;top: 123px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.works-details .main .details .works-nav .slick-arrow.slick-prev{left: -32px;background-image: url(../images/arrow-left.png);}
.works-details .main .details .works-nav .slick-arrow.slick-next{right: -32px;background-image: url(../images/arrow-right.png);}
.works-details .main .details .works-big{float: left;width: 573px;height: 573px;background-color: #fff;}
.works-details .main .details .works-big .img-box{width: 571px;height: 571px;overflow: hidden;line-height: 571px;text-align: center;}
.works-details .main .details .works-big .img-box img{display: inline-block;max-width: 100%;}
.works-details .main .details .text{float: right;width: 490px;}
.works-details .main .details .text .series{font-size: 26px;line-height: 52px;border-bottom: 1px solid #d3d6d8;text-align: center;}
.works-details .main .details .text .title-ident{padding-top: 5px;padding-bottom: 5px;line-height: 26px;border-bottom: 1px solid #d3d6d8;text-align: center;}
.works-details .main .details .text .title-ident .title{font-size: 20px;color: #b89670;}
.works-details .main .details .text .designer{padding-bottom: 16px;border-bottom: 1px solid #d3d6d8;}
.works-details .main .details .text .designer .img-box{width: 85px;height: 85px;overflow: hidden;border-radius: 100%;margin: 0 auto;}
.works-details .main .details .text .designer .img-box img{width: 100%;height: 100%;}
.works-details .main .details .text .designer .ident{font-size: 12px;color: #999;width: 100%;text-align: center;padding-top: 6px;padding-bottom: 10px;}
.works-details .main .details .text .designer .information{width: 100%;overflow: hidden;}
.works-details .main .details .text .designer .information .name{font-size: 26px;line-height: 1;padding-bottom: 5px;padding-top: 10px;text-align: center;}
.works-details .main .details .text .designer .information .position{font-size: 14px;line-height: 1;text-align: center;}
.works-details .main .details .text .info .price{font-size: 16px;line-height: 16px;color: #999;padding-top: 16px;padding-bottom: 37px;text-align: center;}
.works-details .main .details .text .info .price .large{font-size: 26px;line-height: 26px;color: #000;vertical-align: text-bottom;position: relative;top: 3px;padding-left: 10px;padding-right: 10px;}
.works-details .main .details .text .info .type{font-size: 0;margin-bottom: 3px;}
.works-details .main .details .text .info .type:before{display: inline-block;content: "";width: 29px;height: 30px;background-image: url(../images/111.png);background-position: center;margin-right: 12px;background-repeat: no-repeat;vertical-align: top;background-color: #96999b;}

.works-details .main .details .text .info .type label{display: inline-block;font-size: 12px;border: 1px solid #96999b;cursor: pointer;min-width: 77px;height: 28px;line-height: 28px;margin-right: 10px;margin-bottom: 10px;}
.works-details .main .details .text .info .type label.selected{background-color: #96999b;color: #fff;}
.works-details .main .details .text .info .turns{font-size: 0;margin-bottom: 3px;}
.works-details .main .details .text .info .turns:before{display: inline-block;content: "";width: 29px;height: 30px;background-image: url(../images/113.png);background-position: center;margin-right: 12px;background-repeat: no-repeat;vertical-align: top;background-color: #96999b;}

.works-details .main .details .text .info .turns label{display: inline-block;font-size: 12px;border: 1px solid #96999b;cursor: pointer;min-width: 48px;height: 28px;line-height: 28px;margin-right: 10px;margin-bottom: 10px;}
.works-details .main .details .text .info .turns label.selected{background-color: #96999b;color: #fff;}
.works-details .main .details .text .info .btns{font-size: 0;}
.works-details .main .details .text .info .custom-buy{width: 209px;height: 45px;line-height: 45px;background-color: #ab945e;font-size: 18px;color: #fff;margin-right: 70px;}
.works-details .main .details .text .info .outline{width: 209px;height: 45px;line-height: 45px;background-color: #b89670;font-size: 18px;color: #fff;}
.works-details .main .details .text .info input[type=radio]{width: 0;opacity: 0;filter:alpha(opacity=0);}
.works-details .main .details .text .info .number{font-size: 0;padding-bottom: 25px;}
.works-details .main .details .text .info .number .quantity{font-size: 12px;line-height: 30px;padding-right: 18px;}
.works-details .main .details .text .info .number input{width: 28px;height: 28px;border: 1px solid #c1c5c8;line-height: 28px;text-align: center;font-size: 12px;vertical-align: top;}
.works-details .main .details .text .info .number a{display: inline-block;font-size: 21px;width: 29px;height: 30px;background-color: #e4e9eb;text-align: center;line-height: 30px;vertical-align: top;cursor: pointer;user-select:none;}
.works-details .main .details .text .info .others{font-size: 14px;line-height: 1;padding-top: 13px;}
.works-details .main .details .text .info .others .arrive-day{padding-left: 38px;padding-right: 92px;}
.works-details .main .details .text .info .others .share{display: inline-block;margin-right: 38px;cursor: pointer;vertical-align: top;}
.works-details .main .details .text .info .others .share a{margin: 0;width: 28px;height: 16px;background-image: url(../images/icon-share.png);background-position: left 2px;padding-left: 18px;}
.works-details .main .details .text .info .others .collect{display: inline-block;cursor: pointer;}
.works-details .main .details .text .info .others .collect:before{display: inline-block;content: "";width: 15px;height: 13px;background-image: url(../images/icon-collect.png);margin-right: 6px;vertical-align: middle;position: relative;top: -1px;}
.works-details .main .tabs-wrap{width: 100%;height: 66px;position: relative;z-index: 1000;}
.works-details .main .tabs{width: 100%;height: 66px;background-color: #eee;;font-size: 0;text-align: center;border-top: 2px solid #f9fafb;}
.works-details .main .tabs.fixed{position: fixed;left: 0;top: 46px;background-color: #eee;}
.works-details .main .tabs a{display: inline-block;margin: 0 50px;width: 200px;height: 64px;line-height: 64px;border-bottom: 2px solid transparent;font-size: 16px;cursor: pointer;}
.works-details .main .tabs a.selected{border-color: #071942;}
.works-details .main .content{ background-color: #fff;}
.works-details .main .content.story{text-align: center;}
.works-details .main .content.show{display: block;}
.works-details .main .content img{max-width: 100%;}

.custom-made-details .main{width: 100%;padding-bottom: 71px;padding-top: 41px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.custom-made-details .feature1{overflow: hidden;margin-bottom: 146px;}
.custom-made-details .feature1 .left{width: 219px;float: left;}
.custom-made-details .feature1 .left .img-box{width: 219px;height: 301px;overflow: hidden;}
.custom-made-details .feature1 .left .img-box img{width: 100%;height: 100%;}
.custom-made-details .feature1 .left .name{font-size: 18px;line-height: 22px;padding-top: 20px;letter-spacing: 2px;text-align: center;padding-bottom: 11px;}
.custom-made-details .feature1 .left .series{font-size: 14px;letter-spacing: 1.4px;color: #999;text-align: center;}
.custom-made-details .feature1 .right{float: right;width: 947px;height: 597px;overflow: hidden;}
.custom-made-details .feature1 .right img{width: 100%;height: 100%;}
.custom-made-details .feature2{overflow: hidden;margin-bottom: 143px;}
.custom-made-details .feature2 .left{float: left;width: 600px;height: 769px;overflow: hidden;}
.custom-made-details .feature2 .left img{width: 100%;height: 100%;}
.custom-made-details .feature2 .right{float: right;width: 534px;padding: 34px 33px;height: 701px;overflow: hidden;background-color: #bee0cc;}
.custom-made-details .feature2 .right img{width: 100%;height: 100%;}
.custom-made-details .feature3{padding-bottom: 63px;}
.custom-made-details .feature3 .row{overflow: hidden;}
.custom-made-details .feature3 .row1{margin-bottom: 7px;height: 406px;}
.custom-made-details .feature3 .row2{height: 278px;}
.custom-made-details .feature3 .col{float: left;}
.custom-made-details .feature3 .col1{margin-right: 7px;}
.custom-made-details .feature3 .col2{margin-right: 7px;}
.custom-made-details .feature3 .row1 .col1{width: 628px;}
.custom-made-details .feature3 .row1 .col2{width: 279px;}
.custom-made-details .feature3 .row1 .col3{width: 279px;}
.custom-made-details .feature3 .row2 .col1{width: 462px;}
.custom-made-details .feature3 .row2 .col2{width: 445px;}
.custom-made-details .feature3 .row2 .col3{width: 279px;}
.custom-made-details .share-block .praise{display: block;width: 90px;height: 90px;margin: 0 auto;margin-bottom: 48px;cursor: pointer;}
.custom-made-details .share-block{font-size: 0;padding-bottom: 62px;}
.custom-made-details .share-block span{font-size: 12px;line-height: 23px;}
.custom-made-details .share-block a{float: none;padding: 0;margin: 0;vertical-align: top;margin-left: 12px;}
.custom-made-details .share-block .share-list{text-align: center;}
.custom-made-details .share-block .share-list .weibo{width: 23px;height: 23px;background-image: url(../images/icon-dream-weibo.png);}
.custom-made-details .share-block .share-list .weixin{width: 23px;height: 23px;background-image: url(../images/icon-dream-weixin.png);}
.custom-made-details .share-block .share-list .youku{width: 23px;height: 23px;background-image: url(../images/icon-dream-youku.png);}
.custom-made-details .comment{width: 1140px;padding: 0 30px;padding-bottom: 47px;background-color: #fff;}
.custom-made-details .comment h1.title{width: 100%;height: 99px;line-height: 99px;border-bottom: 1px dashed #d0d0d0;font-size: 27.5px;position: relative;}
.custom-made-details .comment h1.title .bold{font-weight: bold;padding-right: 10px;}
.custom-made-details .comment h1.title .small{font-size: 14px;}
.custom-made-details .comment h1.title:before{display: block;content: "";width: 5px;height: 27px;background-color: #bee0cc;position: absolute;left: -30px;top: 36px;}
.custom-made-details .comment .write{padding-top: 32px;overflow: hidden;border-bottom: 1px dashed #d0d0d0;}
.custom-made-details .comment .write .photo{float: left;width: 94px;height: 94px;overflow: hidden;border: 1px solid #d0d0d0;}
.custom-made-details .comment .write .form{float: right;width: 1026px;padding-bottom: 28px;}
.custom-made-details .comment .write .form textarea{width: 1014px;padding: 5px;border: 1px solid #d0d0d0;height: 140px;font-size: 14px;margin-bottom: 14px;}
.custom-made-details .comment .write .form .row{width: 100%;overflow: hidden;}
.custom-made-details .comment .write .form .tip{float: left;font-size: 14px;color: #666;}
.custom-made-details .comment .write .form .btn{float: right;width: 136px;height: 47px;background-color: #bee0cc;line-height: 47px;color: #fff;}
.custom-made-details .comment .comment-list{padding-bottom: 41px;}
.custom-made-details .comment .comment-list>li{width: 100%;overflow: hidden;;padding-top: 26px;padding-bottom: 30px;border-bottom: 1px dashed #d0d0d0;}
.custom-made-details .comment .comment-list .img-box{float: left;width: 94px;height: 94px;overflow: hidden;border: 1px solid #d0d0d0;}
.custom-made-details .comment .comment-list .text{float: right;width: 1028px;font-size: 14px;}
.custom-made-details .comment .comment-list .text .name{line-height: 14px;padding-bottom: 5px;}
.custom-made-details .comment .comment-list .text .words{line-height: 24px;padding-bottom: 10px;}
.custom-made-details .comment .comment-list .others{width: 100%;line-height: 14px;overflow: hidden;}
.custom-made-details .comment .comment-list .others .date{font-size: 14px;color: #999;float: left;height: 30px;line-height: 30px;}
.custom-made-details .comment .comment-list .others .info{font-size: 14px;float: right;}
.custom-made-details .comment .comment-list .others .info a{cursor: pointer;display: inline-block;margin-left: 10px;height: 30px;line-height: 30px;}
.custom-made-details .comment .reply-list{display: none;float: left;width: 998px;margin-left: 112px;padding-top: 20px;background-color: #f7f8fa;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;}
.custom-made-details .comment .reply-list .reply-item{width: 100%;overflow: hidden;border-bottom: 1px #d7d7d7 dotted;margin-bottom: 15px;padding-bottom: 10px;}
.custom-made-details .comment .reply-list .reply-item .reply-img{width: 50px;height: 50px;float: left;}
.custom-made-details .comment .reply-list .reply-item .reply-img img{width: 100%;height: 100%;}
.custom-made-details .comment .reply-list .reply-item .reply-text{width: 933px;float: left;padding-left: 15px;}
.custom-made-details .comment .reply-list .reply-item .reply-date{font-size: 14px;color: #999;text-align: right;}
.custom-made-details .comment .reply-list .isay{width: 100%;text-align: right;}
.custom-made-details .comment .reply-list .isay .btn-say{width: 100px;height: 25px;line-height: 25px;font-size: 14px;color: #666;border:1px solid #ccc;border-radius: 5px;}
.custom-made-details .comment .reply-list .isay .tblock{display: none;}
.custom-made-details .comment .reply-list .isay .tblock.show{display: block;}
.custom-made-details .comment .reply-list .isay .ireply{width: 923px;height: 60px;font-size: 14px;color: #666;padding: 5px 5px;margin-top: 20px;border-color: #ccc;}
.custom-made-details .comment .reply-list .isay .btn-isubmit{width: 70px;height: 25px;line-height: 25px;font-size: 14px;color: #666;border:1px solid #ccc;border-radius: 5px;margin-top: 15px;}


.footer{width: 100%;}
.footer .top{background-color: #fff;}
.footer .top .declare{width: 100%;height: 144px;padding-top: 36px;border-bottom: 1px solid #e5e5e5;}
.footer .top .declare .item{width: 206px;float: left;}
.footer .top .declare .item .img-box{width: 100%;height: 60px;text-align: center;}
.footer .top .declare .item .img-box img{width: 40px;}
.footer .top .declare .item h3{width: 100%;text-align: center;color: #585858;}
.footer .top .declare .item .zh{font-size: 18px;line-height: 18px;padding-bottom: 8px;}
.footer .top .declare .item .en{font-size: 14px;line-height: 14px;color: #999;}
.footer .top .links{padding-top: 25px;padding-bottom: 25px;overflow:hidden;}
.footer .top .links .item{float: left;width: 239px;height: 150px;border-right: 1px solid #f2f2f2;}
.footer .top .links .item.link5{border-right: none;}
.footer .top .links .item.link1{text-align: center;}
.footer .top .links .item ul li img{height: 85px;width: auto;}
.footer .top .links .item h3{font-size: 16px;color: #585858;line-height: 16px;padding-bottom: 13px;padding-left: 87px;margin-top: 12px;}
.footer .top .links .item h3.en{font-size: 12px;color: #999;line-height: 12px;margin-top: 0;}
.footer .top .links .item.link5 h3{padding-bottom: 5px;}
.footer .top .links .item.link5 .news-links{padding-left: 87px;font-size: 0;}
.footer .top .links .item.link5 .news-links a{margin-right: 6px;margin-left: 2px;margin-top: 7px;}
.footer .top .links .item ul{padding-left: 87px;}
.footer .top .links .item ul>li>a{font-size: 14px;color: #999;line-height: 30px;}

 .bottom{background-color: #ab945e;height: 59px;line-height: 59px;text-align: center;color: #fff;font-size: 14px;}
 .bottom a{color: #fff;}
 .bottom .copyright{padding-right: 35px;}

.works-details .main .details .text .info .others .share a{margin: 0;width: 28px;height: 16px;background-image: url(../images/icon-share.png);background-position: left 2px;padding-left: 18px;}

#container{position:relative;padding-bottom:10px;}
.custom-made-list .main .cc  .grid {width:292px;min-height:100px;background:#fff;font-size:12px;float:left;}

.custom-made-list .main .cc  .text{padding: 23px 15px;}
.custom-made-list .main .cc  .title{font-size: 18px;line-height: 1.5;padding-bottom: 23px;}
.custom-made-list .main .cc  .info{font-size: 12px;line-height: 1;color: #a3a3a3;}
.custom-made-list .main .cc  .info .transmit{padding-right: 13px;}
.custom-made-list .main .cc  .info .transmit:before{display: inline-block;content: "";width: 10px;height: 10px;background-image: url(../images/icon-transmit.png);margin-right: 6px;}
.custom-made-list .main .cc  .info .collection:before{display: inline-block;content: "";width: 12px;height: 10px;background-image: url(../images/icon-love.png);margin-right: 6px;}
.custom-made-list .main .cc  .item img {width: 292px;}
/*.custom-made-list .main .cc  .item2 {width: 292px;height: 558px;}
.custom-made-list .main .cc  .item3 {width: 292px;height: 543px;}
.custom-made-list .main .cc  .item4 {width: 292px;height: 556px; margin-right: 0;}
.custom-made-list .main .cc  .item5 {width: 292px;height: 579px;}*/
/* clearfix */
#container .clearfix{clear:both;}



.login .main{width: 100%;padding-bottom: 65px;padding-top: 61px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.login .main .w{overflow: hidden;}
.login .main .left{float: left;width: 583px;height: 456px;padding-left: 62px;padding-top: 63px;background-color: #fff;}
.login .main .left h1.title{font-size: 30px;color: #333;line-height: 1;padding-bottom: 21px;font-weight: bold;}
.login .main .left .tip{font-size: 14px;line-height: 1;color: #999;padding-bottom: 28px;}
.login .main .left .label{font-size: 14px;line-height: 1;color: #333;padding-bottom: 13px;}
.login .main .left .input-box input{width: 477px;height: 44px;border: 1px solid #dedede;padding-left: 29px;}
.login .main .left .input-box{margin-bottom: 20px;}
.login .main .left .rf{width: 508px;margin-bottom: 32px;}
.login .main .left .rf label{float: left;font-size: 14px;color: #333;line-height: 1;cursor: pointer;}
.login .main .left .rf label input[type=checkbox]{margin-right: 14px;position: relative;top: -1px;}
.login .main .left .rf .forget{float: right;font-size: 14px;color: #333;line-height: 1;}
.login .main .left .rsubmit input{width: 154px;height: 44px;background-color: #b89764;line-height: 44px;border: 1px solid #d9d9d9;font-size: 16px;color: #fff;}
.login .main .right{float: right;width: 474px;height: 232px;padding-left: 62px;padding-top: 63px;background-color: #fff;}
.login .main .right h1.title{font-size: 30px;color: #333;line-height: 1;padding-bottom: 21px;font-weight: bold;}
.login .main .right .tip{font-size: 14px;line-height: 24px;color: #999;padding-bottom: 28px;}
.login .main .right .register-now{display: block;width: 154px;height: 44px;background-color: #b89764;line-height: 44px;border: 1px solid #d9d9d9;font-size: 16px;color: #fff;}

.register .main{width: 100%;padding-bottom: 68px;padding-top: 61px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.register .main .w{background-color: #fff;}
.register .main .w .inner{width: 553px;margin: 0 auto;padding-top: 63px;padding-bottom: 71px;}
.register .main h1.title{font-size: 30px;color: #333;line-height: 1;padding-bottom: 21px;font-weight: bold;}
.register .main .tip{font-size: 14px;line-height: 24px;color: #999;padding-bottom: 56px;}
.register .main .label{font-size: 14px;line-height: 1;color: #333;padding-bottom: 13px;}
.register .main .input-box input{width: 522px;height: 44px;border: 1px solid #c1c1c1;padding-left: 29px;}
.register .main .input-box{margin-bottom: 20px;}
.register .main .input-box.vdcode{font-size: 0;}
.register .main .input-box.vdcode input{width: 382px;vertical-align: top;font-size: 14px;}
.register .main .input-box.vdcode a{display: inline-block;width: 82px;height: 46px;line-height: 46px;margin-left: 43px;cursor: pointer;}
.register .main .input-box.vdcode a img{width: 100%;}
.register .main .input-box.idcode{font-size: 0;margin-bottom: 59px;}
.register .main .input-box.idcode input{width: 300px;}
.register .main .input-box.idcode a{display: inline-block;width: 220px;height: 44px;line-height: 44px;font-size: 14px;color: #333;border: 1px solid #c1c1c1;margin-left: -1px;background-color: #d9d9d9;}
.register .main .others{overflow: hidden;margin-bottom: 47px;line-height: 1;}
.register .main .others .use-mailbox{float: left;font-size: 14px;color: #333;}
.register .main .others .agree{float: right;}
.register .main .others .agree .text{font-size: 14px;color: #333;}
.register .main .others .agree .protocol{font-size: 14px;color: #b89764;text-decoration: underline;cursor: pointer;}
.register .main .rsubmit{text-align: right;}
.register .main .others .agree input{position: relative;top: -1px;margin-right: 5px;}
.register .main .rsubmit input{display: inline-block;width: 220px;height: 44px;background-color: #b89764;line-height: 44px;border: 1px solid #d9d9d9;font-size: 16px;color: #fff;}

.main .crumbs{width: 100%;height: 61px;line-height: 61px;font-size: 14px;color: #999;}
.main .crumbs .sp{color: #b99575;}
.main .left-side-nav{float: left;width: 280px;background-color: #fff;}
.main .left-side-nav h1.title{width: 254px;padding-left: 26px;font-size: 30px;color: #333;font-weight: bold;line-height: 1;padding-top: 33px;padding-bottom: 27px;}
.main .left-side-nav a{display: block;width: 223px;padding-left: 57px;height: 81px;line-height: 81px;border-top: 1px solid #ebf4f9;font-size: 18px;color: #666;position: relative;}
.main .left-side-nav a.selected,
.main .left-side-nav a:hover{color: #b99575;}
.main .left-side-nav a.selected:before{display: block;content: "";width: 5px;height: 44px;background-color: #b99575;position: absolute;left: 0;top: 19px;}
.main .center-cont{float: right;width: 901px;background-color: #fff;}
.main .process-bar{overflow: hidden;margin-bottom: 98px;}
.main .process-bar>div{float: left;height: 60px;line-height: 60px;text-align: center;background-color: #f6f7f9;color: #999;font-size: 16px;position: relative;}
.main .process-bar>div.selected{background-color: #b99575;color: #fff;}
.main .process-bar>div span{display: inline-block;width: 24px;height: 24px;border-radius: 100%;margin-right: 19px;font-size: 15.48px;line-height: 24px;text-align: center;color: #fff;vertical-align: middle;background-color: #cccdd2;}
.main .process-bar>div.selected span{background-color: #fff;color: #b99575;}
.main .process-bar>div.selected:after{border-left-color: #b99575;}
.main .process1{width: 275px;z-index: 3;margin-right: 31px;}
.main .process2{width: 243px;z-index: 2;margin-left: -21px;padding-left: 31px;margin-right: 31px;}
.main .process3{width: 242px;z-index: 1;margin-left: -18px;padding-left: 31px;}
.main .process1:after{display: block;content: "";border-left: 31px solid #f6f7f9;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-right-width: 0;position: absolute;right: -31px;top: 0;}
.main .process2:before{display: block;content: "";border-left: 31px solid #fff;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-right-width: 0;position: absolute;left: 0;top: 0;}
.main .process2:after{display: block;content: "";border-left: 31px solid #f6f7f9;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-right-width: 0;position: absolute;right: -31px;top: 0;}
.main .process3:before{display: block;content: "";border-left: 31px solid #fff;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-right-width: 0;position: absolute;left: 0;top: 0;}

.edit-password .main{width: 100%;padding-bottom: 24px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.edit-password .main .center-cont{width: 873px;padding-top: 40px;padding-left: 28px;}
.edit-password .main .form{width: 479px;margin: 0 auto;padding-bottom: 126px;}
.edit-password .main .form .col{float: left;}
.edit-password .main .form .col1{width: 127px;height: 46px;line-height: 46px;font-size: 16px;color: #666;}
.edit-password .main .form .col2{width: 352px;}
.edit-password .main .form .row1 .col2 select{width: 330px;height: 44px;line-height: 44px;padding-left: 20px;font-size: 14px;color: #333;border: 1px solid #efefef;}
.edit-password .main .form .col2 .tip{font-size: 14px;color: #ccc;padding-left: 20px;line-height: 42px;padding-bottom: 15px;}
.edit-password .main .form .row2 .col2{font-size: 0;margin-bottom: 44px;}
.edit-password .main .form .row2 .col2 input{width: 189px;padding-left: 20px;height: 44px;border: 1px solid #efefef;font-size: 14px;}
.edit-password .main .form .row2 .col2 .getcode{width: 140px;height: 44px;line-height: 44px;margin-left: -1px;border: 1px solid #efefef;background-color: #d3d3d3;color: #fff;font-size: 14px;}
.edit-password .main .form .rsubmit{text-align: right;}
.edit-password .main .form .rsubmit input{display: inline-block;width: 142px;height: 46px;background-color: #b89764;line-height: 46px;font-size: 16px;color: #fff;border-radius: 2px;}

.new-password .main{width: 100%;padding-bottom: 24px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.new-password .main .center-cont{width: 873px;padding-top: 40px;padding-left: 28px;}
.new-password .main .form{width: 479px;margin: 0 auto;padding-bottom: 126px;}
.new-password .main .form .col{float: left;}
.new-password .main .form .col1{width: 127px;height: 46px;line-height: 46px;font-size: 16px;color: #666;}
.new-password .main .form .col2{width: 352px;font-size: 0;margin-bottom: 26px;}
.new-password .main .form .col2 input{width: 332px;padding-left: 20px;height: 44px;border: 1px solid #efefef;font-size: 14px;}
.new-password .main .form .rsubmit{text-align: right;}
.new-password .main .form .rsubmit input{display: inline-block;width: 142px;height: 46px;background-color: #b89764;line-height: 46px;font-size: 16px;color: #fff;border-radius: 2px;}

.complete-password .main{width: 100%;padding-bottom: 24px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.complete-password .main .center-cont{width: 873px;padding-top: 40px;padding-left: 28px;padding-bottom: 38px;}
.complete-password .main .complete{width: 100%;height: 107px;background-image: url(../images/icon-complete.png);padding-bottom: 47px;}
.complete-password .main .text1{font-size: 30px;line-height: 1;color: #666;font-weight: bold;text-align: center;padding-bottom: 15px;}
.complete-password .main .text2{font-size: 16px;line-height: 1;color: #999;text-align: center;padding-bottom: 77px;}
.complete-password .main .go-back{display: block;width: 182px;height: 46px;margin: 0 auto;background-color: #b89764;line-height: 46px;font-size: 16px;color: #fff;border-radius: 1px;}

.my-dream .main{width: 100%;padding-bottom: 24px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.my-dream .main .center-cont{width: 825px;padding-top: 36px;padding-left: 76px;padding-bottom: 170px;}
.my-dream .main h1.title{font-size: 30px;line-height: 1;padding-bottom: 22px;font-weight: bold;color: #333;}
.my-dream .main .tip{font-size: 14px;line-height: 1;color: #999;padding-bottom: 31px;}
.my-dream .main .label{font-size: 14px;color: #333;padding-bottom: 14px;}
.my-dream .main .input-box{margin-bottom: 20px;}
.my-dream .main .input-box input[type=text]{width: 495px;padding-left: 10px;height: 44px;border: 1px solid #dedede;font-size: 14px;color: #666;}
.my-dream .main .input-box textarea{width: 748px;padding: 0 10px;height: 205px;border: 1px solid #dedede;font-size: 14px;line-height: 20px;color: #666;}
.my-dream .main .rsubmit input{display: inline-block;width: 154px;height: 44px;background-color: #b89764;line-height: 44px;font-size: 16px;color: #fff;border: 1px solid #d9d9d9;}

.data .main{width: 100%;padding-bottom: 24px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.data .main .center-cont{width: 825px;padding-top: 36px;padding-left: 76px;padding-bottom: 52px;}
.data .main h1.title{font-size: 30px;line-height: 1;padding-bottom: 22px;font-weight: bold;color: #333;}
.data .main .tip{font-size: 14px;line-height: 1;color: #999;padding-bottom: 31px;}
.data .main .rphoto{font-size: 14px;color: #333;margin-bottom: 28px;height: 61px;line-height: 61px;}
.data .main .rphoto img{width: 61px;height: 61px;border-radius: 100%;margin-left: 23px;margin-right: 23px;}
.data .main .rphoto .edit{font-size: 14px;color: #b89764;cursor: pointer;}
.data .main .rphoto .edit input{width: 1px;opacity: 0;filter: alpha(opacity=0);}
.data .main .label{font-size: 14px;color: #333;padding-bottom: 14px;}
.data .main .input-box{margin-bottom: 20px;}
.data .main .input-box input[type=text]{width: 489px;padding-left: 26px;height: 44px;border: 1px solid #dedede;font-size: 14px;color: #666;}
.data .main .input-box select{width: 515px;padding-left: 26px;height: 44px;border: 1px solid #dedede;font-size: 14px;color: #666;}
.data .main .rsubmit{padding-top: 15px;}
.data .main .rsubmit input{display: inline-block;width: 154px;height: 44px;background-color: #b89764;line-height: 44px;font-size: 16px;color: #fff;border: 1px solid #d9d9d9;}

.member-center .main{width: 100%;padding-bottom: 35px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.member-center .main .center-cont{width: 901px;padding-top: 21px;padding-left: 0;;}
.member-center .main .photo{border-bottom: 1px solid #ebf3f6;}
.member-center .main .photo .img-box{width: 150px;margin: 0 auto;height: 150px;border: 1px solid #eee;padding: 5px;border-radius: 100%;margin-bottom: 25px;}
.member-center .main .photo .img-box img{width: 150px;height: 150px;border-radius: 100%;}
.member-center .main .photo .name{width: 100%;text-align: center;font-size: 26px;line-height: 1;color: #333;font-weight: bold;padding-bottom: 13px;}
.member-center .main .photo .welcome{width: 100%;text-align: center;font-size: 14px;line-height: 1;color: #999;padding-bottom: 26px;}
.member-center .main h1.title{width: 817px;margin: 0 auto;padding-left: 58px;height: 78px;line-height: 78px;padding-bottom: 8px;position: relative;font-size: 18px;color: #333;}
.member-center .main h1.title:before{display: block;content: "";width: 3px;height: 17px;background-color: #b89764;position: absolute;left: 32px;top: 31px;}
.member-center .main h1.title .more{font-size: 14px;color: #999;position: absolute;right: 52px;top: 0;}
.member-center .main .item{width: 843px;margin: 0 auto;padding-left: 32px;border-top: 1px solid #f4f4f4;padding-top: 27px;padding-bottom: 26px;}
.member-center .main .item .row1{overflow: hidden;margin-bottom: 16px;}
.member-center .main .item .row1 .img-box{float: left;width: 124px;height: 88px;overflow: hidden;}
.member-center .main .item .row1 .img-box img{width: 100%;height: 100%;}
.member-center .main .item .row1 .text{float: left;padding-left: 33px;width: 660px;}
.member-center .main .item .row1 .text h2.title{font-size: 18px;color: #333;font-weight: bold;line-height: 1;padding-bottom: 14px;}
.member-center .main .item .row1 .text .date{font-size: 14px;color: #999;padding-bottom: 15px;}
.member-center .main .item .row1 .text .abstract{font-size: 14px;color: #999;}
.member-center .main .item .row2{background-color: #f5f5f5;width: 757px;padding: 16px 30px 28px 30px;}
.member-center .main .item .row2 h2.title{font-size: 14px;color: #333;line-height: 22px;}
.member-center .main .item .row2 .intro{font-size: 14px;color: #777;line-height: 22px;}

.member-center .main .table{padding-bottom: 35px;padding-left: 15px;}
.member-center .main .th{width: 861px;height: 35px;border: 1px solid #e7e7e7;border-bottom: none;background-color: #f9f8f8;}
.member-center .main .th .td{font-size: 14px;color: #333;line-height: 35px;}
.member-center .main .td{float: left;}
.member-center .main .td1{width: 177px;padding-left: 33px;}
.member-center .main .td2{width: 148px;}
.member-center .main .td3{width: 330px;}
.member-center .main .td4{width: 85px;text-align: center;padding-left: 37px;}
.member-center .main .tr{width: 861px;border: 1px solid #e7e7e7;border-top: none;padding-top: 28px;padding-bottom: 35px;overflow: hidden;}
.member-center .main .tr .td1{overflow: hidden;}
.member-center .main .tr .td1 .img-box{float: left;width: 66px;height: 60px;}
.member-center .main .tr .td1 .img-box img{width: 100%;height: 100%;}
.member-center .main .tr .td1 .style{float: left;width: 80px;padding-left: 0px;line-height: 60px;font-size: 14px;}
.member-center .main .tr .td2{font-size: 12px;line-height: 60px;}
.member-center .main .tr .td3{font-size: 12px;height: 61px;display: table;}
.member-center .main .tr .td4 .delete{display: block;width: 85px;height: 30px;background-color: #b89764;line-height: 30px;font-size: 14px;color: #fff;margin-top: 17px;}


.my-comment .main{width: 100%;padding-bottom: 35px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;color: #333;}
.my-comment .main .center-cont{width: 883px;padding-top: 29px;padding-left: 19px;padding-bottom: 41px;}
.my-comment .main .table{padding-bottom: 35px;}
.my-comment .main .th{width: 861px;height: 35px;border: 1px solid #e7e7e7;border-bottom: none;background-color: #f9f8f8;}
.my-comment .main .th .td{font-size: 14px;color: #333;line-height: 35px;}
.my-comment .main .td{float: left;}
.my-comment .main .td1{width: 177px;padding-left: 33px;}
.my-comment .main .td2{width: 148px;}
.my-comment .main .td3{width: 330px;}
.my-comment .main .td4{width: 85px;text-align: center;padding-left: 37px;}
.my-comment .main .tr{width: 861px;border: 1px solid #e7e7e7;border-top: none;padding-top: 28px;padding-bottom: 35px;}
.my-comment .main .tr .td1{overflow: hidden;}
.my-comment .main .tr .td1 .img-box{float: left;width: 66px;height: 60px;}
.my-comment .main .tr .td1 .img-box img{width: 100%;height: 100%;}
.my-comment .main .tr .td1 .style{float: left;width: 80px;padding-left: 0px;line-height: 60px;font-size: 14px;}
.my-comment .main .tr .td2{font-size: 12px;line-height: 60px;}
.my-comment .main .tr .td3{font-size: 12px;height: 61px;display: table;}
.my-comment .main .tr .td4 .delete{display: block;width: 85px;height: 30px;background-color: #b89764;line-height: 30px;font-size: 14px;color: #fff;margin-top: 17px;}

.system-info .main{width: 100%;padding-bottom: 35px;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.system-info .main .center-cont{width: 880px;padding-top: 21px;padding-left: 21px;padding-bottom: 41px;}
.system-info .main .bar{width: 859px;height: 45px;border-bottom: 2px solid #b99575;}
.system-info .main .bar .left{float: left;width: 400px;}
.system-info .main .bar .left a{display: block;float: left;width: 111px;height: 45px;line-height: 45px;color: #000;text-align: center;font-size: 16px;cursor: pointer;}
.system-info .main .bar .left a.selected{background-color: #b99575;color: #fff;}
.system-info .main .bar .right{float: right;width: 400px;line-height: 45px;color: #333;font-size: 14px;text-align: right;}
.system-info .main .bar .right label{padding-right: 40px;cursor: pointer;}
.system-info .main .bar .right input[type=checkbox]{position: relative;top: -1px;margin-right: 10px;}
.system-info .main .bar .right .sign{padding-right: 40px;cursor: pointer;}
.system-info .main .bar .right .delete{color: #c7261e;padding-right: 15px;cursor: pointer;}
.system-info .main .list{display: none;padding-bottom: 37px;}
.system-info .main .list.show{display: block;}
.system-info .main .list>li{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #e8e8e8;}
.system-info .main .list>li .input-box{float: left;display: block;width: 59px;padding-left: 32px;cursor: pointer;}
.system-info .main .list>li>a{display: block;float: left;width: 765px;height: 40px;}
.system-info .main .list>li:hover{background-color: #f3f3f3;}
.system-info .main .list>li>a .mailbox{float: left;width: 88px;height: 40px;background-image: url(../images/mailbox-1.png);background-repeat: no-repeat;background-position: left center;}
.system-info .main .list>li>a .title{float: left;width: 495px;font-size: 13px;color: #333;}
.system-info .main .list>li>a .time{float: left;width: 182px;color: #333;font-size: 13px;}
.system-info .main .list>li.read>a .mailbox{background-image: url(../images/mailbox-2.png);}
.system-info .main .list>li.read>a .title{color: #b99575;}
.system-info .main .list>li.read>a .time{color: #b99575;}


.video .main .cont{width: 100%;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;}
.video .main .news-list{width: 1240px;padding-left: 15px;position: relative;left: -15px;top: -15px;padding-top: 15px;overflow: hidden;padding-bottom: 23px;}
.video .main .news-list>li{float: left;margin-right: 20px;margin-bottom: 20px;transition: all .3s;width: 387px;height: 352px;cursor: pointer;}
.video .main .news-list>li:hover{box-shadow: 0 0 15px #bbb;}
.video .main .news-list .img-box{width: 100%;height: 245px;position: relative;}
.video .main .news-list .img-box img{width: 100%;height: 100%;}
.video .main .news-list .img-box:after{display: block;content: "";width: 54px;height: 54px;background-image: url(../images/play.png);position: absolute;left: 166px;top: 95px;}
.video .main .news-list .text{width: 100%;height: 107px;background-color: #fff;}
.video .main .news-list .title{font-size: 20px;line-height: 26px;text-align: center;padding-top: 25px;padding-bottom: 9px;}
.video .main .news-list .date{font-size: 16px;color: #999;text-align: center;line-height: 16px;}
.video .main .c-box-wrap{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #666;background-color: rgba(0,0,0,0.5);z-index: 100000;}
.video .main .c-box-wrap.show{display: block;}
.video .main .c-box{width: 878px;height: 600px;position: fixed;margin: auto;left: 0;right: 0;top: 0;bottom: 0;text-align: center;}
.video .main .c-box .close{width: 27px;height: 27px;background-image: url(../images/icon-close-white.png);position: absolute;right: 3px;top: -46px;cursor: pointer;}
.video .main .c-box .c-banner{width: 100%;height: 100%;}
.video .main .c-box .c-banner .item{text-align: center;}
.video .main .c-box .c-banner .item .title{display: block;width: 100%;padding-top: 15px;font-size: 23px;text-align: center;color: #fff;}
.video .main .c-box video{width: 80%;display: inline-block;background-color: #000;}
.video .main .c-box .c-banner .slick-arrow{font-size: 0;padding: 0;margin: 0;width: 22px;height: 39px;background-color: transparent;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;border: none;}
.video .main .c-box .c-banner .slick-prev{background-image: url(../images/icon-arrow-left-white.png);left: -60px;}
.video .main .c-box .c-banner .slick-next{background-image: url(../images/icon-arrow-right-white.png);right: -60px;}

.about-us .wallpaper .title .zh{color: #333;}
.about-us .wallpaper .title .en{color: #333;}
.about-us .sub-nav-bar{width: 100%;height: 68px;background-color: #fff;text-align: center;font-size: 0;}
.about-us .sub-nav-bar>a{display: inline-block;font-size: 16px;color: #333;height: 66px;line-height: 66px;padding: 0 68px;margin: 0 61px;}
.about-us .sub-nav-bar>a.selected{border-bottom: 2px solid #071942;}
.about-us .main .cont{width: 100%;background-image: url(../images/news-bg.jpg);background-size: cover;background-position: center top;padding-top: 62px;}
.about-us .main .cont .piano{width: 100%;margin-bottom: 48px;}
.about-us .main .cont .piano img{width: 100%;}
.about-us .main .cont .title-brand{width: 100%;position: relative;padding-bottom: 15px;}
.about-us .main .cont .title-brand:after{display: block;content: "";position: absolute;left: 50%;top: 32px;margin-left: -50px;width: 100px;height: 3px;background: #ccc;
/*background-image: url(../images/piano-line.png);transition: 1s ease-in-out;*/
}
.about-us .main .cont .title-brand .en{font-size: 14px;color: #666;text-align: center;line-height: 1;margin-bottom: 15px;}
.about-us .main .cont .title-brand .zh{font-size: 20px;color: #333;text-align: center;line-height: 1;padding-bottom: 27px;font-weight: bold;}
.about-us .main .cont .abstract{overflow: hidden;padding-bottom: 79px;}
.about-us .main .cont .abstract>div{font-size: 16px;line-height: 24px;color: #333;}
.about-us .main .cont .abstract .left{float: left;width: 595px;}
.about-us .main .cont .abstract .right{float: right;width: 565px;}
.about-us .main .cont .concept{background-color: rgba(255,255,255,0.3);padding-top: 111px;padding-bottom: 111px;}
.about-us .main .cont .concept .w{overflow: hidden;}
.about-us .main .cont .concept .img-box{float: left;width: 601px;height: 581px;}
.about-us .main .cont .concept .img-box img{width: 100%;height: 100%;}
.about-us .main .cont .concept .text{width: 599px;height: 581px;float: left;background-color: #fff;text-align: center;}
.about-us .main .cont .concept .text .about-diamond{margin-top: 81px;margin-bottom: 22px;}
.about-us .main .cont .concept .title .en{font-family: lr;font-size: 26px;color: #999;text-align: center;line-height: 1;margin-bottom: 15px;}
.about-us .main .cont .concept .title .zh{font-size: 20px;color: #333;text-align: center;line-height: 1;padding-bottom: 68px;}
.about-us .main .cont .concept .instro{font-size: 16px;line-height: 24px;color: #777;}
.about-us .main .cont .upgrade{padding-top: 80px;padding-bottom: 90px;}
.about-us .main .cont .upgrade .w{background-color: #fff;padding-bottom: 10px;}
.about-us .main .cont .upgrade .img-box{width: 100%;}
.about-us .main .cont .upgrade .img-box img{width: 100%;}
.about-us .main .cont .upgrade h1.title{font-size: 23px;font-size: #333;line-height: 1;padding-top: 42px;padding-bottom: 41px;text-align: center;}
.about-us .main .cont .upgrade .step{width: 714px;margin: 0 auto;padding-left: 50px;position: relative;overflow: hidden;}
.about-us .main .cont .upgrade .step>li{width: 357px;height: 48px;float: left;margin-bottom: 39px;}
.about-us .main .cont .upgrade .step .number{float: left;width: 48px;height: 48px;background-image: url(../images/about-number-bg.jpg);font-size: 18px;text-align: center;line-height: 48px;margin-right: 22px;}
.about-us .main .cont .upgrade .step .text{float: left;width: 287px;height: 48px;line-height: 48px;font-size: 16px;color: #333;}
.about-us .main .cont .upgrade .step:after{display: block;content: "";width: 761px;height: 1px;background-color: #e5e5e5;left: 0;top: 68px;position: absolute;}

.footer .qr-box{position: relative;cursor: pointer;display: inline-block;}
.footer .qr-box img{width: 26px;}
.footer .qr-box .qr-code-box{display: none;width: 183px;height: 214px;position: absolute;left: -165px;top: -203px;background-image: url(../images/qr-code-box.png);background-size: 183px 214px;cursor: default;}
.footer .qr-box:hover .qr-code-box{display: block;}
.footer .qr-box .qr-code{width: 141px;height: 141px;position: absolute;left: 28px;top: 18px;}

.footer .top .share-block{float: left;width: 241px;overflow: hidden;padding-top: 25px;padding-left: 10px;}
.footer .top .share-block span{display: inline-block;float: left;line-height: 28px;font-size: 12px;}


.custom-made .main .item:before{display: none;}


.custom-made-list .main .cc .grid img{transition: opacity .5s;}
.custom-made-list .main .cc .grid:hover img{opacity: 0.6;}


.index .main .banner .slick-arrow{display: none !important;position: absolute;width: 22px;height: 39px;z-index: 100;padding: 0;top: 50%;margin-top: -25px;border: none;cursor: pointer;color: transparent;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.index .main .banner:hover .slick-arrow{display: inline-block !important;}
.index .main .banner .slick-arrow.slick-prev{left: 50%;margin-left: -600px;background-image: url(../images/rec-arrow-left-gray.png);}
.index .main .banner .slick-arrow.slick-next{right: 50%;margin-right: -600px;background-image: url(../images/rec-arrow-right-gray.png);}
.index .main .banner .slick-arrow.slick-prev:hover{background-image: url(../images/rec-arrow-left.png);}
.index .main .banner .slick-arrow.slick-next:hover{background-image: url(../images/rec-arrow-right.png);}

.custom-made-list .main .item:before{display: none;}
.works-details .main .details .text .info .others .share a:after{content: "分享";position: relative;top: -3px;font-size: 14px;}
.bsync-custom span.bshare-share-count{display: none;}



/*2018/6/4*/
.w1180 {
    width: 1180px;
    margin: 0 auto;
}

.ai {
    width: 100%;
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

    .ai * {
        box-sizing: border-box;
        line-height: 1;
    }

.ai-logo {
    width: 100%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 40px;
}

.ai-tabs-wrap {
    width: 100%;
    height: 46px;
}

.ai-tabs {
    width: 100%;
    height: 46px;
    text-align: center;
    font-size: 0;
    background-color: #fff;
}

    .ai-tabs.fixed {
        position: fixed;
        left: 0;
        top: 0;
        box-shadow: 0 0 4px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    .ai-tabs > a {
        display: inline-block;
        vertical-align: top;
        height: 46px;
        line-height: 46px;
        padding: 0 35px;
        font-size: 16px;
        color: #666;
        cursor: pointer;
    }

        .ai-tabs > a:hover,
        .ai-tabs > a.active {
            color: #c8a063;
        }

.ai-banner-wrap {
    width: 100%;
    margin-bottom: 66px;
}

.ai-banner {
    width: 1920px;
    position: relative;
    left: -370px;
}

    .ai-banner .item > a {
        display: block;
        width: 100%;
    }

        .ai-banner .item > a img {
            width: 100%;
        }

    .ai-banner .slick-dots {
        width: 100%;
        position: absolute;
        text-align: center;
        bottom: 20px;
        z-index: 1;
        padding: 0;
        margin: 0;
        font-size: 0;
    }

        .ai-banner .slick-dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 8px;
            vertical-align: top;
            background-color: #fff;
            opacity: 1;
            cursor: pointer;
            border-radius: 50%;
        }

            .ai-banner .slick-dots li button {
                display: none;
            }

            .ai-banner .slick-dots li.slick-active {
                background-color: #c8a063;
            }

.rh {
    width: 100%;
}

    .rh img {
        position: relative;
        left: -370px;
        width: 1920px;
    }

.ba {
    width: 100%;
    padding-bottom: 16px;
}

.ba-list {
    width: 1204px;
    font-size: 0;
}

    .ba-list > li {
        display: inline-block;
        vertical-align: top;
        margin-right: 26px;
        width: 576px;
        height: 521px;
        margin-bottom: 26px;
        overflow: hidden;
    }

        .ba-list > li img {
            width: 100%;
        }

        .ba-list > li .num {
            float: left;
            width: 141px;
            height: 232px;
            line-height: 232px;
            font-size: 100px;
            color: #fff;
            text-align: center;
            background-color: #bee0cc;
        }

        .ba-list > li .img-box {
            float: left;
            width: 435px;
            height: 232px;
        }

        .ba-list > li .text {
            float: left;
            width: 576px;
            height: 289px;
            background-color: #f1f1f1;
            padding: 34px 40px 0 40px;
        }

            .ba-list > li .text .title {
                margin-bottom: 23px;
            }

            .ba-list > li .text .zh {
                font-size: 20px;
                color: #1b1b1b;
                margin-bottom: 9px;
            }

            .ba-list > li .text .en {
                font-size: 16px;
                color: #1b1b1b;
                font-weight: lighter;
                font-family: 微软雅黑;
            }

            .ba-list > li .text .para {
                font-size: 15px;
                color: #303030;
                line-height: 29px;
            }

.ai-title {
    padding: 42px 0 42px 42px;
}

    .ai-title .zh {
        font-size: 28px;
        color: #000;
        padding-right: 28px;
    }

    .ai-title .en {
        font-size: 28px;
        color: #000;
        font-family: lr;
    }

.ip {
    width: 100%;
    padding-bottom: 38px;
    background-color: #e5f3eb;
}

.ip-cont {
    width: 100%;
    overflow: hidden;
}

    .ip-cont .img-box {
        width: 545px;
        float: right;
    }

        .ip-cont .img-box img {
            width: 100%;
        }

    .ip-cont .text {
        float: left;
        width: 635px;
        padding-left: 40px;
    }

.ip-list {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 6px;
    position: relative;
}

    .ip-list:after {
        content: "";
        width: 2px;
        height: 100%;
        position: absolute;
        left: 42px;
        top: 0;
        background-color: #707070;
    }

    .ip-list > li {
        width: 100%;
        overflow: hidden;
    }

    .ip-list .step {
        float: left;
        width: 55px;
        font-size: 12px;
        color: #707070;
        padding-top: 8px;
        position: relative;
    }

        .ip-list .step:after {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #707070;
            position: absolute;
            left: 39px;
            top: 10px;
        }

    .ip-list dl {
        float: left;
        width: 540px;
        height: 78px;
        padding-right: 5px;
    }

    .ip-list dt {
        font-size: 18px;
        color: #1b1b1b;
        margin-bottom: 2px;
    }

    .ip-list dd {
        font-size: 14px;
        color: #303030;
        line-height: 18px;
        height: 54px;
        overflow: hidden;
    }

    .ip-list > li:last-child dl {
        height: auto;
    }

    .ip-list > li:last-child dd {
        height: auto;
    }

.ct {
    width: 100%;
}

.ct-cont {
    width: 1920px;
    height: 600px;
    padding-top: 58px;
    position: relative;
    left: -370px;
    background-image: url(../images/ct-bg.jpg);
    background-size: cover;
}

.ct-box {
    width: 1100px;
    height: 484px;
    padding: 69px 0 68px 158px;
    background-color: #e5f3eb;
    background-color: rgba(229,243,235,0.9);
    margin: 0 auto;
}

.ct-form {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 169px;
}

    .ct-form .row {
        overflow: hidden;
        margin-bottom: 17px;
    }

    .ct-form .dt {
        float: left;
        width: 68px;
        font-size: 16px;
        color: #1b1b1b;
        line-height: 29px;
        height: 29px;
        overflow: hidden;
        text-align: justify;
    }

        .ct-form .dt span {
            display: inline-block;
            padding-left: 100%;
        }

    .ct-form .dd {
        float: left;
        width: 232px;
        font-size: 0;
    }

        .ct-form .dd .quot {
            display: inline-block;
            vertical-align: top;
            width: 12px;
            height: 29px;
            font-size: 16px;
            color: #1b1b1b;
            line-height: 29px;
        }

        .ct-form .dd input[type=text] {
            width: 220px;
            height: 29px;
            font-size: 14px;
            color: #1b1b1b;
            border: 1px solid #bee0cc;
            background-color: #fff;
            padding: 0 10px;
        }

    .ct-form .textarea {
        font-size: 0;
        margin-bottom: 18px;
    }

    .ct-form textarea {
        width: 100%;
        height: 113px;
        border: 1px solid #bee0cc;
        background-color: #fff;
        font-size: 14px;
        color: #1b1b1b;
        padding: 7px 10px;
        line-height: 20px;
        outline: none;
    }

    .ct-form .submit-row {
        text-align: right;
        font-size: 0;
    }

    .ct-form input[type=submit] {
        width: 111px;
        height: 34px;
        font-size: 16px;
        color: #1b1b1b;
        border: none;
        border-bottom: 1px solid #9fb9a9;
        border-left: 1px solid #9fb9a9;
        background-color: #beddca;
    }

    .ct-form .swrap {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 108px;
        height: 29px;
        border: 1px solid #bee0cc;
        overflow: hidden;
    }

        .ct-form .swrap select {
            box-sizing: border-box;
            width: 109px;
            height: 29px;
            position: relative;
            left: -1px;
            top: -1px;
            font-size: 14px;
            color: #1b1b1b;
            padding: 0;
        }

    .ct-form .swrap1 {
        margin-right: 4px;
    }

.ct-phone {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-top: 16px;
}

    .ct-phone .t1 {
        font-size: 30px;
        color: #303030;
        padding-bottom: 36px;
        position: relative;
        margin-bottom: 27px;
    }

        .ct-phone .t1:after {
            content: "";
            display: block;
            width: 158px;
            height: 1px;
            background-color: #303030;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -79px;
        }

    .ct-phone .row {
        font-size: 0;
        margin-bottom: 8px;
    }

    .ct-phone .dt {
        font-size: 18px;
        color: #303030;
        line-height: 38px;
        vertical-align: top;
        padding-right: 5px;
    }

    .ct-phone .dd {
        font-size: 30px;
        color: #303030;
        line-height: 38px;
        vertical-align: top;
    }

.bid {
    width: 100%;
    background-color: #e5f3eb;
    padding-bottom: 42px;
}

.bid-banner {
    width: 100%;
}

    .bid-banner .item > a {
        display: block;
        width: 100%;
    }

    .bid-banner .item img {
        width: 100%;
    }

    .bid-banner .slick-arrow {
        position: absolute;
        width: 31px;
        height: 58px;
        top: 50%;
        margin-top: -29px;
        background-repeat: no-repeat;
        background-position: center center;
        font-size: 0;
        border: none;
        cursor: pointer;
        z-index: 10;
        background-color: transparent;
    }

    .bid-banner .slick-prev {
        left: 80px;
        background-image: url(../images/left.png);
    }

    .bid-banner .slick-next {
        right: 80px;
        background-image: url(../images/right.png);
    }

.id {
    width: 100%;
    padding-bottom: 39px;
}

.id-tabs {
    width: 100%;
    height: 37px;
    background-color: #bee0cc;
    font-size: 0;
    text-align: center;
    margin-bottom: 7px;
}

    .id-tabs > a {
        display: inline-block;
        vertical-align: top;
        line-height: 37px;
        padding: 0 62px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
    }

        .id-tabs > a.active {
            color: #303030;
        }

.id-conts {
    width: 100%;
    height: 425px;
    position: relative;
    overflow: hidden;
}

.id-cont {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

    .id-cont.show {
        visibility: visible;
        opacity: 1;
    }

    .id-cont .left {
        float: left;
        width: 480px;
        height: 425px;
        padding-top: 67px;
        background-color: #f1f1f1;
    }

    .id-cont .right {
        float: right;
        width: 700px;
        height: 425px;
    }

        .id-cont .right img {
            width: 100%;
            height: 100%;
        }

    .id-cont .photo {
        width: 145px;
        height: 145px;
        padding: 3px;
        border: 2px solid #bee0cc;
        border-radius: 50%;
        margin: 0 auto 45px;
        overflow: hidden;
        font-weight: bold;
    }

        .id-cont .photo img {
            width: 100%;
            height: 100%;
        }

    .id-cont .name {
        font-size: 24px;
        color: #c9a063;
        text-align: center;
        margin-bottom: 12px;
        font-weight: bold;
    }

    .id-cont .job {
        font-size: 16px;
        color: #303030;
        text-align: center;
        margin-bottom: 12px;
    }

    .id-cont .work {
        font-size: 16px;
        color: #303030;
        text-align: center;
    }

.fb {
    width: 100%;
    padding-bottom: 42px;
    background-color: #e5f3eb;
}

.fb-banner {
    width: 100%;
}

    .fb-banner .item {
        width: 420px;
    }

    .fb-banner .img-box {
        width: 340px;
        height: 538px;
    }

        .fb-banner .img-box img {
            width: 100%;
            height: 100%;
        }

    .fb-banner .slick-arrow {
        position: absolute;
        width: 31px;
        height: 58px;
        top: 50%;
        margin-top: -29px;
        background-repeat: no-repeat;
        background-position: center center;
        font-size: 0;
        border: none;
        cursor: pointer;
        z-index: 10;
        background-color: transparent;
    }

    .fb-banner .slick-prev {
        left: 40px;
        background-image: url(../images/left.png);
    }

    .fb-banner .slick-next {
        right: 40px;
        background-image: url(../images/right.png);
    }

.bv {
    width: 100%;
    padding-bottom: 42px;
}

.bv-cont {
    width: 100%;
    height: 420px;
    background-color: #f1f1f1;
    position: relative;
}

    .bv-cont .play-box {
        float: left;
        width: 747px;
        height: 420px;
        margin-right: 53px;
        position: relative;
    }

        .bv-cont .play-box video {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            padding: 0;
        }

        .bv-cont .play-box img {
            width: 100%;
            height: 100%;
        }

        .bv-cont .play-box .bv-play {
            display: block;
            width: 94px;
            height: 94px;
            border-radius: 50%;
            background-image: url(../images/play3.png);
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -47px;
            margin-top: -47px;
            cursor: pointer;
        }

.bv-list {
    overflow: hidden;
    width: 366px;
    float: left;
    padding-top: 27px;
}

    .bv-list > li {
        position: relative;
        float: left;
        width: 155px;
        background-color: #fff;
        margin-right: 28px;
        margin-bottom: 21px;
        cursor: pointer;
        transition: all .3s;
    }

    .bv-list .img-box {
        width: 100%;
        height: 101px;
        position: relative;
        transition: all .3s;
    }

        .bv-list .img-box img {
            width: 100%;
            height: 100%;
        }

        .bv-list .img-box .bv-play2 {
            display: block;
            width: 51px;
            height: 51px;
            border-radius: 50%;
            background-image: url(../images/play2.png);
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -25px;
            margin-top: -26px;
            cursor: pointer;
            transition: all .3s;
        }

    .bv-list .title {
        font-size: 12px;
        color: #303030;
        line-height: 52px;
        padding: 0 10px;
    }

    .bv-list > li:hover {
        background-color: #d4d2d1;
    }

        .bv-list > li:hover .img-box {
            opacity: 0.7;
        }

        .bv-list > li:hover .bv-play2 {
            opacity: 0.7;
        }

    .bv-list > li.active {
        background-color: #d4d2d1;
    }

        .bv-list > li.active .img-box {
            opacity: 0.7;
        }

        .bv-list > li.active .bv-play2 {
            opacity: 0.7;
        }

.bv-cont .bv-more {
    display: inline-block;
    font-size: 14px;
    color: #303030;
    cursor: pointer;
    padding-bottom: 7px;
    border-bottom: 1px solid #989898;
    position: absolute;
    right: 41px;
    bottom: 27px;
}

.aj {
    width: 100%;
    padding-bottom: 43px;
    background-color: #e5f3eb;
}

.aj-conts {
    width: 100%;
    overflow: hidden;
}

    .aj-conts .left {
        float: left;
        width: 1020px;
        height: 326px;
        background-color: #fff;
        font-size: 0;
        position: relative;
    }

        .aj-conts .left .aj-cont {
            width: 100%;
            height: 326px;
            position: absolute;
            left: 0;
            top: 0;
            visibility: visible;
            opacity: 0;
            transition: all .3s;
        }

            .aj-conts .left .aj-cont.show {
                visibility: visible;
                opacity: 1;
            }

        .aj-conts .left .text {
            display: inline-block;
            vertical-align: top;
            width: 597px;
            height: 326px;
            padding-top: 37px;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 20px;
            overflow: auto;
        }

            .aj-conts .left .text .t1 {
                font-size: 28px;
                color: #000;
                margin-bottom: 28px;
                text-align: center;
            }

            .aj-conts .left .text .para {
                font-size: 16px;
                color: #303030;
                line-height: 30px;
            }

        .aj-conts .left .img-box {
            display: inline-block;
            vertical-align: top;
            width: 423px;
            height: 326px;
        }

            .aj-conts .left .img-box img {
                width: 100%;
                height: 100%;
            }

    .aj-conts .right {
        float: right;
        width: 160px;
        height: 326px;
        overflow: hidden;
    }

    .aj-conts .aj-tabs {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .aj-conts .aj-tabs:before {
            content: "";
            width: 1px;
            height: 100%;
            background-color: #707070;
            position: absolute;
            right: 42px;
            top: 0;
        }

        .aj-conts .aj-tabs > li {
            font-size: 19px;
            color: #303030;
            margin-bottom: 45px;
            padding-top: 14px;
            padding-bottom: 14px;
            cursor: pointer;
            padding-left: 30px;
            position: relative;
        }

            .aj-conts .aj-tabs > li.active {
                color: #78a48a;
            }

            .aj-conts .aj-tabs > li:after {
                content: "";
                display: block;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background-color: #707070;
                position: absolute;
                right: 38px;
                top: 20px;
            }

            .aj-conts .aj-tabs > li.active:after {
                background-color: #78a48a;
            }

.video .main .c-box {
    height: 400px;
}
.statement{width:390px;background:rgba(0,0,0,0.7);position: fixed;right:0;bottom: -390px;padding: 12px 12px 24px 12px;}
.statement .close{width:24px;height:24px;text-align: center;position: absolute;top:8px;right: 12px;vertical-align: center;}
.statement .statement_tit{color:#fff;text-align: center;font-size: 30px;margin: 12px 0;letter-spacing: 1rem;}
.statement p{font-size:14px;color: #fff;text-indent: 2rem;line-height: 24px;}
.statement .date{text-align: right;}
.center {
    background-position: center center;
    background-repeat: no-repeat;
}
.wcenter {
    width: 1140px;
    margin: 0 auto;
}
.goods_box li {
    float: left;
    width: 346px;
    height: 539px;
    font-family: Microsoft YaHei;
    margin: 0 17px 0 17px;
    text-align: center;
    color: #000;
}
.goods_box a {
    color: #000;
    text-decoration: none;
}
.goods_pic {
    height: 346px;
}
.goods_name {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}
.goods_price {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}
.goods_buy {
    font-size: 16px;
    color: #fff;
    background: #000;
    width: 105px;
    height: 24px;
    display: inline-block;
    line-height: 22px;
}


.list-pro{
	list-style:none;
	background-color: #ab945e;
    color: #fff;
    margin: 0px 0px 13px 0px;
    
    border-radius: 5px;
	cursor:pointer;
}
.list-pro:hover{background-color: #d0b575;}
.list-pro a{color:#fff;display: inline-block;padding: 2px 19px 2px 18px;width:100%;}
.li-ta{width:100%;border: 1px solid #d0d0d0;border-collapse:collapse; }
.li-tr{color:#000;width:100%;border: 1px dashed #dadada;}
.li-th{color: #000;
    border: 1px dashed #dadada;
    width: 200px;
    padding: 12px 0px;
    background-color: #eee;}
.li-td{color:#000;}

.li-ta span{padding: 7px 14px;
    background: #000;
    color: #fff;}
.positio{
	padding-left: 34%;
    line-height: 22px;
    margin-bottom: 9px;
    font-size: 16px;
}
.xiaoshi{display:none !important;}
.xianshi{display:block !important;}