/*首页*/
/*预约参观*/
.i_zx{ background:#333; padding-top:25px; padding-bottom:25px;width:100%;}
.i_zx .i_zx_t{ float:left; color:#fff;font-size:20px; line-height:24px; height:48px; overflow:hidden;}
.i_zx .r{ text-align:right; width:76%;}
.i_zx .i_zx_input{ display:inline-block;margin-left:2%; width:17%; overflow:hidden; height:48px; line-height:48px; overflow:hidden; border:0;  text-indent:10px; color:#999999; font-size:16px; outline:none;font-family:"微软雅黑"; background:#fff;}
.i_zx .i_zx_input2{appearance:none;  -moz-appearance:none;  -webkit-appearance:none;display:inline-block;margin-left:2%; width:17%; overflow:hidden; height:48px; line-height:48px; overflow:hidden; border:0;  text-indent:10px; color:#999999; font-size:16px; outline:none;font-family:"微软雅黑"; background:url(../images/contact_bg5.png) #fff 95% center no-repeat;}
.i_zx select::-ms-expand { display: none; } 
.i_zx .i_zx_btns{ display:inline-block; width:17%; height:48px; line-height:48px; overflow:hidden; text-align:center; color:#fff; background:#b39173; font-family:"微软雅黑";margin-left:2%; cursor:pointer; border:0; font-size:16px;}
.i_zx .i_zx_btns:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
/*梧桐俱乐部城市会员中心*/
.i_t{ width:96%; max-width:1200px; margin:0 auto; text-align:center; color:#666666; margin-top:2%;}
.i_t  span{ display:block; color:#666; text-transform:capitalize;letter-spacing:1px; font-weight:lighter;font-family:PINGHEI-LIGHT;}
.i_t h2{ color:#000000;font-weight:lighter; font-family:MSYHL;}
.i_one_bg{ background-color:#f5f5f5; overflow:hidden; padding-bottom:3%;}
.i_product{  margin-top:2.5%;}
.i_product ul li{ margin-bottom:2%; width:32.333%; float:left; overflow:hidden; border-bottom:2px solid #6f635b; background-color:#fff; margin-right: 1%}

.i_product ul li .imgs{ overflow:hidden; cursor:pointer;}
.i_product ul li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_product ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_product ul li .txts{ overflow:hidden; padding-left:4%; padding-right:4%; padding-top:2%; color:#666; font-size:12px; padding-bottom:3%; position:relative;transition:all 0.3s;}
.i_product ul li .txts h2{ font-weight:normal; height:40px; line-height:40px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_product ul li .txts h2 em{ font-style:normal; padding-left:26px; background:url(../images/i_bg1.png) left center no-repeat; float:right; margin-left:2%; font-size:16px;}
.i_product ul li .txts .p{ overflow:hidden; line-height:24px; height:72px; margin-bottom: 10px;}
.i_product ul li .txts label{ display:block; height:40px; line-height:40px; border-top:1px solid #e9e9e9; color:#999999;}
.i_product ul li .txts label em{font-style:normal; float:right;}
.i_product ul li .bgs{ position:absolute; bottom:0; left:0; width:100%; height:0%; background-color:#6e625a;transition:all 0.3s; overflow:hidden;}
.i_product ul li .bgs2{ position:relative;}
.i_product ul li:hover .bgs{ height:100%;}
.i_product ul li:hover .txts{ color:#fff;}
.i_product ul li:hover .txts h2 em{background:url(../images/i_bg1_on.png) left center no-repeat;}
.i_product ul li:hover .txts label{ color:#fff; border-top:1px solid #908278;}
/*梧桐俱乐部*/
.i_t2{ width:96%; max-width:1200px; margin:0 auto; text-align:center; color:#000; margin-top:2%; font-weight:lighter;}
.i_t2 h2{ color:#6e625a;font-weight:lighter; overflow:hidden; padding-bottom:35px;background:url(../images/i_bg2.png) center bottom no-repeat; margin-bottom:0;font-family:MSYHL;}
.i_t2 span{ display:block; color:#666; text-transform:capitalize;letter-spacing:1px; margin-bottom:5px;font-family:PINGHEI-LIGHT; font-weight:lighter;}
.i_t2 p{ overflow:hidden;font-family:MSYHL; font-weight:lighter;}
/*VIP会员更可尊享*/
.i_three{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;transition:all 1s;}
.i_three img{ display:block; width:100%;}
.i_three .i_three_pos{ position:absolute; width:100%; height:100%; top:0; left:0;}
.i_three .i_t3{ text-align:center; color:#fff; overflow:hidden; margin-top:6%; margin-bottom:6%; letter-spacing:1px;font-family:MSYHL; font-weight:normal;}
/*首页新闻*/
.i_four_bg{ background-color:#f5f5f5; overflow:hidden; padding-bottom:3%;}
.i_four{  margin-top:4%; height:300px;}
.i_four .i_four_l{ float:left; width:48.75%; overflow:hidden; background:url(../images/i_bg7.jpg) #7d726b right bottom no-repeat; height:100%; background-size:cover;filter: Alpha(Opacity=0);opacity: 0;}
.i_four .i_four_r{ float:right; width:48.75%; overflow:hidden; background-color:#fff; height:100%;filter: Alpha(Opacity=0);opacity: 0;}
.i_four .i_four_r .imgs{ float:right; width:41%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;transition:all 0.3s;}
.i_four .i_four_r .imgs:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_four .i_four_r .txts{ float:right; margin-right:3%; max-width:282px; width:48%; overflow:hidden; height:100%;}
.i_four .i_four_r .txts .p{ overflow:hidden; margin-top:12%; height:22px; line-height:22px; overflow:hidden; font-size:16px; color:#333;}
.i_four .i_four_r .txts .h2{ font-weight:normal; font-size:17px; line-height:28px; height:60px; overflow:hidden; max-width:420px; margin-top:5%; color:#333;}
.i_four .i_four_r .txts:hover .h2{color:#6e615a; }
.i_four .i_four_r .txts .dates{ background:url(../images/i_bg6.jpg) left top no-repeat; overflow:hidden; height:80px; line-height:25px; font-size:14px; display:block; margin-top:8%; color:#999999;}
.i_four .i_four_r .txts .imore2{ float:left; height:28px; line-height:28px; padding-left:6%; padding-right:6%; overflow:hidden; border:1px solid #6e615a; color:#6e615a; font-size:14px; margin-top:6%;transition:all 0.3s;}
.i_four .i_four_r .txts .imore2:hover{ background-color:#6e615a; color:#fff;}

@media screen and (max-width:1760px) {
/*VIP会员更可尊享*/
.i_three img{width:110%;}
}
@media screen and (max-width:1660px) {
/*VIP会员更可尊享*/
.i_three img{width:116%;}
}
@media screen and (max-width:1440px) {
/*VIP会员更可尊享*/
.i_three img{width:126%;}
}
@media screen and (max-width:1360px) {
/*梧桐俱乐部城市会员中心*/
.i_product ul li .txts{ font-size:12px;}
.i_product ul li .txts h2 em{font-size:14px; padding-left:22px;}
/*VIP会员更可尊享*/
.i_three .i_t3{ margin-top:5%; margin-bottom:4%;}
.i_three img{width:130%;}
}
@media screen and (max-width:1200px) {
/*VIP会员更可尊享*/
.i_three img{width:136%;}
/*首页新闻*/
.i_four .i_four_r .txts .p{ font-size:14px;}
.i_four .i_four_r .txts .h2{ font-size:16px;}
.i_four .i_four_r .txts .dates{ font-size:12px; height: 50px;}
.i_four .i_four_r .txts .imore2{ font-size:12px;}
}
@media screen and (max-width:1000px) {
/*VIP会员更可尊享*/
.i_three .i_t3{ margin-top:4%; margin-bottom:3%;}
/*首页新闻*/
.i_four{  height:260px;}
.i_four .i_four_r .txts .h2{ margin-top:12%; line-height:26px; height:52px;}
}
@media screen and (max-width:960px) {
/*预约参观*/
.i_zx .i_zx_t{ float:none; margin-bottom:15px; font-size:18px;}
.i_zx .r{ float:none; width:100%; text-align:left;}
.i_zx .i_zx_input{ margin-left:0; margin-right:2%; font-size:15px; height:40px; line-height:40px;}
.i_zx .i_zx_input2{ margin-left:0; margin-right:2%; font-size:15px; height:40px; line-height:40px;}
.i_zx .i_zx_btns{ margin-left:0; height:40px; line-height:40px;font-size:15px;}
/*VIP会员更可尊享*/
.i_three img{width:140%;}
}
@media screen and (max-width:830px) {
/*VIP会员更可尊享*/
.i_three img{width:150%;}
/*首页新闻*/
.i_four{  height:240px;}
}


@media screen and (max-width: 780px) {
/*梧桐俱乐部城市会员中心*/
.i_product ul li .txts label{ height:50px; line-height:50px;}
/*VIP会员更可尊享*/
.i_three img{width:160%;}
/*首页新闻*/
.i_four{ height:auto;}
.i_four .i_four_l{ float:none; width:100%; padding-bottom:3%;}
.i_four .i_four_r{ float:none; width:100%;height:240px;}
.i_four .i_four_r .txts{ max-width:none; width:54%;}
.i_four .i_four_r .txts .p{ margin-top:6%;}
.i_four .i_four_r .txts .h2{ margin-top:6%;}
.i_four .i_four_r .txts .dates{ margin-top:4%;}
.i_four .i_four_r .txts .imore2{ margin-top:4%;}
}
@media screen and (max-width: 640px) {
/*预约参观*/
.i_zx .i_zx_input{ width:22%; margin-bottom:3%; height:36px; line-height:36px;}
.i_zx .i_zx_input2{ width:22%; margin-bottom:3%; height:36px; line-height:36px;}
.i_zx .i_zx_btns{ width:22%; height:36px; line-height:36px;}
/*梧桐俱乐部城市会员中心*/
.i_t{ margin-top:5%;}
.i_product ul li{ width:49%;}
/*梧桐俱乐部*/
.i_t2{ margin-top:5%;}
.i_t2 h2{ padding-bottom:30px;}
.i_t2 span{ margin-bottom:0;}
/*VIP会员更可尊享*/
.i_three img{width:178%;}
}
@media screen and (max-width: 520px) {
/*首页新闻*/
.i_four .i_four_r .txts .h2{ font-size:14px; line-height:22px; height:44px;}
.i_four .i_four_r .txts .dates{ margin-top:10%;}
}

@media screen and (max-width: 480px) {
/*预约参观*/
.i_zx .i_zx_input{ width:47%;}
.i_zx .i_zx_input2{ width:47%;}
.i_zx .i_zx_btns{ width:47%;}
/*梧桐俱乐部城市会员中心*/

/*VIP会员更可尊享*/
.i_three img{width:192%;}
/*首页新闻*/
.i_four .i_four_r{ height:220px;}
}

@media screen and (max-width: 360px) {
/*VIP会员更可尊享*/
.i_three img{width:210%;}
/*首页新闻*/
.i_four .i_four_r{ height:200px;}
}