/*home banner*/ .banner {width:100%; float:left; height:680px; text-align:center; overflow:hidden; position:relative; } .banner .swiper-container {width: 100%; height: 100%; text-align: center; } .banner .swiper-slide {width:100%; float:left; height:680px;} .banner .slide1 {position: relative;color: #efefef; z-index: -9; text-shadow: 1px 1px 0 #626060; text-align: center;} .banner .slide1 video {position: absolute;left:-50%;right:-50%;bottom:0;top:0; margin: 0 auto; z-index:-99;} .banner .slide1 dt {font-size: 5.0em; font-weight: bold;margin: 200px 0 20px;} .banner .slide1 dd {font-size: 2.8em;} .banner .slide2 {background: url(/uploads/image/szimages/banner1.jpg) center no-repeat;} .banner .slide3 {background: url(/uploads/image/szimages/banner2.jpg) center no-repeat;} .banner .slide4 {background: center no-repeat;} .banner .slide2 a,.banner .slide3 a, .banner .slide4 a{display: block; width: 100%; height: 100%;margin:auto;z-index:99;} .banner .pagination {position: absolute; left: 0; bottom: 30px; text-align: center; width: 100%; z-index:999; } .banner .swiper-pagination-switch {display:inline-block;width: 12px;height:12px;opacity:1; border-radius: 10px; background: #ffffff; margin: 0 5px!important; cursor: pointer; transition: width 0.3s ease-in-out;-webkit-transition:width 0.3s ease-in-out;-moz-transition:width 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out;} .banner .swiper-active-switch {background: #c70008; width:24px; border: none;} /*home content*/ .hmt {background: url(/uploads/image/szimages/bg_hmt.jpg) center top no-repeat; overflow: hidden;} .hmt h1,.hmt p {color: #f0f0f0; text-align: center;} .hmt h1 {font-size: 3.6em;padding-top: 50px;} .hmt p {font-size: 1.6em; margin: 10px 0 50px;} .hmt ul li { height: 232px; width: 238px; float: left; background: url(/uploads/image/szimages/bg_hmt_1.jpg) left top no-repeat;} .hmt ul li:first-child li {background-position: left -232px;} .hmt ul li:first-child li li {background-position: left -464px;} .hmt ul li:first-child li li li {background-position: left -696px;} .hmt ul li.on { width: 486px; } .hmt ul li h2 {font-size: 1.8em; text-indent: 20px;margin-top: 40px;} .hmt ul li p {font-size: 1.3em; line-height: 1.8em; text-align: left; color: #626060; padding: 0 20px;} .hmtitlelf {float: left;} .hmtitlert {float: right;} .hmtitlelf,.hmtitlert {margin: 60px 0 40px;} .hmtitlelf h3 {font-size: 2.6em; line-height: 1.8em;} .hmtitlelf p,.hmtitlert p {font-size: 1.3em; color: #626060;} .hmtitlelf a,.hmtitlert a {font-size: 1.0em; color: #626060;} .hmtitlelf a:hover,.hmtitlert a:hover {color: #c70008;} .hmtitlert p {margin-top: 3.6em;} .hmtitlered {color: #c70008!important; margin-left: 20px;} .hmpro a.xsshow { display: none; } .hmpro .onbc { background: #c70008;color:#f0f0f0; } .hmprolist {clear: both;} .hmprolist li {float: left; width: 196px; height: 340px; margin: 0 32px 42px 0; padding: 0 40px 40px; background-color: #f7f7f7; text-align: center; transition: all 0.2s;-webkit-transition: all 0.2s;position: relative;z-index: 1;overflow: hidden;} .hmprolist li:nth-child(4) {margin-right: 0;} .hmprolist li .img img {width: 196px; height: 232px; padding: 40px 0 20px;} .hmprolist li .text h4 {font-size: 1.8em;} .hmprolist li .text p {font-size: 1.3em; color: #626060; line-height: 2.2em;} .hmprolist li .text p i {display:inline-block;vertical-align:middle;} .hmprolist li:hover {background-color: #efefef; box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);} .hmprolist li:hover .text {cursor: pointer; } .hmprolist li:hover .text p {color: #c70008;} .hmprolist li .proitems,.hmprolist li .bgred {position: absolute;} .hmprolist li .proitems {left: 0; bottom: 0; width: 100%; height: 0px; background-color: #fff; z-index: 6; } .hmprolist li .proitems dt {font-weight: bold;font-size: 1.8em; line-height: 2.2em; margin-top: 15px;} .hmprolist li .proitems dd {font-size: 1.3em;line-height: 1.8em;} .hmprolist li .bgred {left: 0;bottom: 0;width: 0px; height: 4px; background-color: #c70008; z-index: 6;} .hmsch { padding: 20px 0;background-color: #f7f7f7; clear: both; font-size: 1.4em; overflow: hidden;} .hmschlf {float: left; width: 672px; margin-left: 50px;} .hmschtp { line-height: 2.6em; margin-bottom: 20px;} .hmschtp span {cursor:pointer;margin-right:5px;display:inline-block;width:80px; } .hmschtp span i {display:inline-block;width:12px;height:12px; margin: -2px 5px; font-size:1.0em; color: #626060;} .hmschtp span i.icon-selected {color: #c70008;} .hmschtp #which {font-style:normal;display:inline-block;width:30px} .hmschtp #calc {color: #999;text-decoration:dashed;cursor:pointer} .hmschtp a.btn,.hmschtp input {width:100px; margin-left: 4px; text-align:center;border-radius:5px;background:#fff;display:inline-block;line-height: 30px;} .hmschtp input::-webkit-inner-spin-button,.hmschtp input::-webkit-outer-spin-button {-webkit-appearance:none!important;margin:0} .hmschtp a.btn {margin-left:20px;transition:all .3s;-webkit-transition:all .3s;} .hmschtp a.btn:hover {background:#c70008;color:#fff;} .hmschbm dl {width: 280px;float: left; font-size: 0.9em;} .hmschbm dt,.hmschbm dd {display: block; background-color: #fff; float: left;border-radius:5px;} .hmschbm dt {width: 30px;text-align: center; margin: 10px 20px 0 0;line-height: 35px;} .hmschbm dd {width: 100px; text-align: center; margin: 10px 10px 0 0; line-height: 30px;} .hmschbm dt a,.hmschbm dd a {display: block;border-radius:5px;transition:all .3s;-webkit-transition:all .3s;} .hmschbm dt a:hover,.hmschbm dd a:hover {background-color: #c70008;color: #f0f0f0;} .hmschrt {float: right; width: 400px;} .hmschrt li {float: left; width: 60px; text-align: center;margin: 0 40px 10px 0;} .hmschrt li a {display: block;} .hmschrt li i {font-size: 2.0em;} .hmschrt li em {font-size: 0.9em;} .hmschline {float: left;width: 1px; height: 125px; margin-top: 10px; background-color: #e6e6e6;} .hmcase {background: repeat; margin-top: 80px; overflow: hidden;} .hmcase .hmtitlelf,.hmcase .hmtitlert {margin: 30px 0!important;} .hmcase .data { margin-left: 80px; font-size: 2.0em; float: left; width: 320px; height: 50px; line-height: 60px; text-align: center;} .hmcase .data em {display: block;float:left; margin-top: 1px;} .hmcase .data span {font-weight: bold; font-size: 2.0em; color: #c70008; padding: 0 20px; display:block;float:left;} .hmappli { height: 460px; background: center repeat-y; background-attachment: fixed; } .hmappli .w600 {width: 600px;} .hmappli .w550 {width: 550px;} .hmappli .hmtitlelf h3,.hmappli .hmtitlelf p {color: #f0f0f0;} .hmappli .w600 ul,.hmappli .w550 ul {clear: both;} .hmappli .w600 ul li {width: 170px; line-height: 40px; margin: 20px 20px 20px 0; float: left; text-align: center;font-size: 1.4em;} .hmappli .w600 ul li a {color: #f0f0f0;display: block;background-color: #d23339;transition:all .3s;-webkit-transition:all .3s;} .hmappli .w600 ul li a:hover {background-color: #fff;color: #333333;} .hmappli .w550 ul li {color: #f0f0f0; font-size: 1.5em; float: left; width: 260px; margin: 5px 0;} .hmappli .w550 ul li i {color: #c70008; font-size:1.8em; padding-top: 5px;} .hmappli .hmphone {clear: both;color: #f0f0f0; padding: 30px 0 20px;} .hmappli .hmphone div {float: left; width: 50px;} .hmappli .hmphone div i {font-size: 3.4em;} .hmappli .hmphone dl dt {font-size: 1.5em;} .hmappli .hmphone dl dd {font-size: 1.8em;font-weight: bold;} .hmappli .hmlianxi a {display: block; width: 188px; float: left; line-height: 38px; background-color: #fff; text-align: center; margin-right:20px; font-size: 1.4em;transition:all .3s;-webkit-transition:all .3s;} .hmappli .hmlianxi dt a {background-color: #c70008; color: #fff;border: 1px solid #c70008;} .hmappli .hmlianxi dd a {color: #fff; background-color: rgba(0,0,0,0.5); border: 1px solid #312f35;} .hmappli .hmlianxi a:hover {border-color: #fff;} .hmform input {line-height: 40px; height: 40px; font-size: 1.4em; float: left; margin-top: 5px;} .hmform input.phone {border-radius: 12px 0px 0px 12px; width: 180px; padding: 0 10px;} .hmform input.sub {border-radius: 0px 12px 12px 0px; width: 100px; background-color: #c70008; color: #fff;cursor: pointer;} .hmserv li {float: left; width: 196px; height: 260px; margin: 0 32px 80px 0; padding: 0 40px 40px; background-color: #fff; text-align: center; transition: all 0.2s;-webkit-transition: all 0.2s;position: relative; z-index: 1;} .hmserv li:nth-child(4) {margin-right: 0;} .hmserv li a {display: block; width: 100px; margin: 30px 0 20px 48px; font-size: 2.0em;} .hmserv li a span {display: block;width: 100px; height: 100px;background-repeat:no-repeat;background-size:100%; background-position: 0px 0px;} .hmserv li .line { width: 20px; height: 1px; background-color: #626060;margin: 0 0 20px 88px;} .hmserv li p {font-size: 1.4em; line-height: 2.0em;} .hmserva {display: block;width: 100px; height: 100px; background-repeat:no-repeat; background-size:100%; background-position: 0px 0px; animation: 0.6s iconmova steps(20,end) forwards; } .hmservb {display: block;width: 100px; height: 100px; background-repeat:no-repeat; background-size:100%; background-position: 0px 0px; animation: 0.6s iconmovb steps(20,end) forwards; } @keyframes iconmova {0% {background-position-y: -0px; } 100% {background-position-y: -2000px; } } @keyframes iconmovb {0% {background-position-y: -2000px; } 100% {background-position-y: -0px; } } .hmtitlelf .icon-tnews {color: #c70008;font-size: 5.2em; display: block; float: left; margin-right: 30px;} .hmnews li {float: left; position: relative; z-index: 1;-webkit-transform:rotate(0); transform:rotate(0);overflow:hidden;} .hmnews li .newspic {float: left;} .hmnews li .newspic {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .hmnews li:hover .newspic {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .hmnews li div {position: absolute; z-index: 5;} .hmnews li div p { font-size: 1.4em; color: #cfcfcf;line-height: 1.8em;} .hmnews li div h5 {color: #f0f0f0;font-size: 1.8em; text-overflow: ellipsis;word-break: break-all;overflow: hidden;} .hmnews li div h5 a { color: #f0f0f0;} .hmnews li div h5 a:hover {text-shadow:0 0 1px #fff;} .hmnews li.item1 div h5 {width: 650px;} .hmnews li.item2 div h5 {width: 460px;} .hmnews li.item4 div h5,.hmnews li.item5 div h5 {width: 350px;} .hmnews li.item1 {width: 690px; height: 350px;margin: 0 10px 10px 0;} .hmnews li.item2 {width: 500px; height: 350px;margin-bottom: 10px;} .hmnews li.item3 {width: 385px; height: 200px;margin-right: 10px;} .hmnews li.item4 {width: 410px; height: 200px;margin-right: 10px; background-color: #312f35;opacity:0.9;transition:0.3s} .hmnews li.item4:hover { opacity:1;transition:0.3s } .hmnews li.item5 {width: 385px; height: 200px;} .hmnews li.item1 div,.hmnews li.item2 div,.hmnews li.item5 div {left: 20px; bottom: 20px;} .hmnews li.item4 div {left: 20px; top: 20px;} .hmnews li.item5 .hmdouyin {display: block; width: 40px; height: 40px; position: absolute; top: 0;right: 0;background: url(/uploads/image/szimages/bg_hmdouyin.png) 100% no-repeat; z-index: 8;} .hmnews li.item5 .play {width: 60px; height: 60px; display: none; border-radius: 30px; position: absolute; z-index:9; top:40%; left: calc(50% - 30px); background: rgb(255,255,255,.6);} .hmnews li.item5 .play i {font-size: 40px; margin-left: 20px; color: #c70008; display: inline-block;} .hmnews li.item5:hover .play {display: block;} .hmnewslist {float: left; margin: 30px 0 40px;} .hmnewslist li {float: left;width: 276px; margin-right: 32px; border-bottom: 1px dashed #cfcfcf;} .hmnewslist li:nth-child(4) {margin-right: 0;} .hmnewslist li:hover {border-bottom-style: solid;} .hmnewslist li h6 { font-size: 1.6em; line-height: 2.6em; height: 2.6em; width: 276px;white-space: nowrap; text-overflow: ellipsis;word-break: break-all;overflow: hidden;} .hmnewslist li span { color: #999; font-size: 1.3em;} .hmnewslist li p { color: #626060; font-size: 1.3em; margin: 10px 0 20px; line-height: 28px; height: 78px; overflow: hidden; text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .hminfo {clear: both;float: left; margin-bottom: 80px;} .hminfo .ifbox {float: left;width: 376px; margin-right: 36px;border-bottom: 2px solid #cfcfcf; padding-bottom: 15px;} .hminfo .ifbox:hover {border-bottom-color: #c70008;} .hminfo .ifbox a {color: #626060;} .hminfo .ifbox a:hover {color: #c70008;} .hminfo .ifbox .title {font-size: 1.6em; line-height: 2.0em;font-weight: bold; margin-bottom: 10px; } .hminfo .ifbox .title a {float: right; font-size: 0.74em; font-weight: normal;} .hminfo .ifbox li {font-size: 1.3em; line-height: 2.6em; height: 2.6em; } .hminfo .ifbox li a {display: block;float: left;max-width: 250px;white-space: nowrap; text-overflow: ellipsis;word-break: break-all; overflow: hidden;} .hminfo .ifbox li span {float: right; color: #999;} .hminfo .mrn {margin-right: 0;} .link a {padding-right: 3px;font-size: 12px;color: #424040;} .link {color: #565b5b;font-size: 12px;} /*responsive*/ @media (max-width: 540px){ .banner {margin-top: 55px;} .banner,.banner .swiper-slide,.banner .slide1 video {height: 12.6rem} .banner .slide2,.banner .slide3,.banner .slide4 {background-size: cover;} .banner .pagination {bottom: 1.5rem;} .banner .slide1 dl,.hmtitlelf .icon-tnews {display: none;} .hmt h1 { font-size: 2.0em; } .hmt ul li { width: 50%;height: 200px; } .hmt ul li.reon { width: 50%; } .w900,.w300 { width: auto; } .hmprolist li { width: 100%; margin:0 0 20px 0;padding:20px 0; } .hmpro a.xsshow { display: block;width: 60%;height: 38px;font-size: 1.4em;text-align: center;line-height: 38px;border-radius: 5px;margin:20px auto;cursor: pointer; } .hmschlf,.hmschline,.hmtitlert { display: none; } .hmschrt { width: auto; float: none; } .hmschrt ul{ width: 305px;margin: 0 auto;float: none; } .hmschrt li { margin: 0 8px 10px} .hmappli { height: 500px;background: left repeat-y; } .hmappli .container { width: 100%;padding: 0;margin: 0; } .hmappli .w600 { width: 100%;height: 354px;} .hmappli .w600 ul {width: 280px;margin: 0 auto;} .hmappli .w600 ul li { width:80px;margin:0 20px 30px 0;line-height: 35px; } .hmappli .w600 ul li:nth-child(3n) { margin-right: 0; } .hmappli .hmphone { display: none; } .hmappli .w550 {width: 100%;height: 380px;background: right repeat-y; } .hmtitlelf, .hmtitlert {margin: 30px 0; text-align: center;float: none; } .hmlianxi { padding-top:216px;width: 294px;margin: 0 auto; } .hmappli .hmlianxi a { width: 135px; } .hmappli .hmtitlelf p { padding: 15px 3%; } .hmtitlelf h3 { font-size: 2.0em; } .hmappli .w550 ul { width: 300px;margin: 0 auto; } .hmserv ul { width: 310px;margin:0 auto; } .hmserv li {width: 125px;height: 125px; margin:15px; padding:0;border-radius: 28px 0;background-color:#dcdcdc; } .hmserv li a { margin: 0 auto;} .hmserv li .line { margin: 20px auto; } .hmserv li:nth-child(4) { margin-right:auto; } .hmnews li.item1 { width: 100%;height: auto; } .hmnews li.item1 div h5 { width: 100%; } .hmnews li.item3,.hmnews li.item5 { width: 49%;height: auto;} .hmnews li.item2,.hmnews li.item4 { display: none; } .hmnews li.item3 { margin-right: 2%; } .hmnewslist li p { margin-bottom:10px; } .hminfo .ifbox,.hmnewslist li { width: 100%;margin-bottom: 20px; } .hmcase { margin-top: 40px; } .hminfo { margin-bottom: 40px; } .hmnewslist { margin-bottom: 20px;} .hmsch { margin-top:30px; } .hmappli .hmlianxi dd a { margin-right: 0; } .hmappli .hmlianxi a,.hmappli .w600 ul li a { border-radius: 5px; } .hmappli .hmtitlelf { margin: 35px 0 20px; } .hmt ul li:first-child { border-radius:5px 0 0 0; } .hmt ul li:first-child li { border-radius:0 5px 0 0; } .hmt ul li:first-child li li { border-radius:0 0 0 5px; } .hmt ul li:first-child li li li { border-radius:0 0 5px 0; } .hmserv li a { font-size: 1.4em; } .hmserv li .line,.hmserv li p { display: none; } .bgrey { height: 480px; } .hmnews li .newspic { border-radius:5px; } .hmnews li.item5 .play { width: 30px;height: 30px;left: calc( 50% - 15px); } .hmnews li.item5 .play i { font-size: 15px;margin:5px 0 0 10px; } .hmt h1 em { display: none; } .hmnews li div h5 { font-size: 1.6em;} } @media (min-width: 540.7px) and (max-width: 767.7px){ .banner {margin-top: 55px;} .banner,.banner .swiper-slide,.banner .slide1 video {height: 12.6rem} .banner .slide2,.banner .slide3,.banner .slide4 {background-size: cover;} .banner .pagination {bottom: 1.5rem;} .banner .slide1 dl,.hmsch {display: none;} .hmt h1 { font-size: 2.0em; } .hmt p { font-size: 1.4em; } .hmt ul li { width: 50%;height: 186px; } .hmt ul li.reon { width: 50%; } .hmtitlelf {width: 100%; text-align: center;margin:30px 0; } .hmprolist li:first-child li,.hmprolist li:first-child li li li { margin-right: 0; } .hmprolist li { width: 31%;height: 360px; margin: 20px 10px;} .hmpro a.xsshow { display: block;width: 60%;height: 38px;font-size: 1.4em;text-align: center;line-height: 38px;border-radius: 5px;margin:20px auto;cursor: pointer; } .hmschline { display: block;float: none;width: 672px;height: 1px;margin:166px auto 0; } .hmschlf { margin-left: 4%; } .hmschrt { float: none;width: 100%;padding-left: 2%; } .hmschrt li { margin: 30px 17px 10px 0; } .hmschrt li:last-child { margin-right: 0; } .hmtitlert { display: none; } .hmtitlelf h3 { font-size: 2.0em; } .hmappli { height: 500px;background: left repeat-y; } .hmappli .container { width: 100%;padding: 0;margin: 0; } .hmappli .w600 { width: 100%;height: 339px;} .hmappli .w600 ul {width: 445px;margin: 0 auto;} .hmappli .w600 ul li { width:135px;margin:0 20px 20px 0; } .hmappli .w600 ul li:nth-child(3n) { margin-right: 0; } .hmappli .hmphone { display: none; } .hmappli .w550 {width: 100%;height: 343px;background: right repeat-y; } .w550 ul { width: 520px;margin:0 auto; } .hmappli .hmlianxi dd a { margin-right: 0; } .hmlianxi { padding-top:140px;width: 400px;margin: 0 auto; } .hmserv ul { width: 446px;margin: 0 auto; } .hmserv li { width: 171px;height: 200px; margin: 0 20px 20px 0;padding: 0 21px 40px; } .hmserv li:first-child li { margin-right:0; } .hmserv li a { margin: 0 auto; } .hmserv li .line { margin: 20px auto; } .hmnews li.item1 { width: 100%;height: auto; } .hmnews li.item1 div h5 { width: 85%; } .hmnews li.item3,.hmnews li.item5 { width: 49%;height: auto;} .hmnews li.item2,.hmnews li.item4 { display: none; } .hmnews li.item3 { margin-right: 2%; } .hmnewslist li p { margin-bottom:0px; } .hminfo .ifbox,.hmnewslist li { width: 100%;margin-bottom: 20px;margin-right:0; } .hmcase { margin-top: 40px; } .hminfo { margin-bottom: 40px; } .hmprolist { width: 100%; margin:0 auto; } .hmnews li.item5 .play { width: 40px;height: 40px;left: calc( 50% - 20px); } .hmnews li.item5 .play i { font-size: 20px;margin:6px 0 0 15px; } .hmnews li div h5 { font-size: 1.6em;} } @media (min-width: 768px) and (max-width: 991.7px) { .hmt h1 { font-size: 2.0em; } .hmtitlelf h3 {font-size: 2.0em; } .hmt ul li { width: 160px; } .hmt ul li.on { width: 270px; } .hmprolist li { width: 220px;height: 360px; margin: 20px 37px;} .hmschline { display: block;float: none;width: 672px;height: 1px;margin:166px auto 0; } .hmschlf { margin-left: 72px; } .hmschrt { float: none;width: 100%;padding-left: 62px; } .hmschrt li { margin: 30px 17px 10px 0; } .hmschrt li:last-child { margin-right: 0; } .hmtitlert,.hmsch { display: none; } .hmcase { margin-top:40px; } .hmcase .data { width: auto; } .hmappli .w600 ul li { width: 95px; } .hmappli .w600 { width: 350px; } .hmappli .w550 { width: 330px;} .hmappli .hmphone { display: none; } .hmtitlelf {width: 100%; margin-bottom: 15px;text-align: center;margin:40px 0; } .hmlianxi { padding-top:220px; } .hmappli .hmlianxi a { width: 135px; } .hmserv { clear: both; } .hmserv li { width: 112px;margin: 0 24px 50px 0;padding:0 28px 40px; } .hmserv li a { margin: 20px auto; } .hmserv li .line { margin: 20px auto; } .hmnews { clear: both; } .hmnews li.item1 { width: 429px;height: 217px; } .hmnews li.item2 { width: 311px;height: 217px; } .hmnews li div { width: 85%; } .hmnews li.item2 div h5,.hmnews li.item1 div h5 { width: auto; } .hmnews li.item3,.hmnews li.item4,.hmnews li.item5 { width: 244px;height: 125px;} .hmnews li.item3,.hmnews li.item4 { margin-right: 9px; } .hmnewslist li { width: 360px;margin:0 30px 20px 0; } .hmnewslist li:nth-child(2n) { margin-right: 0px; } .hminfo .ifbox { width: 357px;margin-bottom:20px;} .hminfo .ifbox:nth-child(2) { margin-right: 0; } .hminfo { margin-bottom: 40px; } .hmnews li.item5 .play { width: 40px;height: 40px;left: calc( 50% - 20px); } .hmnews li.item5 .play i { font-size: 20px;margin:6px 0 0 15px; } .hmnews li div h5 { font-size: 1.8em;line-height: 1.8em; } } @media (min-width: 992px) and (max-width: 1199.7px){ .hmt ul li { width: 206px; } .hmt ul li.on { width: 362px; } .w900 { width: 680px; } .hmprolist li { width: 170px;margin-right: 20px;padding-right: 20px; } .hmschlf { width: 550px;margin-left: 20px; } .hmschrt li { margin: 0 20px 10px; } .hmschtp #calc { display: none; } .hmschbm dl { width: 270px; } .hmschbm dt { margin-right:10px; } .mr50 { margin-right: auto;} .hmcase .data { width: auto;margin-left: 40px; } .hmappli .w600 ul li { width: 135px; } .hmappli .w600 { width: 480px; } .hmappli .w550 { width: 420px;} .hmappli .hmphone { display: none; } .hmtitlelf { margin-bottom: 15px; } .hmlianxi { padding-top:240px; } .hmserv li { width: 149px;margin: 0 32px 50px 0;padding:0 36px 40px; } .hmserv li a { margin: 20px auto; } .hmserv li .line { margin: 20px auto; } .hmnews { clear: both; } .hmnews li.item1 { width: 562px;height: 285px; } .hmnews li.item2 { width: 408px;height: 285px; } .hmnews li div { width: 85%; } .hmnews li.item2 div h5,.hmnews li.item1 div h5 { width: auto; } .hmnews li.item3,.hmnews li.item4,.hmnews li.item5 { width: 320px;height: 163px;} .hmnewslist li { width: 475px;margin:0 30px 20px 0; } .hmnewslist li:nth-child(2n) { margin-right: 0px; } .hminfo .ifbox { width: 302px;} .hminfo .ifbox li a { max-width:220px; } }