html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} /* body{margin:0;max-width:1920px;margin:0 auto;} */ body{margin:0;margin:0 auto;overflow-x:hidden;} /*html {filter: grayscale(1);}*/ article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block} audio:not([controls]){display:none;height:0} progress{vertical-align:baseline} [hidden],template{display:none} a{background-color:transparent;-webkit-text-decoration-skip:objects} a:active,a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:inherit} b,strong{font-weight:bolder} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none} svg:not(:root){overflow:hidden} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} figure{margin:1em 40px} hr{box-sizing:content-box;height:0;overflow:visible} button,input,select,textarea{font:inherit;margin:0} optgroup{font-weight:700} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} textarea{overflow:auto} [type=checkbox],[type=radio]{box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-input-placeholder{color:inherit;opacity:.54} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} html{font-family:'PingFang SC',Helvetica,'Microsoft YaHei';-webkit-text-size-adjust:none;} html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline} a{text-decoration: none;color:#333;} ul,ol{list-style: none;} table{border-collapse: separate;border-spacing: 0;} a,img{-webkit-touch-callout: none;} a,input,button{outline:0;border:none;} *,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;} body{background:#fff;margin:0 auto;background-attachment:fixed;font-size:14px;} html{margin: 0 auto;color:#333;} /*img{display:block;max-width:100%; height:auto;}*/ a{-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;} a:hover{ color:#0392e1;} .clearfix{*zoom:1;} .clearfix::before{display:table;content:"";} .clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;} .fl{float:left;} .fr{float:right;} .cl{ clear:both;} .clear{clear:both;} .fb{ font-weight:bolder;}.f14{ font-size:14px;}.f16{ font-size:16px;}.f18{ font-size:18px;}.f24{ font-size:24px;} .w1200{width:1200px;margin:0 auto;} .w1280{width:1280px;margin:0 auto;} .w1400{width:1400px;margin:0 auto;} .w1440{width:1440px;margin:0 auto;} .w1600{width:1600px;margin:0 auto;} @media screen and (max-width:1200px){.w1200{padding:0 20px;}} @media screen and (max-width:1280px){.w1280{padding:0 20px;}} @media screen and (max-width:1400px){.w1400{padding:0 20px;}} @media screen and (max-width:1440px){.w1440{padding:0 20px;}} @media screen and (max-width:1600px){.w1600{padding:0 20px;}} .swiper-pagination{} .swiper-pagination span,.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet{outline:none;} .overh{overflow:hidden;} .fixed{position:fixed;} .textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;} .tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;} .tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;} .tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;} .text-center{text-align:center;} #newBridge{display: none !important;} /*index start*/ .head{ padding:23px 0 26px 0; height:99px;} .logo{ padding-top:5px;} .add{ width:auto; height:30px; margin-left:16px;padding-top:5px; } .add > a{ display:block;line-height:28px;width:auto; height:30px; border:1px #eeeeee solid; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/top_add.png) no-repeat 14px 50% #f5f5f5; padding:0 13px 0 31px; font-size:13px; color:#777777; border-radius:30px;} .search{ margin-left:135px; height:40px; border:1px #e50120 solid; width:500px; margin-top:5px;} .searchd{ width:95px; height:38px; line-height:38px; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/search_icon.png) no-repeat right 50%; padding-left:12px; color:#666666; font-size:13px; position:relative; z-index:99;} .searchd dl{ width:95px; height:auto; position:absolute; z-index:100; left:0; top:39px; background:#fff;box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.15); display:none;} .searchd dl dd a{ display:block; padding:0 12px; color:#a2a2a2; font-size:13px; line-height:40px;} .searchd dl dd a{ background:#f4f4f4; color:#000000;} /*.searchd:hover dl{ display:block;}*/ .searchc{ width:403px; height:auto;} .s_sub{ width:100px; height:38px; line-height:38px; text-align:center; background:#e50120; color:#fff; border:0; font-size:14px; cursor:pointer;} .s_text{ width:303px; height:38px; line-height:38px; border:0; text-indent:13px;} .phone{ padding-left:43px; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/top_phone.png) no-repeat left 50%;} .phone .tit{ line-height:22px; color:#555555; letter-spacing:3px;} .phone .con{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; line-height:28px; color:#333333;} .nav{ width:100%; height:auto; border-top:1px #f4f4f4 solid;} .nav ul{ /*display:grid;grid-template-columns:repeat(9, 1fr);gap:90px;*/ display:flex;justify-content:space-between;} .nav ul li{ text-align:center;} .nav ul li a{ display:inline-block; height:70px; line-height:70px; font-size:15px; color:#555555;position: relative;} .nav ul li a:hover{ color:#e50120;} .nav ul li a.curr{ color:#e50120;} .nav ul li a:before {content: "";position: absolute;left: 0;top: 0;height: 2px;width: 0;background: #e50120;transition: all 0.3s ease-in-out 0s; } .nav ul li a:hover::before { width: 100%; } .nav ul li a.curr::before { width: 100%; } .nav ul li:nth-of-type(1){ text-align:left;} .nav ul li:nth-of-type(2){ text-align:left;} .nav ul li:nth-of-type(3){ text-align:left;} .nav ul li:nth-of-type(4){ text-align:left;} .nav ul li:nth-of-type(5){ text-align:left;} .nav ul li:nth-of-type(6){ text-align:left;} .nav ul li:nth-of-type(7){ text-align:left;} .nav ul li:nth-of-type(8){ text-align:left;} .nav ul li:nth-of-type(9){ text-align:right;} .navigation-down { position:absolute; top: 170px; left: 50%; width: 100%; z-index: 100000;margin-left: 540px;} .navigation-down .nav-down-menu { width: 140px; margin: 0; position: absolute; top: 0px;background:#ffffff; padding:0 0;} .navigation-down .nav-down-menu .navigation-down-inner { margin: auto; position: relative; } .menup{ width:100%; height:auto; margin:0 auto;} .menupl{ width:100%; height:auto;} .menupl dl{display:block; padding:10px 20px; text-align:center;} .menupl dl dd{ display:block;} .menupl dl dd a{ display:inline-block; padding:0 18px; height:35px; line-height:35px; font-size:14px; color:#7b7b7b;position: relative;} .menupl a:hover{ color:#e50120;} .foot{ width:100%; height:auto; background:#242424; padding:0 0 85px 0;} .foott{ text-align:center; padding:28px 0 25px 0; border-bottom:1px #454545 solid;} .foott ul{display:grid;grid-template-columns:repeat(7, 1fr);} .foott ul li .img{ margin-bottom:18px;} .foott ul li .tit{ font-size:14px; color:#999999; line-height:30px; font-weight:bold;} .footc{ padding-top:60px;} .footc .fnav{ width:585px; height:auto;display:grid;grid-template-columns:repeat(3, 1fr);} .footc .fnav dl{} .footc .fnav dl dt{ font-size:17px; color:#fff; font-weight:bold; line-height:32px; letter-spacing:1px; margin-bottom:20px;} .footc .fnav dl dd{} .footc .fnav dl dd a{ font-size:14px; color:#999999; line-height:32px;} .footc .fnav dl dd a:hover{ color:#e60020;} .footc .fewm{ width:380px; margin-left:0px;} .footc .fewm .tit{font-size:17px; color:#fff; font-weight:bold; line-height:32px; letter-spacing:1px; margin-bottom:28px;} .footc .fewm .con{} .footc .fewm .con ul{display:grid;grid-template-columns:repeat(3, 1fr);font-size:14px; color:#999999; line-height:32px;} .footc .fcontact{ width:240px; height:auto;} .footc .fcontact .tit{font-size:17px; color:#fff; font-weight:bold; line-height:32px; letter-spacing:1px; margin-bottom:28px;} .footc .fcontact .con{} .footc .fcontact .con .fphone{ padding-left:30px; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/foot_contact_icon1.png) no-repeat left top; margin-bottom:15px;} .footc .fcontact .con .fphone .fphone_t{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#fff; font-weight:bolder; line-height:26px;} .footc .fcontact .con .fphone .fphone_i{ margin-top:6px; font-size:12px; color:#999999; line-height:22px;} .footc .fcontact .con .fadd{ padding-left:30px; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/foot_contact_icon2.png) no-repeat 5px 5px; font-size:14px; color:#999999; line-height:20px;} .copyright{ width:100%; height:auto; background:#1b1b1b; padding:38px 0 25px 0;} .copyright .w1280{ position:relative; z-index:1;} .copyrightc{ text-align:center; font-size:14px; color:#777777; line-height:32px;} .copyrightc img{ margin-bottom:15px;} .copyrightc a{ color:#777;} .fshare{ width:90px; height:auto; position:absolute; z-index:2; top:0; right:0;display:grid;grid-template-columns:repeat(2, 1fr); gap:15px;} .fshare a{ width:36px; height:36px;} .fshare a:nth-of-type(1){ background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/foot_share_img1.png) no-repeat center center;} .fshare a:nth-of-type(2){ background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/foot_share_img2.png) no-repeat center center;} .ffloat{ width:100%; height:123px; background:url(https://xystcdn.xydec.com.cn//static/xy2022/images/ffloat_bg2.png) no-repeat center center/cover; position:fixed; z-index:99; bottom:0; left:0;} .ffloatl{ width:347px; height:auto; padding:35px 0 0 50px; color:#fff;} .ffloatl .tit{ font-size:30px; line-height:40px; margin-bottom:2px; font-style:italic;} .ffloatl .info{ font-size:12px; line-height:28px;} .ffloatl .info span{ font-weight:bolder;} .ffloatr{ width:930px; height:auto; padding-top:50px;} .ffloatr > ul { display:flex;} .ffloatr > ul > li {position: relative} .ffloatr > ul > li:nth-of-type(1){ width:123px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#999999;} .ffloatr > ul > li:nth-of-type(1) a{ color:#999;} .ffloatr > ul > li:nth-of-type(1) a.on{ color:#fff;} .ffloatr > ul > li input {background-color: #fff;} .ffloatr > ul > li:nth-of-type(2) input{ width:100%; height:50px; line-height:50px; text-indent:20px; border:0; font-size:14px; color:#484848;background-image: url(https://xystcdn.xydec.com.cn/static/mxy/images/icon_04.png); background-repeat: no-repeat,no-repeat; background-position: 94% center; background-size: 12px,13px; position: relative;} .ffloatr > ul > li:nth-of-type(2){ width:200px; height:50px; margin-right:10px;} .ffloatr > ul > li:nth-of-type(2) select{ width:200px; height:50px; line-height:50px; text-indent:20px; font-size:14px; color:#484848; border:0;} .ffloatr > ul > li:nth-of-type(3){ width:200px; height:50px; margin-right:10px; position:relative; z-index:1001;} .ffloatr > ul > li:nth-of-type(3) input{ width:100%; height:50px; line-height:50px; text-indent:20px; border:0; font-size:14px; color:#484848;} .ffloatr > ul > li:nth-of-type(3) span{ position: absolute;z-index: 1002;font-size: 15px;color: #080808;top: 13px;right: 18px;font-weight: bolder;} .ffloatr > ul > li:nth-of-type(4){ width:200px; height:50px; margin-right:10px;} .ffloatr > ul > li:nth-of-type(4) input{ width:100%; height:50px; line-height:50px; text-indent:20px; border:0; font-size:14px; color:#484848;} .ffloatr > ul > li:nth-of-type(5){ width:200px; height:50px;} .ffloatr > ul > li:nth-of-type(5) input{ width:100%; height:50px; line-height:50px; text-indent:20px; border:0; font-size:14px; color:#484848;background:url(../images/contact_sub.png) no-repeat 27px 50% #e50120;text-indent:57px; text-align:left;font-size:14px; color:#fff; cursor:pointer;} .ffloatr > ul > li:nth-of-type(5) input:hover{background:url(../images/contact_sub.png) no-repeat 27px 50% #b80820;} .region {position: absolute;left: 0;bottom: 51px;height: 400px;background: #fff;overflow: hidden;display: none;} .region-wrap {width: 240px;height: 400px;overflow: hidden;} .region-select {width: 120px;float: left;} .region .scroller {height: 400px;overflow-y: scroll} .region-select-city {background: #f8f8f8;} .region-select-province li {background: #fff;font-size: 14px;padding-left: 10px;padding-top: 12px;padding-bottom: 14px;border-bottom: 1px solid #eee;cursor: pointer;} .region-select-city li {margin-left: 20px;padding-top: 14px;padding-bottom: 12px;border-bottom: 1px solid #eee;cursor: pointer;} .region .scroller::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f5f5f5;} .region-select-province li.on,.region-select-city li.on {background: #f8f8f8;border-right: 0;color: #e50120} .region-select-province li.on .region-select-option {color: #e50120} .region-select li:last-child .region-select-option {border: none} .region-select-province li:hover,.region-select-city li:hover {background: #f8f8f8;color: #e50120} /*zizan*/ .zhead{ width:100%; height:auto; background:#fff; height:88px;overflow: hidden;} .zheadc{ width:80%; min-width:1280px; margin:0 auto;} .zlogo{ padding-top:29px;} .zadd{ margin-top:30px; margin-left:16px; padding-left:17px; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/top_add.png) no-repeat left 50%; line-height:23px; font-size:13px; color:#777777;} .zadd a{ color:#000000; margin-left:3px;} .znav{ width:900px; height:auto; border-top:1px #f4f4f4 solid; margin-left:70px;} .znav ul{ /*display:grid;grid-template-columns:repeat(9, 1fr);gap:90px;*/ display:flex;justify-content:space-between;} .znav ul li{ text-align:center;} .znav ul li a{ display:inline-block; height:88px; line-height:88px; font-size:15px; color:#424242;position: relative;} .znav ul li a:hover{ color:#e50120;} .znav ul li a.curr{ color:#e50120;} .znav ul li:nth-of-type(1){ text-align:left;} .znav ul li:nth-of-type(2){ text-align:left;} .znav ul li:nth-of-type(3){ text-align:left;} .znav ul li:nth-of-type(4){ text-align:left;} .znav ul li:nth-of-type(5){ text-align:left;} .znav ul li:nth-of-type(6){ text-align:left;} .znav ul li:nth-of-type(7){ text-align:left;} .znav ul li:nth-of-type(8){ text-align:left;} .znav ul li:nth-of-type(9){ text-align:right;} .zphone{ padding-left:43px; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/top_phone.png) no-repeat left 50%; margin-top:20px;} .zphone .tit{ line-height:22px; color:#555555; letter-spacing:3px;} .zphone .con{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; line-height:28px; color:#333333;} @media (min-width: 1630px) and (max-width:1790px ) { .znav{ margin-left:40px; width:800px;} } @media (min-width: 1480px) and (max-width:1630px ) { .zheadc{ width:90%;} .znav{ margin-left:40px; width:800px;} } @media (min-width: 1280px) and (max-width:1480px ) { .zheadc{ width:94%;} .znav{ margin-left:40px; width:700px;} } @media screen and (max-width:1280px){ .znav{ margin-left:40px; width:750px;} } /*旧房改造 弹出框*/ .alertc{ display:none;} .alertbg{ width:100%; height:100%; position:fixed; z-index:99999; background-color: rgb(0, 0, 0); opacity: 0.3; top:0; left:0;} .alertcon{ width:728px; height:auto;position:fixed;z-index: 19891015; top:20%; left:50%; margin-left:-364px;background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/alert_top_bg.png) no-repeat 50% top; background-size:728px auto;} .alertclose{ position:absolute; z-index:19891019; top:32px; right:39px;} .al_t{ height:115px; padding:20px 0 0 40px;} .al_t .tit{ color:#fff; font-size:24px; font-weight:bolder; line-height:32px; margin-bottom:4px;} .al_t .info{ color:rgba(225,225,225,0.5); font-size:14px; line-height:22px;} .al_c{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/alert_bg.png) no-repeat right bottom #fff; border-radius:0 0 18px 18px; padding:30px 70px;} .al_c .list{display:grid;grid-template-columns:repeat(2, 1fr); gap:20px;} .al_c .list .listl{} .al_c .list .listl a{ display:block; width:50%; float:left;} .al_c .list .listl a:nth-of-type(1){ height:56px; line-height:56px;border-top-left-radius: 12px;border-bottom-left-radius: 12px; background: no-repeat 90% 50% #f3f3f3; padding-left:25px; color:rgba(38,38,38,0.5); font-size:14px;} .al_c .list .listl a:nth-of-type(1).on{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_c_a_on.png) no-repeat 90% 50% #e5e5e5; color:#1d1d1d; font-weight:bolder;} .al_c .list .listl a:nth-of-type(2){ height:56px; line-height:56px;border-top-right-radius: 12px;border-bottom-right-radius: 12px; background: no-repeat 90% 50% #f3f3f3; padding-left:25px; color:rgba(38,38,38,0.5); font-size:14px;} .al_c .list .listl a:nth-of-type(2).on{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_c_a_on.png) no-repeat 90% 50% #e5e5e5; color:#1d1d1d; font-weight:bolder;} .al_text{ width:100%; height:56px; line-height:56px; color:#333; font-size:14px; background:#f3f3f3; border:0; padding-left:20px; border-radius:12px;} .al_c .list .listr{ position:relative; z-index:99;} .al_c .list .listr span{ position:absolute; z-index:100; font-size:15px; color:#080808; top:16px; right:18px; font-weight:bolder;} .al_c .lista{ margin-bottom:20px; text-align:center;} .al_sub{ width:246px; height:56px; line-height:56px; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 58px 50% #e50120; text-indent:92px; text-align:left; font-size:14px; color:#fff; border-radius:14px;box-shadow:0 5px 10px 0 rgba(229, 1, 32, 0.35); cursor:pointer;} .al_sub:hover{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 58px 50% #b80820;} .al_c .listb{ color:#bababa; font-size:12px; line-height:32px; text-align:center;} /*参观工地 弹出框*/ .alertcon_b{width:538px; height:auto;position:fixed;z-index: 19891015; top:20%; left:50%; margin-left:-269px;background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/alert_top_bg2.png) no-repeat 50% top;} .alb_t{ width:277px; height:56px; margin:20px auto 20px auto; position:relative; z-index:99;} .alb_t .alb_t_text{width:100%; height:56px; line-height:56px; color:#333; font-size:14px; background:#f3f3f3; border:0; padding-left:20px; border-radius:12px;} .alb_t span{ display:block; width:75px; height:49px; background:#71c9ad; text-align:center; position:absolute; z-index:100; top:4px; right:3px; font-size:12px; color:rgba(255,255,255,0.9); line-height:16px;border-radius:12px; padding-top:8px;} .alb_c{ width:277px; margin:0 auto 15px auto;} .alb_c .al_c_sub{ width:277px; height:56px; line-height:56px; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 74px 50% #e50120; text-indent:107px; text-align:left; font-size:14px; color:#fff; border-radius:14px;box-shadow:0 5px 10px 0 rgba(229, 1, 32, 0.35); cursor:pointer;} .alb_c .al_c_sub:hover{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 74px 50% #b80820;} /*免费量房 弹出框*/ .al_d{ width:600px; height:auto; margin:0 auto; padding-bottom:20px;} .al_d .al_dt{ font-size:18px; color:#484848; line-height:32px;} .al_d .al_dt span{ color:#c4c4c4;} .al_d .al_dc{ padding-top:30px;} .al_d .al_dc ul li{ width:110px; height:auto; float:left; margin:0 12px 12px 0;} .al_d .al_dc ul li:nth-of-type(5n){ margin-right:0;} .al_d .al_dc ul li a{ display:block; position:relative; z-index:99;} .al_d .al_dc ul li a .img{} .al_d .al_dc ul li a .img img{ display:block; border-radius:12px; width:100%; height:auto;border:2px #fff solid;} .al_d .al_dc ul li a .tit{ position:absolute; z-index:100; width:100%; height:28px;line-height:28px; left:0; bottom:5px; padding:0 10px; font-size:14px; color:#fff; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon.png) no-repeat 93% 50%;} .al_d .al_dc ul li.on a .img img{ border:2px #e50120 solid;} .al_d .al_dc ul li.on a .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;} .al_d .al_dc ul li:hover a .img img{ border:2px #e50120 solid;} .al_d .al_dc ul li:hover a .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;} .alc_t{position:relative; z-index:99; width:277px; margin:0 auto;} .alc_t span{ position:absolute; z-index:100; font-size:15px; color:#080808; top:16px; right:18px; font-weight:bolder;} .alc_t .alb_t_text{width:100%; height:56px; line-height:56px; color:#333; font-size:14px; background:#f3f3f3; border:0; padding-left:20px; border-radius:12px;} /*免费设计 弹出框*/ .ald_t{position:relative; z-index:99; width:327px; margin:20px auto;} .ald_t span{ position:absolute; z-index:100; font-size:15px; color:#080808; top:16px; right:18px; font-weight:bolder;} .ald_t .alb_t_text{width:100%; height:56px; line-height:56px; color:#333; font-size:14px; background:#f3f3f3; border:0; padding-left:20px; border-radius:12px;} .ald_t span{ display:block; width:75px; height:49px; background:#71c9ad; text-align:center; position:absolute; z-index:100; top:4px; right:3px; font-size:12px; color:rgba(255,255,255,0.9); line-height:16px;border-radius:12px; padding-top:8px;} .ald_c{ width:327px; margin:0 auto 15px auto;} .ald_c .al_c_sub{ width:327px; height:56px; line-height:56px; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 90px 50% #e50120; text-indent:122px; text-align:left; font-size:14px; color:#fff; border-radius:14px;box-shadow:0 5px 10px 0 rgba(229, 1, 32, 0.35); cursor:pointer;} .ald_c .al_c_sub:hover{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/contact_sub.png) no-repeat 90px 50% #b80820;} /*客户报修*/ .alertc_z select { width: 100%; height: 56px; line-height: 56px; background: #f3f3f3; color: #333; border: 0; padding: 0 20px; border-radius: 12px; } .alertc_z textarea { width: 100%; height: 150px; background: #f3f3f3; color: #333; border: 0; padding: 20px; border-radius: 12px; resize: none; } /*智能报价 弹出框*/ .al_e{ width:600px; height:auto; margin:0 auto;} .al_e .al_et{ font-size:18px; color:#484848; line-height:32px; display:flex;align-items:center;} .al_e .al_et p{ color:#c4c4c4; margin-right:10px; padding:0 10px; background:#888888; border-radius:23px; color:#bfbfbf; height:23px; line-height:23px;} .al_e .al_et p span{ color:#fff;} .al_e .al_ec{ padding-top:30px;} .al_e .al_ec ul li{ width:186px; height:auto; float:left; margin:0 20px 20px 0;} .al_e .al_ec ul li:nth-of-type(3n){ margin-right:0;} .al_e .al_ec ul li a{ display:block; position:relative; z-index:99;} .al_e .al_ec ul li a .img{} .al_e .al_ec ul li a .img img{ display:block; border-radius:12px; width:100%; height:auto;border:2px #fff solid;} .al_e .al_ec ul li a .tit{ position:absolute; z-index:100; width:100%; height:28px;line-height:28px; left:0; bottom:5px; padding:0 10px; font-size:14px; color:#fff; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon.png) no-repeat 93% 50%;} .al_e .al_ec ul li a.on .img img{ border:2px #e50120 solid;} .al_e .al_ec ul li a.on .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;} .al_e .al_ec ul li.on a .img img{ border:2px #e50120 solid;} .al_e .al_ec ul li.on a .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;} .al_e .al_ec ul li a:hover .img img{ border:2px #e50120 solid;} .al_e .al_ec ul li a:hover .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;} .al_e .al_ec_2{padding-top:20px; margin-bottom:30px;} .al_e .al_ec_2 ul li{ width:110px; height:44px; line-height:44px; float:left; margin:0 12px 12px 0;} .al_e .al_ec_2 ul li:nth-of-type(5n){ margin-right:0;} .al_e .al_ec_2 ul li a{ display:block;border-radius:12px; padding-left:12px; font-size:13px; color:#595959; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon.png) no-repeat 93% 50% #f2f2f2;border:2px #fff solid;} /*.al_e .al_ec_2 ul li a:hover{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50% #f2f2f2;border:2px #e50120 solid;} .al_e .al_ec_2 ul li a.on{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50% #f2f2f2;border:2px #e50120 solid;}*/ .al_e .al_ec_2 ul li.on a{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50% #f2f2f2;border:2px #e50120 solid;} .al_e .al_ec_2 ul li:hover a{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50% #f2f2f2;border:2px #e50120 solid;} .al_e .al_ec_3{padding-top:20px; padding-bottom:40px;} .al_e .al_ec_3 ul li{ width:110px; height:128px; float:left; margin:0 12px 12px 0;} .al_e .al_ec_3 ul li:nth-of-type(5n){ margin-right:0;} .al_e .al_ec_3 ul li a{ display:block; position:relative; z-index:99; background:#f2f2f2; height:100%; width:100%;border-radius:12px;border:2px #f2f2f2 solid;} .al_e .al_ec_3 ul li a .img{ padding:5px 0;} .al_e .al_ec_3 ul li a .img img{ display:block; width:100px; height:75px; margin:0 auto;border-radius:12px;} .al_e .al_ec_3 ul li a .tit{ position:absolute; z-index:100; width:100%; height:28px; line-height:28px; left:0; bottom:5px; padding:0 10px; font-size:13px; color:#595959; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon.png) no-repeat 93% 50%;} .al_e .al_ec_3 ul li a.on{ border:2px #e50120 solid;} .al_e .al_ec_3 ul li a.on .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;font-weight:bolder;} .al_e .al_ec_3 ul li.on a{ border:2px #e50120 solid;} .al_e .al_ec_3 ul li.on a .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%;font-weight:bolder;} .al_e .al_ec_3 ul li a:hover{ border:2px #e50120 solid;} .al_e .al_ec_3 ul li a:hover .tit{background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/al_dc_icon_on.png) no-repeat 93% 50%; font-weight:bolder;} .al_ec_4{} .al_ec_4 img{ display:block;} .online{ width:97px; height:601px; position:fixed; z-index:999; top:20%; right:0; background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_bg.png) no-repeat center center; padding-top:50px;display: none;} .online .onlinec{ padding-bottom:46px; text-align:center;} .online .onlinec ul{} .online .onlinec ul li{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/onlinec_li.jpg) no-repeat 50% bottom;} .online .onlinec ul li a{ display:block; padding-bottom:13px; margin-bottom:13px; padding-top:40px;color:#fff; font-size:12px; font-weight:bolder; line-height:25px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .online .onlinec ul li:nth-of-type(1) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon1.png) no-repeat 50% 5px; } .online .onlinec ul li:nth-of-type(2) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon2.png) no-repeat 50% 5px; } .online .onlinec ul li:nth-of-type(3) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon3.png) no-repeat 50% 5px; } .online .onlinec ul li:nth-of-type(4) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon4.png?v=1) no-repeat 50% 5px; } .online .onlinec ul li:nth-of-type(5) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon5.png) no-repeat 50% 5px; } .online .onlinec ul li:nth-of-type(6){ background:none;} .online .onlinec ul li:nth-of-type(6) a{ background:url(https://xystcdn.xydec.com.cn/static/xy2022/images/online_icon6.png) no-repeat 50% 5px; padding-bottom:0; margin-bottom:0; padding-top:30px;} .online .onlinec ul li a:hover{transform:translate(0,-6px);-webkit-transform:translate(0,-6px);-moz-transform:translate(0,-6px);-o-transform:translate(0,-6px);-ms-transform:translate(0,-6px);} /*节日弹窗*/ .festival { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; background: rgba(0,0,0,.7); } .festival .wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .festival .content { width: 1000px; /* height: 450px;*/ position: relative; } .festival .content img { width: 100%; display: block; } .festival .festival_close { position: absolute; right: 10px; top: 10px; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; padding: 2px 12px; border-radius: 17px; cursor: pointer; } .festival .festival_close i { padding-right: 3px; font-style: normal; }