/* 联系我们样式 */ #main { padding-bottom: 1.333em; } *::before, *::after { box-sizing: border-box; } img { vertical-align: middle; border-style: none; } .img-fluid { max-width: 100%; height: auto; } .navbar{ height: 5em; } #header .banner{ height:27.5em; } #header .banner img{ width: 100%; height: 100%; } #main ul li:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } #main ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } #features{ padding: 5em 0; overflow: hidden; } #main .page-header{ padding-bottom: 4.166em; } #main .page-header .page-title{ font-size: 2.083em; font-weight: 500; color: rgba(51,51,51,1); line-height: 1.2; text-align: center; } #main .page-header .page-title2{ font-size: 1.25em; font-weight: 400; color: #999; line-height: 2.083em; text-align: center; } #main .InvestorRelations-nav .nav-bg { width: 100%; *zoom: 1; zoom: 1; position: relative; height: 4.166em; background: #dadada; background: rgba(255,255,255,1); box-shadow: 0px 2px 1.5em 4px rgba(148,167,182,0.2); } #main .InvestorRelations-nav .nav-box { position: absolute; display: block; left: 50%; margin: -4.166em auto 0 -41.66em; height: 4.166em; } #main .InvestorRelations-nav .nav-box li { display: block; float: left; position: relative; } #main .InvestorRelations-nav .nav-box .current , #main .InvestorRelations-nav .nav-box a:hover{ font-weight: 500; color: rgba(255,255,255,1); background: linear-gradient(82deg,rgba(91,172,255,1) 0%, rgba(66,118,239,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #main .InvestorRelations-nav .nav-box li a { display: block; width: 10.833em; height: 4.166em; line-height: 4.166em; font-size: 1.333em; color: #ffffff; text-align: center; font-size: 1.166em; font-weight: 400; color: rgba(102,102,102,1); } a:focus, a:visited, a:active { outline: none; } #main .back-to-top { position: fixed; display: none; background: #1bb1dc; color: #fff; width: 3.666em; height: 3.666em; text-align: center; line-height: 1; font-size: 1.333em; border-radius: 50%; right: 1.25em; bottom: 1.25em; transition: background 0.5s; z-index: 11; } #main .container { width: 100%; padding-right: 1.25em; padding-left: 1.25em; margin-right: auto; margin-left: auto; max-width: 83em; } #main .back-to-top i { padding-top: 1em; color: #fff; } /* Sections Header --------------------------------*/ .section-header h3 { font-size: 2em; color: #413e66; text-align: center; font-weight: 700; position: relative; font-family: "Montserrat", sans-serif; } .section-header p { text-align: center; margin: auto; font-size: 1.25em; padding-bottom: 5em; color: #535074; width: 50%; } /* 地图 */ .map-inner { position: relative;} .map-inner .bd-map { height: 41.66em; background-color: #ccc; overflow: hidden; } .map-inner .company-info { background-color: #50a5cc; padding: 1.666em; position: absolute; top: 1.666em; left: 3.333em; } .map-inner .company-info dt, .map-inner .company-info dd { color: #fff; } .map-inner .company-info dt { font-size: 2em; line-height: 4.166em; margin-bottom: 1.666em; } .map-inner .company-info dd { font-size: 1.166em; line-height: 2em; } .map-inner .company-info dd label { } .map-inner .company-info dd a { color: #fff; } .map-inner .company-info dd a:hover { color: #08c; } /* ./地图 */ /* 服务列表 */ .service-inner { text-align: center;margin-top:4.166em; } .service-inner h1 { color: #5a5a5a; font-size: 3.166em; line-height: 3.166em; padding: 6.666em 0; text-align: center; } .service-inner .service-list { overflow: hidden; display: inline-block; *display: inline; margin-bottom: 6.666em; margin-top: 0px; } .service-inner .service-list li {animation: none; float: left; margin-right: 9.583em;cursor: pointer; } .service-inner .service-list li:hover{transform:none !important} .service-inner .service-list li:nth-child(4n) { margin-right: 0; } .service-inner .service-list li i { display: block; margin: 0 auto; margin-bottom: 1.666em; width: 105px; height: 105px; } .service-inner .service-list li i.help { background: url(../../../Content/images/contactus/contactus-1.png) no-repeat scroll center center; } .service-inner .service-list li i.cooperation { background: url(../../../Content/images/contactus/contactus-2.png) no-repeat scroll center center; } .service-inner .service-list li i.media { background: url(../../../Content/images/contactus/contactus-3.png) no-repeat scroll center center; } .service-inner .service-list li i.email { background: url(../../../Content/images/contactus/contactus-7.png) no-repeat scroll center center; } .service-inner .service-list li:hover i.help { background: url(../../../Content/images/contactus/contactus-4.png) no-repeat scroll center center; } .service-inner .service-list li:hover i.cooperation { background: url(../../../Content/images/contactus/contactus-5.png) no-repeat scroll center center; } .service-inner .service-list li:hover i.media { background: url(../../../Content/images/contactus/contactus-6.png) no-repeat scroll center center; } .service-inner .service-list li:hover i.email { background: url(../../../Content/images/contactus/contactus-8.png) no-repeat scroll center center; } .service-inner .service-list li h2 { color: #333; line-height: 4.166em; padding: 0.833em 0; line-height: 2.083em; font-size: 1.333em; font-weight: 500; } .service-inner .service-list li p { line-height: 1.6; font-size: 1.333em; font-family: PingFang SC; font-weight: 400; color: #666; } /* ./服务列表 */