body{
	background: rgba(242, 242, 242, 1.0);
}
section{ margin-bottom: 50px;}
.cate_banner_group{margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.categories2{ width: 180px; background: #fff; z-index: 1; border-radius: 0px; padding-bottom: 20px; position:relative; }

.banner{ width: calc(100% - 180px - 230px - 20px);}
.banner .swiper-container {

}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
}
.banner .swiper-slide img{width: 100%; height: 380px;}
.swiper-button-next{ background: #fff; text-align: center; width: 40px!important; height: 40px!important; border-radius: 30px; box-shadow: 0px 0px 5px #dadadc;}
.swiper-button-prev{ background: #fff; text-align: center; width: 40px!important; height: 40px!important; border-radius: 30px; box-shadow: 0px 0px 5px #dadadc;}
.swiper-button-next:after{ content: ''!important;}
.swiper-button-prev:after{ content: ''!important;}
.swiper-pagination-bullet {
    width: 60px;
    height: 2px;
    display: inline-block;
    border-radius: 0px;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(255, 255, 255, 0.7);
}


.banner .adv{ margin-top:10px; display:flex; justify-content:space-between; }
.banner .adv div{ margin-right:10px; width:calc((100% - 10px) / 2); }
.banner .adv div:nth-child(2){ margin-right:0px; }
.banner .adv div img{ width:100%; }

.user{width: 230px; background: #fff; border-radius: 0px; padding: 0 10px;}
.user .head{height: 60px; display: flex; justify-content: center; width: 100%; margin-top: 20px;}
.user .head img{ width: 46px; height: 46px; border-radius: 40px;}
.user .head dd:nth-child(1){ margin-right:10px; margin-bottom:0px; }
.user .head dd:nth-child(2){ color:#000; }
.user .head dd:nth-child(2) p{ font-size: 14px; margin-top: 5px; color: #666; line-height: 20px;}

.user h2{ text-align: center; font-size: 18px; font-weight: 500; margin-top: 10px;}
.user .btn{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px; margin-top: 10px;}
.user .btn a{ display: block; text-align: center; width: calc((100% - 20px) / 2);
	background: #ffce24; /*background: linear-gradient(to right,#ff6600,#17528e);*/
	border-radius: 5px; height: 32px; line-height: 32px; 
	font-size: 14px; color: #000; letter-spacing: 2px;
}
.user .btn a:last-child{ margin-right:0; background: #0069b5; color:#fff; }
.user .usernum{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; 
	 margin-top: 20px; border-top: 1px dashed #f0f0f0; padding-top: 20px; color: #fff;
}
.user .usernum dd{ width:calc(100% / 2); margin-bottom:26px; }
.user .usernum dd img{height: 30px; margin-bottom: 5px;}
.user .usernum dd h4{ font-size:14px; font-weight: 500; line-height:25px; color:#000; }
.user .usernum dd p{ font-size:12px; color:#888; }
.user .usernum i{ display: block; font-size: 20px; margin-bottom: 0px;}
.user .usernum dd:hover h4{ color:#0069b5 }

.user .infomation{margin-top: 0px; border-top: 1px dashed #f0f0f0; padding-top: 20px;}
.user .infomation h4{ font-size:14px; margin-bottom:10px; font-weight:500; color:#000; }
.user .infomation h4 a{ float:right; font-weight:100; font-size:12px; }
.user .infomation ul li{ line-height:30px; font-size:13px; }
.user .infomation ul li a{ color:#666;display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */ }
.user .infomation ul li b{ font-weight:500; font-size:12px; padding:2px 5px; margin-right:5px; }
.user .infomation ul li b.c1{ color: #e56600; background: #fff192;}
.user .infomation ul li b.c2{ color: #de2910; background: #fce6e3;}


.count{ margin-top:20px; display:flex; flex-wrap:wrap; }
.count div{ width:calc((100% - 40px) / 3); background:#fff; margin-right:20px;}
.count div.count-left,
.count div.count-center{ cursor: pointer; padding:20px; border-radius:0px; text-align:center; position: relative; overflow: hidden;}
.count div.count-left h4,
.count div.count-center h4{ font-size:18px; text-align:left; }
.count div.count-left h4 a,
.count div.count-center h4 a{ font-size:14px; float:right; font-weight:100; }
.count div.count-left dl,
.count div.count-center dl{ display:flex; justify-content: center; margin-top:0px; }
.count div.count-left dl dd,
.count div.count-center dl dd{margin-top:20px; margin-right: 20px; background: #f7f7f7; line-height: 35px; border-radius: 35px; padding: 0 20px;}
.count div.count-left dl dd img,
.count div.count-center dl dd img{ margin-right:5px; height:15px; }
.count div.count-left p,
.count div.count-center p{ text-align:left; margin-top:20px; line-height:25px; position:absolute; left: 0; bottom: 0; padding:15px 20px; width:100%; }
.count div.count-left:hover p,
.count div.count-center:hover p{ background:#706d6d; color:#fff; }


.count div.count-right{ background:none; margin-right:0;}
.count div.count-right dl{ margin-bottom:20px; background:#fff; padding:10px 10px 10px 20px; border-radius:0px; display:flex; justify-content:space-between; }
.count div.count-right dl:last-child{ margin-bottom:0; }
.count div.count-right dl dd:nth-child(1){ position:relative; }
.count div.count-right dl dd:nth-child(1):after{ content:'';width:20px; height:1px; position: absolute; bottom: 10px; border-bottom: 1px dashed #8f8f8f; }
.count div.count-right dl dd h4{ font-size:18px; margin-top:10px; }
.count div.count-right dl dd p{ line-height:30px; margin-top: 5px; color:#666; }
.count div.count-right dl dd img{ height:106px; }

.recommend{background: linear-gradient(180deg,#c9e8ff,#c9e8ff); padding: 20px 20px 0px 20px; margin-top: 30px;}
.recommend .recTitle{ margin-top: 0px; margin-bottom: 20px;}
.recommend .recTitle{ display: flex; justify-content: space-between;}
.recommend .recTitle h2{ font-size:24px; line-height: 25px; color:#2c4677; }
.recommend .recTitle h2 img{ margin-right:5px; width:30px; height:30px; }
.recommend .recTitle dl{ display:flex; color:#2c4677; }
.recommend .recTitle dl dd{ margin-left:20px; font-size:15px; position:relative; display:flex; }
.recommend .recTitle dl dd img{ height:15px; margin-top:-5px; margin-left:3px; }
.recommend .recTitle dl dd.active a{ display:block; position:relative; }
.recommend .recTitle dl dd.active a:after{content: ''; width: 100%; height: 2px; background: #2c4677; position: absolute; bottom: 0; left: 0;}
.recommend .recPro{ display:flex; flex-wrap: wrap; justify-content:space-between; }
.recommend .recPro .recProLeft{ width:300px; }
.recommend .recPro .recProLeft img{ width:100%; }
.recommend .recPro .tjPro{ width:calc(100% - 320px);}
.recommend .recPro ul{display:none; }
.recommend .recPro .tjPro ul:first-child{ display:block; }
.recommend .recPro ul li{ width:calc((100% - 40px) / 3); float: left; margin-right:20px; padding-bottom: 10px; background:#fff; margin-bottom:20px; position:relative; }
.recommend .recPro ul li:nth-child(3n){ margin-right:0; }
.recommend .recPro ul li dd{ width:100%; height:180px; overflow:hidden; text-align:center; }
.recommend .recPro ul li dd img{ height:100%; width:auto; transition: all 0.5s; }
.recommend .recPro ul li:hover img{ transform: scale(1.1); }
.recommend .recPro ul li h4{ font-size:16px; padding:0 10px; line-height:30px; text-align:center; color:#2c4677; display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */ }
.recommend .recPro ul li p{ font-size:14px; padding:0 10px; color:#666; line-height:25px; text-align:center; }
.recommend .recPro ul li dt{ position:absolute; top:-8px; left:-9px; background:url(../imagess/t5.png); width:82px; height:75px; padding-left:20px; color:#fff;}
.recommend .recPro ul li dt i{ transform: rotate(-40deg); display:block; margin-left:-22px; margin-top:8px; font-weight:500; }
.recommend .recPro ul li b{ position:absolute; top:0; right:0; background:url(../imagess/zk.png) no-repeat; font-weight: 400; text-align: center; font-size: 10px; width:49px; height:49px; line-height:41px; padding-left:0px; color:#fff;}




.part-activitys{}
.part-containers{ display: flex; align-items: center; margin: 30px 0px; font-size: 18px; color: #17528e;}
.part-activitys .part-containers .vicon{ background: url(../icon/t01afc23de9cb80bf31.png) center center no-repeat; height: 40px; width: 160px;}
.part-activitys .part-containers .vline{ background: #eaeaea; height: 1px; width: calc((100% - 320px - 100px) / 2);}
.part-activitys .part-containers .part-title{ width: 100px; text-align: center;}

.part-container{ overflow: hidden;margin:auto;position:relative;}
.part-container li{ float: left; margin-right: 10px; margin-bottom: 10px; zoom: 1; width: 375px; height: 223px;}
.part-container li:last-child,.part-container li:first-child{ width: 295px; height: 456px;}
.part-container li:last-child{ float: right;}
.part-container li img{ width: 100%; height: 223px;}
.part-activitys .ac0 img,.part-activitys .ac5 img{ width: 100%; height: 100%;}
.part-activitys .ac5{position:absolute;right:0;top:0; margin-right: 0;}

.part-smart{ margin-top: 30px;}
.part-smart-title{ display: flex; justify-content: space-between;}

.part-smart .part-title {
    color: #000;
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}
.part-smart .part-title:after{ content:''; position:absolute; left:0; top: 8px; width:5px; height:15px; border-radius: 5px; background:#000; }
.part-smart .part-title font{ font-size:16px; color:#6b6868; font-weight:100; margin-left:10px; }

.part-smart .part-hot{ display:flex; }
.part-smart .part-hot ul{ display:flex;}
.part-smart .part-hot ul li{ line-height:35px; margin-right:30px; }
.part-smart .part-hot ul li a{ color:#333333; font-weight:100; }
.part-smart .part-hot ul li a:hover{ color:#0069b5; }
.indexmore {
    float: right;
    background: url(../icon/t016967b640ffb88632.png) no-repeat -150px -19px;
    color: #8c8c8c;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    padding-right: 30px;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}
.indexmore:hover {
    background: url(../icon/t016967b640ffb88632.png) no-repeat -150px -43px;
    color: #ed3714;
}
.part-smart .part-smart-product{ display: flex;  background:#fff; padding:20px; }
.part-left{ width: 300px; margin-right: 10px; padding: 0px; height: 540px;}
.part-left a{ display: block;}
.part-left a:nth-child(2){ margin-top: 10px;}
.part-left h1{ font-size:34px; color:#fff; }
.part-left h3{ font-size:18px; position:relative; color:#fff; font-weight: 100; padding-bottom:20px; margin-top:10px; line-height:25px; }
.part-left h3:after{  content:''; position:absolute; left:0; bottom: 0px; width:40px; height:3px; background:#fff; }
/*.part-left dd{ margin-top:20px; margin-bottom:20px; }*/
.part-left p{ color:#fff; line-height:40px; font-size:16px; }


.part-center{ width: calc(100% - 310px);}
.part-center ul{ display: flex; flex-wrap: wrap;}
.part-center ul li{ width: calc(100% / 3); margin: 0;background-color: #fff;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    float: left;
    height: 271px;
    position: relative;}
.part-center ul li:nth-child(1),.part-center ul li:nth-child(2),.part-center ul li:nth-child(3){ border-top: none;}
.part-center ul li:nth-child(3n){ border-right: none;}
.part-center ul li dd{ height: 160px; width: 100%; overflow: hidden; text-align: center; margin-top: 20px;}
.part-center ul li img{ height:100%; transition: all 0.5s; }
.part-center ul li:hover img{ transform: scale(1.1); }
.part-center ul li span{ display: block; text-align: center;}
.part-center ul li span.title{ margin-top: 10px; line-height: 23px; height: 50px; padding: 0 10px;display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */}
.part-center ul li span.price{ color: #17528e; font-size: 16px;}


#part-floor_cat_0 .part-left{ background: linear-gradient(180deg,#41bce4,#76d1eb); }
#part-floor_cat_1 .part-left{ background: linear-gradient(180deg,#89a7b9,#9dbac9); }
#part-floor_cat_2 .part-left{ background: linear-gradient(180deg,#be997b,#cdb197); }
#part-floor_cat_3 .part-left{ background: linear-gradient(180deg,#b3a583,#c0ba9f); }
#part-floor_cat_4 .part-left{ background: linear-gradient(180deg,#41bce4,#76d1eb); }
#part-floor_cat_5 .part-left{ background: linear-gradient(180deg,#89a7b9,#9dbac9); }
#part-floor_cat_6 .part-left{ background: linear-gradient(180deg,#be997b,#cdb197); }
#part-floor_cat_7 .part-left{ background: linear-gradient(180deg,#b3a583,#c0ba9f); }
#part-floor_cat_8 .part-left{ background: linear-gradient(180deg,#41bce4,#76d1eb); }
#part-floor_cat_9 .part-left{ background: linear-gradient(180deg,#89a7b9,#9dbac9); }
#part-floor_cat_10 .part-left{ background: linear-gradient(180deg,#be997b,#cdb197); }
#part-floor_cat_11 .part-left{ background: linear-gradient(180deg,#b3a583,#c0ba9f); }
#part-floor_cat_12 .part-left{ background: linear-gradient(180deg,#be997b,#cdb197); }
#part-floor_cat_13 .part-left{ background: linear-gradient(180deg,#b3a583,#c0ba9f); }

.advList{ margin-top: 20px;}
.advList .row{margin: 0;}
.advList .row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding: 0!important;
}
.advList .col{ background: #fff; margin-right: 20px; position: relative; text-align: right;}
.advList .col:nth-child(3n){ margin-right: 0px;}
.advList .col dd{ margin-top: 25px; margin-left: 30px; position: absolute; text-align: left;} 
.advList .col dd h4{ font-size: 22px; font-weight: bold;}
.advList .col a{ display:block; }
.advList .col img{width: 100%; height: 100%; transition: all 0.5s;}
.advList .col:hover img{transform: scale(1.05);}
/*.advList .col img{ margin: 20px 30px 20px 0px;}*/
.advList .col dd p{ color: #999999; font-size: 14px; display: block; margin-bottom: 20px; margin-top: 5px;}
.advList .col dd span{ background: #17528e; padding: 5px 8px; border-radius: 3px; color: #fff;}
.advList .col:nth-child(2){ padding: 0;}
.advList .col:nth-child(2) img{ margin: 0; width: 100%; height: 100%;}
.advList .col:nth-child(2) p{ color: #fff;}
.advList .col:nth-child(2) p i{ font-style: normal; color: #17528e; font-size: 22px;}


.productList{ background: #fff; border-radius: 5px; margin-top: 20px; padding: 20px 20px; position: relative;}
.productList .title{ font-size: 20px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px solid #e2e5ec; }
.productList .title span{ border-bottom: #17528e 2px solid; height: 49px; display: block; float: left;}
.productList .title a.more{ float: right; background: #17528e; display: block; width: 100px; height: 35px; line-height: 35px; 
text-align: center; color: #fff; font-size: 14px; margin-top: 7px; border-radius: 3px; font-weight: 500; transition: all 0.5s;}
.productList .title a.more:hover{ background-color:#f7f7f7; color:#17528e;}
.productList .pros{ overflow: hidden; margin: 20px 0px; padding: 0px 0px; width: 100%;}
.productList .pros .swiper-slide {
	width: calc((100% - 80px) / 5);
	margin-right: 20px;
	text-align: center;
	border: 2px solid #f2f3f8;
	border-radius: 5px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all 0.5s;
}
.productList .pros .swiper-slide:hover{ border: 2px solid #17528e;}
.productList .pros .swiper-button-next{ right: 3px;}
.productList .pros .swiper-button-prev{ left: 3px;}
.productList .pros .swiper-slide a{ display:block; }
.productList .pros .swiper-slide dd{ height: 200px; width: 100%; position: relative; overflow: hidden; text-align: center; justify-content: space-around; display: flex; flex-direction: column; align-items: center;}
.productList .pros .swiper-slide dd img{ width: 100%; transition: all 0.5s; }
.productList .pros .swiper-slide dd:hover img{ transform: scale(1.1);}
.productList .pros .swiper-slide dd span{ display: block; 
width: 50px; height: 50px; line-height: 50px; border-radius: 50px; font-size: 14px; background: #17528e; color: #fff; padding: 0; margin: 0; position: absolute; left: 10px; top: 10px;}
.productList .pros .swiper-slide dt{ padding: 10px;}
.productList .pros .swiper-slide h3{ color: #17528e; font-size: 16px; font-weight: 700 !important; text-align: left;}
.productList .pros .swiper-slide .star{ text-align: left;}
.productList .pros .swiper-slide .star i{color: #c3c3c5;}
.productList .pros .swiper-slide h4{ 
	font-size: 14px; margin-top: 5px; text-align: left; line-height: 25px;
	text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
@media only screen and (max-width: 1400px) {
.productList .pros .swiper-slide dd{ height: 150px;}
}


.newsList{ background:#fff; margin-top:40px; padding:20px 20px; }
.newsList .part-smart-title{border-bottom: 1px solid #ddd;}
.newsList .part-title {
    color: #000;
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    
}
.newsList .part-title:after{ content:''; position:absolute; left:0; top: 8px; width:5px; height:15px; border-radius: 5px; background:#000; }

.newsList ul{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.newsList ul li{ width:calc((100% - 60px) / 2); margin-bottom:30px; padding:20px; }
.newsList ul li:hover{ background:rgba(242, 242, 242, 1.0); }
.newsList ul li a{ display:flex; }
.newsList ul li a dd:first-child{ width:190px; height:120px; overflow:hidden; margin-right:20px; }
.newsList ul li a dd img{ width:100%; height:auto; }
.newsList ul li a dd:last-child{ width:calc(100% - 190px - 20px); height:115px; overflow:hidden; }
.newsList ul li a dd:last-child h4{ font-size:16px; color: #17528e; font-weight:400; line-height:25px; margin-bottom:10px; }
.newsList ul li a dd:last-child p{ font-size:14px; line-height:28px; color:#999999; }