/* k */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;  font:normal 12px/22px; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
.clear{ clear:both} 
.middle{width: 1402px; margin: 0 auto;}
  html, body {
        position: relative;
        height: auto;
		margin: 0;
		padding: 0;
    }
.fl{ float: left;}
.fr{ float: right;}
.w1400 { width: 1400px; margin: 0px auto;}	
.w1440 { width: 1440px; margin: 0px auto;}	
	/* 头部 */
.head { width: 100%; height: 40px; line-height: 40px; background: #f2f2f2; font-size: 16px}
.head a:hover{ color: #ffab3e;}
.head .left img{ margin-right: 10px;}
.head .right span{ font-weight: bold; float: left;}
.head .right i{ width: 1px; background:#ffab3e ; height: 20px; float: left; display: block; margin: 10px 5px;}
.header{ width: 100%; height: 130px; z-index: 3;position: relative;}
.header .logo{ margin: 22px 0px; margin-left: 3.6%; width: 30%; }
.header .logo img{ width: 100%;}
.header .nva{width: 48%; margin-top: 2%;  margin-left: 6%;position: relative;}
.header .nva ul li{ float: left; width: 14.28%; height: 60px;  text-align: center; line-height: 60px;}
.header .nva ul li.on{ background:#3d3c3a;}
.header .nva ul li.on a{color: #fff; font-size: 20px;}
.header .nva ul li:hover{background:#3d3c3a;}
.header .nva ul li:hover a{ color: #fff; }
.nva li .hradshow{ width:100%; position:absolute; left:0; top:58px; padding-top:35px; padding-bottom:16px; background:#f4ebe7; z-index:99;display: none; }
.nva li .hradshow .pic{ width:28%; overflow: hidden; box-sizing: border-box; height: 266px;}
.nva li .hradshow .pic img{  max-width: 80%;  height: 100%; display:block; margin:auto;}
.nva li .hradshow .down_nav{ width:20%; margin-left:2%;}
.nva li .hradshow .down_nav h4,.nav li .show .down_case h4,.down_contact h4{ line-height:34px; width:90%; /* border-bottom:1px solid #f5f5f5; */ margin-bottom:3px; color:#000000; text-align:left; font-size:18px;}

.nva li .hradshow .down_nav p{ line-height:40px; font-size:16px; color:#5D5D5D; text-align:left;}
.nva li .hradshow .down_case{ width:18%}
.nva li .hradshow .down_case h3,.down_contact h3{ width:100%}
.nva li .hradshow .down_case dl dd{ width:48%; float:left; margin:1%; margin-bottom:5px; box-shadow:0px 0px 5px #e0e0e0;}
.nva li .hradshow .down_case dl dd img{ width:90%; display:block; margin:auto}
.header .nva ul li:hover .down_nav p a{ color: #333;}
.header .nva ul li:hover .down_nav h4 a{ color: #333;}
.down_nav p a:hover{ color:#efd9db;}
.down_contact{ width:18%;}
.down_ewm img{ width: 100%;}
.down_contact h4{ padding-left: 7%;}
.down_ewm{ text-align:left; padding-top: 3%;}
.down_tel{ width:25%; /* clear:both; */ margin-left: 4%; margin-top:5%; color:#000000;font-family: "微软雅黑";}
.down_tel .tel{ display:inline-block; vertical-align:middle; padding:0px; line-height:45px; background:#efd9db; border-radius:10px; width:90%; color:#333; margin-right:2%;font-size: 20px; font-weight: 600;}
.diwen { position: absolute; top: 100px; width: 100%; height: 200px; background: #333333;}
.down_tel p{ font-weight: 600; font-size: 18px; line-height: 40px; margin-top: 4%;}

.down_tel .tel img{ max-width:25px; display:inline-block; vertical-align:middle; margin-right:2%; }
.souso{ width: 5%; height: 60px; margin: 2% 0px; display: block; margin-left: 2%;}
.search  a{ float: left; width: 50px; height: 60px; padding-top: 16%; box-sizing: border-box;}
.header .search .btn {background:url(../images/search1.png) no-repeat center; background-size: 60%;}
.header .search .btn2{background:url(../images/search2.png) no-repeat center; background-size: 60%;}
.header .weiixn:hover .code{ display: block; z-index: 9;}
.header .weiixn i{ font-size: 24px; line-height: 60px; float: right;}
.weiixn .code{ position: absolute; top: 95%; right: 4%; width: 120px; height: 120px;  display: none;}
.weiixn .code img{ width: 100%;}
.seach_cont .icon{ background:url(../images/search1.png) no-repeat left center; background-size: 100%; width: 30px; height: 30px; 
display: block;margin-top: 5px;}
.seach_cont{background: #fff; width: 25%; height: 40px; border:1px solid #bebebe; display: none;border-radius: 20px;  padding: 10px 20px;  position: absolute; top: 95%; right: 7%; z-index: 9; }
.seach_cont span{ width: 120px; float: left; background: #cccccc;  border-radius:20px; display: block; height: 100%; line-height: 40px; text-align: center; color: #999; font-size: 18px; margin-right: 1%;}
.seach_cont span:hover{ background: #3d3c3a; color: #fff;}
.seach_cont form{ width: 100%; float: right;  display: block;}
.seach_cont  input{ width: 60%; margin-left: 3%;  display: block; float: left; height: 40px; background: none; border: none;outline:medium; line-height: 40px; color:#cccccc; font-size: 18px; border-bottom: 1px solid #ccc; }
.search1 button{ border: none; background: none; outline:medium;}
/* banner */
.lb { position: relative;}
.lb .swiper-container { width: 100%; height: 100%;margin-left: auto;margin-right: auto; }
.lb .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;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width: 20%; bottom: 10%; z-index: 999;}
.lb .swiper-pagination-bullet{ background: #fff; width: 12px; height: 12px; outline: medium; opacity: 0.5;}
.lb .swiper-pagination-bullet-active{ opacity: 1; background: #3d3c3a;}
.lb .swiper-button-prev{ left: 77%; top: 88%; outline: medium;border: 2px solid #fff; width: 52px; height: 52px; border-radius: 50%; z-index: 
999;}
.lb .swiper-button-prev:after{ content: url(../images/fleft.png); background-size: 100%;}
.lb .swiper-button-next{ right: 16%; top: 88%; outline: medium;border: 2px solid #fff; width: 52px; height: 52px; border-radius: 50%; z-index:999;}
.lb .swiper-button-next:after{ content: url(../images/fright.png);}
.lb .swiper-button-next:hover,.lb .swiper-button-prev:hover{ background: #3d3c3a; border: 1px solid #3d3c3a;}
.lb .swiper-slide img{width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.05,1.05);}
.lb .swiper-slide-active img {transition: 4s linear; transform: scale(1,1);}
.button_down { width: 40px; height: 40px; position: absolute; bottom: 10%;left: 45%; z-index: 9;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
.button_down img{ width: 100%;}  
@-webkit-keyframes bounce-down {
       25% {
            -webkit-transform: translateY(-8px);
       }
       50%, 100% {
            -webkit-transform: translateY(0);
       }
       75% {
            -webkit-transform: translateY(8px);
       }
}
 
@keyframes bounce-down {
        25% {
             transform: translateY(-8px);
        }
        50%, 100% {
             transform: translateY(0);
        }
        75% {
             transform: translateY(8px);
        }
}
/* 产品 */
.framework{ /* background:url(../images/boybei.png) #f4ebe7 no-repeat top center; */ background: #F4EBE7; display: inline-block; width: 100%; background-position: top 5px; padding-bottom: 135px;}
.syproduct { padding: 0px 34px; box-sizing: border-box; margin-top: 92px; display: flex;}
.syproduct-left{ width: 65%;}
.syproduct-right{ width: 35%;}
.topsyproduct{ background:url(../images/title.png) no-repeat left; height: 134px;color: #3d3c3a; padding-left: 10%; box-sizing: border-box; }
.topsyproduct h4{ font-size: 30px; padding-top: 5%;letter-spacing:2px}
.topsyproduct p{ font-size: 18px; line-height: 35px;}
.bo-syproduct{ margin-top: 15px;}
.bo-syproduct span{ width: 28%; height: 32px; margin: 10px 0px; margin-left: 10%; font-size: 18px; color: #fff; background: #3D3C3A; display: block;  line-height: 32px; text-align: center;}
.bo-syproduct .pr-qiehuan .sPrev,.bo-syproduct .pr-qiehuan .sNext{ width: 50px; height: 50px; display: block;} 
.pr-qiehuan{ margin-left: 50px;}
.bo-syproduct .pr-qiehuan .sPrev{background:url(../images/leftl.png) no-repeat center; margin-right: 60px;}
.bo-syproduct .pr-qiehuan .sPrev:hover{background:url(../images/hleft.png) no-repeat center;transition:all 0.4s;}
.bo-syproduct .pr-qiehuan .sNext{background:url(../images/leftr.png) no-repeat center; }
.bo-syproduct .pr-qiehuan .sNext:hover{background:url(../images/hright.png) no-repeat center; transition:all 0.4s;}
.img-syproduct{ width: 65%; height: 330px; overflow: hidden; margin-top: 20px;}
.img-syproduct img{ width: 100%; min-height: 100%;}
.titcontrast{width: 30%; margin-left: 1%; padding: 18px 0px; box-sizing: border-box;}
.titcontrast ul { padding-top: 1%;}
.titcontrast ul li a{ font-size: 18px; padding-left: 20%; line-height: 26px;}
.titcontrast ul li{  margin-top: 10%;}
.titcontrast ul li p{ width: 105px; height: 1px; display: block; background: #3D3C3A; display: none;}
.titcontrast ul li:hover p{ display: block;}
.syproduct-right  .swiper-wrapper{ width: 100%; overflow: hidden; float: right; }
.syproduct-right .swiper-slide { width: 100% !important;}
.syproduct-right .swiper-slide .swiper-img{ width: 100%; height: 192px; overflow: hidden;}
.syproduct-right .swiper-slide .swiper-img img{ width: 100%; min-height: 100%;}
.syproduct-right .swiper-slide .b{ width: 100%; font-size: 24px; margin-top: 7%; line-height: 54px; display: block; border-bottom: 1px solid #3D3C3A; } 
.syproduct-right .swiper-slide p{ font-size: 20px; line-height: 30px; text-indent:2em; margin-top: 17%;}
.syproduct-right .swiper-slide .m{ width: 134px; height: 32px; background: #3D3C3A; display: block; float: right; font-size: 18px; color: #fff; text-align: center; line-height: 32px; margin-top: 27px;}
.syproduct-right .swiper-slide .m a{ color: #fff;} 
.titcontrast ul li.on p{width: 105px; height: 1px; display: block; background: #3D3C3A;}
/* 产品分类 */
.tailorism { margin-top: 120px; /* display: flex; */}
.tailorism .tailorism-tit { text-align: center; width: 100%;}
.tailorism .tailorism-tit h5{ font-size: 36px;}
.tailorism .tailorism-tit p { height: 40px;}
.tailorism .tailorism-tit p span{ font-size: 20px; line-height: 40px; margin: auto;}
.tailorism .tailorism-tit p i{ width: 20.8%; height: 1px; margin: 0px 5px; margin-top: 19px;background: #3D3C3A;}

.tailorism .tailorism-tit p i:first-child{ margin-left: 21%;float: left;}
.tailorism .tailorism-tit p i:last-child{ margin-right: 21%; float: right;}
.tailorism-cont{ padding: 0px 44px; box-sizing: border-box; margin-top: 60px;display: inline-block;}
.tailorism-cont ul li{ width: 31.5%; height: 490px; background: #efd9db; border-radius: 18px; display: block; position: relative; float: left; margin-right: 2.7%; margin-bottom: 38px;}
.tailorism-cont ul li:nth-child(3n){ margin-right: 0px;}
.tailorism-cont ul li .tai-img{ width: 100%; height: 422px; overflow: hidden; border-radius: 18px 18px 0px 0px;}
.tailorism-cont ul li .tai-img img{ height: 100%; min-width: 100%;}
.tailorism-cont ul li .img-tit{ position: absolute; top: 0px; width: 100%; height: 422px; background: rgba(61,60,58,0.7); border-radius: 18px 18px 0px 0px; padding: 0px 46px; box-sizing: border-box; padding-top: 122px; display: none;}
.tailorism-cont ul li .img-tit .left-tit{width:42%;}
.tailorism-cont ul li .img-tit .left-tit span{ width: 100%; height: 40px; font-size: 15px; color: #fff; border: 1px solid #fff; display: block; line-height: 40px; text-align: center;}
.tailorism-cont ul li .img-tit .left-tit img{margin: auto; display: block; margin-top: 35px; }
.tailorism-cont ul li .img-tit .right-tit{ width:54%;}
.tailorism-cont ul li .img-tit .right-tit a{ font-size: 16px; color: #fff;}
.right-tit dl dt i{ width: 8px; height: 8px; background: #fff; display: block; margin-top: 5px; float: left; display: block;border-radius: 50%;}
.right-tit dl dt{margin-bottom: 20px;}
.right-tit dl dt span{margin-left: 12px; line-height: 25px;}
.tailorism-cont ul li:hover .img-tit{ display: block;transition:all 0.4s;} 
.tailorism-cont ul li:hover .tai-img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.tailorism-cont ul li .title{ margin: 0px 22px; height: 68px;}
.tailorism-cont ul li .title span{ font-size: 20px; line-height: 35px;}
.tailorism-cont ul li .title p{ font-size: 18px; height: 25px;}
.tailorism-cont ul li .title p i{background:url(../images/hright.png) no-repeat; float: right; width: 25px;height: 25px; background-size: 100%; }
/* 关于 */
.syabout{width: 100%; background: url(../images/about.jpg) no-repeat top center; margin-top: 54px; display: flex;}
.syabout-cont{ margin-top: 17%; width: 100%; height: auto;}
.syabout-cont .left-syabout{ width: 54.6%; height: 443px; background: #f4ebe7; display: block; box-shadow: 5px 5px 4px rgba(61,60,58,0.26);}
.left-syabout .left-cont{ width: 66.8%; margin-right: 62px; float: right;}
.left-syabout .left-cont h5{ font-size: 40px; line-height: 80px; margin-top: 20px;}
.left-syabout .left-cont .b{ width: 107px; height: 8px; background: #3D3C3A; display: block;}
.left-syabout .left-cont p{ font-size: 20px; text-indent:2em; line-height: 30px; margin-top: 58px;}
.left-syabout .left-cont .m{ width: 116px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #3D3C3A; display: block; margin-top: 10px; float: right;}
.left-syabout .left-cont .m a{text-transform:uppercase;  }
.left-syabout .left-cont .m:hover{ background: #3D3C3A; color: #fff;}
.left-syabout .left-cont .m:hover a{ color: #fff;}
.right-syabout{width: 45.3%; padding-top: 10%;}
.right-syabout ul li{width: 142px; height: 140px; border: 1px solid rgba(255,255,255,0); display: block;  text-align: center; float: left; margin-left: 15px; border-radius: 15px; }
.right-syabout ul li img{ margin: 15px auto;}
.right-syabout ul li:hover{ border:1px solid #fff;}
.right-syabout ul .select{border:1px solid #fff;width: 140px; height: 138px;}
.right-syabout ul li p{ font-size:20px; color: #fff; line-height: 60px;}
/* 优势 */
.advantage { width: 100%; margin-top: 70px;}
 .advantage-tit{text-align: center;}
 .advantage-tit h5{ font-size: 36px;}
 .advantage-tit p { height: 50px;}
.advantage-tit p span{ font-size: 20px; line-height: 50px;   margin: auto;}
 .advantage-tit p i{ width: 20.8%; height: 1px; margin: 0px 5px; margin-top: 25px;background: #3D3C3A;  }
 .advantage-tit p i:first-child{ margin-left: 21%;float: left;}
  .advantage-tit p i:last-child{ float: right; margin-right: 21%;}
.adv-cont { margin-top: 4.2%;}
.adv-cont ul li{ width: 533px !important; height: 313px; background: #efd9db; border: 1px solid #3D3C3A; padding: 0px 60px; box-sizing: border-box; position: relative; float: left; margin-right: 22px;}
.adv-cont ul li h6{ font-size: 24px; margin: 32px 0px;}
.adv-cont ul li p:nth-child(2){ font-size: 18px; line-height: 30px; font-weight: 700;}
.adv-cont ul li p:nth-child(3){ font-size: 16px; line-height: 30px; margin-top: 7%;}
.adv-cont ul li span{ float: right; font-size: 16px;text-transform:uppercase; margin-top: 6%;}
.adv-cont ul li .adv-img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background:#000;display: none }
.adv-cont ul li .adv-img img{ width: 100%; min-height: 100%; opacity: 0.5;}
.adv-cont ul li .adv-img span{position: absolute; top: 130px; left: 215px; width: 68px; height: 68px; display: block; background: url(../images/url1.png) no-repeat; margin: 0px; }
.adv-cont ul li:hover .adv-img{ display: block; }
.adv-cont ul li:hover .adv-img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.adv-cont .tempWrap{width: 100% !important;}
/* anli */
.sycsee { background:url(../images/casebei.jpg) no-repeat top center; background-size: 100%;  margin-top: 6.7%; padding-top: 82px; box-sizing: border-box;}
.sycase-cont{ position: relative; margin-top: 5%; display: inline-block; width: 100%;}
.sycase-cont .sPrev1{background: url(../images/q1.jpg)no-repeat center ; left: 5px;}
.sycase-cont .sNext1{background: url(../images/q2.jpg)no-repeat right center ; right: 5px;}
.sycase-cont .sPrev1,.sycase-cont .sNext1{ width: 76px; height: 94px; background-size: 90%; top: 0px; height: 662px;position: absolute;display:block; outline: none; z-index: 2; } 
 .sycase-cont ul li{ width: 40.4%; float: left; margin-right: 82px;}
 .sycase-cont ul li .topcase{ width: 100%; height: 256px; background: #f4ebe7; padding: 0px 70px; box-sizing: border-box; padding-top: 5%;}
 .topcase .case-title{ font-size: 18px; font-weight: bold; line-height: 55px;}
  .topcase p{ font-size: 18px; font-weight: 500; line-height: 30px;}
.topcase span{ width: 130px; height: 25px; line-height: 25px; background: #3D3C3A; text-align: center; display: block; font-size: 16px; font-weight: bold; color: #fff; text-transform:uppercase; float: right; margin-top: 6%;} 
.topcase span a{ color: #fff;}
.sycase-cont ul li .case-img{width: 100%; height: 405px; overflow: hidden;}
.sycase-cont ul li .case-img img{ width: 100%; min-height: 100%;}
.sycase-cont ul li:hover .topcase span{ background: #efd9db;}
.sycase-cont ul li:hover .case-img img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.sycase-cont .tempWrap{ width: 86.7% !important; overflow: hidden; margin: auto;}
/* gongyi */
.process{ margin-top: 6.7%;}
.process .craft{ width: 100%; margin-top: 4.6%;}
.process .craft ul li{position: relative; width: 18.8%; float: left; margin-right: 18px; height: 330px; overflow: hidden; }
.process .craft ul li img{ width: 100%; min-height: 100%;}
.process .craft .craft-tit{position: absolute; top: 0px; background: rgba(0,0,0,0.37); width: 100%; height: 100%; display: none;}
.process .craft .craft-tit span{ width: 260px; height: 55px; line-height: 55px; text-align: center; font-size: 22px; font-weight: bold; border: 1px solid #fff; display: block; margin: auto; color: #fff; margin-top: 40%;}
.process .craft ul li:hover .craft-tit{ display: block;}
.process .craft ul li:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/* xinwen */
.synews{ margin-top: 6.7%;}
.synews-cont{ padding: 0px 34px; box-sizing: border-box; margin-top: 4.2%; display: flex;}
.synews-cont ul li { width: 30%; float: left; margin-right: 68px; margin-bottom: 40px;}
.synews-cont ul li .synews-img{width: 100%; height: 272px; overflow: hidden;}
.synews-cont ul li .synews-img img{ width: 100%; min-height: 100%;}
.synews-cont ul li:hover .synews-title{ background: #EFD9DB;}
.synews-cont ul li:hover .synews-title p{ color: #3D3C3A;}
.synews-cont ul li:hover .synews-title .time{ color: #3D3C3A;}
.synews-cont ul li .synews-title{ width: 92%; padding: 0px 4%; box-sizing: border-box; background: #3D3C3A; height: 194px; margin-top: -20%; display: inline-block; margin-left: 4%;}
.synews-cont ul li:nth-child(3n){ margin-right: 0px;}
.synews-title p:first-child{ font-size:20px; font-weight: bold; color: #fff; line-height: 65px; height: 65px; width: 100%; overflow: hidden;}
.synews-title p:nth-child(2){ font-size: 16px; line-height: 30px; color: #fff;}
.synews-title .time{ width: 100%; color: #c1c1c1; font-size: 16px; margin-top: 9%;}
.synews-title .time span{ float: left;}
.synews-title .time i{ float: right; font-style: inherit;}
/* 合作 */
.coop{margin-top: 3%;}
.coop-list{ margin-top: 4%;}
.coop-list ul li{ width: 16%;  float: left; height: 53px;}
.coop-list ul li img{ height: 53px; margin: auto; display: block; filter: grayscale(100%);}
.coop-list ul li:hover img{ filter: grayscale(0%);}
/* 案例列表页 */
.banner-image{ height: 620px; background-position: center;}
.crumbs{ height: 30px; line-height: 30px; letter-spacing: 1px; padding-top:4%; }
.crumbs img{ margin-right: 12px;}
.nei-title{ margin-top: 36px;}
.nei-title p{ height: 36px; line-height: 36px; border-left: 14px solid #3D3C3A; font-size: 36px; letter-spacing: 2px;text-transform:uppercase;padding-left: 1.5%; }
.nei-title span{ margin-left: 8px;}
/* .content  .case-list ul{display: flex; flex-direction: row; justify-content: center;} */
.content  .case-list{ margin-top: 5%;display: inline-block; width: 100%;}
.content  .case-list ul li{ width: 40%; float: left; margin-left: 6.5%;}
.content  .case-list ul li .case-thumb{ width: 100%; height: 376px;  overflow: hidden;}
.content  .case-list ul li .case-thumb img{ width: 100%; min-height: 100%;}
.content  .case-list ul li p{ height: 50px;  line-height: 50px; font-size: 26px; overflow: hidden; text-align: center; margin: 8px 0px;} 
.content  .case-list ul li span{ width: 20%; height: 34px; display: block; margin: 0px auto; line-height: 34px; text-align: center; border: 1px  solid #bfbfbf;}
.content  .case-list ul li:hover img,.content .case-arrange ul li:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/* .content  .case-list ul li:hover p{ color:#eab96a;} */
.content  .case-list ul li:hover span{ background: #3D3C3A; border: 1px solid #3D3C3A; color: #fff; transition: all 0.4s;  }
.content .case-arrange{ padding: 0px 2%; margin-top: 4.6%; margin-bottom: 2%; width: 100%; display: inline-block;}
.content .case-arrange ul li{ width: 22.5%; border: 1px solid #e6e6e6; float: left; margin-right: 2%; margin-bottom: 30px;}
.content .case-arrange ul li:nth-child(4n){ margin-right: 0px;}
.content .case-arrange ul li .arr-thumb{ width: 100%; height: 210px; overflow: hidden;}
.content .case-arrange ul li .arr-thumb img{ width: 100%; min-height: 100%;}
.content .case-arrange ul li p{ width: 80%; margin: auto;  text-align: center; font-size: 18px;}
.content .case-arrange ul li p:nth-child(2){ line-height: 40px;}
.content .case-arrange ul li p:nth-child(3){ font-size: 15px; line-height: 22px; text-align: left;}
.content .case-arrange ul li span{ width: 30%; border: 1px solid #bfbfbf; display: block; margin: auto; height: 34px; line-height: 34px; font-size: 14px; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.content .case-arrange ul li:hover span{ background: #3D3C3A; border:1px solid #3D3C3A; color: #fff;}
.content .case-arrange ul li:hover{background: #efd9db;}
/* .content .case-arrange ul li:hover p:nth-child(2){ color: #EAB96A;} */
.content .case-arrange ul li:hover{ border: 1px solid #efd9db;}
.v9_pages{ margin: auto; text-align: center; font-size: 18px; margin-top: 2%; height: 36px;}
.v9_pages a{ padding: 10px; border: 1px solid #bfbfbf; margin-right: 4px;}
.v9_pages span{ background: #3D3C3A; border: 1px solid #3D3C3A; color: #fff; padding: 10px; margin-right: 10px;}
.v9_pages a:hover{background: #3D3C3A; border: 1px solid #3D3C3A; color: #fff;}

/* 底部 */
.content-color{ background: #f4ebe7;}
.content{ padding-bottom: 100px; display: flex;}
.foot{ background: #000; width: 100%; display: inline-block;}
.foot .foot-cont{ margin: 6% 0px; width: 100%; display: inline-block; margin-bottom: 0px;}
.foot-cont .foot-title{ color: #fff; font-size: 20px;  font-weight: bold; line-height: 50px;}
.foot-cont .foot-title span{ width: 58px; height: 2px; background: #EAB96A; display: block; }
.foot-cont .foot-nva{ height: 240px; width: 16%; margin-left: 2%;}
.foot-cont .foot-nva ul{ margin-top: 32px; width: 100px; float: left;}
.foot-cont .foot-nva ul li{ width: 78px; height: 40px; line-height: 40px; float: left;}
.foot-cont .foot-nva ul li a{ color: #fff; font-size: 18px;}
.foot-cont .foot-add{ width: 37%; margin-left:12%;}
.foot-cont .foot-add p{ height: 25px; line-height: 25px; margin: 20px 0px;  color: #fff; font-size: 18px;}
.foot-cont .foot-add p span{ margin: 10px 0px;}
.foot-cont .foot-add p img{ margin-right: 10px; width: 21px; height: 21px;}
.foot-cont .foot-add p:nth-child(5){ padding-left: 31px;}
.foot-cont .foot-add p:nth-child(6),.foot-cont .foot-add p:nth-child(7){ padding-left: 31px;}
.foot-cont .foot-weixin img{ margin-top: 40px;}
.foot-cont .foot-weixin { margin-left: 16%;}
.foot-botttom{ width: 100%; font-size: 18px; color: #fff;text-transform:uppercase; }
.foot-botttom a{ color: #fff;}
.link{ color: #fff; height: 60px;}
.link a{ color: #fff; line-height: 30px; font-size: 14px;}
/* 关于我们 */
.about-title { text-align: center;}
.about-title p{ font-size: 36px;text-transform:uppercase; }
.about-title i{ width: 50px; height: 4px; background: #000; display: block; margin:10px auto;}
.about-title span{ font-size: 36px;}
.abot-cont p{ line-height: 40px; font-size: 16px;}
.about-tel{ background:url(../images/neiabout.jpg) no-repeat center; width: 100%; height: 360px; margin: 40px 0px;}
.about-tel span{ font-size: 30px; font-weight: bold; color: #fff; width: 24%;float: right; margin-top: 14%;}
.about_bd  ul li { float: left; height: 430px; width: 30%; position: relative; margin-right: 70px;}
.about_bd  ul li .about_list { width: 100%; height: 312px; overflow: hidden;}
.about_bd  ul li .about_list img{ width: 100%; min-height: 100%;}
.about_bd ul li .about_list_title{ width: 88%; height: 184px; margin: auto; box-shadow: 0px 0px 5px  rgba(6,0,1,0.3); padding: 0px 16px; box-sizing: border-box; background: #EFD9DB; margin-top: -20%; margin-left: 6%; display:inline-block;}
.about_list_title span{ font-size: 24px; font-weight: bold; line-height: 60px;}
.about_list_title p{ font-size: 18px; line-height: 30px;text-indent:2em} 
.about-bd { text-align: center; margin-top: 40px; display: flex; flex-direction: row; justify-content: center;}
.about-bd .next,.about-bd .prev{ width: 90px; height: 70px; display: block; float: left; background: #3D3C3A; margin: 0px 27.5px;}
.about-bd .next img,.about-bd .prev img{ margin: auto; display: block; padding-top: 15px; }
.about-bd .next:hover,.about-bd .prev:hover{ background: #EFD9DB;}
/* xinwen */
.news{ margin-top: 5%; height: auto; display: flex;}
.news .left-news{ width: 66%; display: inline-block;} 
.news .left-news ul li { width: 100%; margin-top: 77px; height: 470px; border-radius: 20px; padding: 60px 60px 0px 30px; box-sizing: border-box;  background: #E6E6E6;}
.news .left-news ul li:first-child{ margin-top: 0px;}
.news .left-news ul li .news-thumb{ width: 25.2%; height:210px; overflow: hidden;}
.news .left-news ul li .news-thumb img{ height: 100%;}
.news .left-news ul li .news-cont{ width: 70%;}
.news-cont p:first-child{ font-size: 24px; font-weight: bold;}
.news-cont p:nth-child(2){ font-size: 18px; font-weight: 300; text-indent:2em; line-height: 30px; margin-top: 25px;}
.news-cont .time { height:36px; line-height: 36px; margin-top: 36px; font-size: 18px; }
.news-cont .time span{ width: 20%; color: #fff; height:35px; text-align: center; line-height: 35px;  background: #bfbfbf; display: block; float: right;}
.news .left-news ul li:hover .time span{background: #3D3C3A; }
.left-news .v9_pages{ margin-top: 5%;}
.news .left-news ul li:hover { background: #EFD9DB;}
.right-news{ width: 340px; padding-bottom: 40px; margin-right: 5%;}
.right-news .news-list p{ font-size: 30px; background: #efd9db; line-height: 72px; text-align: center; font-weight: bold;border-bottom: 1px dashed #e2d7d2;}
.right-news .news-list ul li { font-size: 20px; /* font-weight: 600; */line-height: 52px; border-bottom: 1px dashed #e2d7d2; overflow: hidden; position: relative;}
.right-news .news-list ul li.on{ background: #efd9db;}
/* .right-news .news-list ul li:hover { } */
.right-news .news-list ul li .t{ width: 60%; display: block; text-align: right;}
.news-list .ico{ position:absolute; right:15px; width:25px; height:15px; top: 20px; z-index:1;background:url(../images/click1.png) 100% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.news-list .a_js2_on{background:url(../images/click2.png) 100% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.news-list .a_txt2{ display: none;}
.news-list .a_txt2 a{height:45px;line-height:45px; padding-left: 34%; font-size:16px; font-weight:initial; display:block;border-bottom: 1px dashed #e2d7d2;} 
.news-list .a_txt2 a:hover{ background: #3D3C3A; color:#fff;}
.news-list .a_txt2 a:first-child{ border-top: 1px dashed #e2d7d2;}
.rec-pro{ margin-top: 15px;}
.rec-pro h6{ font-size: 30px; background: #efd9db; line-height: 72px; text-align: center; margin-bottom: 15px; font-weight: 400; }
.rec-pro ul li{ width: 48%; height: auto; float: left; margin-right: 4%;}
.rec-pro ul li:nth-child(2n){ margin-right: 0px;}
.rec-pro ul li .recp-img{ width: 100%; height: 100px; overflow: hidden;}
.rec-pro ul li .recp-img img{ width: 100%; min-height: 100%;}
.rec-pro ul li p{ height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; text-align: center;}
.rec-pro ul li:hover .recp-img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.rec-pro ul li:hover p{ background: #EFD9DB; color: #000;}
.rec-pro{ display: inline-block;}
.rec-news { display: inline-block; margin-top: 4%; width: 100%;}
.rec-news  h6{ font-size: 30px; background: #efd9db; line-height: 72px; text-align: center; margin-bottom: 15px;}
.rec-news ul li{ width: 100%; }
.rec-news ul li .rec-newsimg{ width: 100%; height: 135px; overflow: hidden;}
.rec-newsimg img{ width: 100%; min-height: 100%;}
.rec-news ul li p{ height: 50px; line-height: 50px; width: 100%; text-align: center; overflow: hidden; display: block;}
.rec-news ul li:hover .rec-newsimg img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.rec-news ul li:hover p{ background: #EFD9DB; color: #000;}
/* .right-news .news-list:nth-child(2){ margin-top: 26%;}
.right-news .news-list:nth-child(3){ margin-top: 26%;} */
/* .right-news .news-list ul li:hover a{color: #EAB96A;} */
/* 产品列表 */
.products-list { padding-left: 52px; /* box-sizing: border-box; */ width: 66%; /* display: inline-block; */}
.products-list ul{ display: inline-block; height: auto; width: 100%;}
.products-list ul li { width: 268px; height: auto; position: relative; float: left; margin-right: 3%;}
.products-list ul li:nth-child(3n){ margin-right: 0px;}
.products-list ul li .product-thumb{width: 100%; height: 268px; overflow: hidden; }
.product-thumb img{ height: 100%; min-width: 100%;}
.products-list ul li .pic-img{ position: absolute; top: 0px; width: 100%; height: 268px; background: rgba(0,0,0,0.4); display: none;}
.pic-img span{width: 50%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; display: block; margin: auto; color: #fff; border: 1px solid #fff; margin-top: 40%;}
.products-list ul li:hover .pic-img{ display: block;}
.products-list ul li:hover .product-thumb img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.products-list ul li p{ width: 100%; height: 68px; line-height: 68px; text-align: center; display: block; font-size: 20px; overflow: hidden;}
.products-list ul li:hover p{ background: #EFD9DB;}
.poster{background: url(../images/ctpic.jpg)no-repeat center ; height: 435px; padding-left: 6.7%; padding-right: 6.7%; margin-top: 2%; padding-top: 8%; box-sizing: border-box;}
.poster h4{ font-size: 40px;}
.poster h6{ font-size: 30px; text-align: center; line-height: 70px;}
.poster span{ width: 110px; height: 7px; background: #3D3C3A; display: block; margin: 26px 0px;}
.poster p{ font-size: 22px; line-height: 40px; color: #3D3C3A; }
/* 联系我们 */
.update-dy-contact-right{ width: 100%; height: 576px; margin-top: 80px;}
.contact{ width: 100%; display: inline-block; margin-top:6%;}
.contacts {width: 44.5%;}
.contacts .cont-title{ font-size: 36px;}
.contacts p{ width: 100%; display:inline-block; margin-top: 50px;}
.contacts p b{ font-size: 20px; float: left;}
.contacts p span{ font-size: 18px; color: #6b6b6b; float: right; width: 78%; letter-spacing:2px;text-transform:uppercase; }
.message{ width: 41.2%;}
.contact_ej_ly_box input {width: 100%; height: 56px;background: #efd9db;border: 1px solid #dcdee0;margin-bottom: 10px; padding: 0px 10px; box-sizing: border-box;outline: none;}
.contact_ej_ly_box textarea {width: 100%; height: 138px;background: #efd9db;border: 1px solid #dcdee0;margin-bottom: 10px; padding: 10px; box-sizing: border-box; outline: none;}
.contact_ej_ly_box input:last-child {width: 100%;height: 78px;background: #3D3C3A; border-radius: 5px; font-size: 20px;color: #FFFFFF; border: none; cursor: pointer;}
button, input, textarea{font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; font-size: 16px;}
.contact_ej_ly_bt { font-size: 36px; width: 100%; text-align: center;}
.contact_ej_ly_box{ margin-top: 50px;}
/* show */
.show-cont { display: inline-block; width: 100%;}
.left-show{width: 72%;}
.show-cont .right-news{ margin: 0px;}
.show { width: 100%; display: inline-block; margin-top: 6%;}
.show .show_left {width: 50.2%; height:477px; overflow: hidden;}
.show .show_left img{ width: 100%; min-height: 100%;}
.show .show-right{ width: 46.2%;}
.show .show-right .title{ font-size: 24px; font-weight: bold; line-height:66px; overflow: hidden; height:66px;}
.show .show-right .xiangmu {width: 100%;  font-size: 24px; font-weight: bold; display: inline-block; line-height: 48px;}
.show .show-right .xiangmu span{ width: 46%; color: #fff; height: 48px; line-height: 48px; text-align: center; font-size: 18px; font-weight: bold; background: #EAB96A; display: block; float: left; margin-right: 3%;}
.show .show-right  p{ font-size: 18px; margin: 5% 0px; line-height: 30px;text-indent:2em;}
.show .show-right .show-jiasnjei { width: 100%; display: inline-block; /* margin-top: 5%; */text-align: center;}
.show .show-right .show-jiasnjei b{ width: 100%; display: block; text-align: center; font-size: 30px; font-weight: bold; letter-spacing:2px}
.show .show-right .show-jiasnjei span{ width: 100%; line-height: 40px;}
.show .show-right .xiangmu:last-child{ margin-top: 8%;}
.show-introduce p{ font-size: 30px; font-weight: bold; text-align: center; height: 80px; line-height: 80px; border-bottom: 1px solid #999;}
.show-introduce p span{ width: 14%; height: 5px; display: block; background: #000; margin: auto; margin-top:-2px;}
.show-introduce .showup{ padding: 52px 36px; box-sizing: border-box; line-height: 30px; font-size: 18px; }
.show-introduce .showup img{ max-width: 100%;}
.showup .parHd li{ width:120px; height:40px;line-height:40px; float:left; margin:0px 10px; background:#efd9db; border-radius:15px;text-align:center; margin-bottom:20px}
.showup .parHd li.on{ background:#EAB96A}
.show-introduce .showup p{ line-height: 30px; font-size: 18px; height:auto; font-weight:400;}
.par_casecont{ position: relative; margin-top: 40px; overflow: hidden;}
.par_case{ display: flex;}
.par_casecont ul li{ width: 23%; float: left; margin-right: 16px; text-align: center; position: relative;}
.par_casecont .par_img{ width: 100%; height: 300px; overflow: hidden;}
.par_casecont .par_img img{ width: 100%; min-height: 100%;}
.par_casecont ul li p{ font-size: 22px; text-align: center; /* font-weight: bold; */ line-height: 56px; height: 56px; overflow: hidden; }
.par_casecont ul li a p{color:#4094f3; }
.par_casecont ul li span{ line-height: 41px; font-size: 20px; }
 .par-anniu .sPrev1{background: url(../images/qiehau1.png)no-repeat center ; left: 0px;}
 .par-anniu .sNext1{background: url(../images/qiehau.png)no-repeat right center ; right: 0px;}
 .par-anniu .sPrev1,.par-anniu .sNext1{ width: 50px; height: 50px; background-size: 90%; top: 0px; height: 300px;position: absolute;display:block; outline: none; z-index: 99; } 
 .par_casecont .tempWrap{width: 94% !important; margin:0px auto; }
/* .par_casecont ul { width: 90%; margin:0px auto;} */
.par_casecont ul li .par-title{position: absolute; top: 0px; width: 100%; height: 100%; background:rgba(0,0,0,0.5); display: none;}
.par-title span{ width: 60%; height: 40px; line-height: 40px; text-align: center; display: block; margin: auto; font-size: 16px; color: #fff;border: 1px solid #fff; margin-top: 40%;}
.par_casecont ul li:hover .par-title{ display: block;}
.relevant{display: inline-block; margin-top: 3%; width: 100%;}
.relevant p{ font-size: 24px; text-transform:uppercase; border-left: 10px solid #3D3C3A; height: 40px; line-height: 40px; padding-left: 15px;}
.relevant p span{ margin-right: 15px;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size: 18px; line-height: 50px; margin-right: 4%; border-bottom: 1px dashed #999;} 
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span{ float: right;}
.rel-news ul li:hover{ background: #EFD9DB;}
.rel-pic ul{ margin-top: 2%;}
.rel-pic ul li { width:15%; float: left; margin-right: 2%;}
.rel-pic ul li .rel-img{width: 100%; height: 200px; overflow: hidden;}
.rel-pic ul li .rel-img img{ width: 100%; min-height: 100%;}
.rel-pic ul li:nth-child(6){ margin: 0px;}
.rel-pic ul li span{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; display: block;}
.rel-pic ul li:hover span{ background: #EFD9DB;}
.rel-pic ul li:hover .rel-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
/* liuyan */
.biaori{ text-align: center; font-size: 18px; line-height: 30px; text-transform:uppercase; margin-bottom: 50px;}
.product_cont{ margin-top: 5%;}
.product_cont .product_title {height: 50px;border-bottom: 1px solid #bfbfbf;}
.product_cont .pro_title{ font-size: 36px; text-transform:uppercase; border-left: 14px solid #3D3C3A; height:36; line-height: 36px; padding-left: 15px; width: 70%; }
.product_cont .pro_title span{ margin-right: 15px;}
.product_cont .swiper-slide{ width: 300px;}
.product_cont .pic{ width: 100%; height: 300px; overflow: hidden; display: flex; justify-content: center; align-content: center;transition: all .8s;}
.product_cont .pic img{width: 100%;  min-height: 300px; transition:all .8s;}
.product_cont .swiper_title{ width:100%; height: 70px;line-height: 70px; text-align: center; background: #e7e7e7; font-size: 20px; transition: all .6s;}
.product_cont .on{ width: 450px !important; position: relative;}
.product_cont .on .pic{ width: 450px; height: 450px; overflow: hidden;}
.product_cont .on .pic img{ width: 450px; height:450px; object-fit:cover;}
.product_cont .on .swiper_title{ position:absolute;padding: 0px; height: 70px; bottom: 0px; text-align: center; width: 100%; color: #fff; background: rgba(0,0,0,0.6); }
.product_cont .swiper-slide a {transition: all .6s;}
.product_cont .swiper-slide.on a {width: 100%; dispaly: block; height: 450px;display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.product_cont .swiper-slide {height: 450px;}
.product_cont .swiper-container{ margin-top: 2%;}
.product_cont .swiper-button-prev:after{ line-height: inherit; font-family:inherit; content: url(../images/qiehau2.png); }
.product_cont .swiper-button-next:after{line-height: inherit; font-family:inherit; content: url(../images/qiehau3.png); }
.product_cont .swiper-button-prev{ width: 60px; height: 60px;}
.product_cont .swiper-button-next{ right: 20px;}
.pro_switch{ padding-top: 10px;}
.syproduct-right .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
@media screen and (max-width:1600px)
{
	.souso { width: 6%; height: 60px; margin: 2% 0px;  display: block;margin-left: 1%;}
	.lb .swiper-button-prev{ left:75% ;}
	.seach_cont input{width: 50%;}
	.seach_cont span{ width: 110px; float: right;}
	.down_nav p a{ font-size: 14px;} 
	.nva li .hradshow .down_nav{ margin-left:0;}
	.down_tel p{ font-size: 16px;}
	}
	@media screen and (max-width:1500px)
	{
		.souso {
		    width: 6%;
		    height: 60px;
		    margin: 2% 0px;
		    display: block;
		    margin-left: 1%;
		}
		.down_nav p a{ font-size: 14px;} 
		}
@media screen and (max-width:1440px)
	{
	.w1400,.w1440{ width: 92%;}
	.middle{ width: 100%;}
	.advantage-tit p i:first-child{ margin-left: 18%;}
	.advantage-tit p i:last-child{  margin-right: 18%;}
	.synews-cont ul li{ margin-right: 58px;}
	.products-list{ padding: 0px;}
	.right-news{ float: left; margin-left: 5%; margin-right: 0px;}
	.tailorism-cont ul li .tai-img{ height: 360px;}
	.tailorism-cont ul li .img-tit{ height: 360px;}
	.process .craft ul li{ height: 280px;}
	.process .craft .craft-tit span{ width: 240px;}
	.show-cont .right-news{ margin-left: 4%;}
	.products-list ul li{ margin-right: 2%;}
	.products-list{ width: 68%;}
	.left-show{ width: 66%;}
	.par_casecont ul li span{ font-size: 16px;}
}