/* 源美网络 www.szymweb.com *//* 全屏图 */ .contacts_top_img{ overflow:hidden; height:100vh; position:relative;background-size:100% 100% !important; transition: all .5s ease;} .contacts_top_img img{ float:left; width:100%; height:100%} /* 新闻中心 */ .contacts{ overflow:hidden; position:relative} .contacts .contacts_c{ position:absolute; width:50%; left:5%; top:20%;} .contacts .contacts_c .contacts_c_tit{ float:left; width:100%;} .contacts .contacts_c .contacts_c_tit img{ height:80px} .contacts .contacts_c .contacts_c_con{ float:left; width:100%; padding:30px 0} .contacts .contacts_c .contacts_c_con .contacts_c_con_l{ float:left; width:40%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l li{ float:left; width:100%; padding-bottom:30px;} .contacts .contacts_c .contacts_c_con p{ float:left; width:100%; text-align:center; padding-bottom:10px} .contacts .contacts_c .contacts_c_con p img{ height:28px;} .contacts .contacts_c .contacts_c_con span{ float:left; width:100%; font-size:18px;} .contacts .contacts_c .contacts_c_con .contacts_c_con_r{ float:right; width:40%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_r span{ text-align:center} .contacts .contacts_c .contacts_c_con .contacts_c_con_r .wx{ height:130px} .contacts .contacts_c .contacts_c_bom{ float:left; width:100%;} .contacts .contacts_c .contacts_c_bom span{ font-size:18px; float:left; width:100%; line-height:22px;} .contacts .contacts_c .contacts_c_bom li{ float:left; width:100%; padding-top:15px} .contacts .contacts_c .contacts_c_bom li a{ float:left; margin-right:20px;} .contacts .contacts_c .contacts_c_bom li img{ float:left; height:36px} @media screen and (max-width:1440px){ .contacts .contacts_c .contacts_c_tit img{ height:70px} .contacts .contacts_c .contacts_c_bom li img{ height:35px} } @media screen and (max-width:1366px){ .contacts .contacts_c{ top:15%;} .contacts .contacts_c .contacts_c_tit img{ height:50px;} .contacts .contacts_c .contacts_c_con{ padding:10px 0;} .contacts .contacts_c .contacts_c_bom li img{ height:30px;} .contacts .contacts_c .contacts_c_bom li{ padding-top:} .contacts .contacts_c .contacts_c_con .contacts_c_con_r .wx{ height:90px} .contacts .contacts_c .contacts_c_con p img{ height:20px;} .contacts .contacts_c .contacts_c_bom span img{ height:8px;} } @media screen and (max-width:1024px){ .contacts_top_img{ background-size:100% auto !important;} .contacts .contacts_c .contacts_c_tit img{ height:60px} .contacts .contacts_c{ top:10%; width:96%; left:0; padding:0 2%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l{ width:30%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l li{padding-bottom:15px;} .contacts .contacts_c .contacts_c_con .contacts_c_con_r{ float:left; width:30%;} .contacts .contacts_c .contacts_c_con span{ font-size:16px; text-align:center;} .contacts .contacts_c .contacts_c_bom{ margin-top:200px} .contacts .contacts_c .contacts_c_bom span{ font-size:16px;} .contacts .contacts_c .contacts_c_bom span img{ height:8px} .contacts .contacts_c .contacts_c_bom li a{ float:left; width:16.6%; text-align:center; margin-right:0} .contacts .contacts_c .contacts_c_bom li a img{ display:inline-table; height:55px; float:none;} .contacts .contacts_c .contacts_c_con{ padding:80px 0 0 0;} .contacts .contacts_c .contacts_c_bom li img{ height:30px} .contacts .contacts_c .contacts_c_con .contacts_c_con_r .wx{ height:90px} } @media screen and (max-width:768px){ .contacts_top_img{ background-size:100% auto !important;} .contacts .contacts_c .contacts_c_tit img{ height:60px} .contacts .contacts_c{ top:10%; width:96%; left:0; padding:0 2%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l{ width:33%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l li{padding-bottom:15px;} .contacts .contacts_c .contacts_c_con .contacts_c_con_r{ float:left; width:30%;} .contacts .contacts_c .contacts_c_con span{ font-size:16px; text-align:center;} .contacts .contacts_c .contacts_c_bom{ margin-top:150px} .contacts .contacts_c .contacts_c_bom span{ font-size:16px;} .contacts .contacts_c .contacts_c_bom span img{ height:8px} .contacts .contacts_c .contacts_c_bom li a{ float:left; width:16.6%; text-align:center; margin-right:0} .contacts .contacts_c .contacts_c_bom li a img{ display:inline-table; height:45px; float:none;} .contacts .contacts_c .contacts_c_con{ padding:20px 0 0 0;} .contacts .contacts_c .contacts_c_bom li img{ height:30px} .contacts .contacts_c .contacts_c_con .contacts_c_con_r .wx{ height:90px} } @media all and (max-width:767px){ /*@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){*/ .contacts_top_img{ background-size:100% auto !important; display:none;} .contacts_top_img img{ display:none;} .contacts{ background:url(../images/contact_top.jpg) center bottom no-repeat; background-size:100% auto; overflow:hidden; height:100vh;} .contacts .contacts_c .contacts_c_tit{} .contacts .contacts_c .contacts_c_tit img{ height:60px} .contacts .contacts_c{ position:relative; float:left; margin-top:100px; top:0; width:90%; left:0; padding:0 5%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l{ width:48%;} .contacts .contacts_c .contacts_c_con .contacts_c_con_l li{padding-bottom:15px;} .contacts .contacts_c .contacts_c_con .contacts_c_con_r{ width:48%;} .contacts .contacts_c .contacts_c_con span{ font-size:15px; text-align:center;} .contacts .contacts_c .contacts_c_bom{ margin-top:30px} .contacts .contacts_c .contacts_c_bom span{ font-size:15px;} .contacts .contacts_c .contacts_c_bom span img{ height:8px} .contacts .contacts_c .contacts_c_bom li a{ float:left; width:16.6%; text-align:center; margin-right:0} .contacts .contacts_c .contacts_c_bom li a img{ display:inline-table; height:35px; float:none;} .contacts .contacts_c .contacts_c_con{ padding:40px 0 0 0;} .contacts .contacts_c .contacts_c_bom li img{ height:30px} .contacts .contacts_c .contacts_c_con .contacts_c_con_r .wx{ height:90px} }