.banner {height: 800px;}
.shutter {overflow:hidden;}
.shutter-img,.shutter-img a {position:absolute;left:0;top:0;width:100%;height:100%;}
.shutter-img {z-index:1;}
.shutter-img a {cursor:pointer;}
.shutter-img a > img {width:100%;height:100%;}
.shutter-img .created {overflow:hidden;position:absolute;z-index:20;}
.shutter-btn {position:absolute;width:1300px;top:350px;left:50%;transform:translateX(-50%);z-index:2;}
.shutter-btn li {position:absolute;width:100px;height:100px;top:0;left:-50px;background:rgba(0,0,0,0.5);opacity:0;}
.shutter:hover .shutter-btn li {opacity:1;}
.shutter-btn li:before {position:absolute;content:'';top:31px;left:39px;width:35px;height:35px;border-left:3px solid #fff;border-top:3px solid #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.shutter-btn li.next:before {transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);left:22px;}
.shutter-btn li.next {left:auto;right:-50px;}

.index_title {text-align:center;margin:auto;padding-bottom:10px;}
.index_title h1 {font-size: 36px;letter-spacing: 3px;line-height: 70px;}
.index_title span {font-size:14px;letter-spacing:1px;line-height:25px;display:block;}
.indexservice {margin: 60px auto 80px;}
.indexservice ul {display:flex;margin-top:40px;flex-wrap: nowrap;justify-content: space-between;margin-bottom: 30px;}
.indexservice ul li{position:relative;width: 285px;overflow:hidden;height: 357px;}
.indexservice ul li:hover { margin-top: -20px;}
.indexservice ul li img { width: 100%;}
.indexservice ul li dl {position:absolute;top:0;left:0;font-weight:bold;width:89%;height:92%;padding:8% 0 0 11%;background:linear-gradient(0deg,transparent,transparent);}
.indexservice ul li:hover dl {background: linear-gradient(0deg, transparent, #0000008f);}
.indexservice ul li dl i {width:47px;height:42px;display:block;margin-bottom:10px;}
.indexservice ul li dl img {width:auto;margin:auto;display:block;}
.indexservice ul li dl dt {font-size:22px;color:#dabb8b;letter-spacing:1px;line-height:36px;}
.indexservice ul li dl dd {font-size:12px;color:#fff;line-height:20px;}
.index_vice_form {background:url(../images/index_09.jpg)left top/100% auto no-repeat;height:170px;}
.index_vice_form h1 {font-size:18px;color:#fff;letter-spacing:1px;line-height:50px;padding:20px 0 12px 35px;}
.index_vice_form h1 font {font-size:20px;color:#eed1a4;}
.index_vice_form form {display:flex;flex-wrap:wrap;padding-left:35px;}
.index_vice_form form input {width:285px;height:42px;text-indent:20px;border:none;display:block;margin-right:20px;}
.index_vice_form form input[type="button"] {text-indent:0;cursor:pointer;width:210px;background:#ea640b;font-size:22px;font-weight:bold;color:#fff;letter-spacing:3px;margin:0;}
.index_vice_form form h3{width: 96%;}

.indexcustomized {margin-bottom:80px;}
.indexcustomized .index_title{padding-bottom: 45px;}
.izz_content{display:flex;justify-content: center;}
.izz_content_img {background: #ea640b;width: 240px;height: 245px;color: #fff;letter-spacing:2px;display:flex;flex-direction:column;justify-content: flex-start;padding: 16px 0 0 25px;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: bold;}
.izz_content_img h1 {color: #fff;font-size: 60px;line-height: 80px;letter-spacing: -1px;}
.izz_content_img span {font-size: 22px;line-height:34px;padding-bottom: 15px;background: linear-gradient(0deg, #fff, #fff)left bottom/50px 1px no-repeat;}
.izz_content_img p{color: #fff;font-size: 16px;line-height: 26px;padding-top: 14px;}
.izz_content ul {width: 958px;height: 243px;border: 1px solid #e5e5e5;display:flex;}
.izz_content ul li {width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;text-align:center;background: linear-gradient(0deg, #333, #333)right center/1px 100px no-repeat;opacity: 0.7;}
.izz_content ul li:hover {opacity: 1;letter-spacing: 1px;}
.izz_content ul li:last-of-type{background: none;}
.izz_content ul li img{width: auto;margin-bottom: 15px;}

.izz_content ul li:nth-of-type(1) img {
    margin: 0;
    width: 80px;
}
.izz_content ul li strong{font-size: 16px;line-height:36px;margin-bottom: 6px;color: #414141;}
.izz_content ul li p {font-size: 12px;line-height:20px;color: #646464;}

.indexproduct {margin: 0 auto 70px;}
.indexproduct dl {display:flex;flex-wrap:nowrap;justify-content:space-between;padding:30px 0 0;}
.indexproduct dl dt {width:380px;height:490px;position:relative;cursor:pointer;}
.indexproduct dl img {width:100%;}
.indexproduct dl p,.indexproduct dl dt a,.indexproduct dl dd div {width:90%;height:470px;position:absolute;top:0;left:0;color:#fff;display:flex;flex-direction:column;padding:20px 0 0 10%;}
.indexproduct dl dd p,.indexproduct dl dd div {height:220px;}
.indexproduct dl dd p strong {line-height:50px;}
.indexproduct dl dd p span {font-size:16px;}
.indexproduct dl dt a,.indexproduct dl dd div {background:linear-gradient(0deg,#000000d9,transparent);opacity:0;z-index:2;}
.indexproduct dl dt a font {color:#fff;font-size:14px;background:url(../images/index_19.png)#ea640b 84px center/26px 10px no-repeat;position:absolute;top:360px;line-height:34px;padding:0 54px 0 20px;}
.indexproduct dl p strong {font-size:28px;line-height:80px;}
.indexproduct dl p span {color:#cccccc;font-size:20px;line-height:30px;}
.indexproduct dl dd {display:flex;flex-wrap:wrap;width:810px;align-content:space-between;justify-content:space-between;}
.indexproduct dl dd a {position:relative;width:400px;height:240px;display:block;overflow:hidden;}
.indexproduct dl dd div font {color:#fff;font-size:14px;background:url(../images/index_19.png)#ea640b 84px center/26px 10px no-repeat;position:absolute;top:160px;line-height:34px;padding:0 54px 0 20px;}
.indexproduct dl dt:hover a,.indexproduct dl dd div:hover {opacity:1;}

.indexstyle {margin:0 auto;height:1110px;z-index:3;}
.indexstyle_banner {top:105px;padding:30px 0 0;}
.indexstyle_banner .bd {width:1920px;height:975px;overflow:hidden;}
.indexstyle_banner .hd {margin-top:-220px;position:relative;display:flex;flex-wrap:nowrap;justify-content:flex-end;}
.indexstyle_banner .hd ul {display:flex;margin-right:20px;}
.indexstyle_banner .hd ul li {color:#fff;font-size:14px;line-height:28px;padding:0 15px;margin:0 8px;}
.indexstyle_banner .hd ul li.on {background:#ea640b;}
.indexstyle_banner .hd dl {display:flex;flex-wrap:nowrap;justify-content:space-between;width:140px;}
.indexstyle_banner .hd dl a {height:25px;line-height:25px;width:60px;color:#fff;background:#00000036;text-align:center;font-size:24px;}
.indexstyle_banner .hd dl a:hover {background:#0000008c;}
.indexstyle_banner .hd p {position:absolute;top:-40px;font-size:12px;}
.indexstyle_banner .hd p a {color:#fff;letter-spacing:1px;cursor:pointer;}
.in_idxbanner {width:1920px;height:975px;}
.in_idxbanner .inBd {width:1920px;height:900px;overflow:hidden;}
.in_idxbanner .inHd {position:relative;z-index:2;margin-top:-77px;}
.in_idxbanner .inHd ul {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.in_idxbanner .inHd ul li {width:220px;height:150px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;position:relative;overflow:hidden;border:1px solid #6e6e6e;}
.in_idxbanner .inHd ul li.on {border:1px solid #ea640b;}
.in_idxbanner .inHd ul li.on p {opacity:1;}
.in_idxbanner .inHd ul li img {width:150%;}
.in_idxbanner .inHd ul li p {position:absolute;top:10%;width:80%;height:80%;border:1px solid #fff;opacity:0;}
.in_banner_img {width:1920px;height:900px;}
.in_idxbanner img {width:100%;}

.indexdesigner {height: 1015px;margin-top:-75px;z-index:2;background: linear-gradient(0deg, #d2d2d2, #f7f7f7) left bottom / 100% 165px no-repeat, #f7f7f7;}
.designerMAX {padding:140px 0 0;background:url(../images/index_23.jpg)right top/1026px 712px no-repeat;}
.designer_banner {margin-top:40px;position:relative;}
.designer_banner .bd {width:1920px;height: 730px;overflow:hidden;background: url(../images/index_21.png)right 570px/328px 129px no-repeat;}
.designer_sjs {width:1920px;height: 730px;position:relative;z-index:2;}
.designer_sjs:after {content:'';clear:both;}
.designer_anli {width:844px;height:540px;margin-right:50px;}
.designer_anli img {width:100%;}
.designer_sjs dl {width:640px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:70px 0 0 70px;background:url(../images/index_20.png)100px 60px/534px 81px no-repeat;}
.designer_sjs dl dt {font-size:16px;font-weight:bold;display:flex;flex-wrap:nowrap;align-items:center;letter-spacing:1px;margin-bottom:18px;}
.designer_sjs dl dt strong {font-size:40px;line-height:70px;}
.designer_sjs dl dt span {color:#ea640b;line-height:30px;padding-top:10px;margin:0 25px;}
.designer_sjs dl dt font {line-height:30px;padding-top:10px;}
.designer_sjs dl p {font-size:14px;color:#666666;letter-spacing:1px;line-height:24px;margin-bottom:30px;}
.designer_sjs dl dd {font-size:14px;line-height:26px;margin-bottom:40px;}
.designer_sjs i {font-style:normal;display:flex;flex-wrap:nowrap;justify-content:space-between;width:290px;}
.designer_sjs i a {font-size:16px;line-height:38px;border:1px solid #ea640b;}
.designer_sjs i a:nth-of-type(1) {color:#ea640b;padding:0 18px;}
.designer_sjs i a:nth-of-type(2) {background:#ea640b;color:#fff;padding:0 25px;}
.designer_ysz {width:600px;position:absolute;margin-left: 270px;top: 0;z-index:2;}
.designer_ysz img {width:100%;}
.designer_banner .hd {width:640px;height:125px;position:absolute;top: 470px;left: 920px;overflow:hidden;display:flex;flex-wrap:nowrap;z-index:2;}
.designer_banner .hd ul {width:520px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
.designer_banner .hd ul li {text-align:center;margin: 0 10px;cursor: pointer;}
.designer_banner .hd ul li i {width: 60px;height: 60px;display:flex;overflow:hidden;border-radius:50px;flex-wrap:wrap;justify-content:center;margin-bottom:12px;border:1px solid #504e4e;}
.designer_banner .hd ul li.on i {border:1px solid #ea640b;}
.designer_banner .hd ul li.on span {opacity:1;color: #ea640b;}
.designer_banner .hd ul li img {width:110%;}
.designer_banner .hd ul li span {font-size:16px;color: #333;opacity:0.5;display:block;line-height:24px;}
.designer_banner .hd a {color: #333;text-align:center;width:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;}

.designer_banner .hd a:hover {
    color: #ea640b;
}

.designer_banner .hd a:hover i {
    background-image: url(../images/index_24a.png);
}
.designer_banner .hd a i {display:block;background: url(../images/index_24.png)left top/27px 27px no-repeat;width:27px;height:27px;margin-bottom:10px;}
.designer_banner .hd a span {line-height:18px;font-size:14px;}
.designer_Ballda {width:1700px;height:1700px;border-radius:800px;border:1px solid #cfcfcf;position:absolute;top:-1300px;z-index:0;left:540px;opacity: 0;}
.designer_pellet {width:800px;height:800px;border-radius:800px;border:1px solid #cfcfcf;position:absolute;bottom:-521px;z-index:0;left:1130px;opacity: 0;}
.fadeinmax{opacity:0;width:100px;height:100px;border:8px solid #ea640b;transition:all 4s;-webkit-transition:all 4s;-moz-transition:all 4s;-o-transition:all 4s;}
.fadeinmin{opacity:0;width:0px;height:0px;border:5px solid #ea640b;transition:all 3s;-webkit-transition:all 3s;-moz-transition:all 3s;-o-transition:all 3s;}
.a-fadeinmax{opacity:1;width:1700px;height:1700px;border:1px solid #cfcfcf;}
.a-fadeinmin{opacity:1;width: 850px;height: 850px;border:1px solid #cfcfcf;}

.indexInterview {/* padding:70px 0 0; */position: relative;margin-top: -50px;z-index: 9;}
.Interview {padding:10px 0 80px;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.Interview ul {width:840px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;}
.Interview ul li {width:405px;height:160px;background:#f3f3f3;position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:25px;margin-top:90px;}
/* .Interview ul a:nth-of-type(1):hover li{background: #ffe1cc;}
.Interview ul a:nth-of-type(2):hover li{ background: #f1d5d5;}
.Interview ul a:nth-of-type(3):hover li{background: #dee4e7;}
.Interview ul a:nth-of-type(4):hover li{background: #f5e9d2;} */
.Interview ul li strong {font-size:26px;line-height:45px;}
.Interview ul li span {color:#777777;font-size:12px;line-height:18px;margin-bottom:21px;}
.Interview ul li font {font-size:12px;color:#ea640b;font-weight:bold;line-height:20px;position:relative;z-index:2;/* width:195px;*/;}
.Interview ul li i {position:absolute;width:200px;bottom:0;right:0;}
.Interview ul li img {width:100%;}
.Interview div {background:url(../images/index_25.jpg)#f3f3f3 center top/319px 96px no-repeat;width:320px;padding:120px 20px 0;margin-top:60px;display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;align-content:flex-start;}
.Interview div a {width:130px;text-align:center;margin-bottom:8px;}
.Interview div a i {height:65px;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:center;align-items:center;align-content:center;}
.Interview div img {width:120%;}
.Interview div p {font-size:12px;color:#3f3f3f;line-height:30px;}
.Interview_form {background:url(../images/index_26.jpg)left top/1200px 142px no-repeat;height:142px;position:relative;}
.Interview_form p {line-height:50px;padding:10px 0 0 40px;}
.Interview_form p strong {color:#eed1a4;font-size:27px;letter-spacing:1px;}
.Interview_form p font {color:#fff;font-size:14px;padding-left:20px;}
.Interview_form form {display:flex;flex-wrap:wrap;margin-left:40px;width:700px;}
.Interview_form form input {width:230px;height:34px;text-indent:20px;border:none;display:block;margin-right:22px;}
.Interview_form form input[type="button"] {text-indent:0;cursor:pointer;width:170px;background:#ea640b;font-size:20px;font-weight:bold;color:#fff;letter-spacing:2px;margin:0;}
.Interview_form form h3 {padding-top:4px;}
.Interview_form span {font-size:22px;font-weight:bold;color:#eed1a4;line-height:40px;position:absolute;top:88px;right:44px;}
.Interview_form span i {font-style:normal;}

.indexbuilding {padding: 60px 0 80px;}
.indexbuilding ul {padding:30px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.indexbuilding ul li {width:290px;text-align:center;margin-bottom:10px;}
.indexbuilding ul li div {height:220px;overflow:hidden;display:flex;position:relative;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;background:#424242;}
.indexbuilding ul li div img {height: 100%;}
.indexbuilding ul li div p {position:absolute;font-size:12px;color:#fff;background:rgba(0,0,0,0.7);width:100%;text-align:center;left:0;bottom:-45px;line-height:45px;letter-spacing:1px;}
.indexbuilding ul li:hover div p {bottom:0;}
.indexbuilding ul li span {font-size:18px;line-height:55px;display:block;}
.indexbuilding ul li:hover span {color:#ea640b;}

.indexmanual {/* background:url(../images/index_31.jpg)center top/1920px 880px no-repeat; *//* height:880px; */position:relative;margin-bottom: 100px;}
.indexmanual_site {background: url(../images/index_27.jpg)center  top/1195px 143px no-repeat;height:143px;overflow:hidden;/* position:absolute; *//* left:50%; *//* transform:translateX(-50%); *//* top:-85px; */width: 1200px;position: relative;}
.indexmanual_site a {position:absolute;font-size:18px;line-height:30px;background:#ea640b;color:#fff;padding:0 20px;letter-spacing:1px;top:67px;left:360px;}

.construction_site {width:550px;position:absolute;top:0;right:98px;}
.construction_site .hd {height:34px;padding:10px 0 8px;}
.construction_site .hd dl {display:flex;text-align:center;flex-wrap:nowrap;letter-spacing:1px;}
.construction_site .hd dl dd {font-size:14px;color:#e3d2ca;width:25%;line-height:34px;}
.construction_site .bd {height:84px;overflow:hidden;}
.construction_site .bd ul li {display:flex;text-align:center;line-height:28px;}
.construction_site .bd ul li span {color:#e3d2ca;font-size:12px;width:25%;}
.indexmanual .index_title {padding:95px 0 35px;}
.indexmanual .index_title h1,.indexmanual .index_title span {color:#fff;}
.idx_manual {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.idx_manual dl {width:382px;background:#fff;}
.idx_manual dl dt {height:112px;margin-bottom:5px;}
.idx_manual dl dt img {width:100%;}
.manual_a1 {display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 15px;flex-wrap:nowrap;justify-content:space-between;background:linear-gradient(0deg,#eee,#eee)center bottom/350px 1px no-repeat;}
.manual_a2 {font-size:14px;color:#666666;display:block;text-align:center;line-height:50px;}
.manual_a1 i {width:85px;height:85px;display:flex;flex-wrap:nowrap;}
.manual_a1 img {width:100%;}
.manual_a1 div {width:260px;}
.manual_a1 div strong {font-size:16px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
.manual_a1:hover strong {color: #ea640b;}
.manual_a1 div p {font-size:12px;color:#666666;line-height:18px;overflow:hidden;height:54px;}