/* head-top */ /*logo*/ .head_top .logobox{position: fixed;top:0rem;left: 1.1rem;z-index: 10;} .head_top .logobox a {display: table-cell;width: 3.4rem;height: 1.1rem;text-align: center;vertical-align: middle;} .head_top .logobox img {display: inline-block; width: 2.43rem;height: 0.52rem;} .head_top .logobox a.logow {display: none;background: none;} .head_top .slidebutton {position: fixed;top: 0px;left: 0px;z-index: 15;} .head_top .slidebutton a {display:inline-block;width:1.1rem;height: 1.1rem;background: url(/uploads/image/ihomeimg/navicon.png) no-repeat center #c7102c; } .head_top .slidebutton a.on {background: url(/uploads/image/ihomeimg/navclose.png) no-repeat center #fff;} .head_top .sidenav {position: fixed;top:0px;left: 0px;z-index: 88;width: 100%;height: 100%;background: #fff;display: none;z-index: 13;} .head_top .sidenav_r {padding-left: 5.13rem;} .head_top .slidecon {padding-top: 1.8rem;} .head_top .slidecon ul li {list-style: none;overflow: hidden;_zoom:1;height:0.65rem;line-height: 0.65rem;} .head_top .slidecon ul li span { width: 3.2rem;display: block;float: left;margin-right: 0.67rem;} .head_top .slidecon ul li span a {font-size:0.24rem;color: #999;color: #999;} .head_top .slidecon ul li p {float: left;padding-left: 0.3rem;opacity: 0} .head_top .slidecon ul li p a {font-size:0.24rem;color: #999999;margin-right: 0.6rem; } .head_top .slidecon ul li p a:hover {color: #c7102c;} .head_top .slidecon ul li.on span a {font-size:0.36rem;display: inline; color: #222;border-bottom: 2px solid #222222;border-top: 2px solid #fff;bottom: 0.08rem;} .head_top .phone_div {padding-top:1.5rem } .head_top .phone_div p {font-size: 0.24rem;color: 222} .head_top .phone_div p span{font-size: 0.36rem;color: #c7102c} .head_top .div_search {position: fixed;right:0.4rem;top: 0.5rem;z-index: 99; } .head_top .div_search a.aw {display: inline-block;width:0.15rem;height: 0.15rem; background: url(/uploads/image/ihomeimg/searchiconw.png) no-repeat center;background-size:100% } .head_top .div_search a.ab {display: inline-block;width:0.15rem;height: 0.15rem; background: url(/uploads/image/ihomeimg/searchicon.png) no-repeat center;background-size:100% } .swiper-container {margin: 0px;padding: 0px;width: 100%;height: 100%; } .swiper-wrapper {width: 100%;height: 100%; } .swiper-wrapper .swiper-slide {width: 100%;height: 100%} /* index-tit */ .sectiontit span {display: block;color: #fff} .sectiontit span.sen{font-size: 0.3rem; background: url(/uploads/image/ihomeimg/line1.png) no-repeat left bottom;padding-bottom: 0.2rem;margin-bottom:0.15rem; } .sectiontit span.scn{font-size: 0.24rem;} .section1 {position: relative;} .section1 .slide {overflow: hidden!important;width: 100%;} .section1 .slide1 .slidel {left:1.6rem;position: absolute;top:2.8rem;width: 5rem;z-index: 5;opacity: 0} .section1 .slide1 .img_box {width: 100%;margin-bottom: 0.2rem;} .section1 .slide1 .img_box img {width: 100%;} .section1 .slide1 .text-box h2 {font-size:0.48rem;line-height: 1.25;margin-bottom: 0.3rem;color: #2c365e } .section1 .slide1 .text-box p {font-size:0.18rem;line-height:2;color: #2c365e; } .section1 .slide1 .slider {right: 0px;top: 0px;position: absolute;z-index: 10;height: 100%;} .section1 .slide1 .slider img {display: block;float: left;height: 100%;opacity: 0} .section1 .slide1 .slider img.img1, .section1 .slide1 .slider img.img3 {width:3.45rem } .section1 .slide1 .slider img.img2 {width:2.7rem } .swiper-container {height: 100%;} .pagination {font-size:0.3rem;color: #fff } .pagination span {font-size:0.3rem;} .pagination .swiper-pagination-current {font-size:0.72rem;} .swiper-button {position: absolute;right: 1.57rem;bottom: 1.13rem;z-index: 9;} .swiper-button .button {display: inline-block; width: 0.58rem;height: 0.58rem;border:2px solid #fff;cursor: pointer;} .swiper-button .button-next {background: url(/uploads/image/ihomeimg/to_r.png) no-repeat center;} .swiper-button .button-prev {background: url(/uploads/image/ihomeimg/to_lw.png) no-repeat center;margin-left: 0.2rem;} .section {position: relative;overflow: hidden;} .section1 .slide1 .slidel { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: -0.5s; animation-delay:-0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section1 .slide1 .slider img.img1 { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section1 .slide1 .slider img.img2 { -webkit-animation-duration: 0.9s; animation-duration:0.9s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section1 .slide1 .slider img.img3 { -webkit-animation-duration: 0.6s; animation-duration:0.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* 关于中信泰富地产 */ .section2 {background:url(/uploads/image/ihomeimg/divbg2.jpg) no-repeat right center;background-size: 14.49rem 10.8rem;padding-left: 1.6rem;box-sizing: border-box;} .section2 .div_top {position: absolute;top:18%} .section2 .div_top .div_l {position: relative;width: 20%;} .section2 .div_top .div_l img {width:2.82rem;display: block; } .section2 .div_top .div_r {overflow: hidden;_zoom:1;width: 80%;} .section2 .div_top .div_r ul {float: right;} .section2 .div_top .div_r li {width: 50%;float:left;padding-right: 1rem;box-sizing: border-box;} .section2 .div_top .div_r li:nth-child(1) span {font-size:0.14rem;margin-top: 0.4rem;display: inline-block;background: url(/uploads/image/ihomeimg/line3.png) no-repeat right center;padding-right: 01rem } .section2 .div_top .div_r li:nth-child(1) span a {color: #333;font-size:0.14rem;} .section2 .div_top .div_r li:nth-child(1) span a:hover {color: #c7102c;} .section2 .div_top .div_r li p {font-size:0.14rem;line-height: 2;color: #666;} .section2 .video_div {position: absolute;bottom: 0;height: 4.5rem;} .section2 .video_div .div_button {cursor: pointer;} .section2 .video_div .div_button img {display: block;width: 100%;} .section2 .video_div .div_button span {display: block;background: url(/uploads/image/iaboutus/videoicon.png) no-repeat center top;background-size: 0.54rem 0.54rem;padding-top: 0.7rem; font-size: 0.24rem;color: #fff;position: absolute;top: 2.06rem;left: 0;width: 100%;text-align: center;} .section2 .video_wrap { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 999; } .section2 .video_wrap #video_index { position: absolute; width: 50%; left: 25%; top: 50%; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); transform: translatey(-50%); } .section2 .video_wrap .imgclose { position: absolute; bottom: 10%; width: 2.29167vw; left: 50%; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); transform: translatex(-50%); cursor: pointer; } /*section3*/ .section3 .sectiontit {position: absolute;left:1.6rem;top: 1.35rem;z-index: 10} .section3 .sectiontit span {display: block;color: #fff} .section3 .sectiontit span.sen{font-size: 0.38rem; background: url(/uploads/image/ihomeimg/line2.png) no-repeat left bottom;padding-bottom: 0.2rem;margin-bottom:0.15rem; } .section3 .sectiontit span.scn{font-size: 0.24rem;} .sectiontit_w span {color: #fff;} .sectiontit_b span {color: #222;} .project_innertab {width: 100%;height: 100%;position: relative;} .project_tabdiv_box {position: absolute;width: 100%;height: 100%;right: 0px;top: 0px;z-index: 9} /*.project_innertab {width: 4.8rem;background: #fff;position: absolute;right:8%;top:3rem;overflow:hidden;_zoom:1;z-index: 10;opacity: 0}*/ .section3 .path {overflow: hidden;_zoom:1;position: absolute;right: 0rem;top: 0rem;z-index: 20} .section3 .path a {display: block;width:0.6rem;height:0.6rem;float: left; } .section3 .path a.to_l {background: url(/uploads/image/ihomeimg/to_l.png) no-repeat center #f8f8f8;} .section3 .path a.to_r {background: url(/uploads/image/ihomeimg/to_r.png) no-repeat center #c7102c;} .section3 .innertabdiv { width: 4.8rem; background: url(/uploads/image/ihomeimg/divbg.jpg) no-repeat center top #fff; background-size: 4.8rem 4.93rem; position: absolute; right:1.6rem;top:3rem;overflow:hidden;_zoom:1;z-index: 10;} .section3 .innertabdiv h3 {font-size: 0.24rem;color: #333;background: url(/uploads/image/ihomeimg/line1.png) no-repeat left bottom;padding-bottom:0.32rem;margin-bottom:0.25rem; } .section3 .innertabdiv p {font-size: 0.14rem;color: #999;line-height: 28px;margin-bottom: 0px;margin-bottom: 0.46rem;} .section3 .innertabdiv p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .section3 .innertabdiv ul li {position: relative;height: 5.4rem;padding:0 0.6rem;text-align: left; } .section3 .innertabdiv ul li h3 {padding-top:1rem } .section3 .innertabdiv ul li a.more {position: absolute;bottom: 0;left: 0; display:block;width: 4.8rem;height: .79rem;line-height: .70rem; background: url(/uploads/image/ihomeimg/line4.png) no-repeat 2.8rem center #c7102c;font-size: 0.16rem;color: #fff;text-decoration: none;text-indent:.6rem; } .project_tabicon {position: absolute;right: 1.6rem;top: 1.7rem;z-index: 20;width: 4.8rem;display: flex;justify-content: space-between;} .project_tabicon span {font-size: 0.14rem;color: #fff;display: inline-block;width: 1.4rem;height:.6rem;border:2px solid #bdc5d3;line-height: .6rem;text-align: center;cursor: pointer; } .project_tabicon span.on {background: #fff;color: #000} .project_tabbg .imgbox {display: none;height: 100%} .project_tabbg .imgbox.on {display: block;} .project_tabbg {width: 100%;height: 100%;} .project_tabbg img {width: 100%;height: 100%} .section3 .tobox { width: 1.2rem; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 9 } .tobox span { display: block; width: 0.6rem; height: 0.6rem; float: left; cursor: pointer; } .tobox span.inprev { background: url(/uploads/image/iaboutus/to_l.png) no-repeat center #f8f8f8; } .tobox span.innext { background: url(/uploads/image/iaboutus/to_r.png) no-repeat center #c7102c; } .section3 .inpagestate {position: absolute;right: .7rem;bottom: 1.2rem;font-size: .3rem;color: #222222;} .section3 .inpagestate b {font-size: .6rem;} /*.section4*/ .section4 .business_list {position: absolute;top: 0px;width: 100%;height: 100%;} .section4 .business_list ul {overflow:hidden;_zoom:1;overflow: hidden;_zoom:1;height: 100%;} .section4 .business_list ul li {width: 33.3%;float: left;position: relative;overflow: hidden;height: 100%;} .section4 .business_list ul li .divtext {position: absolute;left: 1.6rem;top: 4.8rem;padding-top: 0.75rem;z-index: 15;opacity: 0} .section4 .business_list ul li .divtext .den{font-size: 0.48rem;color: #bbbbbb;line-height: 0.48rem;margin-bottom: 0.15rem} .section4 .business_list ul li .divtext .dcn{font-size: 0.24rem;color: #222222;background: url(/uploads/image/ihomeimg/line1.png) no-repeat left bottom;padding-bottom: 0.3rem;} .section4 .business_list ul li .divimg {position: relative;} .section4 .business_list ul li .divimg .divbg {width: 100%;height: 100%;position: absolute;background: #fff;z-index: 5;left: 0px;top: 0px;} .section4 .business_list ul li.li1 .divtext {background: url(/uploads/image/ihomeimg/b_icon1.png) no-repeat left top;} .section4 .business_list ul li.li2 .divtext {background: url(/uploads/image/ihomeimg/b_icon2.png) no-repeat left top;} .section4 .business_list ul li.li3 .divtext {background: url(/uploads/image/ihomeimg/b_icon3.png) no-repeat left top;} /*addclass*/ .section4 .business_list ul li.li1 .divtexton{background: url(/uploads/image/ihomeimg/b_icon1w.png) no-repeat left top;} .section4 .business_list ul li.li2 .divtexton {background: url(/uploads/image/ihomeimg/b_icon2w.png) no-repeat left top;} .section4 .business_list ul li.li3 .divtexton {background: url(/uploads/image/ihomeimg/b_icon3w.png) no-repeat left top;} .section4 .business_list ul li .divtexton .den {color: #fff;} .section4 .business_list ul li .divtexton .dcn {color: #fff;background: url(/uploads/image/ihomeimg/line2.png) no-repeat left bottom;} .section4 .business_list ul li .div_red {height: 360px;width: 0px; background:#c7102c;position: absolute;top:1.8rem;left: 1.1rem;z-index: 10 } .section4 .business_list ul li.li1 .divtext { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section4 .business_list ul li.li2 .divtext { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section4 .business_list ul li.li3 .divtext { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*首页-信富会 section5*/ .section5 {padding: 0 1.6rem;display: table;box-sizing: border-box; background: url(/uploads/image/ihomeimg/section5bg.png) no-repeat right center;background-size: 75%;overflow: hidden;_zoom:1;} .section5 .inner {display: table-cell;vertical-align: middle;} .section5 .div_l {width: 4.6rem;} .section5 .div_r {width: 10rem;} .section5 .div_l .section_logo {margin-bottom: 0.46rem;} .section5 .div_l .section_logo img {display: block;width: 2.4rem;} .section5 .div_l .section_tetx p {font-size: 0.14rem;line-height: 2;margin-bottom: 0.2rem;} .section5 .div_l .section_tetx {margin-bottom: 0.6rem;} .section5 .div_l .section_btn a {display: inline-block;width: 1.80rem;height: 0.6rem;border:2px solid #c7102c;text-align: center;line-height: 0.6rem;color: #c7102c;font-size: 0.14rem;} .section5 .div_r .imgdiv ul {overflow: hidden;_zoom:1;width: 10.8rem;overflow: hidden;} .section5 .div_r .imgdiv ul li {list-style: none;float:left;width: 3.2rem;margin-right: 0.2rem;} .section5 .div_r .imgdiv ul li img {display: block;width: 100%;} .section5 .div_r .path li a {display: inline-block;} .section5 .path {overflow: hidden;_zoom:1;padding-top: 0.3rem;} .section5 .path .pagestate { float: left;font-size: 0.18rem;color: #222;line-height: 0.6rem;} .section5 .path .pagestate b {font-size: 0.3rem;} .section5 .path p {float: right;} .section5 .path a {display: inline-block;width:0.6rem;height:0.6rem;margin: 0px;padding: 0px;float: left;} .section5 .path a.to_l {background: url(/uploads/image/ihomeimg/to_l.png) no-repeat center #f8f8f8;} .section5 .path a.to_r {background: url(/uploads/image/ihomeimg/to_r.png) no-repeat center #c7102c;} .section5 .div_r .imgdiv ul li.li1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section5 .div_r .imgdiv ul li.li2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section5 .div_r .imgdiv ul li.li3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*新闻动态*/ .section6 {overflow: hidden;display: table;} .section6 .sectiontit a {display: inline-block;width:1.8rem;height: 0.6rem;border:2px solid #222222;text-align: center;line-height: 0.6rem;font-size: 0.14rem;color: #222;margin-top: 0.5rem;} .section6 .inner {display: table-cell;vertical-align: middle;} .section6 {padding: 0 1.6rem;box-sizing: border-box;background: #f8f8f8;} .section6 .sectiontit span {color: #222} .section6 .div_l {float: left;} .section6 .div_r {float: right;width:12.4rem;} .section6 .section_rbox ul {overflow: hidden;width: 12.9rem} .section6 .section_rbox ul li {float: left;width: 3.8rem;margin-right: 0.5rem;height: 3rem;background: #fff;position: relative;margin-bottom: 0.69rem;} .section6 .section_rbox ul li .div_text{padding: 0.5rem;position: absolute;top: 0;left: 0;z-index: 10} .section6 .section_rbox ul li span {display:block;transition: color 0.5s;} .section6 .section_rbox ul li span.month {font-size: 0.30rem;color:#333;margin-bottom: 0.05rem;} .section6 .section_rbox ul li span.yeah {font-size: 0.16rem;color: #999} .section6 .section_rbox ul li p {font-size:0.16rem;color: #333;line-height:2;padding-top: 0.25rem;transition: color 0.5s;} .section6 .section_rbox ul li .divbg {position: absolute;top: 0px;left: 0;width: 100%;height: 100%;} .section6 .section_rbox ul li .divbg img {width: 100%;} .section6 .section_rbox ul li .divbg .mask {width: 100%;height: 100%;position: absolute;bottom: 0px;left: 0px;background: #c7102c;height: 0%} .section6 .section_rbox ul li.on span {color: #fff!important} .section6 .section_rbox ul li.on p {color: #fff!important} .section6 .section_rbox ul li.lifirst span {color: #fff!important} .section6 .section_rbox ul li.lifirst p {color: #fff!important} .section6 .section_rbox ul li.lifirst .maskfirst {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; background: url(/uploads/image/ihomeimg/maskfirst.png) repeat center;} .section6 .section_rbox ul li:nth-child(4) {margin-bottom: 0;} .section6 .section_rbox ul li:nth-child(5) {margin-bottom: 0;} .section6 .section_rbox ul li:nth-child(6) {margin-bottom: 0;} .section6 .section_rbox ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .section6 .section_rbox ul li { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*联系我们*/ .section7 .section_contectus {height:65%;background: url(/uploads/image/ihomeimg/divbg7.jpg) no-repeat center bottom #c7102c;display: table;width: 100%; } .section7 .section_contectus .inner {display: table-cell;vertical-align: middle;overflow: hidden;padding: 0 1.6rem;box-sizing:border-box;} .section7 .sectiontit span.sen {background:url(/uploads/image/ihomeimg/line2.png) no-repeat left bottom} .section7 .section_footer {background: #fff;height:3.28rem;width: 100%;position: absolute;bottom: 0; } .section7 .section_contectus .div_l {float: left;padding-top: .3rem; } .section7 .section_contectus .div_r {float: right;width: 12.4rem;} .section7 .section_contectus .div_r .section_rbox {background: #fff;overflow: hidden; } .section7 .section_rbox .mapimg {position: relative;width:4rem;float: left;} .section7 .section_rbox .mapimg img.mapimg {width: 100%;display: block;} .section7 .section_rbox .mapimg img.mapicon {position: absolute;z-index: 5;top: 1.68rem;width: 0.34rem;left:1.82rem; } .section7 .section_rbox .addphone {float: left; } .section7 .section_rbox .add {float: left;padding-left: 0.8rem;padding-top: .8rem;} .section7 .section_rbox .add span {display: block;} .section7 .section_rbox .add span.sen {font-size:0.3rem;line-height: 1.2;color: #c80f2e;margin-bottom: 0.05rem; } .section7 .section_rbox .add span.scn {font-size:0.24rem;line-height: 1.5;color: #2c365e;margin-bottom: 0.05rem;} .section7 .section_rbox .add p {font-size:0.14rem;color: #999;line-height: 2;} .section7 .section_rbox .phone {float: left;padding-left: 0.6rem;padding-top:1.5rem;} .section7 .section_rbox .phone span {display: inline-block; background: url(/uploads/image/ihomeimg/phoneicon.png) no-repeat left center;background-size: .24rem .24rem; font-size: 0.24rem;color: #222;padding-left:.4rem;margin-bottom: 0.15rem;} .section7 .section_rbox .phone p {font-size:0.3rem;color: #c7102c; } .section_footer .footer_nav {overflow: hidden;padding: 0 1.6rem;padding-top: .4rem;height: auto;} .section_footer .footer_nav .fonav {overflow: hidden;padding-top: .25rem;} .section_footer .footer_nav .fonav li {float: left;padding: 0 .2rem;line-height: 1;position: relative;margin-bottom: 0rem;} .section_footer .footer_nav .fonav li::after {content: "";display:block;width: 1px;height: .16rem;position: absolute;right: 0;top: 0;background: #333;} .section_footer .footer_nav .fonav li a {font-size: .14rem;color: #333;} .section_footer .footer_nav .foimg {overflow: hidden;} .section_footer .footer_nav .foimg li {float: left;text-align: center;} .section_footer .footer_nav .foimg li img {display: inline-block;width: 1.7rem;} .footer_co {background: #f8f8f8;position: absolute;bottom: 0px;height: .8rem;left: 0;width: 100%;box-sizing: border-box;padding: 0 1.6rem;} .footer_co .div_l p {line-height: .8rem;font-size: .14rem;color: #999;} .footer_co .div_l p a{line-height: .8rem;font-size: .14rem;color: #999;} .footer_co .div_r .divlink {position: relative;} .footer_co .div_r .divlink p {line-height: .8rem;font-size: .14px;color: #999;} .footer_co .div_r .divlink p span {background:url(/uploads/image/images/linkicon.png) no-repeat right center;padding-right: 20px;cursor: pointer;} .footer_co .div_r .divlink .linkbox {position: absolute; bottom: 50px; right: 0 ;background: #fff;padding: 10px;width: 120px;border:1px solid #e1e1e1;display: none;} .footer_co .div_r .divlink .linkbox a {display: block;color: #999;line-height: .22rem;margin: 2px 0;} .footer_co .div_r .divlink .linkbox a:hover {color: #c7102c;} .loader {background: #fff;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 9999;} .loader-wrap {width: 16rem;margin: 0 1.6rem;position: relative;} .loader_line {position: absolute;top:6.2rem; width: 16rem;} .loader_line .loader_logo {width:2.43rem;margin-bottom: 0.83rem;} .loader_line .linebox {width: 100%;height:1px;background: #e5e5e5} .loader_line .lineto {width: 0;height:1px;background: #c7102c } .loader_number {font-size: 3rem;color: #e5e5e5;position: absolute;right: 0;top: 3.8rem;} .div_l {float: left;} .div_r {float: right;} #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span {width: 18px;height: 18px;margin: 0px;opacity: 1} #fp-nav.navred ul li a span, .navred .fp-slidesnav ul li a span {background: url(/uploads/image/ihomeimg/point2.png) no-repeat center;} #fp-nav.navw ul li a span, .navw .fp-slidesnav ul li a span {background: url(/uploads/image/ihomeimg/point1.png) no-repeat center;} .section3 .sectiontit, .section6 .sectiontit, .section7 .sectiontit { position: absolute; top: 1.35rem; } /* 右侧圆点 */ .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #c7102c; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:15px 0 ; } .swiper-container-vertical>.swiper-pagination-bullets { right: 45px; } .swiper-pagination-bullet-active { box-shadow: 0 0 0 6px rgba(199, 16, 44,0.2); } .swiper-pagination-colorw .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; } .swiper-pagination-colorw .swiper-pagination-bullet-active { box-shadow: 0 0 0 6px rgba(255, 255, 255,0.1); } @media screen and (max-width: 1440px) { .head_top .sidenav_r { padding-left: 2rem; } .head_top .slidecon ul li span { width: 2.2rem; } .section2 .video_div { height: 4rem; position: relative; } .section2 .div_top .div_r li:nth-child(1) span { margin-top: .1rem; } } @media screen and (max-width: 1367px) { .section3 .sectiontit, .section6 .sectiontit, .section7 .sectiontit { position: absolute; top: 2.35rem; } .section7 .section_contectus .div_l { padding-top: .7rem; } } @media screen and (max-width: 1024px) { /* 动画 */ .loader-wrap { width: 90%; margin: 0 auto; } .loader_number { font-size: 2rem; } .loader_line { width: 100%; bottom: 4rem; } /* anv */ .head_top .sidenav_r { padding-left: 1.1rem; } .head_top .slidecon ul li { height: auto; margin-bottom: .1rem; } .head_top .slidecon ul li span a { font-size: .30rem; } .head_top .slidecon ul li p { display: none; } .head_top .logobox a { display: none; } .head_top .logobox a.logow { display: table-cell; } /* section1 */ .swiper-button { right: .5rem; } /* section1 */ .section2 { padding: 0 0.6rem; } .section2 .div_top { width: auto; padding: 0; position: static; padding-top: 2rem; } .section1 .slide1 .slidel { left: 1.1rem; } .section2 .div_top .div_l { float: none; width: auto; } .section2 .div_top .div_r { float: none; padding-top: .25rem; width: auto; } .section2 .div_top .div_r ul { float: none; } .section2 .div_top .div_r li { float: none; margin-bottom: .3rem; width: auto; padding: 0 ; } .section2 .video_div .div_button img { width: 100%; height: auto; } .section2 .video_div .div_button span { top: .5rem; background-size:0.44rem 0.44rem; padding-top:0.5rem; } .section2 .video_wrap #video_index { width: 90%; left: 5%; } .section2 .video_wrap .imgclose { width: 8vh; } .swiper-container-vertical>.swiper-pagination-bullets { right: 20px; } .section1 .slide1 .slidel { position: absolute; z-index: 50; } .section1 .slide1 .text-box h2,.section1 .slide1 .text-box p { color: #fff; } .section1 .slide1 .slider { width: 100%; } .section1 .slide1 .slider img { width: 33.3%!important; } .project_tabicon { display: flex; width: 4.8rem; top: 4rem; right: unset; left: 1.1rem; justify-content: space-between; } .section3 .innertabdiv { top: 5rem; left: 1.1rem; right: unset; } .section3 .sectiontit { left: 1.1rem; } .section3 .inpagestate { bottom: .9rem; } .project_tabbg img { width: auto; } .section5 { padding: 0 .6rem; display: block; } .section5 .inner { display: block; } .section5 .div_l .section_logo { margin-bottom: .1rem; } .section5 .div_l,.section5 .div_r { float: none; } .section5 .div_l { padding-top: 1.2rem; width: auto; } .section5 .div_r { width: auto; padding-top: .5rem; } .section5 .div_l .section_tetx { margin-bottom: 0; } .section6 { padding: 0 .6rem; box-sizing: border-box; } .section6 .sectiontit { left: 1.1rem; padding-top: 1.5rem; position: static; } .section6 .div_r { width: 100%; box-sizing: border-box; padding:0rem; padding-top: .5rem; } .section6 .section_rbox ul { width: auto; } .section6 .section_rbox ul li { width: 100%; display: none; margin-bottom: .5rem; } .section6 .section_rbox ul li:nth-child(1) { display: block; overflow: hidden; } .section6 .section_rbox ul li:nth-child(2) { display: block; } /* section7 */ .section7 .section_contectus .inner { padding: 0 .6rem; } .section7 .sectiontit { left: .6rem; top: 1.5rem; } .section7 .section_contectus .div_l { float: none; } .section7 .section_contectus .div_r { box-sizing: border-box; float: none; width: 100%; padding: 0rem; padding-top: .5rem; } .section7 .section_rbox .mapimg { display: none; } .section7 .section_rbox { width: auto; box-sizing: border-box; position: static; padding:.3rem ; overflow: hidden; } .section7 .section_rbox .add { padding: 0; } .section7 .section_rbox .phone { padding: 0; padding-top: .2rem; } .section_footer .footer_nav { padding: .5rem; height: auto; } .section_footer .footer_nav .foimg { width: 100%; text-align: center; } .section_footer .footer_nav .foimg li { display: inline-block; float: none; } .section_footer .footer_nav ul br { display: none; } .footer_co .div_r { display: none; } .section_footer .footer_nav .fonav { text-align: center; padding-top: 0; margin-bottom: .15rem; } .section_footer .footer_nav .fonav li { display: inline-block; float: none; padding: 0 .05rem; } .section_footer .footer_nav .fonav li::after { display: none; } .footer_co { padding: .1rem .5rem; height: auto; } .footer_co .div_l p { line-height: 1.5; } .section7 .section_footer { height: 35%; } }