@media(max-width: 1200px){ .nav { width: 55.6%; float: left; margin-left: 1.5%; } .nav ul li { float: left; line-height: 128px; padding: 0 2%; cursor: pointer; position: relative; } } @media(max-width: 1024px){ .head{ display: none; } .header_phone.visible-xs, .menuBox.visible-xs { display: block!important; } .header_phone.visible-xs{ padding: 5px 10px; } .header_p_box { position: relative; } .p_logo { height: 40px; display: inline-block; float: left; } .p_logo img { height: 95%; width: auto; } a.p_menubtn { display: inline-block; float: right; padding: 4px 0 0; } a.p_menubtn span { display: block; width: 30px; height: 2px; background: #3871c1; margin: 7px 0 5px; } .left_ab,.right_ab{ width: 100%; float: none; } .about{ padding: 0 15px; margin-top: 10px; } .abtip{ display: none; } .fw_con { width: 142px; height: 142px; font-size: 28px; } .fw_num { font-size: 65px; font-weight: bold; color: #e13844; } .foot { padding-left: 15px; padding-right: 15px; } } @media(max-width: 768px){ .fw_con { width: 100%; height: 110px; font-size: 20px; padding-top: 40px; margin-top: -40px; } .fw_num { font-size: 50px; font-weight: bold; color: #e13844; } .ad,.advs{ height: 140px; } .ad_pic img{ width: 35%; } .ad_con { font-size: 18px; color: #121111; } .ad_pic{ margin-top: 0; } .cases .swiper-button-prev, .cases .swiper-button-next{ display: none; } .fcontact, .saoma{ float: none; } .saoma{ margin-top: 40px; } .foot{ padding-bottom: 70px; } .copy a { margin: 0 4px; } .p12-aboutinfo-1 .tit { height: auto; background: url(../image/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 36px; clear: both; text-align: center; margin: 32px 0; } .p12-aboutinfo-1 .tit span { font-size: 19px; padding-top: 0; } .p12-aboutinfo-1 .tit em { padding-top: 18px; } .wm-l { width: 100%; float: left; color: #fff; height: auto; overflow: hidden; padding: 60px 0 37px 40px; } .wm-l h4 { font: 17px "Microsoft YaHei"; line-height: 10px; padding-bottom: 30px; margin: 0; } .wm-l li { font: 13px "Microsoft YaHei"; line-height: 35px; } .g-gywm { height: auto; overflow: hidden; width: 100%; margin-bottom: 2rem; } .wm-r { width: 100%; } .lia { display: none; } .newalllistsearch { height: auto; line-height: 43px; } .newalllistsearch>div { padding: 0; } .listnavRight { width: 100%; } .listnavRight a { font-size: 13px; width: 33.333%; padding: 0; /* padding: 0;*/ text-align: center; } .listcontacts>div { margin: 3rem auto; width: 98%; } .listcontacts>div>span { font-size: 21px; } .listcontacts>div>span>i { font-size: 15px; } .listcontactsTitle input { height: 49px; width: 100%; font-size: 15px; } .listcontactsubmit input { color: #fff; border: 0; width: 140px; height: 40px; font-size: 14px; margin: 0 5px; } .ab_1_1 { max-width: 1200px; margin: 20px auto; overflow: hidden; padding: 0 10px; } .ab_2_1 ul li img { width: 100%; height: auto; } .ab_2_1 ul li:nth-child(4n) h2 { padding-left: 12px; margin-top: 31px; } .ab_2_1 ul li h2 { font-size: 16px; color: #333333; margin-top: 15px; margin-left: 16px; } .ab_2_1 ul li p { font-size: 14px; line-height: 25px; padding: 12px 20px 0 15px; margin-bottom: 22px; } .ab_2_1 { max-width: 1200px; margin: 66px auto; background-color: #FFF; font-size: 0; } .ab_2_1 ul li { display: block; float: left; width: 100%; height: auto; margin-bottom: 13px; } .ab_2_1 ul li h1 { font-size: 22px; padding-top: 24px; padding-left: 13px; } .ab_1_3 p { font-size: 13px; line-height: 25px; padding-right: 0; margin-top: 35px; } .ab_1_3 h2 { font-size: 20px; color: #333333; margin-top: 11px; margin-bottom: 0; } .ab_1_3 h1 { font-size: 24px; margin-top: 25px; } .ab_1_3 { width: 100%; float: right; } .ab_1_2 { width: 100%; float: left; overflow: hidden; } .listpronav { overflow: hidden; margin-top: 24px; margin-bottom: 24px; } .listpronav li { width: 32%; height: 30px; border: 1px solid #e6e6e6; text-align: center; line-height: 30px; float: left; margin-right: 2%; margin-bottom: 3%; } .listpronav li a { display: block; color: #444; font-size: 13px; } .listpronav li:nth-child(3n) { margin-right: 0; } .listpros a { display: block; width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; } .listpros a:nth-child(3n) { margin-right: 2%; } .listpros a:nth-child(2n) { margin-right: 0; } .listpros a p { font-size: 14px; color: #444; line-height: 33px; margin: 0; } .listnew { padding-top: 2rem; width: 98%; } .listnew a { border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 2rem; } .listnew a img { display: none; } .listnew .listnewright { width: 100%; margin-top: 0rem; } .listnew .listnewright .listnewrighttop { line-height: 34px; } .listnew .listnewright .listnewrighttop span { font-size: 14px; } .listnew .listnewright .listnewrighttop div { font-size: 12px; } .listnew .listnewright p { font-size: 12px; line-height: 24px; margin: 0; margin-bottom: 1rem; } .listdetailpros { margin: 1rem; overflow: hidden; } .abmore a{ margin: auto; } } @media(max-width: 420px){ .abtitle { font-size: 22px; font-weight: bold; color: #191919; margin-top: 25px; } .jynav span { display: inline-block; padding: 0px 3px; cursor: pointer; } .jingying { padding-top: 20px; padding-bottom: 30px; } .jymaintitle { font-size: 30px; font-weight: bold; color: #221e1e; } .jynav { text-align: center; margin: auto; margin-top: 20px; } .jytitles { font-size: 18px; color: #1c1c1c; margin-top: 5px; } .fw .fws { width: 30%; margin-right: 5%; margin-bottom: 15px; } .fw .fws:nth-child(3n){ margin-right: 0; } .adpic img{ width: 100%; } .fwmaintitle { font-size: 30px; font-weight: bold; color: #221e1e; } .fwtitles { font-size: 17px; color: #1c1c1c; margin-top: 5px; } .fw_d p { line-height: 30px; font-size: 18px; color: #303030; margin-bottom: 8px; } .fuwu { padding-bottom: 37px; } .casemiantitle { font-size: 30px; font-weight: bold; color: #000000; } .casetitles { font-size: 18px; color: #393939; margin-top: 10px; } .newmaintitle { font-size: 30px; color: #161616; font-weight: bold; } .newtitles { font-size: 18px; color: #393939; margin-top: 20px; } .new { width: 100%; overflow: hidden; margin-top: 40px; background: #f1f1f1; padding-top: 35px; padding-bottom: 55px; } .news .new-button-prev, .news .new-button-next{ display: none; } .newpic{ display: none; } .newcon{ width: 100%; } .hzmaintitle { font-size: 30px; color: #161616; font-weight: bold; } .hztitles { font-size: 18px; color: #393939; margin-top: 10px; } .left_foot{ width: 100%; text-align: center; } .copy { width: 100%; text-align: center; height: auto; line-height: 40px; background: url(../images/copybg.png) center no-repeat; background-size: cover; } } @media(max-width: 375px){ .jynav span { display: inline-block; padding: 6px 32px; cursor: pointer; } .jy .jys { float: left; width: 49%; margin-right: 2%; margin-top: 10px; overflow: hidden; } .jy .jys:nth-child(2n){ margin-right: 0; } .fw_d { text-align: center; margin-top: 40px; } .casetitles { font-size: 16px; color: #393939; margin-top: 10px; } .hztitles { font-size: 16px; color: #393939; margin-top: 10px; } .foot{ margin-top: 40px; } .hezuos { max-width: 1546px; margin: auto; margin-top: 40px; } }