.title_top, .inmain { position: relative; } .topmain { margin-top: 35px; position: absolute; left: 0; right: 0; top: 0; width:70%; } .title_top img { width: 100%; height: auto; } .xmn_tit { width: 100%; } .xmn_tit p { margin-top: 12px; } .xmn_tit p span { font-size: 14px; color: #babdbb; margin-right: 43px; } .xmn_ovf { width:70%; overflow: hidden; } .xmn_content { width: 100%; height: auto; background-repeat: no-repeat; background-position: auto center; background-size: cover; margin-bottom: 89px; } .xmn_float { width: 50%; height: auto; float: left; } .xmn_float_r{ float: right; width:40%;} .xmn_float_r h2{margin:0 0 4%;color:#656565;} .xmn_float_r li{width:100%; background: #EEF3F3;} .xmn_float_r li a{display: block;padding: 10%;} .xmn_float_r li h4{margin-bottom:3%;} .xmn_float_r li h2{max-height: 3em; color:#414141; line-height: 1.5; margin-bottom: 3%; overflow: hidden;} .xmn_float_r li p{max-height: 4em; color:#414141; line-height: 2; margin-bottom: 5%; overflow: hidden;} .xmn_float_r li span{ display: block; width:15%; height: 2px; background: #494949;} @media only screen and (min-width:1025px) { .xmn_float_r li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .xmn_float_r li:hover{ background: #00B6B5;} .xmn_float_r li:hover h4,.xmn_float_r li:hover h2,.xmn_float_r li:hover p{color:#fff;} .xmn_float_r li:hover span{ background: #fff;} } .xmn_put { width:70%; margin-bottom: 111px; } .xmn_put p a { line-height: 2; color: #3e3e3e; } .xmn_xiao { margin-top:20%; overflow: hidden; box-shadow: 0px 0px 15px #ccc; /*position: absolute; left: 54%; /* transform: translateY(-50%); */ display: inline-block; } .xmn_xiao::after { content: ''; clear: both; } .xiaocen, .xiaocen_ul a { float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; } .xiaocen_ul li { cursor: pointer; transition: 0.3s all; } .xiaocen_ul li:hover { transform: scale(1.25); } .xiaocen_ul { float: left; overflow: hidden; background: #fff; } @media only screen and (max-width: 1440px) { .topmain { margin-top: 32px; } } @media only screen and (max-width: 1366px) { .xmn_tit p { margin-top: 16px; } } @media only screen and (max-width: 1280px) { .xmn_ovf,.xmn_put{width:94%;} .xmn_tit { width: auto; padding: 2em 0; } .xmn_tit p { margin-top: 1em; margin-bottom: 3em; } .topmain { margin-top: 0; } } @media only screen and (max-width: 1023px) { .topmain { position: relative; z-index: 1; } .title_top img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .xmn_xiao { display: none; } .xmn_float { width: auto; } .xmn_float_r{width:100%;} .xmn_float_r li a{padding:5%;} .xmn_content { margin-bottom: 0; } .xmn_put { margin-bottom: 3em; } .xiaocen, .xiaocen_ul li { float: left; } .xmn_xiao { display: block; position: relative; transform: translateY(0); margin-top: 2em; margin-bottom: 3em; box-shadow: none; left: 0; } } @media only screen and (max-width: 768px) { .xmn_tit p span { display: block; } } @media only screen and (max-width: 767px) { .topmain,.xmn_ovf,.xmn_put{width:94%; margin:0 3%;} .xmn_tit p span{ display: inline-block; margin-right: 10px;} .xiaocen_ul a{font-size: 20px;} } .weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;} .weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;} .weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;} .weixin .img img{width:200px; height: 200px;} .weixin p {margin:0 0 30px; text-align:center;}