/*首页*/
.index{ padding-bottom: 50px; }
.index .page1{ overflow: hidden; }
.index .page1 li{ width: 50%; float: left; }
.index .page1 li:nth-child(3n+0){ background: #f2f4f8;  }
.index .page1 li:nth-child(2){ background: #f2f4f8;  }
.index .page1 li a{ display: block;  }
.index .page1 li .box{ height: 188px; overflow: hidden;}
.index .page1 li .box .img{ height: 90px; display: flex; justify-content: center;align-items: flex-end;}
.index .page1 li img{ max-width: 30%;  }
.index .page1 li span{ display: block; text-align: center; }
.index .page1 li .text{ padding-top: 15px; }
.index .page1 li .text .em{ letter-spacing:1px; text-transform: uppercase; font-size: 12px; padding: 8px 10px 16px; }
.index .page1 li .text .bor{ width: 17px; height: 2px; background: #53627a; margin: 0 auto; }

.index .page2{  }
.index .page2 ul{ border-bottom: 1px solid #f0f0f0; }
.index .page2 li{  }
.index .page2 li a{ display: block;  }
.index .page2 li img{ width: 100%; }
.index .page2 li .wal{ display: block; margin: 10px 0 18px; }
.index .page2 li .h6{ line-height: 26px; display: block; background: url(../images/down_on.png) no-repeat right center; background-size:12px; }
.index .page2 li:hover .h6{ color: #283b59; }

.index .page3{  }
.index .page3 .box{ width: 94%; height: 268px; border: 2px solid #dedede; margin-top: 16px; position: relative; }
.index .page3 .text{ width: 100%; height: 100%; position: absolute; left: 14px; top: -16px; border: 2px solid #dedede; background: #FFFFFF; display: flex; flex-direction: column; justify-content: center; }
.index .page3 .text .h6{ overflow: hidden; padding: 0 48px 50px; }
.index .page3 .text .h6 .span{ float: left; font-size: 32px; color: #484848; }
.index .page3 .text .h6 .em{ float: left; font-size: 18px; margin-top: 13px; color: #484848; }
.index .page3 .text .h5{ padding: 0 48px; font-size: 18px; color: #484848; margin-bottom: 20px; }
.index .page3 .text .p{ padding: 0 48px; color: #9A9A9A; font-size: 12px; line-height: 26px; height: 52px; overflow: hidden; }



/*about*/
.about{  }
.about .page1{ background: url(../images/bg1_04.jpg) no-repeat; background-size: cover; padding: 0px 0 40px; }
@font-face {
	font-family:'TT0007M';
	src: url(../font/TT0007M.TTF);
}
.about .page1 .p{ line-height: 26px; }
.about .page2{ background: url(../images/bg2_02.jpg) no-repeat; background-size: cover; padding: 40px 0; }
.about .page2 .p{ line-height: 26px; color: #ffffff; }

.imgText{ position: relative; margin-bottom: 50px; padding-bottom: 30px; overflow: hidden; }
.imgText .swiper-wrapper{ height: auto; }
.imgText .swiper-slide{ height: auto; }
.imgText .swiper-slide img{ width: 100%; display: block; }
.imgText .swiper-pagination{ text-align: right; position: absolute; bottom: 0px; color: #484848; }
.imgText .swiper-pagination .swiper-pagination-current{ color: #afafaf; }
.imgText .swiper-pagination .swiper-pagination-total{ color: #484848; }


/*business*/
.business .page1{ padding-bottom: 60px; }
.business .page1 .img{ margin-bottom: 22px; }
.business .page1 .img:last-of-type{ margin-bottom: 0; }
.business .page1 .img img{ width: 100%; }
.business .page1 .img .text{ padding: 29px 3% 38px; background: #f4f5f7; }
.business .page1 .img .text .p{ line-height: 26px; }

/*boutique*/
.boutique{  }
.boutique .page1{  }

.bou-con{ overflow: hidden; position: relative; padding-bottom: 4px; border-bottom: 1px solid #f0f0f0;}
.bou-con .swiper-wrapper{ height: auto; }
.bou-con .swiper-slide{ height: auto; }
.bou-con .img{ margin-bottom: 10px; display: block; }
.bou-con .img img{ width: 100%; }
.bou-con .img .text{ display: block; }
.bou-con .img .text a{ display: block; }
.bou-con .img .text em{ display: block; line-height: 46px; background: url(../images/down_on.png) no-repeat right center;background-size: 12px; text-transform: uppercase; color: #484848;  }
.bou-con .swiper-pagination{ text-align: center; }
.bou-con .swiper-button-next{ width: 10px; height: 20px; background: url(../images/left_20.jpg) no-repeat center !important; background-size: 8px !important; left: 0; position: absolute; bottom: 6px;top: auto; }
.bou-con .swiper-button-prev{ width: 10px; height: 20px; background: url(../images/right_21.jpg) no-repeat center !important; background-size: 8px !important; right: 0; position: absolute; bottom: 6px;top: auto; left: auto; }



/*boutiqueshow*/
.boutshow{ border-top: 1px solid #f6f6f6; }
.boutshow .page1{ border-bottom: 1px solid #f0f0f0; padding-bottom:20px; }
.boutshow .page1 img{ width: 100%; margin-bottom: 20px; }

.boutshow-img{ margin: 30px 0 60px ; }
.boutshow-img .slick-slide{ height: auto; }
.boutshow-img .imgDiv img{ width: 100%; }
.boutshow-img .slick .text{ display: block; }
.boutshow-img .slick .text a{ display: block; }
.boutshow-img .slick .text em{ display: block; line-height: 46px; background: url(../images/down_on.png) no-repeat right center;background-size: 12px; text-transform: uppercase; color: #484848;  }



/*honor*/
.honor{ padding-bottom: 65px; }
.honor .page1{ overflow: hidden; background: url(../images/ico8_03.png) no-repeat repeat 22px top ; padding: 10px 0 0; }
.honor .page1 li{ padding: 16px 0; overflow: hidden; }
.honor .page1 li .left .ico1{ width: 25px; display: block; margin-left:10px;}
.honor .page1 li .left .kuang{ width: 44px; height:44px; background: #32405b;text-align: center;display: table-cell;vertical-align: middle;}
.honor .page1 li .left .ico2{ width: 10px; display: block; margin: 22px auto; padding-left: 2px; }
.honor .page1 li .con{ float: left;margin-left: 20px; width:160px;}
.honor .page1 li .con .h6{ font-size: 18px; padding-bottom: 4px; color: #363635; }
.honor .page1 li .con .span{ text-transform: uppercase; font-size: 12px; width:190%;}
.honor .page1 li .honor-btm{ width: 110px; height: 30px; background: #283b59 url(../images/ico7_08.png) no-repeat 90% center; text-indent: 10px; line-height: 30px; color: #fff; margin: 6px 0 0 16px; }
.honor .page1 li .honor-btm.on{ background: #e1e1e1 url(../images/b18.png)no-repeat 90% center; color: #a1a1a1; }
.honor .page1 li .honor-text{ line-height: 34px; float: left; color: #898888; width: calc(100% - 64px); padding: 0 0 0 64px; margin-top: -10px; }


/*news*/
.news{  }
.news .page1{  }
.news .page1 .box{ width: 94%;height: 268px;border: 2px solid #dedede;margin-top: 16px;position: relative; margin-bottom: 40px; }
.news .page1 .box:last-of-type{ margin-bottom: 0; }
.news .page1 .box .text {width: 100%;height: 100%;position: absolute;left: 14px;top: -16px;border: 2px solid #dedede;background: #FFFFFF;display: flex;flex-direction: column;justify-content: center;}
.news .page1 .box .text .h6{ overflow: hidden; padding: 0 48px 50px; }
.news .page1 .box .text .h6 .span{ float: left; font-size: 32px; color: #484848; }
.news .page1 .box .text .h6 .em{ float: left; font-size: 18px; margin-top: 13px; color: #484848; }
.news .page1 .box .text .h5{ padding: 0 48px;font-size: 17px;color: #484848;margin-bottom: 20px; }
.news .page1 .box .text .p{ padding: 0 48px;color: #9A9A9A;font-size: 12px;line-height: 26px;height: 52px; overflow: hidden; }
.newShow .page1 p{line-height: 28px;font-size: 15px;margin-bottom: 40px;} 


/*newshow*/
.newShow{ font-family:"微软雅黑"!important;}
.newshow{  }
.newshow .page1{ padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; }
.newshow .page1 .p{ line-height: 26px; color: #949494; margin-bottom: 20px; }
.newshow .page1 img{ width: 100%;  margin-bottom: 20px; }
.newshow .page1 .b{ font-weight: bold; color: #484848; padding: 10px 0 0;margin-bottom: 20px; }


/*video*/
.video-tit{ font-size: 14px; text-align: center; color: #484848; margin-bottom: 14px; }
.video{  }
.video .page1{ margin-bottom: 60px; }
.video .page1 .img{ margin-bottom: 40px; }
.video .page1 .img img{ width: 100%; }
.video .page1 .img:last-of-type{ margin-bottom: 0px; }


/*contact*/
.contact{ padding-bottom: 60px; }
.contact .page1{ padding: 0 0 60px; }
.contact .page1 .text{  }
.contact .page1 .text li{ overflow: hidden; line-height: 30px; }
.contact .page1 .text li img{ margin:8px 4px 0 0; float: left; }
.contact .page1 .text li .span{ float: left; color: #484848; }

.contact .page2{  }
.contact .page2 .img img{ width: 100%; }

.contact .page3{  }
.contact .page3 .img img{ width: 100%; }