/* header */ header { position: relative; } header .carousel .carousel-caption { left: 0; right: 0; top: 0; text-align: left; } .header-text { position: relative; color: #FFFFFF; font-family: '微软雅黑'; } .carousel-item1 .header-text { padding-top: 70px; padding-left: 138px; } .carousel-item2 .header-text { color: #333333; text-align: right; padding-top: 80px; padding-right: 70px; } .carousel-item3 .header-text { text-align: right; padding-top: 70px; padding-right: 70px; } .carousel-item4 .header-text { color: #000000; padding-top: 40px; padding-left: 180px; } .carousel-item5 .header-text { color: #FFFFFF; padding-top: 5px; padding-left: 0px; } .carousel-item6 .header-text { color: #000000; padding-top: 67px; padding-left: 310px; } .carousel-item7 .header-text { color: #000000; padding-top: 67px; padding-left: 606px; } .carousel-item8 .header-text { color: #000000; padding-top: 39px; position: relative; left: 0px; } .carousel-item9 .header-text { position: relative; left: 800px; top: 90px; } .header-text h1 { font-size: 50px; font-weight: 600; } .header-text p { font-size: 20px; font-weight: 600; margin-top: 20px; margin-bottom: 60px; letter-spacing: 2px; line-height: 35px; } /* header .controls-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } header .controls-wrap .container { height: 100%; } header .controls-wrap .header-carousel-control { display: block; width: 50px; height: 50px; background: #000000; color: #ffffff; margin-top: 50%; } */ .header-carousel-control { position: absolute; top: 50%; margin-top: -40px; display: block; width: 40px; height: 80px; line-height: 80px; background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.5); font-size: 50px; text-align: center; text-decoration: none; transition: all 0.5s; opacity: 0; z-index: 15; } header:HOVER .header-carousel-control { opacity: 1; } .header-carousel-control:HOVER, .header-carousel-control:ACTIVE, .header-carousel-control:VISITED, .header-carousel-control:FOCUS { color: rgba(255, 255, 255, 0.5); text-decoration: none; } .header-carousel-control:HOVER { color: rgba(255, 255, 255, 1) !important; background: rgba(0, 0, 0, 0.4) !important; } .header-carousel-control>i { display: block; padding: 15px 0; } .header-carousel-control.left { left: 0px; } .header-carousel-control.right { right: 0px; } header .carousel-indicators { bottom: 5px; } header .carousel-indicators li { width: 40px; height: 5px; border-radius: 0; border: none; margin: 0; background-color: #333333; opacity: 0.3; } header .carousel-indicators li:hover { background-color: #ffffff; opacity: 0.6; } header .carousel-indicators li.active { width: 40px; height: 5px; margin: 0; background-color: #ffffff; opacity: 0.9; } header .header-control { position: absolute; bottom: 0px; left: 0px; right: 0px; padding-bottom: 20px; } header .header-control a { display: inline-block; width: 40px; height: 5px; line-height: 20px; background: #666666; cursor: pointer; opacity: 0.6; } header .header-control a:hover { opacity: 0.6; background: #bbbbbb; } header .header-control a.active { opacity: 1; background: #FFFFFF; } /* main */ /* sections */ section { padding: 80px 0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,239,239,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,239,239,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeefef', GradientType=0 ); font-family: '微软雅黑'; } .section-title h2{ font-size: 36px; margin-bottom: 20px; color: #636b72; font-family: '微软雅黑'; } .section-title hr { height: 4px; width: 60px; background: #19B5FE; position: relative; border: 0; margin-top: 30px; margin-bottom: 60px; } /* service */ .service { margin-bottom: 25px; } .service i.fa { font-size: 40px; margin-bottom: 10px; color: #19B5FE; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service:hover i.fa { transform: scale(1.5); -ms-transform: scale(1.5);/* IE 9 */ -moz-transform: scale(1.5);/* Firefox */ -webkit-transform: scale(1.5);/* Safari and Chrome */ -o-transform: scale(1.5);/* Opera */ } .service h4 { font-weight: 600; } .service p { color: #636b72; font-family: 'Open Sans', sans-serif; } /* aboutUs section */ #aboutUs img { margin-top: -30px; margin-left: 10px; } /* tour */ .tour.popover { max-width: none; min-width: 350px; } .tour .popover-title { font-size: 24px; font-family: '微软雅黑'; } .tour .popover-content { margin-bottom: 20px; } .tour .popover-navigation { border-top: 1px solid #eeeeee; } .tour-backdrop { opacity: 0.5; }