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(../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(../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(../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:320px; margin-left:80px;}
.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(2, 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(../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(../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(../images/foot_share_img1.png) no-repeat center center;}
.fshare a:nth-of-type(2){ background:url(../images/foot_share_img2.png) no-repeat center center;}

.ffloat{ width:100%; height:123px; background:url(../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(../../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(../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(../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(../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(../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:url() 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(../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:url() 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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../images/online_icon1.png) no-repeat 50% 5px; }
.online .onlinec ul li:nth-of-type(2) a{ background:url(../images/online_icon2.png) no-repeat 50% 5px; }
.online .onlinec ul li:nth-of-type(3) a{ background:url(../images/online_icon3.png) no-repeat 50% 5px; }
.online .onlinec ul li:nth-of-type(4) a{ background:url(../images/online_icon4.png) no-repeat 50% 5px; }
.online .onlinec ul li:nth-of-type(5) a{ background:url(../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(../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;
}