﻿/*bannar*/
.tuanz_bannar{width:100%;position: relative;}
.tuanz_bannar .bannar_swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;}
.tuanz_bannar .bannar_swiper .swiper-wrapper .swiper-slide a img{width:100%;}
.tuanz_bannar .bannar_swiper .swiper-container-android .swiper-slide,.bannar_swiper  .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.tuanz_bannar .bannar_swiper .swiper-wrapper {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.tuanz_bannar .bannar_swiper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.tuanz_bannar .swiper-container-horizontal>.swiper-pagination-bullets,.bannar .swiper-pagination-custom,.bannar .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.tuanz_bannar .bannar_swiper .tuanz_bannar {position: absolute;text-align: right;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 9;padding:0 20%;box-sizing: border-box;}
.tuanz_bannar .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.tuanz_bannar .bannar_swiper .swiper-pagination-bullet {opacity:1;width: 13px;height: 13px;display: inline-block;background:rgba(255, 255, 255, 0.77);border-radius:50px;}
.tuanz_bannar .bannar_swiper .swiper-pagination-bullet-active {opacity: 1;background: #b60005;}
/*bannar end*/
/*导航*/
.designer_content{width:1200px;margin:0 auto;}
.designer_content .designer_nav{width:100%;height:60px;line-height:60px;color:#333;font-size:14px;}
.designer_content .designer_nav a{color:#333;font-size:14px;}
.designer_content .designer_nav a:hover{color:#b60005;}
.designer_content .designer_nav a img{width:5px;}
/*导航end*/
/*团装*/
.designer_list_content{width:1200px;margin:0 auto;}
.designer_list_content .designer_con_left{width:900px;float: left;}
.designer_list_content .designer_con_left .designer_list ul{width:920px;}
.designer_list_content .designer_con_left .designer_list ul li{position:relative;float: left;width:281px;height:348px;overflow:hidden;margin-right: 2.5%;margin-bottom: 20px;text-align:center;background-color:#f5f5f5;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_cases{width:100%;height:237px;position:relative;overflow: hidden;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_cases img{width:100%;height:100%;-webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_cases .dorw{width:251px;height:207px;border:1px solid #f5f5f5;position:absolute;left:50%;margin-left:-125px;top:50%;margin-top:-105px;-webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_cases .dorw.on{transform: scale(1.2,1.2);}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform{width:100%;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform h4{height:30px;text-align: center;font-size:14px;line-height:30px;font-weight:normal;color:#000;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform div{height:25px;text-align: center;font-size:13px;line-height:25px;color:#555555;margin-top: 11px;-webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform div.on{margin-top:0;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform div em{padding:0 5px;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform .tuanz_detail{background-color:#b60005;height:32px;line-height:32px;text-align:center;}
.designer_list_content .designer_con_left .designer_list ul li .tuanz_inform .tuanz_detail img{width:40px;margin-top: 5px;}
.designer_list_content .designer_con_left .designer_list ul li:hover .tuanz_cases img{transform:scale(1.2,1.2);}

.designer_list_content .calc_cont_right{float: right;width: 24%;}
.designer_list_content .news_cont_house{width:100%;box-sizing: border-box;border: 1px solid #ccc;padding: 0 15px 20px;}
.designer_list_content .news_cont_house h3{font-size:20px;font-weight:normal;color:#b60005;line-height:55px;}
.designer_list_content .news_cont_house h3 img{margin-right:10px;vertical-align: middle;}
.designer_list_content .news_cont_house ul li{cursor:pointer;width:100%;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height:35px;border-bottom:1px dashed #dddddd;}
.designer_list_content .news_cont_house ul li .change_before{width:100%;}
.designer_list_content .news_cont_house ul li .change_before.on{display: none;}
.designer_list_content .news_cont_house ul li .change_before a{color:#6a6565;font-size:14px;display: inline-block;width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-left: 30px;height: 25px;}
.designer_list_content .news_cont_house ul li .change_before i{color:#ffffff;font-size:14px;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background-color:#999999;margin-right:5px;border-radius: 50%;}
.designer_list_content .news_cont_house ul li .change_before i.on{background-color: #b60005;}
.designer_list_content .news_cont_house ul li:nth-of-type(1) .change_before>i{background: none;color:#b60005;font-style:oblique;font-size:28px;font-weight:bolder;}
.designer_list_content .news_cont_house ul li .change_before span{float: right;font-size:14px;color:#b60005;}
.designer_list_content .news_cont_house ul li .change_before span img{width:14px;}
.designer_list_content .news_cont_house ul li .change_after{width:100%;position:relative;padding:10px 0;display: none;overflow: hidden;}
.designer_list_content .news_cont_house ul li .change_after.on{display: block;}
.designer_list_content .news_cont_house ul li .change_after img{width:100px;margin-left:45px;}
.designer_list_content .news_cont_house ul li .change_after a{display: inline-block;width:115px;height:70px;margin-left:10px;line-height: 20px;position: absolute;padding-top: 10px;}
.designer_list_content .news_cont_house ul li .change_after>i{color:#ffffff;font-size:14px;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;background-color:#999999;margin-right:5px;border-radius: 50%;position:absolute;top:5px;}
.designer_list_content .news_cont_house ul li .change_after>i.on{background-color: #b60005;}
.designer_list_content .news_cont_house ul li:nth-of-type(1) .change_after>i{background: none;color:#b60005;font-style:oblique;font-size:28px;font-weight:bolder;}
.designer_list_content .news_cont_house ul li .change_after a span{width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-size: 20px;color: #000;}
.designer_list_content .news_cont_house ul li .change_after a i{width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;font-size: 14px;color: #333;}
.designer_list_content .news_cont_house ul li .change_after a i em{display: block;}

.designer_list_content .calc_cont_right .apply_content{width:100%;box-sizing: border-box;border: 1px solid #ccc;padding: 0 15px 20px;margin-top: 15px;}
.designer_list_content .calc_cont_right .apply_content h3{font-size:20px;font-weight:normal;color:#b60005;line-height:55px;}
.designer_list_content .calc_cont_right .apply_content h3 img{margin-right:10px;vertical-align: middle;}
.designer_list_content .calc_cont_right .apply_content input{height:38px;width:100%;box-sizing: border-box;padding-left:10px;border-radius:5px;border:1px solid #999999;margin-top: 10px;}
.designer_list_content .calc_cont_right .apply_content a{display: block;background-color:#b60005;text-align: center;color:#fff;font-size:18px;height:40px;line-height:40px;margin-top:10px;}

.designer_list_content .calc_cont_right .active_content{width:100%;box-sizing: border-box;margin-top: 15px;}
.designer_list_content .calc_cont_right .active_content ul li div{width:100%;text-align: center;color:#000;}
.designer_list_content .calc_cont_right .active_content ul li div img{width:100%;height: 130px;}
.designer_list_content .calc_cont_right .active_content ul li div em{height:30px;line-height:30px;font-size:16px;}
.designer_list_content .calc_cont_right .active_content ul li:hover div{color:#b80000;}
/*团装end*/