.contact{ background-color: #fff; } .contactside-bg{ width: 100%; height:540px; background: url("../images/contactside-bg.png") no-repeat; background-size: 100% 100%; } .contactside-bg p:nth-of-type(1){ font-size:69px; font-weight:bold; color:rgba(255,255,255,1); line-height:69px; padding-top: 230px; } .contactside-bg p:nth-of-type(2){ padding-top: 30px; height:34px; font-size:34px; font-weight:500; color:rgba(255,255,255,1); line-height:96px; } .example-title{ height:36px; line-height: 36px; font-size:36px; font-weight:500; color:rgba(0,0,0,1); } .example-subtitle{ margin-top: 29px; height:22px; line-height: 22px; font-size:22px; font-weight:400; color:rgba(0,0,0,.7); } .example-wrap li{ height: 331px; margin-top: 58px ; } .example-wrap-dy{ background: url("../images/example-wrap-dy.png") no-repeat center center; background-size: 90% 100%; } .example-wrap-cf{ background: url("../images/example-wrap-cf.png") no-repeat center center; background-size: 90% 100%; } .example-wrap-yz{ background: url("../images/example-wrap-yz.png") no-repeat center center; background-size: 90% 100%; } .example-wrap-empty{ background: url("../images/example-wrap-empty.png") no-repeat center center; background-size: 90% 100%; } .example-wrap-main div:nth-of-type(1){ font-size:30px; color:rgba(255,255,255,1); padding: 130px 0 10px; } .example-wrap-main div:nth-of-type(2){ height: 20px; line-height: 20px; font-size:20px; color:rgba(255,255,255,1); } .contact-map{ height: 811px; /*background: url("../images/contact-map.png") no-repeat;*/ /*background-size: 100% 100%;*/ } /* echarts map div sta*/ .contact_msg_cont{ width: 325px; height: 151px; background: rgba(73,164,254,0); border: 1px solid #49A4FE; top: 450px; right: 18px; z-index: 9999; padding: 20px 17px 0px 22px; } .contact_pop{ /*height: 18px;*/ line-height: 22px; width: 290px; /*height:16px;*/ font-size:16px; font-weight:500; color:rgba(0,0,0,.8); text-indent: 26px; } .pop_tel{ background: url("../images/cont_iph.png") no-repeat; background-size: 15px 15px; background-position: 0px 3.5px; margin-bottom: 10px; } .pop_email{ background: url("../images/cont_email.png") no-repeat; background-size: 17px 13px; background-position: 0px 4.5px; margin-bottom: 10px; } .pop_des{ background: url("../images/cont_des.png") no-repeat; background-size: 18px 16px; background-position: 0px 3px; } .pop_las{ padding-left: 38px; } @media screen and (max-width: 1200px){ .contact_msg_cont{ display: none; } }