@charset "utf-8"; 
.mweb {display: none;}
/*banner*/ 
.banner{height:700px; position:relative; z-index:1}
.banner .item{ height:700px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:15px; height:15px;   border-radius:50%; margin:0 9px; cursor:pointer; background:rgba(255,255,255,.27); position:relative}
.banner .slick-dots li.slick-active{ background-color:#c30d23;  }
.banner .slick-dots li:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; border-radius:50%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.banner .slick-dots li.slick-active:after{ background-color:rgba(195,13,35,.33); left:-5px; right:-5px; top:-5px; bottom:-5px;}
.banner .slick-dots button{ display:none}

.index01{ padding:55px 0; padding-bottom:0} 
.index01 ul{ text-align:justify}
.index01 ul:after{content:"";display:inline-block;width:100%;height:55px;}
.index01 li{ display:inline-block; vertical-align:middle}
.index01 li.fg{ width:17px; height:23px; background:url(../img/ico-01.png) no-repeat center; background-size:100%}
.index01 li .ico{ height:42px; display:inline-block; vertical-align:middle; margin-right:25px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; position:relative;top:-2px}
.index01 li .txt{ display:inline-block; vertical-align:middle}
.index01 li .txt h3{ font-size:20px; line-height:1.1; font-weight:normal; margin-bottom:5px}
.index01 li .txt .eng{ color:#999}
.index01 li .ico-a01{ width:38px; background-image:url(../img/ico-a01.png);}
.index01 li .ico-a02{ width:47px; background-image:url(../img/ico-a02.png); }
.index01 li .ico-a03{ width:35px; background-image:url(../img/ico-a03.png);  }
.index01 li .ico-a04{ width:37px; background-image:url(../img/ico-a04.png); }
.index01 li .ico-a05{ width:35px; background-image:url(../img/ico-a05.png); }

.index02{ padding:80px 0; background:url(../img/index02bg.jpg) no-repeat center; background-size:cover}
.index02 .index02left{ float:left; width:35%; font-weight:bold; line-height:1.1}
.index02 .index02left .p1-1{ font-size:36px; background:url(../img/index0201.png) no-repeat left top; padding-top:24px}
.index02 .index02left .p1-2{ font-size:36px; margin-bottom:20px }
.index02 .index02left .p2-1{ font-size:73px; color:#c30d23 }
.index02 .index02left .p2-1 i{ font-family:Impact}
.index02 .index02left .p2-2{ font-size:73px; color:#c30d23 }
.index02 .index02left .p3{ margin-top:75px}
.index02 .index02left .p3 a{ display:inline-block; background-color:#c30d23; font-size:14px; color:#fff; width:130px; height:40px; line-height:40px; text-align:center; font-weight:normal}
.index02 .index02left .p3 a:hover{ background-color:#e8000f}
.index02 .index02right{ float:right; width:65%; padding-top:15px}
.index02 .index02right ul{ text-align:justify; margin-bottom:32px}
.index02 .index02right ul:after{content:"";display:inline-block;width:100%;height:10px;}
.index02 .index02right ul li{ display:inline-block; font-size:18px; vertical-align:top}
.index02 .index02right ul li:nth-child(2) i{ vertical-align:top}
.index02 .index02right ul li .num span{ font-size:60px; line-height:1.2}
.index02 .index02right ul li .p{ font-size:14px; color:#999999}

.index02 .index02right .conn{ font-size:16px; line-height:2}

.plo{ text-align:center; margin-bottom:50px}
.plo h3{     font-size:27px;
    line-height: 1.1;
    margin-bottom: 25px;}
.plo .p{ font-size:16px; color:#999}

.index03{ padding-top:55px}
.index03 .bd{ overflow:hidden}
.index03 .bd ul{ margin-left:-12px; margin-right:-12px;}
.index03 .bd li{ float:left; width:25%; margin-bottom:40px}
.index03 .bd li a{ display:block; margin:0 12px}
.index03 .bd li .img{ overflow:hidden}
.index03 .bd li img{ display:block; width:100%}
.index03 .bd li .txt{ margin:0 15px; padding:0 10px; text-align:center;  padding-top:30px; position:relative; z-index:2; padding-bottom:25px;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */top:-15px;}
.index03 .bd li .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:10px;}
.index03 .bd li .txt .p{ font-size:16px; color:#666666;}
.index03 .bd li .txt .p span{ margin:0 5px}
.index03 .bd li a:hover .txt{box-shadow:0 5px 24px rgba(0,0,0,.11); top:-54px;background-color:#fff;  }

/* .index04{ background:url(../img/index04bg.jpg) no-repeat center bottom; background-size:cover; } */
/* .index04 .box{ background:url(../img/index0401.png) no-repeat bottom left;padding:30px 0 60px 0} */
.index04 .bigimg{ float:left; width:31.9%; position:relative}
.index04 .bigimg:before{ content:""; display:block; border:4px solid #D4C09B; position:absolute; z-index:1; left:-20%; right:-25%;top:20%; bottom:20%}
.index04 .bigimg .slick-list{ z-index:3}
.index04 .bigimg img{ display:block; width:100%; height:530px;}
.index04 .bigimg .txt{ position:absolute; z-index:1; left:10%; bottom:24px}
.index04 .bigimg .txt h3{ font-size:30.7px; color:#fff; font-weight:normal; line-height:1.1; margin-bottom:10px}
.index04 .bigimg .txt .p1{ font-size:18px; color:#D4C09B;}
.index04 .bigimg .txt .p1:after{ content:""; display:block; width:1px; height:45px; background-color:#fff; margin-top:15px; margin-bottom:20px}
.index04 .bigimg .txt .p2 a{ display:inline-block; width:130px; height:42px; line-height:42px; background-color:#D4C09B; color:#fff; text-align:center}
.index04 .bigimg .txt .p2 a:hover{ background-color:#D4C09B}
.index04 .bigimg .slick-slide{ position:relative}
.index04 .smallbig{ float:right; width:54.47%;}
.index04 .smallbig .items{ margin-bottom:50px}
.index04 .smallbig .item{ position:relative; cursor:pointer; width:25% !important}
.index04 .smallbig img{ display:block; width:100%}
.index04 .smallbig .hd{ text-align:right; margin-bottom:15px}
.index04 .smallbig .hd h3{ font-size:23px; line-height:1.1; margin-bottom:5px}
.index04 .smallbig .hd .p{ font-size:18px; color:#666666}
.index04 .smallbig img{ display:block; width:100%;height: 264px;}
.index04 .smallbig .txts{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; text-align:center;background:rgba(0,0,0,.72); display:none}
.index04 .smallbig .slick-current .txts{ display:block}
.index04 .smallbig .txts .txt{ position:relative; z-index:2; transform:translateY(-50%);top:50%; }
.index04 .smallbig .txts .txt h3{ font-size:22px; color:#fff; font-weight:normal}
.index04 .smallbig .txts .txt .more{ width:34px; height:10px; margin:0 auto; background:url(../img/ico-more01.png) no-repeat center; background-size:100%; margin-top:15px}
.index04 .smallbig .slick-slide>div{ font-size:0; line-height:1}
.index04 .mores a{ font-size:16px} 
.index04 .mores a:after{ content:""; display:inline-block; vertical-align:middle; width:34px; height:10px; background:url(../img/ico-more01.png) no-repeat center; background-size:100%; margin-left:10px}

.index05{ padding-top:55px; padding-bottom:45px}
.index05 .bd{ border-top:1px solid #ededed; margin-top:130px}
.index05 .bd ul{ margin-left:-25px; margin-right:-25px;}
.index05 .bd li{ float:left; width:25%}
.index05 .bd li a{ display:block; margin:0 25px; position:relative; padding-top:20px}
.index05 .bd li .date{ position:absolute; z-index:1;top:-80px; font-family:Arial, Helvetica, sans-serif}
.index05 .bd li .date .md{ font-size:23.4px}
.index05 .bd li .date .year{ font-size:17px; color:#c5c5c5}
.index05 .bd li h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:10px;}
.index05 .bd li .p{ line-height:2; color:#888; height:56px; overflow:hidden; margin-bottom:25px}
.index05 .bd li .img{ overflow:hidden}
.index05 .bd li .img img{ display:block; width:100%}
.index05 .mores{ margin-top:45px; text-align:center}
.index05 .mores a{ width:130px; height:42px; line-height:42px; text-align:center; color:#fff; background-color:#c30d23; display:inline-block} 
.index05 .mores a:hover{background-color:#e8000f}

.index06{ padding-top:45px}
.index06 .bd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index06 .bd ul a{ display:block; width:100%; height:100%; color:#fff;background-repeat:no-repeat; background-position:center; background-size:cover;}
.index06 .bd ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; min-height:605px}
.index06 .bd ul .txt{ padding-left:10%; padding-top:60%}
.index06 .bd ul .txt .ico{ width:53px; height:60px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:10px}
.index06 .bd ul .txt .ico-b01{ background-image:url(../img/ico-b01.png)}
.index06 .bd ul .txt .ico-b02{ background-image:url(../img/ico-b02.png)}
.index06 .bd ul .txt .ico-b03{ background-image:url(../img/ico-b03.png)}
.index06 .bd ul .txt .eng{ font-size:30px;}
.index06 .bd ul .txt h3{ font-size:30px; font-weight:normal}
.index06 .bd ul .txt h3:after{ content:""; display:block; width:1px; height:50px; background-color:#fff; margin-top:15px; }
.index06 .liform{ padding:0 10%; text-align:center; padding-top:50px}
.index06 .liform .eng{ font-size:30px; line-height:1.1; margin-bottom:15px}
.index06 .liform h3{ font-size:30px; font-weight:normal; line-height:1.1; margin-bottom:35px}
.index06 .liform .bd{ border:2px solid #b2b2b2; padding:50px 20px; padding-bottom:25px;}
.index06 .liform .intxt{ width:100%; height:55px; font-size:16px; color:#fff; line-height:55px; border:2px solid #b2b2b2; background:rgba(255,255,255,.38); padding:0 15px}
.index06 .liform .intxt::-webkit-input-placeholder{color:#fff;}
.index06 .liform .intxt::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#fff;}
.index06 .liform .intxt:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#fff;}
.index06 .liform .intxt:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#fff;}
.index06 .liform .li{ margin-bottom:25px}
.index06 .liform .inbtn{ width:100%; height:55px; text-align:center; font-size:20px; color:#fff; background-color:#c30d23; cursor:pointer; border:none}
.index06 .liform .inbtn:hover{background-color:#e8000f}

.index07{ padding:60px 0}
.index07 .bd ul{ overflow:hidden}
.index07 .bd li{ width:20%; float:left;}
.index07 .bd li .img{ height:100px; padding:10px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index07 .bd li .img img{ display:block; max-width:100%; max-height:100%;}

.index08{ padding:80px 0; background:url(../img/index08bg.jpg) no-repeat center; background-size:cover}
.index08 .adderleft{ float:left; width:33.4%; color:#fff; font-size:18px}
.index08 .adderleft a{ color:#fff; font-size:18px}
.index08 .adderleft .title{ display:inline-block; font-size:0;border:1px solid #fff; margin-bottom:40px}
.index08 .adderleft .title span{ display:inline-block; vertical-align:middle; font-size:24px; padding:0 40px; line-height:48px}
.index08 .adderleft .title span:nth-child(1){ background-color:#fff; color:#333; padding:0 15px}
.index08 .adderleft .p .li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px}
.index08 .adderleft .p .li span:nth-child(2){-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index08 .adderleft .ewm{ margin-top:30px}
.index08 .adderleft .slick-arrow{ overflow:hidden; position:absolute; z-index:1; width:44px; height:44px; text-indent:-999px; border:2px solid #fff; background-color:transparent;top:50%; margin-top:-22px; cursor:pointer; background-repeat:no-repeat; background-size:70%; background-position:center}
.index08 .adderleft .slick-arrow:hover{ background-color:#c30d23; border:2px solid #c30d23}
.index08 .adderleft .ewm img{ width:105px;}
.index08 .adderleft .slick-prev{ left:-100px; background-image:url(../img/ico-prev.png)}
.index08 .adderleft .slick-next{ right:-70px; background-image:url(../img/ico-next.png)}
.index08 .mapright{ float:right; width:50.2%}
.index08 .mapright img{ display:block; width:100%}

.index09{ padding-top:40px;  }
.index09 .bd{ position:relative}
.index09 .bd:before{ content:""; display:block; height:1px; position:absolute; z-index:1; left:0; right:0; background-color:#e1e1e1;top:74px}
.index09 ul{ text-align:justify;}
.index09 ul:after{content:"";display:inline-block;width:100%;height:100px;}
.index09 li{ display:inline-block; vertical-align:top; position:relative; z-index:3}
.index09 li h3{ font-size:20px; font-weight:normal; line-height:1.1}
.index09 li .ico{ height:48px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:20px;}
.index09 li .ico-c01{ background-image:url(../img/ico-c01.png)}
.index09 li .ico-c02{ background-image:url(../img/ico-c02.png)}
.index09 li .ico-c03{ background-image:url(../img/ico-c03.png)}
.index09 li .ico-c04{ background-image:url(../img/ico-c04.png)}
.index09 li .ico-c05{ background-image:url(../img/ico-c05.png)}
.index09 li .ico-c06{ background-image:url(../img/ico-c06.png)}
.index09 li .ico-c07{ background-image:url(../img/ico-c07.png)}
.index09 li .quan{ width:12px; height:12px; margin:0 auto; border:2px solid #c30d23; border-radius:50%; margin-bottom:10px; background-color:#fff}
.index09 li.line{ width:18px;  background:url(../img/index0901.png) no-repeat center center; position:relative;top:12px; background-size:100%; height:22px}

/*装修作品*/
.lanmumain{ padding-bottom:90px; background:url(../img/worksbg.jpg) repeat-y center; background-size:cover}
.path{ padding:20px 0; padding-left:35px; background:url(../img/ico-home.png) no-repeat center left; border-bottom:1px solid #e1e1e1; margin-bottom:30px}
.path a:last-child{ color:#c30d23}
.nbanner .img{ height:500px; background-repeat:no-repeat; background-position:center; background-size:cover}

.worksbox{ background:url(../img/worksbg.jpg) repeat-y center; background-size:cover}
.donditionWarp{ margin-bottom:30px;}
.donditionWarp .item{ padding:20px 0; border-bottom:1px dashed #e1e1e1;}
.donditionWarp .item:last-child{ border-bottom:none}
.donditionWarp .form_tit{width:85px;}
.donditionWarp .formtit,.donditionWarp .form_cont{float:left;font-size:16px; overflow:hidden}
.donditionWarp .form_cont{ overflow:hidden;float:none;}
.hide{display:none;}
.donditionWarp .form_cont li{float:left;}
.donditionWarp .form_cont li a{display:inline-block;color: #666;padding:0 5px;margin:0 6px;border-radius:3px;font-size:16px;}
.donditionWarp .item .on a{color:#c30d23;}
.donditionWarp .item a:hover {color:#c30d23;}
.donditionWarp .kdx{float: left;margin-left: 10px;font-size: 14px;color:#999;}

.workslist{ overflow:hidden}
.workslist ul{ margin-left:-10px; margin-right:-10px;}
.workslist li{ float:left; width:33.33%; margin-bottom:20px}
.workslist li a{ display:block; margin:0 10px}
.workslist li .img{ overflow:hidden}
.workslist li img{ display:block; width:100%}
.workslist li .txt{ margin:0 15px; padding:15px 10px; text-align:center; position:relative; z-index:2;  transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */top:0;}
.workslist li .txt h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px;}
.workslist li .txt .p{ font-size:14px; color:#666666;}
.workslist li .txt .p span{ margin:0 3px}
.workslist li a:hover .txt{box-shadow:0 5px 24px rgba(0,0,0,.11); top:-54px;background-color:#fff;  }

.productLists li:hover img{transform:scale(1.1,1.1);}
/*装修详情*/
.lanmumain.workspagebox{ padding-bottom:0; background:#fff}
.WorksDetail{background-color:#f6f6f6;padding-bottom:60px;}
.DetailTop{position:relative;}
.picLunbo{background-color:#fff; }
.picLunbo .sp-thumbnail img{width:100%; height:100%; cursor:pointer}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{ display:none}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{ display:none;}
.picLunbo .sp-previous-arrow,.picLunbo  .sp-next-arrow{z-index:10; top:50%;margin-top:-50px;}
.picLunbo .sp-previous-arrow{left:10px;}
.picLunbo .sp-next-arrow{right:10px;}
.picLunbo .sp-previous-arrow:before,.picLunbo .sp-next-arrow:before{content:"";width:66px;height:66px; background-position:center; background-repeat:no-repeat;display:block;color:#333;}
.picLunbo .sp-previous-arrow:before{ background-image:url(../img/2-2.png);}
.picLunbo .sp-next-arrow:before{background-image:url(../img/2-3.png);}
.picLunbo.sp-horizontal .sp-arrow{display:block!important}
.picLunbo .sp-slides-container .sp-fade-arrows {opacity:.5;}
.picLunbo .sp-bottom-thumbnails.sp-has-pointer{margin-top:10px;}
.picLunbo .sp-selected-thumbnail .sp-thumbnail{border:2px solid #e8000f;}
.picLunbo .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{top:0; bottom:0;}

.workspage01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:60px; }
.workspage01 .workspage01left{width:69.16%; -webkit-box-flex:0 0 69.16%;-ms-flex:0 0 69.16%;-webkit-flex:0 0 69.16%;flex:0 0 69.16%;margin-right:20px; min-width:0}
.workspage01 .workspage01right{ -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; background-color:#f9f9f9; padding:30px 3%; padding-bottom:0; min-width:0}
.workspage01 .workspage01right .title{ font-size:28px; font-weight:normal; line-height:1.1; margin-bottom:35px}
.workspage01 .workspage01right li{ font-size:16px; color:#999; margin-bottom:5px}
.workspage01 .workspage01right ul{ border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:50px}
.workspage01 .workspage01right .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:35px}
.workspage01 .workspage01right .info .img{ width:122px; flex:0 0 122px; margin-right:30px}
.workspage01 .workspage01right .info .img img{ display:block; width:100%; border-radius:50%; height:122px;}
.workspage01 .workspage01right .info .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.workspage01 .workspage01right .info .txt h3{ font-size:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.workspage01 .workspage01right .info .txt .p{ font-size:16px; color:#c30d23;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.workspage01 .workspage01right .lia a{ display:block; margin-top:30px; font-size:16px; line-height:42px; text-align:center; height:42px; color:#fff; background-color:#2f3031}
.workspage01 .workspage01right .lia a:hover{ background-color:#000}
.workspage01 .workspage01right .lia a:nth-child(2){ background-color:#c30d23}
.workspage01 .workspage01right .lia a:nth-child(2):hover{background-color:#e8000f}

.workspage02{ padding-bottom:120px}
.workspage02 .hd{ overflow:hidden; margin-bottom:50px}
.workspage02 .hd ul.left{ float:left}
.workspage02 .hd ul.left .l1{ font-size:30px; font-weight:bold}
.workspage02 .hd ul.left .l2{ font-size:18px; color:#999}
.workspage02 .hd ul.right{ float:right;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.workspage02 .hd ul.right li{ margin-left:60px}
.workspage02 .hd ul.right li .t{ color:#999; margin-bottom:5px}
.workspage02 .hd ul.right li .p{ color:#c30d23; font-size:18px}
.workspage02 .bd{ font-size:16px; line-height:2; overflow:hidden}
.workspage02 .bd img{ display:block; max-width:100%; height:auto !important}
.workspage02 .bd a{ font-size:16px}

.workspage03{ padding-top:65px; padding-bottom:95px; background-color:#f6f6f6}
.workspage03 .workslist li{ margin-bottom:0}
/*装修故事*/ 
.storylist ul{ margin-left:-19px; margin-right:-19px;}
.storylist li{ float:left; width:33.33%; margin-bottom:30px;}
.storylist li a{ display:block; padding:0 19px; position:relative; padding-bottom:20px}
.storylist li a:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;background-color:#c30d23;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ height:0;}
.storylist li a:hover:after{ height:70%; }
.storylist li a>div{ position:relative; z-index:2;}
.storylist li .img{ overflow:hidden; margin-bottom:20px}
.storylist li .img img{ display:block; width:100%;max-height: 267px;}
.storylist li h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:15px}
.storylist li .date{ font-size:16px; color:#999}
.storylist li a:hover .date{ color:#fff}
.storylist li a:hover h3{ color:#fff}
/*装修故事详情*/ 
.storypage{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.storypage .storypageright{flex:0 0 350px; width:350px; min-width:0}
.storypage .storypageleft{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-right:95px; min-width:0}
.storypage h1.title{ font-size:30px; font-weight:normal; line-height:1.2; margin-bottom:30px}
.storypage .info span{ display:block; font-size:13px; color:#999; margin-bottom:5px}
.storypage .info{ margin-bottom:20px}
.storypage .conn{ overflow:hidden; line-height:2; font-size:15px; padding-bottom:35px}
.storypage .conn a{ font-size:15px}
.storypage .conn img{ max-width:100%; height:auto !important;}
.storypage .goprne{ margin-top:35px; padding-top:70px; border-top:1px solid #e1e1e1; overflow:hidden}
.storypage .goprne ul{ float:left; width:70%;}
.storypage .goprne ul li{margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.storypage .goprne ul li span{ display:inline-block; vertical-align:middle; width:75px; text-align:center; height:30px; line-height:28px; border:1px solid #e1e1e1; border-radius:5px;  margin-right:15px;}
.storypage .goprne ul li:hover span{ background-color:#c30d23; border:1px solid #c30d23; color:#fff}

.storypage .goprne .goto{ float:right}
.storypage .goprne .goto a{ display:block; background-color:#cccccc; width:78px; text-align:center; height:33px; line-height:33px; border-radius:5px; color:#fff}
.storypage .goprne .goto a:before{ content:""; display:inline-block; width:20px; height:16px; background:url(../img/ico-goto.png) no-repeat center; background-size:100%; vertical-align:middle; margin-right:7px; position:relative;top:-2px}
.storypage .goprne .goto a:hover{ background-color:#c30d23}

.sideplo { border-bottom:2px solid #c30d23; padding-bottom:15px; margin-bottom:10px;}
.sideplo h3{ font-size:24px; font-weight:normal; line-height:1.1}

.sidelis01 li a{ display:block; padding: 25px 0}
.sidelis01 li{ border-bottom:1px solid #e1e1e1}
.sidelis01 li h3{ font-size:16px; font-weight:normal; color:#666666; max-height:50px; overflow:hidden; margin-bottom:10px}
.sidelis01 li .date{ color:#999}
.sidelis01 li a:hover h3{ color:#c30d23}

/*业主点评*/
.commentlist li{ margin-bottom:30px}
.commentlist .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; box-shadow:0 0 12px rgba(0,0,0,.1);  background-color:#fff; min-height:400px}
.commentlist .imgbox{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.commentlist .imgbox .img{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.commentlist .txtbox{-webkit-box-flex:0 0 360px;-ms-flex:0 0 360px;-webkit-flex:0 0 360px;flex:0 0 360px; width:360px; padding:30px 40px}
.commentlist .txtbox .p1{ font-size:24px; font-weight:normal; line-height:1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:25px;}
.commentlist .txtbox .p2{ margin-bottom:30px}
.commentlist .txtbox .p2 span{ display:block; min-height:20px; color:#666666; margin-bottom:18px; padding-left:26px; background-repeat:no-repeat; background-position:center left;}
.commentlist .txtbox .p2 .sp1{ background-image:url(../img/ico-03.png)}
.commentlist .txtbox .p2 .sp2{ background-image:url(../img/ico-04.png)}
.commentlist .txtbox .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:24px}
.commentlist .txtbox .info .img{ width:75px; height:75px; overflow:hidden; margin-right:20px}
.commentlist .txtbox .info .img img{ width:100%; height:100%; display:block; border-radius:50%}
.commentlist .txtbox .info .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.commentlist .txtbox .info .txt .t1{ font-size:18px;}
.commentlist .txtbox .info .txt .t2{ color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.commentlist .txtbox .ms{ line-height:1.8; color:#666;
                          /*height:150px;*/ 
                          overflow:hidden}

.commentform{ border-top:1px solid #e1e1e1; margin-top:75px; padding-top:35px;}
.commentform .hd{ margin-bottom:40px}
.commentform .hd h3{ font-size:24px; font-weight:normal; line-height:28px; border-left:4px solid #c30d23; padding-left:10px}
.commentform .bd{ overflow:hidden}
.commentform .bd li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; border:1px solid #cccccc; padding:15px 15px; margin-bottom:50px; width:100%}
.commentform .bd li:nth-child(1){ float:left; width:48%;}
.commentform .bd li:nth-child(2){ float:right; width:48%;} 
.commentform .bd li .t{ font-size:16px; color:#999; line-height:30px}
.commentform .bd li .t i{ color:#c30d23}
.commentform .bd li .intxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.commentform .bd li .intxt input{ width:100%; height:30px; line-height:30px; font-size:16px; border:none; background:none; display:block; padding-left:10px;}
.commentform .bd li textarea{ width:100%; font-size:16px; border:none; background:none; height:160px}
.commentform .bd li.libtn{ padding:0; border:none; text-align:center; display:block}
.commentform .bd li.libtn .btn{ width:260px; height:56px; line-height:56px; color:#fff; text-align:center; background-color:#c30d23; font-size:20px; cursor:pointer; border:none}

/*精英团队*/ 
.teampagebox{ background:#fff}
.teamlist ul{ margin-left:-19px; margin-right:-19px;}
.teamlist li{ float:left; width:25%; margin-bottom:30px;}
.teamlist li a{ display:block; padding:0 19px; position:relative; padding-bottom:20px}
.teamlist li a:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;background-color:#c30d23;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ height:0;}
.teamlist li a:hover:after{ height:70%; }
.teamlist li a>div{ position:relative; z-index:2;}
.teamlist li .img{ overflow:hidden; margin-bottom:20px}
.teamlist li .img img{ display:block; width:100%}
.teamlist li h3{ font-size:20px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px}
.teamlist li .ps{ color:#999}
.teamlist li .ps .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teamlist li .ps .p span:nth-child(1){ color:#333}
.teamlist li a:hover .ps{ color:#fff}
.teamlist li a:hover h3{ color:#fff}
.teamlist li a:hover .ps .p span:nth-child(1){ color:#fff}
/*精英团队详情*/
.teampage .top{background-color:#fff;}
.teampage .top .left{width:270px;float:left;overflow:hidden;}
.teampage .top .left img{width:100%; }
.teampage .top .right{ overflow:hidden; padding-left:50px}
.teampage .top .name h3{font-weight:normal;font-size:24px;}
.teampage .top .name h3 i{margin-left:30px;font-size:16px;}
.teampage .top .name span.r{color:#666;font-size:16px;}
.teampage .top .text{font-size:16px;margin:39px 0;}
.teampage .top .text span{color:#666;}
.teampage .top .li li{margin-bottom:15px;font-size:16px;}
.teampage .top .li .sp1{color:#666;background-repeat:no-repeat;background-position:0 2px;padding-left:30px;}
.teampage .top .li .ico1{background-image:url(../img/4-6.png);}
.teampage .top .li .ico2{background-image:url(../img/4-7.png);}
.teampage .top .li .ico3{background-image:url(../img/4-8.png);}
.teampage .top .li .ico4{background-image:url(../img/4-9.png);}
.teampage .top .btn{margin-top:50px;}
.teampage .top .btn a{display:inline-block; width:216px; text-align:center;height:55px; font-size:22px;color:#fff;line-height:53px;margin-right:10px;}
.teampage .top .btn .a1{background-color:#000;}
.teampage .top .btn .a2{background-color:#c30d23;}
.teampage .top .btn a:hover{opacity:.8;box-shadow:0 0 10px rgba(102,102,102,.5);}

.teampage .bottom{margin-top:50px;}
.teampage .bottom .left{width:68%;float:left;}
.teampage .bottom .left .tit{position:relative;margin-bottom:20px;}
.teampage .bottom .left .tit:after{content:"";width:100%;height:1px; background-color:#e1e1e1;position:absolute;left:0;top:50%;}
.teampage .bottom .left .tit span{display:inline-block;background-color:#fff;padding-right:20px;font-size:30px;position:relative;z-index:2;}
.teampage .bottom .uls{margin-left:-15px;margin-right:-15px;}
.teampage .bottom .uls{ margin-left:-10px; margin-right:-10px;}
.teampage .bottom .uls li{ float:left; width:50%; margin-bottom:20px;max-height:359px;}
.teampage .bottom .uls li a{ display:block; margin:0 10px}
.teampage .bottom .uls li .img{ overflow:hidden}
.teampage .bottom .uls li img{ display:block; width:100%}
.teampage .bottom .uls li .txt{ margin:0 15px; padding:15px 10px; text-align:center; position:relative; z-index:2;  transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */top:0;}
.teampage .bottom .uls li .txt h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px;}
.teampage .bottom .uls li .txt .p{ font-size:16px; color:#666666;}
.teampage .bottom .uls li .txt .p span{ margin:0 5px}
.teampage .bottom .uls li a:hover .txt{box-shadow:0 5px 24px rgba(0,0,0,.11); top:-54px;background-color:#fff;  }

.teampage .bottom .right{width:29%;float:right;background-color:#fff;padding:30px; padding-top:15px}
.teampage .bottom .form .tit,.teampage .bottom .tuijian .tit{font-weight:normal;font-size:24px;margin-bottom:15px;}
.teampage .bottom .form{margin-bottom:40px;border-bottom:1px solid #e1e1e1;padding-bottom:30px;}
.teampage .bottom .form h3{ font-size:24px; margin-bottom:15px}
.teampage .bottom .form li{width:48%;margin-bottom:15px;}
.teampage .bottom .form li.w100{width:100%;}
.teampage .bottom .form li:nth-child(odd){float:left;}
.teampage .bottom .form li:nth-child(even){float:right;}
.teampage .bottom .form li input{width:100%;border:none;height:45px;padding:0 10px;background-color:#f6f6f6;font-size:16px;}
.teampage .bottom .form .inbtn input{background-color:#c30d23;color:#fff;text-align:center;font-size:18px;cursor:pointer;}
.teampage .bottom .form .inbtn input:hover{background-color:#e8000f}

.teampage .tuilunbo a{ display:block; padding:0 19px; position:relative; padding-bottom:20px}
.teampage .tuilunbo a:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;background-color:#c30d23;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ height:0;}
.teampage .tuilunbo a:hover:after{ height:70%; }
.teampage .tuilunbo a>div{ position:relative; z-index:2;}
.teampage .tuilunbo .img{ overflow:hidden; margin-bottom:20px}
.teampage .tuilunbo .img img{ display:block; width:100%}
.teampage .tuilunbo h3{ font-size:20px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1.1; margin-bottom:5px}
.teampage .tuilunbo .ps{ color:#999}
.teampage .tuilunbo .ps .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teampage .tuilunbo .ps .p span:nth-child(1){ color:#333}
.teampage .tuilunbo a:hover .ps{ color:#fff}
.teampage .tuilunbo a:hover h3{ color:#fff}
.teampage .tuilunbo a:hover .ps .p span:nth-child(1){ color:#fff}
.teampage .tuilunbo .slick-dots{ text-align:center}
.teampage .tuilunbo .slick-dots li{ display:inline-block; width:15px; height:15px; vertical-align:middle; margin:0 5px; background-color:#a9a9a9; border-radius:50%; cursor:pointer}
.teampage .tuilunbo .slick-dots li.slick-active{ background-color:#c30d23}
.teampage .tuilunbo .slick-dots button{ display:none}

/*工艺*/
.craftlist ul{ margin-left:-25px; margin-right:-25px;}
.craftlist li{ float:left; width:33.33%; margin-bottom:40px;max-height:323px;}
.craftlist li a{ display:block; margin:0 25px;}
.craftlist li a:hover{ box-shadow:4px 0 16px rgba(0,0,0,.38) }
.craftlist li .img{ overflow:hidden}
.craftlist li .img img{ width:100%; display:block;}
.craftlist li .txt{  height:100px; padding:15px;}
.craftlist li .txt h3{ font-weight:normal; font-size:14px; line-height:1.8; height:50px; overflow:hidden; color:#333}

/*攻略*/
.strategylist .conn{ overflow:hidden;}
.strategylist .conn img{ max-width:100%; height:auto !important}

/*荣誉资质*/
.honorbox{ background:#fff}
.honorlist ul{ margin-left:-33px; margin-right:-33px;}
.honorlist li{ float:left; width:33.33%; margin-bottom:35px}
.honorlist li .a{ display:block; margin:0 33px;}
.honorlist li .img{ overflow:hidden; margin-bottom:30px; box-shadow:3px 0 13px rgba(135,135,135,.75)}
.honorlist li .img img{ display:block; width:100%}
.honorlist li h3{ font-size:16px; font-weight:normal; text-align:center; height:50px; overflow:hidden}

/* 联系我们*/
.contactlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:25px}
.contactlist li .txt{ width:51.6%; margin-right:27px; border:1px solid #e1e1e1; background-color:#fff; padding:40px; padding-bottom:30px}
.contactlist li .map{border:1px solid #e1e1e1; background-color:#fff; padding:15px}
.contactlist li .map img{ display:block; width:100%}
.contactlist li .txt .title{ font-size:28px; font-weight:bold; border-bottom:1px solid #e1e1e1; padding-left:45px; background:url(../img/ico-05.png) no-repeat left 2px; background-size:auto 31px; line-height:1.1; padding-bottom:25px; margin-bottom:40px}
.contactlist li .txt .ps .p{ font-size:16px; overflow:hidden; min-height:50px}
.contactlist li .txt .ps .p a{ font-size:16px; color:#666}
.contactlist li .txt .ps .p span{ display:block; overflow:hidden; color:#666}
.contactlist li .txt .ps .p span:nth-child(1){ float:left; color:#333}
/*新闻资讯*/
.newslist li{ margin-bottom:28px; border:1px solid #e1e1e1; box-shadow:0 2px 8px rgba(222,222,222,.75)}
.newslist li a{ display:block; background-color:#fff; padding:30px; overflow:hidden}
.newslist li .img{ float:left; width:320px; margin-right:35px;}
.newslist li .img img{ display:block; width:100%;}
.newslist li .txt h3{ font-size:20px; font-weight:normal; line-height:1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist li .txt{ overflow:hidden}
.newslist li .txt .date{ color:#999; font-size:16px; margin-bottom:35px;}
.newslist li .txt .ms{ font-size:16px; line-height:2; height:96px; overflow:hidden; color:#666}

/*招贤纳士*/
.recruitlist .hd{ overflow:hidden; background-color:#eeeeee;}
.recruitlist .hd li{ float:left; font-size:18px; line-height:52px}
.recruitlist .w1{ width:34%; padding-left:38px}
.recruitlist .w2{ width:35%; padding-left:38px}
.recruitlist .w3{ width:31%; padding-left:38px}
.recruitlist .bd .block>div{ font-size:18px; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recruitlist .bd li{border-bottom:1px solid #e1e1e1}
.recruitlist .bd .block{ overflow:hidden; line-height:98px; cursor:pointer; position:relative }
.recruitlist .bd .block:after{content:""; display:block; position:absolute; width: 22px; height: 22px; background: url(../img/7-6.png) no-repeat center; right: 30px; top: 50%; margin-top:-11px; background-size:100%}
.recruitlist .bd li.on .block:after{background-image: url(../img/7-7.png);}
.recruitlist .bd .none{ padding-left:38px; padding-bottom:40px; display:none }
.recruitlist .bd li.on .none{ display:block}
.recruitlist .bd .none .conn{overflow:hidden; font-size:16px; color:#666; line-height:2}
.recruitlist .bd .none .a{ margin-top:20px;}
.recruitlist .bd .none .a a{ display:block; width:154px; height:44px; line-height:44px; text-align:center; background-color:#c30d23; font-size:18px; color:#fff; border-radius:5px}
.recruitlist .bd .none .a a:hover{background-color:#e8000f}
/*简介*/
.aboutbox{ background:#fff; padding:0;}
.aboutpage01{ padding:60px 0; padding-top:30px}
.aboutpage01 .txt{ float:left; width:550px; padding-top:40px;}
.aboutpage01 .txt .p1{ font-size:36px; line-height:1; margin-bottom:15px}
.aboutpage01 .txt .p2{ font-size:36px; line-height:1; font-weight:bold; margin-bottom:15px}
.aboutpage01 .txt .eng{ text-transform:uppercase; font-size:16px;}
.aboutpage01 .txt .eng i{ color:#c30d23}
.aboutpage01 .weap{ font-size:16px; line-height:2.2}
.aboutpage01 .weap img{ display:block; max-width:100%; height:auto !important}

.aboutpage02{ background:url(../img/aboutpage02bg.jpg) no-repeat center; background-size:cover; color:#ffff; height:460px; padding-top:95px; text-align:center}
.aboutpage02 .hd{ font-size:36px; line-height:1.1; margin-bottom:100px}
.aboutpage02 ul{ text-align:justify}
.aboutpage02 ul:after{content:"";display:inline-block;width:100%;height:55px; text-align:center;}
.aboutpage02 ul li{ display:inline-block; vertical-align:top; text-align:center}
.aboutpage02 ul li .num{ font-size:60px; line-height:1.1;}
.aboutpage02 ul li .num i,.aboutpage02 ul li .num em{ font-size:16px; margin-left:10px}
.aboutpage02 ul li .num em{ vertical-align:top;}

.aboutpage03{ padding-top:100px;}
.aboutpage03 ul{ text-align:justify;}
.aboutpage03 ul:after{content:"";display:inline-block;width:100%;height:125px;  }
.aboutpage03 ul li{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ display:inline-block; vertical-align:top; width:30%; border:2px solid #e1e1e1; padding:38px 45px; min-height:360px}
.aboutpage03 ul .ico{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */ height:57px; background-repeat:no-repeat; background-position:left left; background-size:auto 100%; margin-bottom:25px}
.aboutpage03 ul .ico-d01{ background-image:url(../img/ico-d01.png)}
.aboutpage03 ul .ico-d02{ background-image:url(../img/ico-d02.png)}
.aboutpage03 ul .ico-d03{ background-image:url(../img/ico-d03.png)}
.aboutpage03 ul li h3{ font-size:36px; line-height:1.1}
.aboutpage03 ul li .line{ width:34px; height:2px; background-color:#c30d23; margin:30px 0}
.aboutpage03 ul li .p{ font-size:16px; color:#666; line-height:2}
.aboutpage03 ul li .p span{ display:block;}
.aboutpage03 ul li:hover{  border:2px solid #c30d23}
.aboutpage03 ul li:hover .ico-d01{ background-image:url(../img/ico-d01on.png)}
.aboutpage03 ul li:hover .ico-d02{ background-image:url(../img/ico-d02on.png)}
.aboutpage03 ul li:hover .ico-d03{ background-image:url(../img/ico-d03on.png)}

.aboutpage04{ position:relative; padding-bottom:130px}
.gallery-top{ padding:30px 0px 45px 0px !important; } 
.gallery-top .swiper-slide .item .txt{ float:left; }
.gallery-top .swiper-slide .item .txt h2{ font-size:109px; font-weight:normal; line-height:140px; margin-bottom:15px; margin-top:-10px; font-family:Arial, Helvetica, sans-serif }
.gallery-top .swiper-slide .item .txt h3{ font-size:21px; color:#333; line-height:1.095; font-weight:normal }
.gallery-top .swiper-slide .item .txt .line{ width:50px; height:1px; background:#757575; display:block; margin:20px 0px; }
.gallery-top .swiper-slide .item .txt .p{ font-size:16px; }
.gallery-top .swiper-slide .item .pic{ float:right; }
.gallery-top .swiper-slide .item .pic img{ vertical-align:middle; width:500px }
.gallery-thumbs{ margin-bottom:115px; }
.gallery-thumbs .history-line{ width:100%; height:9px; background: url(../img/history-line.png) repeat-x; margin-bottom:28px; }
.gallery-thumbs .swiper-slide{width:100px; text-align:center; line-height:60px; font-size:16px; color:#333; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }
.gallery-thumbs .swiper-slide.swiper-slide-active{ background:url("../img/history-arrow.png") no-repeat center center; }
.gallery-thumbs .swiper-slide:hover{  cursor:pointer; } 
.aboutpage04 .swiper-button-prev,
.aboutpage04 .swiper-button-next{ position:absolute; top:30%; left:60px; width:53px; height:53px; margin-top:-28px; z-index:10; cursor:pointer; background-color:#cccccc; border-radius:50%; background-size:30%  }
.aboutpage04 .swiper-button-next{   right:60px; left:auto; }
.aboutpage04 .swiper-button-prev:hover{ background-color:#c30d23}
.aboutpage04 .swiper-button-next:hover{ background-color:#c30d23 }

/*装修贷款*/
.loanbox{ padding:0; background:#fff}
.loanbox .box{ max-width:1600px; margin:0 auto}
.bg-a-fixed{background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.comm,.loan{height:770px;padding:100px 0;}
.decoration{background-image:url(../img/decorationbg.jpg);}
.bank01{background-image:url(../img/bank01bg.jpg);}
.bank02{background-image:url(../img/bank02bg.jpg);} 
.bgpic{background:no-repeat center;height:50px;}

.loan .hdd{text-align:center;color:#fff;}
.loan .hdd h3{font-size:94px;position:relative;padding-bottom:25px;margin-bottom:25px}
.loan .hdd h3:after{content:"";width:65px;height:1px;background-color:#fff;position:absolute;left:50%;margin-left:-35px;bottom:0;}
.loan .hdd p{font-size:30px;}

.loan .bdd li{float:left;color:#fff;text-align:center;}
.loan .bdd li p{font-size:28px;}
.loan .bdd li img{margin-bottom:25px;}

.decoration .bdd{margin-top:120px;}
.decoration .bdd li{width:20%;}
.decoration .bdd li img{width:71px;margin-bottom:15px;}
.decoration .bdd li h3{font-weight:normal;font-size:60px; line-height:1.1; margin-bottom:20px}
.decoration .bdd li h3 i{font-size:24px;}

.bank01 .bdd,.bank02 .bdd{margin-top:120px;}
.bank01 .bdd li,.bank02 .bdd li{width:33.3%;}
.bank01 .bdd li p,.bank02 .bdd li p{height:84px;overflow:hidden;}

.bank03{background-image:url(../img/bank03bg.jpg); padding:140px 0; color:#fff}

.bank03 .bank03left{ float:left; width:280px; overflow:hidden; border-right:4px solid #929393; height:490px; text-align:center}
.bank03 .bank03left .item{ margin-bottom:40px;}
.bank03 .bank03left .item span{ display:inline-block; width:238px; height:60px; line-height:60px; font-size:24px; border-radius:60px; cursor:pointer}
.bank03 .bank03left .item.slick-current span{background-color:#c30d23; color:#fff; }
.bank03 .bank03right{ overflow:hidden; padding:0 10px; padding-top:75px;}
.bank03 .bank03right ul{ max-width:905px; margin:0 auto; padding-bottom:25px; margin-bottom:45px; border-bottom:1px solid #7a7069}
.bank03 .bank03right ul:last-child{ border-bottom:none}
.bank03 .bank03right ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; min-width:0}
.bank03 .bank03right ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center;min-width:0}
.bank03 .bank03right ul li:nth-child(1){width:210px;flex:0 0 210px; }
.bank03 .bank03right ul .t{ font-size:26px; margin-bottom:10px;  }
.bank03 .bank03right ul .p{ font-size:18px; padding-top:10px; }
.bank03 .bank03right ul li:nth-child(1) .p{ padding-top:0}

/*三方监理*/
.managebox{ background:#fff; padding:0;}
.Early{background-image:url(../img/5-3.jpg);}
.Metaphase{background-image:url(../img/5-8.jpg);}
.After_sale{background-image:url(../img/5-13.jpg);}
.comm .hdd{text-align:center;color:#fff;}
.comm .hdd h3{font-size:48px;position:relative;padding-bottom:25px;margin-bottom:25px;}
.comm .hdd h3:after{content:"";width:65px;height:1px;background-color:#fff;position:absolute;left:50%;margin-left:-35px;bottom:0;}
.comm .hdd p{font-size:18px;}
.comm .bdd{color:#fff;margin-top:120px;}
.comm .bdd ul{max-width:1300px;margin:0 auto;position:relative;}
.comm .bdd li{float:left;width:25%; position:relative;padding-bottom:50px;}
.comm .bdd .libox{margin:0 25px;text-align:center;}
.comm .bdd .line{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.comm .bdd .line:after,.comm .bdd .line:before{ height:1px; background-color:#8c8480; width:100%; content:""; display:block}
.comm .bdd .line ul{ flex:0 0 1300px}
.comm .bdd .line li .dot{ display:block; width:12px; height:12px;flex:0 0 12px; border:2px solid #ea0506; border-radius:50%; margin:0 10px;}
.comm .bdd .line li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.comm .bdd .line li:after,.comm .bdd .line li:before{ height:1px; background-color:#8c8480; width:100%; content:""; display:block}
.comm .bdd .libox img{width:60px;margin-bottom:20px;}
.comm .bdd .libox h3{font-weight:normal;font-size:24px;margin-bottom:25px;}
.comm .bdd .libox p{font-size:16px;height:48px;overflow:hidden;}
.comm .bdd .libox:hover img{animation: shake 1.3s cubic-bezier(.86, .27, .39, .97) both;transform: translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px;}
.comm .bdd .line li{ padding-bottom:0;}

/*投诉建议*/
.proposalWrap{background-color:#f6f6f6;}
.proposalbox{padding:50px 0;}
.proposalbox h3{font-weight:normal;font-size:30px;letter-spacing:10px;text-align:center;margin-bottom:50px;}
.proposalbox li:nth-child(odd){float:left;}
.proposalbox li:nth-child(even){float:right;}
.proposalbox li{width:49%;margin-bottom:25px;}
.proposalbox li.w100{width:100%;}
.proposalbox li input{ color:#757575;width:100%;height:50px;padding:0 10px;font-size:16px;border:none;background:none; border:1px solid #cccccc;}
.proposalbox li textarea{ color:#757575;width:100%;height:200px;resize:none;border:none;padding:10px;border:1px solid #cccccc;font-size:16px;background:none;}
.proposalbox li select{ color:#757575;width:100%;height:50px;border:none;padding:0 8px;border:1px solid #cccccc;font-size:16px;background:none;}
.proposalbox li.inbtn{text-align:center;margin-top:38px;}
.proposalbox li.inbtn input{width:264px;text-align:center;cursor:pointer;background-color:#c30d23; color:#fff;font-size:20px;font-weight:300; height:58px; border:none}
.proposalbox li.inbtn input:hover{background-color:#e8000f}

/*预约量房*/
.orderbox{ padding-top:60px; padding-bottom:120px;}
.orderbox .orderleft{ width:50%; float:left; padding-top:25px; position:relative}
.orderbox .orderleft:after{ content:""; display:block; width:1px; position:absolute; z-index:1;top:60px; bottom:100px; right:0; background-color:#e1e1e1}
.orderbox .orderleft .title{ margin-bottom:48px}
.orderbox .orderleft .title h3{ font-size:30px; font-weight:normal; display:inline-block; margin-right:10px}
.orderbox .orderleft .title .p{ display:inline-block; color:#8f8f8f}
.orderbox .orderleft .title .p i{ color:#c30d23}
.orderbox .orderleft ul{ max-width:460px;}
.orderbox .orderleft li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:20px}
.orderbox .orderleft .fg{ margin:0 5px;}
.orderbox .orderleft li .t{ font-size:18px; margin-right:15px}
.orderbox .orderleft li .t i{ color:#f62d2d; font-size:16px}
.orderbox .orderleft li .liin{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative}
.orderbox .orderleft .intxt{ height:50px; line-height:50px; background-color:#f5f5f5; width:100%; border:none; padding:0 15px; border-radius:5px}
.orderbox .orderleft .inselect{ height:50px; line-height:50px; background-color:#f5f5f5; width:100%; border:none; padding:0 15px; border-radius:5px; font-size:14px}
.orderbox .orderleft li .liin em{ position:absolute; z-index:1; right:10px; line-height:50px;top:0; color:#666666}
.orderbox .orderleft li.libtn{ display:block; text-align:center; padding-left:95px}
.orderbox .orderleft li .inbtn{ width:100%; height:50px; background-color:#c30d23; border:none; color:#fff; font-size:16px; margin:0 auto; border-radius:3px; cursor:pointer}
.orderbox .orderleft li .inbtn:hover{ background-color:#e8000f}
.orderbox .orderright{ width:50%; float:right; text-align:center;}
.orderbox .orderright .hd{ text-align:center; font-size:30px; line-height:1.1; margin-bottom:35px}
.orderbox .orderright .img{ margin-bottom:30px}
.orderbox .orderright .img img{ display:block; max-width:182px; width:100%; margin:0 auto}
.orderbox .orderright li{ font-size:18px; margin-bottom:5px}
.orderbox .orderright li a{ font-weight:bold; font-size:18px;}
@media (max-width: 1500px){ 
.index08 .adderleft .slick-prev{ left:-50px;}
}
@media (max-width: 1390px){ 
.index08 .adderleft .slick-prev{ left:0;}
.index08 .adderleft{ width:40%; padding-left:50px;}
} 
@media (max-width: 1305px){ 
.banner .item,.banner{ height:45vw}

.nbanner .img{ height:38vw}

} 
@media (max-width: 1100px){ 
.index01 li .ico{ margin-right:15px}
} 
@media (max-width:1000px){  
.mweb { display: block;}
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 5px;}
.banner .slick-dots li.slick-active:after{ left:-2px; right:-2px;top:-2px; bottom:-2px;}

.index01{ padding-top:20px}
.index01 ul:after{ height:10px}
.index01 li .ico{ display:block; margin:0 auto; margin-bottom:5px}
.index01 li .txt h3{ text-align:center; font-size:2vw}
.index01 li .txt .eng{ text-align:center;  }
.index01 li .ico{ height:6vw; width:auto}
.index01 li .txt .eng{ font-size:1vw; display:none}
.index01 li.fg{ width:10px;}

.index02{ padding:30px 0}
.index02 .index02left{ float:none; width:auto; }
.index02 .index02right{ float:none; width:auto}
.index02 .index02right ul li .num span{ font-size:30px}
.index02 .index02right ul li{ text-align:center}
.index02 .index02right ul li .p{ font-size:13px} 
.index02 .index02left .p1-1{ font-size:20px; padding-top:10px}
.index02 .index02left .p1-2{ font-size:20px; margin-bottom:10px}
.index02 .index02left .p2-1{ font-size:28px;}
.index02 .index02left .p2-2{ font-size:28px}
.index02 .index02left .p3{ display:none}
.index02 .index02left .p1-1{ background-size:auto 30px}
.index02 .index02right ul{ margin-bottom:0px}
.index02 .index02right .conn{ font-size:15px; line-height:1.6}

.plo{ margin-bottom:20px}
.plo h3{ font-size:22px;}
.plo .p{ font-size:14px; line-height:1.2}
.index03{ padding-top:30px; padding-bottom:30px}

.index04 .box{ padding:30px 0; background-size:auto 60px}
.index04 .bigimg{ float:none; width:70%; margin:0 auto}
.index04 .smallbig{ float:none; width:auto}
.index04 .smallbig .items{ display:none}
.index04 .bigimg{ margin-bottom:40px;}
.index04 .bigimg .slick-dots{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:-30px;}
.index04 .bigimg .slick-dots li{ display:inline-block; vertical-align:middle; width:8px; height:8px; margin:0 5px; border-radius:50%; background-color:#666}
.index04 .bigimg .slick-dots li.slick-active{ background-color:#c30d23}
.index04 .bigimg .slick-dots li button{ display:none}
.index04 .bigimg:before{ right:-20%}
.index04 .bigimg .txt h3{ font-size:20px}
.index04 .bigimg .txt .p1{ font-size:16px;}
.index04 .bigimg .txt .p1:after{ height:35px}
.index04 .bigimg .txt .p2 a{ width:120px; height:38px; line-height:38px; font-size:13px}
.index04 .smallbig .hd h3{ font-size:18px}
.index04 .smallbig .hd .p{ font-size:16px}
.index04 .smallbig .hd{ text-align:left}
.index04 .mores{ text-align:right}
.index04 .mores a{ font-size:14px}
.index04 .mores a:after{ width:24px}
.index05 .bd li a{ margin:0 5px;}
.index05 .bd ul{ margin-left:-5px; margin-right:-5px;}

.index05{ padding:30px 0}
.index05 .mores{ margin-top:10px;}
.index05 .mores a{ width:120px; font-size:13px; line-height:38px; height:38px}
.index06{ padding-top:10px;}
.index06 .bd ul{ display:block}
.index06 .bd ul .txt{ padding:30px 0;padding-left:0; text-align:center;}
.index06 .bd ul li{ min-height:0}
.index06 .bd ul .txt .ico{ margin:0 auto; height:45px}
.index06 .bd ul .txt h3:after{ margin:0 auto; height:1px; width:30px; margin-top:10px}
.index06 .bd ul .txt .eng{ font-size:20px}
.index06 .bd ul .txt h3{ font-size:20px}
.index06 .liform .eng{ font-size:20px;}
.index06 .liform h3{ font-size:20px; margin-bottom:15px}
.index06 .liform{ padding:30px 10px}
.index06 .liform .bd{ padding:20px 10px; padding-bottom:0;    border: 1px solid #b2b2b2;}
.index06 .liform .intxt{ height:42px; line-height:42px;    border: 1px solid #b2b2b2;}
.index06 .liform .inbtn{ height:42px; line-height:42px; font-size:14px}

.index07{ padding:30px 0}
.index08{ padding:40px 0}
.index08 .adderleft{ float:none; width:auto; margin-bottom:15px; padding-left:40px; padding-right:40px; font-size:15px}
.index08 .adderleft a{ font-size:15px}
.index08 .mapright{ float:none; width:auto}
.index08 .adderleft .slick-arrow{ width:34px; height:34px; margin-top:-17px;border: 1px solid #fff; background-size:50%}
.index08 .adderleft .slick-next{ right:0;}
.index08 .adderleft .title{ margin-bottom:10px}
.index08 .adderleft .title span{ font-size:18px; line-height:32px; padding:0 20px;}
.index08 .adderleft .p .li{ margin-bottom:5px}
.index08 .adderleft .ewm{ margin-top:20px}
.index08 .adderleft .ewm img{ width:80px; }

.index09{ padding-top:30px;}
.index09 li .ico{ height:40px}
.index09 li h3{ font-size:16px}
.index09 li.line{ width:10px}
.index09 .bd:before{top:66px;}
.index09 ul:after{  height:30px}
 
.lanmumain{ padding-bottom:45px; padding-top:20px}
.path{ display:none}
.WorksWrap{background-color:#fff;padding-bottom:1px;}
.donditionWarp{background-color:#fff;padding:0;margin-bottom:10px;margin-left:-10px;margin-right:-10px;position:relative;}
.donditiontit{padding:10px;border-bottom:1px solid #e1e1e1;}
.donditiontit h2{float:left;font-weight:normal;font-size:16px;}
.donditiontit .shuai{float:right;}
.donditiontit .shuai img{width:22px;}

.donditionWarp .fenlei{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;z-index:555;}
.donditionWarp .item{margin:0;padding:10px;border-bottom:none;}
.donditionWarp .form_tit{width:50px;margin-bottom:10px;}
.donditionWarp .formtit,.donditionWarp .form_cont{float:none;font-size:14px;}
.donditionWarp .form_cont li{float:left;background-color:#f7f7f7;margin-right:10px;border-radius:5px;margin-bottom:10px;}
.donditionWarp .form_cont li a{display:inline-block;color: #666;padding:0 10px;margin:0 6px;font-size:14px;height:30px;line-height:30px;}
.donditionWarp .item .on a{color:#e8000f;}
.donditionWarp .item a:hover {color:#e8000f;}
.donditionWarp .qu .form_tit{display:none;}

.workspage01{ display:block; margin-bottom:30px}
.workspage01 .workspage01left{ float:none; width:auto; margin-right:0; margin-left:-10px; margin-right:-10px;}
.sp-bottom-thumbnails{ display:none !important}
.picLunbo .sp-previous-arrow:before, .picLunbo .sp-next-arrow:before{ width:33px; height:33px; border-radius:33px; background-size:100%}
.picLunbo .sp-previous-arrow, .picLunbo .sp-next-arrow{ margin-top:-16px;}
.workspage01 .workspage01right{ padding:10px; margin-left:-10px; margin-right:-10px;}
.workspage01 .workspage01right .title{ display:none}
.workspage01 .workspage01right ul{ margin-bottom:15px}
.workspage01 .workspage01right .info{ margin-bottom:15px}
.workspage01 .workspage01right .info .img{ width:90px; flex:0 0 90px}
.workspage01 .workspage01right .info .img img{ height:90px;}
.workspage01 .workspage01right .info .txt h3{ font-size:22px}
.workspage01 .workspage01right .lia{ overflow:hidden}
.workspage01 .workspage01right .lia a{ margin-top:0; display:inline-block; width:48%; float:left; height:38px; line-height:38px; font-size:13px}
.workspage01 .workspage01right .lia a:nth-child(2){ float:right}
.workspage02{ padding-bottom:30px}
.workspage02 .hd ul.left .l1{ font-size:20px}
.workspage02 .hd ul.left .l2{ font-size:16px}
.workspage02 .hd ul.right li .p{ font-size:16px}
.workspage02 .hd{ margin-bottom:15px}
.workspage02 .bd{ font-size:15px; line-height:1.8}
.workspage02 .bd a{ font-size:15px}

.workspage03{ padding:30px 0}

.storylist li a{ padding:0 5px}
.storylist ul{ margin-left:-5px; margin-right:-5px}

.storypage{ display:block}
.storypage .storypageleft{ padding-right:0; margin-bottom:20px}
.storypage h1.title{ font-size:20px; margin-bottom:10px}
.storypage .conn{ line-height:1.8}
.storypage .goprne{ margin-top:15px; padding-top:15px}
.storypage .storypageright{ width:100%}
.sideplo{ padding-bottom:10px}
.sideplo h3{ font-size:18px}
.sidelis01 li a{ padding:10px 0}
.sidelis01 li h3{ margin-bottom:5px}
.storypage .goprne .goto{ margin-top:5px}

.commentlist .a{ display:block; min-height:100px}
.commentlist .imgbox{ height:35vw}
.commentlist .txtbox{ width:auto; padding:15px 10px; position:relative}
.commentlist .txtbox .p1{ font-size:18px; margin-bottom:15px}
.commentlist .txtbox .p2 span{ margin-bottom:10px}
.commentlist .txtbox .p2{ margin-bottom:15px;}
.commentlist .txtbox .info .img{ width:60px; height:60px; margin-right:10px}
.commentlist .txtbox .info{ /*margin-bottom:5px; */
                            padding-right:150px}
.commentlist .txtbox .ms{ /*height:50px;*/
                          overflow:hidden}
.commentlist li{ margin-bottom:15px}
.commentlist .txtbox .p2{ position:absolute; z-index:1; right:10px;top:50px}

.teamlist li a{ padding:0 5px;}
.teamlist ul{ margin-left:-5px; margin-right:-5px;}
.teamlist li h3{ font-size:16px;}
.teampage .top .btn .a1{ width:180px}
.teampage .top .text{ margin:10px 0}
.teampage .top .btn a{ font-size:16px; height:42px; line-height:42px}
.teampage .bottom .left .tit span{ font-size:22px}
.teampage .bottom .form .tit, .teampage .bottom .tuijian .tit{ font-size:22px}
.teampage .bottom .form .inbtn input{ font-size:13px; height:38px; line-height:38px}
.teampage .bottom .form h3{ font-size:20px;}
.teampage .bottom .right{ padding:15px 0;}

.loanbox{ padding-bottom:0}
.loan{padding:50px 0; height:auto}
.loan .hdd h3{font-size:30px;padding-bottom:10px;margin-bottom:15px;font-weight:normal;}
.loan .hdd h3:after{width:45px;margin-left:-20px;}
.loan .hdd p{font-size:14px;}

.loan .bdd li{float:none;}
.loan .bdd li p{font-size:16px;}
.loan .bdd li img{margin-bottom:10px;}

.decoration .bdd{margin-top:50px;}
.decoration .bdd li{width:50%;margin-bottom:30px;float:left;}
.decoration .bdd li:nth-child(3){width:100%;}
.decoration .bdd li img{width:41px;margin-bottom:15px;}
.decoration .bdd li h3{font-size:30px;}
.decoration .bdd li h3 i{font-size:14px;}

.bank01 .hdd h3 img,.bank02 .hdd h3 img{width:50%;}
.bank01 .bdd,.bank02 .bdd{margin-top:50px;}
.bank01 .bdd li,.bank02 .bdd li{width:100%;margin-bottom:15px;}
.bank01 .bdd li p,.bank02 .bdd li p{height:50px;}
.bank01 .bdd li img,.bank02 .bdd li img{width:50px;}

.bank03 .bank03left{ float:none; width:auto; height:auto; text-align:center; border-right:none; margin-bottom:15px}
.bank03 .bank03left .slick-track,.bank03 .bank03left .slick-list{ height:auto !important}
.bank03 .bank03right{ padding:10px;}
.bank03 .bank03left .item{ width:auto !important; display:inline-block; float:none; margin:0 5px}
.bank03 .bank03left .item span{ width:100%; font-size:16px; height:32px; line-height:32px; padding:0 10px}
.bank03 .bank03right ul .t{ font-size:14px}
.bank03 .bank03right ul .p{ font-size:12px}
.bank03 .bank03right ul{ padding-bottom:10px; margin-bottom:20px}
.bank03 .bank03right ul li:nth-child(1){ width:110px; flex:0 0 110px;}

.managebox{ padding:0}
.comm, .loan{ height:auto}
.comm{padding:30px 0 10px;}
.comm .hdd h3{font-size:24px;padding-bottom:15px;margin-bottom:15px;font-weight:normal;}
.comm .hdd h3:after{margin-left:-20px;width:40px;}
.comm .hdd p{font-size:14px;}
.comm .bdd{margin-top:50px;border-bottom:none;}

.comm .bdd li{width:50%;padding-bottom:40px;}
.comm .bdd .libox{margin:0 5px;text-align:center;}
.comm .bdd li .dot{display:none;}
.comm .bdd .libox img{width:40px;margin-bottom:10px;}
.comm .bdd .libox h3{font-size:18px;margin-bottom:15px;}
.comm .bdd .libox p{font-size:14px;height:66px;}
.comm .bdd .line{ display:none}

.proposalbox{padding:10px 0;}
.proposalbox h3{font-size:20px;letter-spacing:10px;margin-bottom:20px;}
.proposalbox li:nth-child(odd){float:none;}
.proposalbox li:nth-child(even){float:none;}
.proposalbox li{width:100%;margin-bottom:15px;}
.proposalbox li input{height:40px;font-size:14px;}
.proposalbox li textarea{height:120px;}
.proposalbox li select{height:40px; font-size:14px}
.proposalbox li.inbtn{margin-top:0;}
.proposalbox li textarea{ font-size:14px;}
.proposalbox li.inbtn input{width:100%;font-size:16px;border-radius:0;height:45px;}

.orderbox .orderleft{ float:none; width:auto; padding-top:0; margin-bottom:30px}
.orderbox .orderright{ float:none; width:auto}
.orderbox .orderleft .title h3{ font-size:22px; margin-right:0;}
.orderbox .orderleft .title{ margin-bottom:15px;}
.orderbox .orderleft li .t{ font-size:15px; margin-bottom:5px;}
.orderbox .orderleft .inselect{ height:42px; padding:0 5px;}
.orderbox .orderleft li{ display:block; margin-bottom:10px;}
.orderbox .orderleft .intxt{ height:42px; line-height:42px}
.orderbox .orderleft li.libtn{ padding-left:0;}
.orderbox .orderleft li .inbtn{ height:42px; font-size:15px}
.orderbox .orderright .hd{ font-size:22px; clear:both}
.orderbox .orderright .img img{ max-width:100px}

.craftlist li a{ margin:0 5px;}
.craftlist ul{ margin-left:-5px; margin-right:-5px;}
.craftlist li{ margin-bottom:10px;}
.craftlist li a:hover{box-shadow: 1px 0 5px rgba(0,0,0,.2);}
.honorlist li .a{ margin:0 10px;}
.honorlist ul{ margin-left:-10px; margin-right:-10px}
.honorlist li .img{ margin-bottom:15px}

.contactlist li .txt{ float:none; width:auto; padding:10px; margin-right:0; margin-bottom:10px;}
.contactlist li{ display:block}
.contactlist li .map{ padding:10px;}
.contactlist li .txt .title{ font-size:20px; padding-bottom:10px; margin-bottom:10px; background-size:auto 20px; padding-left:25px}
.contactlist li .txt .ps .p{ min-height:25px; margin-bottom:5px}

.recruitlist .hd li{ font-size:15px; line-height:42px}
.recruitlist .w1{ padding-left:15px}
.recruitlist .bd .block>div{ font-size:15px}
.recruitlist .bd .block{ line-height:50px}
.recruitlist .w2{ padding-left:10px;}
.recruitlist .w3{ padding-left:10px}
.recruitlist .bd .block:after{ width:10px; height:10px; right:10px; margin-top:-5px;}
.recruitlist .bd .none{ padding-left:15px; padding-bottom:20px}
.recruitlist .bd .none .conn{ font-size:14px; line-height:1.8}
.recruitlist .bd .none .a a{ font-size:13px; width:120px; height:38px; line-height:38px}
.newslist li .txt h3{ font-size:16px;}
.newslist li .txt .date{ font-size:14px}
.newslist li .txt .ms{ font-size:14px; height:84px}

.aboutpage01{ padding-top:0}
.aboutpage01 .txt{ padding-top:0; width:auto; float:none}
.aboutpage01 .txt .p1{ font-size:22px; margin-bottom:5px}
.aboutpage01 .txt .p2{ font-size:22px; margin-bottom:5px}
.aboutpage01 .weap{ font-size:15px; line-height:1.8}

.aboutpage02{ height:auto; padding-top:50px}
.aboutpage02 .hd{ font-size:22px; margin-bottom:35px;}
.aboutpage02 ul li .num{ font-size:32px}
.aboutpage03 ul li{ padding:20px; width:32%}
.aboutpage03 ul .ico{ height:40px}
.aboutpage03 ul li h3{ font-size:22px;}
.aboutpage03 ul li .p{ font-size:15px}
.aboutpage03{ padding-top:30px}
.aboutpage03 ul:after{ height:30px}

.gallery-top{padding:0 !important;}
.gallery-top .swiper-slide .item .txt h2{margin-top:0}
.gallery-thumbs{margin-bottom:0.6rem;}
.gallery-top .swiper-slide .item .pic{width:100%;float:none;text-align:center;display:block;padding: 15px;height:auto!important;}
.gallery-top .swiper-slide .item .pic img{width:100%;}
.gallery-top .swiper-slide .item .txt{width:calc(100% - 1rem);float:none;margin:0 auto;}
.gallery-top .swiper-slide .item .txt h2{font-size:20px;line-height:1.1}
.gallery-top .swiper-slide .item .txt h3{font-size:16px;}
.gallery-top .swiper-slide .item .txt .line{margin:10px 0;}
.gallery-top .swiper-slide .item .txt p{font-size:15px;}
.history-con .swiper-button-prev,.history-con .swiper-button-next{left:0.3rem;width:0.56rem;height:0.56rem;margin-top:-0.28rem;background-size:1.99rem 1.62rem;background-position:0px -1.07rem;}
.history-con .swiper-button-next{background-position:-1.44rem -1.07rem;right:0.3rem;left:auto;}
.history-con .swiper-button-prev:hover{background-position:0px -1.07rem;}
.history-con .swiper-button-next:hover{background-position:-1.44rem -1.07rem;}
.aboutpage04 .swiper-button-prev, .aboutpage04 .swiper-button-next{top:40%;width:30px;height:30px}
.aboutpage04 .swiper-button-prev{left:10px;}
.aboutpage04 .swiper-button-next{right:10px;}
.gallery-thumbs .history-line{margin-bottom:15px}
.gallery-thumbs .swiper-slide{font-size:15px;width:70px}
.aboutpage04{padding-bottom:30px;}
}

@media (max-width:766px){ 
 
.banner .item,.banner{ height:54vw}
.index01 li .ico{ height:7vw;}
.index03 .bd li{ width:50%}
.index03 .bd li a{ margin:0 5px;}
.index03 .box{ padding:0 10px;}
.index03 .bd ul{ margin-left:-5px; margin-right:-5px;}
.index03 .bd li .txt{ margin:0; padding:0; padding-top:10px;top:0 !important}
.index03 .bd li .txt h3{ font-size:16px; margin-bottom:5px}
.index03 .bd li .txt .p{ line-height:1.2}
.index03 .bd li .txt .p span{ font-size:14px; margin:0}
.index03 .bd li{ margin-bottom:10px}

.index05 .bd li{ width:50%; margin-top:50px;}
.index05 .bd{ border-top:none; margin-top:0}
.index05 .bd li{    border-top: 1px solid #ededed; margin-bottom:15px}
.index05 .bd li .date .md{ font-size:18px;}
.index05 .bd li .date .year{ font-size:13px}
.index05 .bd li .date{top:-50px}
.index05 .bd li h3{ font-size:16px; margin-bottom:5px}
.index05 .bd li a{ padding-top:10px;}
.index05 .bd li .p{ line-height:1.6; height:44px; margin-bottom:10px}

.index07 .bd li{ width:33.33%}
.index07 .bd li:nth-child(n+10){ display:none}
.index07 .bd li .img{ height:80px;}

.workslist li{ width:100%; margin-bottom:10px}
.workslist li a{ margin:0;}
.workslist ul{ margin:0;}

.storylist li{ width:100%; margin-bottom:10px}
.storylist li .img{ margin-bottom:10px}
.storylist li h3{ font-size:16px; margin-bottom:5px}
.teamlist li{ width:50%; margin-bottom:10px;}
.teamlist li .img{ margin-bottom:10px;}
.teamlist li .ps .p{ font-size:13px}

.teampage .top .left{ float:none; width:auto; margin-bottom:10px}
.teampage .top .left img{ width:50%; margin:0 auto; display:block}
.teampage .top .right{ padding-left:0}
.teampage .top .name h3{ font-size:20px}
.teampage .top .name h3 i{ margin-left:20px}
.teampage .top .btn{ margin-top:20px; overflow:hidden}
.teampage .top .btn a{ width:48%; float:left; margin-right:0}
.teampage .top .btn .a1{ width:48%}
.teampage .top .btn .a2{ float:right}
.teampage .bottom{ margin-top:30px}
.teampage .bottom .left{ float:none; width:auto}
.teampage .bottom .right{ float:none; width:auto}

.teampage .tuilunbo a{ padding:0 5px;}
.teampage .tuilunbo .slick-dots li{ width:8px; height:8px}
.teampage .tuilunbo h3{ font-size:16px;}
.teampage .tuilunbo .img{ margin-bottom:10px}
.teampage .tuilunbo .slick-dots{ margin-top:10px}
.teampage .bottom .uls li{ width:100%}
.teampage .bottom .uls li a{ margin:0;}
.teampage .bottom .uls{ margin:0}
.teampage .bottom .uls li{ margin-bottom:0px}
.teampage .bottom .form{border-top: 1px solid #e1e1e1; padding:10px 0; margin-bottom:20px}

.craftlist li .txt{ height:80px}
.craftlist li { width:100%}

.honorlist li .img{box-shadow: 1px 0 5px rgba(135,135,135,.75);}
.honorlist li{ width:50%; margin-bottom:15px;}

.newslist li a{ padding:10px;}
.newslist li .img{ float:none; width:auto; margin-right:0; margin-bottom:10px}
.newslist li .txt .date{ margin-bottom:15px}
.newslist li{    box-shadow: 0 2px 4px rgba(222,222,222,.75); margin-bottom:15px}

.aboutpage02{ height:auto; padding:30px; overflow:hidden}
.aboutpage02 ul li{ display:block; float:left; width:50%; text-align:center; margin-bottom:20px}
.aboutpage02 ul:after{ display:none}
.aboutpage03 ul li{ display:block; width:auto; min-height:50px; margin-bottom:10px;border: 1px solid #e1e1e1;}
.aboutpage03 ul .ico{background-position:center; margin-bottom:15px}
.aboutpage03 ul li h3{ text-align:center}
.aboutpage03 ul li .line{ margin:10px auto; }
.aboutpage03 ul li .p{ text-align:center; line-height:1.6}
}
@media (max-width:580px){ 
.index09 .bd:before{ display:none}
.index09 li{ margin-bottom:15px;}
.index09 li .quan{ display:none}
.index09 li .ico{ margin-bottom:10px}
.index09 li h3{ font-size:15px}
.index09 li{ width:20%}
}