body { margin: 0px; padding: 0px; min-width:1170px; color: #787878; font-size: 18px; font-family: "微软雅黑","Microsoft YaHei", arial, helvetica, sans-serif; } ul { margin: 0px; padding: 0px;} li { margin: 0px; padding: 0px; list-style: none;} h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal;} a, a:link { text-decoration: none; color: #787878; } a:hover { text-decoration: none; color: #787878; } .clear { clear:both;} img { margin: 0px; padding: 0px; border: none;} .fl { float: left; width:auto;} .fr { float: right; width:auto;} p { margin: 0px; padding: 0px;} dl, dt, dd { margin: 0px; padding: 0px; overflow: hidden; } .w1170 { width: 1170px; margin:auto; } .w1200 { width: 1200px; margin:auto; } .font01 { font-size:36px; color: #487cb0; } .font02 { font-size:18px; color: #787878; font-weight: normal; } #font05 { color: #e62f17; } .font06 { color: #e62f17; } .font07 { color: #487cb0; } .font08 { font-size:18px; line-height: 50px; color: #fff; } .font09 { border-radius:10px 0px 0px 0px; } .font10 { border-radius:0px 10px 0px 0px; } .font11 { font-size:16px; color: #487cb0; } .font12 { font-size:8px; } .font13 { color: #487cb0; } .font13 img{ margin-right: 15px; vertical-align:middle; } .font14 { margin-right: 50px; } .font15 { margin-top: 30px; } .font16 { font-size: 30px; font-weight: normal; } .font17 { font-size: 60px; color: #487cb0; margin-left: 50px; } .font18 { font-size: 36px; font-weight: normal; color: #487cb0; margin: 0px 10px; } .font19 { font-size:22px; color: #487cb0; } .font20 { font-size:36px; font-weight: normal; margin-bottom: 15px; } .font21 { font-size:22px; color: #ffd200; } .font22 { color: #fff; } #font23 a{ color: #487cb0; } .font24 { float:left; width: 300px; text-align:center; color: #487cb0; } .font25 { float:left; width: 300px; text-align:center; background: #fafafa; color: #787878; } .font26 { float:left; width: 300px; text-align:center; color: #787878; } .font27 { float:left; width: 300px; text-align:center; background: #fafafa; color: #487cb0; } .font28 { color: #e62f17; font-size:30px; } .font29 { color: #787878; } .font30 { width: 350px; text-align:right; margin-top: 50px; } .font30 a { border: 1px solid #487cb0; color: #487cb0; padding: 4px 12px; border-radius:10px } .font31 { color: #487cb0; font-size:22px; } .font32 { font-size:18px; margin-top: 10px; } .font33 { font-size:36px; margin-top: 90px; margin-bottom: 40px; } .font35 { font-size:20px; } #font36 { width: 380px; padding-left: 15px; padding-top: 10px; font-size:22px; height: 50px; color: #5cc3ee; background: #2c4063; border: 1px solid #3e5d93; margin-top: 10px; border-radius: 2px; } #font36 img{ padding-right: 5px;} .font37 { font-size:20px; color: #787878; } #font38 { color: #ececec; font-size:1.2em; line-height: 1.5em; font-family:Arial, Helvetica, sans-serif; } .font39 { font-size:60px; line-height: 60px; font-weight: normal; color:#fff; } .font40 { font-size:35px; font-weight: normal; color:#fff;} .line01 { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;} .line02 { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;} .line03 { border-right: 1px solid #e3e3e3; } .line04 { border-bottom: 1px solid #e3e3e3; } .line05 { border-left: 1px solid #e3e3e3; } .spacing01 { margin-right: 65px; } .spacing02 { margin-top: 25px; } .spacing03 { margin-left: 130px; } .spacing04 { margin-right: 85px; } .spacing05 { margin-right: 120px; } .top { width: 100%; height: 45px; background: #051c48; } .top2 { width: 100%; height: 45px; background: #051c48; z-index: 100; text-align:right; opacity:0.8;filter:alpha(opacity=8); position:fixed; top: 0px; left: 0px; } .tel { width: 1170px; margin:auto; /* margin-right: 10px; */ height: 45px; text-align:right; background: #051c48; color: #fff; line-height: 45px; font-family:"微软雅黑"; } .tel img{ margin-left: 10px; padding-top: 13px; } .headerq { width: 1170px; margin:auto; height: 80px; line-height: 80px; } .header1 { width: 100%; height: 70px; line-height: 70px; top: 0px; transition: all 1s; -webkit-transition: all 1s; left: 0; border-top: 1px solid #90969e; border-bottom: 1px solid #90969e;/* background: rgba(52, 52, 52, .5); position:absolute; opacity:0.5;filter:alpha(opacity=5); background:#000;*/ position:fixed; z-index: 100; } .header02 { width: 100%; height: 60px; line-height: 60px; top: 45px; transition: all 1s; -webkit-transition: all 1s; left: 0;/* border-top: 1px solid #90969e; border-bottom: 1px solid #90969e; background: rgba(52, 52, 52, .5); position:absolute; opacity:0.5;filter:alpha(opacity=5); background:#000;*/ position:fixed; z-index: 100; } .fp-viewing-0 .header2 .nav .search2{ background:none; width:25px;} .fp-viewing-1 .top2, .fp-viewing-2 .top2, .fp-viewing-3 .top2, .fp-viewing-4 .top2, .fp-viewing-5 .top2, .fp-viewing-6 .top2, .fp-viewing-7 .top2 { opacity: 1; filter:alpha(opacity=100); background-color: #101b41; } .fp-viewing-0 .video { display: block; } .fp-viewing-1 .video, .fp-viewing-2 .video, .fp-viewing-3 .video, .fp-viewing-4 .video, .fp-viewing-5 .video, .fp-viewing-6 .video, .fp-viewing-7 .video { display: none; } .fp-viewing-1 .logo2, .fp-viewing-2 .logo2, .fp-viewing-3 .logo2, .fp-viewing-4 .logo2, .fp-viewing-5 .logo2, .fp-viewing-6 .logo2, .fp-viewing-7 .logo2 { background-image: url(../images/logo_idx.png?v=2.0); } .fp-viewing-1 .header2 .nav li a, .fp-viewing-2 .header2 .nav li a, .fp-viewing-3 .header2 .nav li a, .fp-viewing-4 .header2 .nav li a, .fp-viewing-5 .header2 .nav li a, .fp-viewing-6 .header2 .nav li a, .fp-viewing-7 .header2 .nav li a { color: #787878; } .fp-viewing-1 .header1, .fp-viewing-2 .header1, .fp-viewing-3 .header1, .fp-viewing-4 .header1, .fp-viewing-5 .header1, .fp-viewing-6 .header1, .fp-viewing-7 .header1 { background: #FFF; border: none;} .fp-viewing-7 .fp-tableCell { position: relative; vertical-align: initial;} .fp-viewing-2 .foot-idx { position: absolute; bottom:0; width: 100%; } .fp-viewing-1 .foot-idx { position: absolute; bottom:0; width: 100%; } .fp-viewing-0 .foot-idx { position: absolute; bottom:0; width: 100%; } .logo { float:left; padding: 12px 0px; vertical-align:middle; } .logo2 { width: 163px; height: 46px; transition: all 1s; -webkit-transition: all 1s; background: url(../images/logo2.png?v=2.0); float:left; margin: 15px 0px; position:absolute; } .menu { float: right; text-align:right; } .menu a{ margin: 0px 10px; color: #051c48; } .search { float: right; background: #051c48; display: inline-block; padding: 26px 15px; vertical-align:middle; } .header2 .nav .search2 { float:right; width:60px; padding-top: 6px; vertical-align:middle; background: #101b41 } .vm { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: hidden;} .header{ width:960px; height: 80px; float:right; margin-left: 0px; } .header .nav{ width:960px;height: 80px;line-height: 80px;/*margin: 0 auto; */position: relative; z-index: 111;} .header .nav li{float: left;width: 18%; height: 80px;line-height: 80px;text-align: center; } .header .nav li a{color: #787878; font-size:16px;} .header .nav li .second-nav{ width: 100%; display: none; position: relative; } .header .nav li .second-nav li{ width: 100%; position: relative;height: 40px;line-height: 40px; text-align: center; background: #fff;/*border-top: 1px solid #097d1f;*/ } .header .nav li .second-nav li img{ padding-left: 15px; } .header .nav li .second-nav li .third-nav{/*position: absolute;height: 200px;*/width: 150px;display: none;margin-left: 100%;margin-top: -40px; } .header .nav li .second-nav li a:hover{ background:#487cb0; width: 100%; height: 40px; display:block; text-decoration:none; color: #fff; } .header2 { width:950px; height: 70px; float: right; } .header2 .nav{ width:100%;height: 70px;line-height: 70px;/*margin: 0 auto; */position: relative; z-index: 111;} .header2 .nav li{float: left;width: 18%;height: 70px;line-height: 70px; text-align: center; } .header2 .nav li a{color: #fff;} .header2 .nav li .second-nav{width: 100%;display: none; position: relative; } .header2 .nav li .second-nav li{ position: relative; width: 100%;height: 40px;line-height: 40px; text-align: center; background: #fff;/*border-top: 1px solid #097d1f;*/ } .header2 .nav li .second-nav li img{ padding-left: 15px; } .header2 .nav li .second-nav li a{ color: #787878; } .header2 .nav li .second-nav li .third-nav{/*position: absolute;height: 200px;*/ background:#666; width: 250px;display: none;margin-left: 100%;margin-top: -40px; } .header2 .nav li .second-nav li .third-nav a:hover{ background:#487cb0; width: 150px; height: 40px; display:block; text-decoration:none; color: #fff; } .header2 .nav li .second-nav li a:hover{ background:#487cb0; width: 100%; height: 40px; display:block; text-decoration:none; color: #fff; } #munewidth { width: 150px; } #munewidth a:hover{ width: 150px; } .banner { width: 100%; background:url(../images/01.jpg) no-repeat 0px 0px; height: 574px; } .literals { width: 1170px; margin:auto; text-align:center; padding-top: 180px; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } } .united { width: 1170px; margin:auto; } .united p{ line-height: 30px; padding: 50px 50px; } #cen_right_top{ width:1170px; margin: 0px auto 0 auto; } #cen_right_top .active{ background: url(../images/incon04.png) no-repeat;color:#F3F3F3;} #cen_right_top h3{ line-height:98px;text-align:center;float:left;height:98px;width:560px;margin::0px;padding:0px;background-color:#787878;font-size:36px;color:#fff;font-weight:lighter;cursor:pointer; margin: 0px 10px;} #cen_right_top div{ font-size:14px;display:none;clear:both;height:100px;padding:20px 0px 0px 20px;border-top-width:medium; } /*--------首页开始--------*/ .aboutcon { width: 100%; background: url(../images/pic55.jpg) no-repeat center 0px; } .aboutconle { width: 35%; float:left; margin-left: 10%; margin-right: 5%; } .aboutconle p{ font-size: 0.8em; line-height: 1.8em; color:#787878; } .aboutconle h2{ padding-bottom: 20px;font-size: 1.8em; color:#4f75cd; } .aboutconri { width: 50%; float:left; } .aboutconri img{ width: 100%; } .themain { width: 100%; height: 100%; margin: auto; background:url(../images/pic51.jpg) center 0px; } .themain img{ width: 100%; } .themain01 { position: absolute; top:0px; left: 0px; } .themain011 { width: 1200px; margin:auto;/* position: absolute; */} .themain011 h2{ font-size: 1.8em; color:#fff; text-align:center; padding-top: 50px; line-height: 2em; } .themain011 h6{ font-size: 0.8em; color:#fff; text-align:center; line-height: 1.5em; } .themain02 { width: 900px; margin: 45px auto 20px auto; overflow: hidden; } .themain02 li { width: 200px; height: 200px; display:block; float:left; margin: 0px 7px; } .themain03 { width: 900px; margin: auto; overflow: hidden; } .themain03 li { width: 200px; height: 200px; display:block; float:left; margin: 0px 7px; } .pic02 { text-align: center; } .pic02 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top:117px;background:url(../images/pic05.png) no-repeat 0px 0px; z-index:100px; } .pic02 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top:117px;background:url(../images/pic06.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic03 { text-align: center; } .pic03 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic07.png) no-repeat 0px 0px; z-index:100px; } .pic03 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic08.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic04 { text-align: center; } .pic04 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic09.png) no-repeat 0px 0px; z-index:100px; } .pic04 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic10.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic05 { text-align: center; } .pic05 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic11.png) no-repeat 0px 0px; z-index:100px; } .pic05 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic12.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic06 { text-align: center; } .pic06 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic13.png) no-repeat 0px 0px; z-index:100px; } .pic06 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic14.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic07 { text-align: center; } .pic07 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic15.png) no-repeat 0px 0px; z-index:100px; } .pic07 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic16.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic08 { text-align: center; } .pic08 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic17.png) no-repeat 0px 0px; z-index:100px; } .pic08 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic18.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic09 { text-align: center; } .pic09 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic19.png) no-repeat 0px 0px; z-index:100px; } .pic09 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic20.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .pic10 { text-align: center; } .pic10 a:link { display:block; width: 200px; height: 200px; color:#fff; padding-top: 117px; background:url(../images/pic21.png) no-repeat 0px 0px; z-index:100px; } .pic10 a:hover { display:block; width: 200px; height: 200px; color:#487cb0; padding-top: 117px; background:url(../images/pic22.png) no-repeat 0px 0px; z-index:100px; text-decoration:none; } .endan { width: 100%; margin:auto; } .endanle { width: 15%; float:left; margin-left: 10%; margin-right: 5%; } .endanle p{ font-size: 0.8em; line-height: 1.8em; color:#787878; } .endanle h2{ padding: 20px 0px; font-size: 1.8em; color:#4f75cd; } .endanri { width: 70%; float:left; } .endanri img{ width: 100%; } .abundance { width: 100%; margin: 60px auto 0px auto; } .abundancele { width: 48%; float:left; } .resources { margin-left: 20%; margin-bottom: 200px; } .resources h6 { font-size: 1.2em; color:#323232; margin-bottom: 5%; } .resources p { font-size: 0.8em; color:#787878; line-height: 1.8em; margin-bottom: 0%; } .foresight { margin-left: 20%; margin-bottom: 80px; } .foresight h6 { font-size: 1.2em; color:#323232; margin-bottom: 5%; } .foresight p { font-size: 0.8em; color:#787878; line-height: 1.8em; } .pic11 { } .pic11 img { width: 100%; } .abundanceri { width: 48%; float: right; } .visual { margin-left: 0%; margin-bottom: 35px; } .visual h6 { font-size: 1.2em; color:#323232; margin-bottom: 5%; } .visual p { font-size: 0.8em; color:#787878; line-height: 1.8em; } .pic12 img { width: 100%; margin-bottom: 75px; } .security { margin-left: 0%; margin-bottom: 50px; } .security h6 { font-size: 1.2em; color:#323232; margin-bottom: 5%; } .security p { font-size: 0.8em; color:#787878; line-height: 1.8em; } .perati { width: 1200px; margin:auto; /* margin: 200px auto 90px auto; */} .peratile { width: 330px; float:left; } .peratile h6 { font-size: 1.5em; color:#4f75cd; margin-bottom: 5%; } .peratile p{ color:#787878; font-size: 0.8em; line-height: 1.8em; } .peratiri { width: 600px; float:left; margin-left: 270px; } .peratiri h6 { font-size: 1em; color:#323232; margin-bottom: 5%; } .peratiri li { display:block; width: 121px; height: 67px; float:left; margin: 0px 70px 15px 0px; } .pic13 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic57.jpg) no-repeat 0px 0px; z-index:100px; } .pic13 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic57.jpg) no-repeat 0px 0px; z-index:100px; } .pic14 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic59.jpg) no-repeat 0px 0px; z-index:100px; } .pic14 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic59.jpg) no-repeat 0px 0px; z-index:100px; } .pic15 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic61.jpg) no-repeat 0px 0px; z-index:100px; } .pic15 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic61.jpg) no-repeat 0px 0px; z-index:100px; } .pic16 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic63.jpg) no-repeat 0px 0px; z-index:100px; } .pic16 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic63.jpg) no-repeat 0px 0px; z-index:100px; } .pic17 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic65.jpg) no-repeat 0px 0px; z-index:100px; } .pic17 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic65.jpg) no-repeat 0px 0px; z-index:100px; } .pic18 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic67.jpg) no-repeat 0px 0px; z-index:100px; } .pic18 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic67.jpg) no-repeat 0px 0px; z-index:100px; } .pic19 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic69.jpg) no-repeat 0px 0px; z-index:100px; } .pic19 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic69.jpg) no-repeat 0px 0px; z-index:100px; } .pic20 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic71.jpg) no-repeat 0px 0px; z-index:100px; } .pic20 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic71.jpg) no-repeat 0px 0px; z-index:100px; } .pic21 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic73.jpg) no-repeat 0px 0px; z-index:100px; } .pic21 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic73.jpg) no-repeat 0px 0px; z-index:100px; } .pic22 { width: 100%; margin: -13% auto 0% auto; } .pic22le { width: 20%; float:left; } .pic22le img{ width: 92%; } .pic22ri { width: 75%; float: right; background: #c8c8c8; } .pic22ri img{ width: 27%; margin-left: 20%; } .ownership00 { position: relative; width: 100%; width: 1200px; margin: -17% auto 0; height: 185px;} .ownership { width: 100%; float:left; } .ownership2 { position: absolute; right: -100%; width: 100%; height: 100%; float: right; margin-top: 4%; } .ownership2 img{ width: 100%; height: 80%; } .ownershiple { width: 45%; float:left; margin-right: 10%; } .ownershiple h6 { font-size: 1em; color:#323232; margin-bottom: 5%; } .ownershiple li { display:block; width: 121px; height: 67px; float:left; margin: 0px 20px 15px 0px; } .pic23 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic75.jpg) no-repeat 0px 0px; z-index:100px; } .pic23 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic75.jpg) no-repeat 0px 0px; z-index:100px; } .pic24 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic77.jpg) no-repeat 0px 0px; z-index:100px; } .pic24 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic77.jpg) no-repeat 0px 0px; z-index:100px; } .pic25 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic79.jpg) no-repeat 0px 0px; z-index:100px; } .pic25 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic79.jpg) no-repeat 0px 0px; z-index:100px; } .pic26 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic800.jpg) no-repeat 0px 0px; z-index:100px; } .pic26 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic800.jpg) no-repeat 0px 0px; z-index:100px; } .pic27 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic82.jpg) no-repeat 0px 0px; z-index:100px; } .pic27 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic82.jpg) no-repeat 0px 0px; z-index:100px; } .pic28 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic84.jpg) no-repeat 0px 0px; z-index:100px; } .pic28 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic84.jpg) no-repeat 0px 0px; z-index:100px; } .ownershipri { width: 45%; float:left; background:#FFF; } .ownershipri h6 { font-size: 1em; color:#323232; margin-bottom: 5%; } .ownershipri li { display:block; width: 121px; height: 67px; float:left; margin: 0px 70px 15px 0px; } .pic29 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic86.jpg) no-repeat 0px 0px; z-index:100px; } .pic29 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic86.jpg) no-repeat 0px 0px; z-index:100px; } .pic30 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic88.jpg) no-repeat 0px 0px; z-index:100px; } .pic30 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic88.jpg) no-repeat 0px 0px; z-index:100px; } .pic31 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic90.jpg) no-repeat 0px 0px; z-index:100px; } .pic31 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic90.jpg) no-repeat 0px 0px; z-index:100px; } .pic32 a:link { display:block; width: 121px; height: 67px; background: url(../images/pic92.jpg) no-repeat 0px 0px; z-index:100px; } .pic32 a:hover { display:block; width: 121px; height: 67px; background: url(../images/pic92.jpg) no-repeat 0px 0px; z-index:100px; } .video01 { color: #fff; position:absolute; top: 40%; right: 20%; text-align:right; } .video02 { color: #fff; position:absolute; top: 80%; right: 20%; letter-spacing: 20px; } video{ position: relative; right: 0px; bottom: 0px; min-width: 100%; min-height: 100%; height: auto; width: 100%; /*加滤镜*/ /*-webkit-filter: grayscale(100%);*/ /*filter:grayscale(100%);*/ } source{ min-width: 100%; min-height: 100%; height: auto; width: auto; } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #fp-nav.right { right: 35px; } #fp-nav.left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #333; } #fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; } #fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } /*--------首页结束--------*/ /*--------环球置业-房管家开始--------*/ .ascendancy {/* width: 1170px;*/ margin:auto; } .ascendancy h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; } .ascendancy dl{ float:left; width: 390px; height:400px; margin: 30px 0px; text-align:center; line-height: 50px; } .ascendancy dt{ width: 390px; margin: 30px 0px; } .asceicon01 a{ width: 390px; height: 143px; display:block; background: url(../images/incon05.png) no-repeat center 0px;} .asceicon01 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon06.png) no-repeat center 0px;} .asceicon02 a{ width: 390px; height: 143px; display:block; background: url(../images/incon07.png) no-repeat center 0px;} .asceicon02 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon08.png) no-repeat center 0px;} .asceicon03 a{ width: 390px; height: 143px; display:block; background: url(../images/incon09.png) no-repeat center 0px;} .asceicon03 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon10.png) no-repeat center 0px;} .asceicon04 a{ width: 390px; height: 143px; display:block; background: url(../images/incon11.png) no-repeat center 0px;} .asceicon04 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon12.png) no-repeat center 0px;} .asceicon05 a{ width: 390px; height: 143px; display:block; background: url(../images/incon13.png) no-repeat center 0px;} .asceicon05 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon14.png) no-repeat center 0px;} .asceicon06 a{ width: 390px; height: 143px; display:block; background: url(../images/incon15.png) no-repeat center 0px;} .asceicon06 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon16.png) no-repeat center 0px;} .asceicon07 a{ width: 390px; height: 143px; display:block; background: url(../images/incon32.png) no-repeat center 0px;} .asceicon07 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon33.png) no-repeat center 0px;} .asceicon21 a{ width: 390px; height: 143px; display:block; background: url(../images/incon34.png) no-repeat center 0px;} .asceicon21 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon35.png) no-repeat center 0px;} .asceicon22 a{ width: 390px; height: 143px; display:block; background: url(../images/incon36.png) no-repeat center 0px;} .asceicon22 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon37.png) no-repeat center 0px;} .asceicon23 a{ width: 390px; height: 143px; display:block; background: url(../images/incon38.png) no-repeat center 0px;} .asceicon23 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon39.png) no-repeat center 0px;} .asceicon24 a{ width: 390px; height: 143px; display:block; background: url(../images/incon40.png) no-repeat center 0px;} .asceicon24 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon41.png) no-repeat center 0px;} .asceicon25 a{ width: 390px; height: 143px; display:block; background: url(../images/incon42.png) no-repeat center 0px;} .asceicon25 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon43.png) no-repeat center 0px;} .service01 { width: 800px; margin:auto; } .exponent { width:1170px; margin: 0px auto 0 auto; } .exponent h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .font03 { width: 800px; margin:auto; font-size:22px; text-align:center; color: #487cb0; padding: 20px 0px; } .font04 { width: 800px; margin:auto; font-size:18px; font-weight:normal; text-align:center; color: #323232; line-height: 35px; } .dividend { width: 560px;float:left; overflow: hidden; border-radius:10px; margin: 0px 10px 0px 0px; } .dividend dl{ width: 560px; margin:auto; background: #fafafa; padding: 30px 0px; line-height: 35px; } .dividend dt{ width: 475px; margin:10px auto; } .dividend dd{ width: 475px; margin:10px auto; margin-top: 20px;} #img ul { /*height: 575px;*/ list-style: none; margin-top: 50px; border-radius:10px; } #img ul li { /*height: 575px;*/ /*padding: 20px 0;*/ background: #fff none repeat scroll 0 0; float: left; /*margin-bottom: 14px;*/ margin-left: 24px; position: relative; transition: all 0.2s linear 0s; width: 560px; z-index: 1; list-style: none; border-radius:10px; } #img ul li.active { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); position: relative; } #img ul li a { display: block; text-decoration: none; list-style: none; /* position: absolute; left: 50%; margin-left: -80px;*/ } /*#img ul li img { width: 575px; height: 160px; border: 0 none; }*/ .banner01 { width: 100%; margin:165px auto 120px auto; } .banner01 img{ width: 100%; margin:auto; } .contpic { width: 1170px; margin:auto; } .contpic li{ float:left; margin: 0px 20px; } .contlist { width: 1170px; margin: 120px auto; overflow: hidden; } .contlist li{ float:left; width: 40%; margin: 0px 20px; background: url(../images/incon30.png) no-repeat 10px 15px; padding-left: 35px; line-height: 45px; } .finance { width: 100%; height: 895px; margin:auto; margin-bottom: 100px; overflow: hidden; } .finance h2{ font-size:50px; text-align:center; padding: 40px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 100px; } .financebg { height: 397px; background:url(../images/pic04.jpg) no-repeat center 0px ;} .financedan { height: 397px; width: 1170px; margin: 0 auto; position: relative;} .finance01 { width: 520px; position: absolute; top: 0; left: -80px; transition: all 5s; -webkit-transition: all 5s; opacity: 0; } .finance01 dl{ width: 520px; height: 151px; margin-bottom: 100px; } .finance01 dt { width: 350px; float:left; text-align:right; margin-right: 10px; font-size:16px; line-height: 35px; } .finance01 dd { width: 151px; height: 151px; float:left; } .icon12 a{ width: 151px; height:151px; float: right; background:url(../images/incon293.png) no-repeat 0px 0px; } .icon12 a:hover { width: 151px; height:151px; background:url(../images/incon294.png) no-repeat 0px 0px; } .icon13 a{ width: 151px; height:151px; float: right; background:url(../images/incon297.png) no-repeat 0px 0px; } .icon13 a:hover { width: 151px; height:151px; background:url(../images/incon298.png) no-repeat 0px 0px; } .finance02 { width: 520px; position: absolute; top 0; right: -60px; transition: all 5s; -webkit-transition: all 5s; opacity: 0; } .finance02 dl{ width: 520px; height: 151px; margin-bottom: 100px; } .finance02 dt { width: 151px; height: 151px; float:left; text-align:right; margin-right: 10px; } .finance02 dd { width: 350px; float:left; line-height: 35px; font-size:16px; } .icon14 a{ width: 151px; height:151px; float: right; background:url(../images/incon295.png) no-repeat 0px 0px; } .icon14 a:hover { width: 151px; height:151px; background:url(../images/incon296.png) no-repeat 0px 0px; } .icon15 a{ width: 151px; height:151px; float: right; background:url(../images/incon299.png) no-repeat 0px 0px; } .icon15 a:hover { width: 151px; height:151px; background:url(../images/incon300.png) no-repeat 0px 0px; } .finance03 { width: 570px; margin:auto; position: absolute; left: 50%; margin-left: -275px; top: 400px; transition: all 5s; -webkit-transition: all 5s; opacity: 0; } .finance03 dl{ width: 570px; height: 151px; margin-bottom: 100px; } .finance03 dt { width: 151px; height: 151px; float:left; text-align:right; margin-right: 10px; font-size:16px; } .finance03 dd { width: 400px; float:left; line-height: 35px; } .icon16 a{ width: 151px; height:151px; float: right; background:url(../images/incon301.png) no-repeat 0px 0px; } .icon16 a:hover { width: 151px; height:151px; background:url(../images/incon302.png) no-repeat 0px 0px; } .finance .active .finance01 { opacity: 1; transform: translateX(-50px); -webkit-transform: translateX(-50px); } .finance .active .finance02 { opacity: 1; transform: translateX(50px); -webkit-transform: translateX(50px); } .finance .active .finance03 { opacity: 1; transform: translateY(80px); -webkit-transform: translateY(80px); } .hkinsurance {/* width: 1170px;*/ margin:auto;} .hkinsurance h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 100px; } .danger01 { line-height: 35px; margin-right: 35px; } .danger01 h5 { font-size:36px; color: #487cb0; background:url(../images/incon49.png) no-repeat 0px bottom; margin-bottom: 30px; padding-bottom: 20px; } .danger01 h6 { font-size:22px; color: #e62f17; padding-top: 20px; font-weight: normal; } .danger02 { line-height: 35px; margin-left: 80px; } .danger02 h5 { font-size:36px; color: #487cb0; background:url(../images/incon49.png) no-repeat 0px bottom; margin-bottom: 30px; padding-bottom: 20px; } .danger02 h6 { font-size:22px; color: #e62f17; padding-top: 20px; font-weight: normal; } .danger03 { line-height: 35px; margin-right: 10px; } .danger03 h5 { font-size:36px; color: #487cb0; background:url(../images/incon49.png) no-repeat 0px bottom; margin-bottom: 30px; padding-bottom: 20px; } .danger03 h6 { font-size:22px; color: #e62f17; padding-top: 20px; font-weight: normal; } .danger04 { line-height: 35px; margin-left: 80px; } .danger04 h5 { font-size:36px; color: #487cb0; background:url(../images/incon49.png) no-repeat 0px bottom; margin-bottom: 30px; padding-bottom: 20px; } .danger04 h6 { font-size:22px; color: #e62f17; padding-top: 20px; font-weight: normal; } .danger05 { line-height: 35px; margin-right: 30px; } .danger05 h5 { font-size:36px; color: #487cb0; background:url(../images/incon49.png) no-repeat 0px bottom; margin-bottom: 30px; padding-bottom: 20px; } .danger05 h6 { font-size:22px; color: #e62f17; padding-top: 20px; font-weight: normal; } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); main { background: #FFF; width: 1170px; margin: 50px auto; width: 100%; /*box-shadow: 0 3px 5px rgba(0,0,0,0.2);*/ } .main01 { width: 1170px; margin:auto; } input, section { clear: both; padding-top: 10px; display: none; } label { font-size: 36px; display: block; float: left; padding: 10px 30px; margin: 0px 5px; /* border-top: 2px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent;*/ border-bottom: 1px solid #DDD; width: 515px; width: 280px; text-align:center; background: #787878; color: #fff; } label:hover { cursor: pointer; font-weight: normal; color: #fff; } #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; } input:checked + label { border-top-color: #FFB03D; border-right-color: #DDD; border-left-color: #DDD; border-bottom-color: transparent; text-decoration: none; background: #487cb0; font-weight: normal; } .dowebok { width: 1170px; margin: 20px auto; overflow: hidden; padding: 50px 0px; position:relative; } /*.dowebok ul { list-style-type: none;}*/ .dowebok .row { } .dowebok p { line-height: 30px; } .dowebok .wow { display: inline-block; width: 580px;/* margin: 30px 15px 0; height: 280px; border-radius: 50%; font: 30px/280px "Microsoft Yahei";*/ vertical-align: top; *display: inline; zoom: 1;} /*.bg-green { background: #5bd5a0;} .bg-blue { background: #1daee9;} .bg-purple { background: #c843a5;} .bg-red { background: #eb3980;} .bg-yellow { z-index: 100px; position:relative; top: 0px; left: 0px; }*/ .banner02 { width: 100%; background: url(../images/02.jpg) no-repeat center 0px; height: 574px; } .convenient { width: 1170px; margin:auto; line-height: 35px; padding: 60px 0px 50px 0px; } .convenient img{ margin-right: 15px;} .easy { width: 1170px; margin:auto; } .easy h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 100px; } .handle { width: 1170px; margin:auto; background:url(../images/incon57.png) no-repeat 0px 0px; height: 600px; padding: 30px 0px; position: relative; } .handle01 { text-align:left; padding: 30px 0px 0px 20px;} .handle02 { position: absolute; top:50px; left: 580px;} .handle03 { position: absolute; top: 150px; left: 450px;} .handle04 { position: absolute; top: 0px; left: 850px;} .handle05 { position: absolute; top: 120px; left: 930px;} .easy .active .handle01 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 1s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .easy .active .handle02 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 3s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .easy .active .handle03 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .easy .active .handle04 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 7s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .easy .active .handle05 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 9s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .select { width: 1170px; margin:auto; font-size:14px; margin-bottom: 50px; } .select h2{ font-size:50px; text-align:center; padding: 40px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 100px; } .select td{ line-height: 40px; padding-left: 15px; } .select p{ color: #787878; padding: 20px 0px; } .banner03 { width: 100%; background: url(../images/10.jpg) no-repeat center 0px; height: 574px; } .overseas { width: 1170px; margin:auto; } .overseas h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; } .lanrenzhijia02 { position: relative; float:left; width:191px; height: 167px; padding-top: 85px; z-index: 99; background: #487cb0; font-size: 32px; font-weight: bold; color: #FFF; text-align: center; -webkit-transition:all 1s; transition:all 1s;} .lanrenzhijia01 { float:left; width:346px; height: 252px; overflow: hidden;} .lanrenzhijia01 .housekeeper-sub { -webkit-transition:all 1s; transition:all 1s; width: 100%; color: #FFF; height: 120px; line-height: 34px; box-sizing: border-box; padding: 10px 20px; background: rgba(0,0,0,.3); z-index: 9;} .housekeeper { width:585px; float:left; margin: 80px 0px 0px 0px; } .housekeeper:hover .housekeeper-sub { -webkit-transform: translate(0,-120px); transform: translate(0,-120px); } .housekeeper:hover .lanrenzhijia02 { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .asceicon08 a{ width: 390px; height: 143px; display:block; background: url(../images/incon75.png) no-repeat center 0px;} .asceicon08 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon76.png) no-repeat center 0px;} .asceicon09 a{ width: 390px; height: 143px; display:block; background: url(../images/incon77.png) no-repeat center 0px;} .asceicon09 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon78.png) no-repeat center 0px;} .asceicon10 a{ width: 390px; height: 143px; display:block; background: url(../images/incon79.png) no-repeat center 0px;} .asceicon10 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon80.png) no-repeat center 0px;} .asceicon11 a{ width: 390px; height: 143px; display:block; background: url(../images/incon81.png) no-repeat center 0px;} .asceicon11 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon82.png) no-repeat center 0px;} .asceicon12 a{ width: 390px; height: 143px; display:block; background: url(../images/incon83.png) no-repeat center 0px;} .asceicon12 a:hover{ width: 390px; height: 143px; display:block; background:url(../images/incon84.png) no-repeat center 0px;} .signup { width: 100%; margin:auto; } .signup h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .signup01 { height: 370px; background:url(../images/incon245.png) no-repeat 0px 0px; } .area { width: 1170px; margin:auto; } .area h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .room { background:url(../images/pic100.jpg) no-repeat center 0px; height: 350px; position:relative; } .room01 {/* padding: 30px 0px 0px 250px;*/ position: absolute; top: 30px; left: 250px; -webkit-transition: all 1s; transition: all 1s;} .room02 { position: absolute; top: -10px; left: 700px; -webkit-transition: all 1s; transition: all 1s;} .room03 { position: absolute; top: 200px; left: 260px; -webkit-transition: all 1s; transition: all 1s;} .room04 { position: absolute; top: 85px; left: 850px; -webkit-transition: all 1s; transition: all 1s;} .room05 { position: absolute; top: 200px; left: 775px; -webkit-transition: all 1s; transition: all 1s;} .room > div:hover { transform: translate(0, -5px); -webkit-transform: translate(0, -5px);} .area .active .room01 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .area .active .room02 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .area .active .room03 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 8s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .area .active .room04 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 11s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .area .active .room05 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 14s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .sharing { width: 1170px; margin: 20px auto; } .sharing h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 50px; } /*main*/ .lanrenzhijia{ width:1170px; height: 400px; line-height: 40px; margin: 0px auto 50px auto; padding:15px; /*box-shadow:0 0 10px #ccc;*/} .lanrenzhijia .title{ height:20px; padding-bottom:10px; position: relative; top: 320px;} .lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei";} .lanrenzhijia .title-list{ position: relative; top: 5px; color: #fff; } .lanrenzhijia .title-list li{ width: 380px; border-bottom: 9px solid #e7e7e7; line-height: 20px; text-align: center; float: left; display: inline; } .lanrenzhijia .title-list li.on{ color: #fff; font-weight: bold;} .lanrenzhijia .title-list p{ position:absolute; top:20px; left:0px; width:380px; border-top: 9px solid #ff6600; overflow: hidden; text-align: center; } .lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;/*border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;*/overflow: hidden;zoom: 1;font-size: 0;} .product{ height: 268px; position: relative; overflow: hidden; display: none;} .product ul{ position: absolute; left: 0px;} .product-wrap .show{ display: block; } .product-wrap .product dt{ float: left; width: 304px; height: 290px; } .product-wrap .product dd{ float: right; width: 830px; line-height: 40px; } .product-wrap .product li.ml0{margin-left:0px;} .product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;} .product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;} .product-wrap .product li p a{ color: #666666; text-decoration: none;} .product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;} /*-----教育开始-------*/ .banner09 { width: 100%; background: url(../images/09.jpg) no-repeat center 0px; height: 574px; } .banner11 { width: 100%; background: url(../images/11.jpg) no-repeat center 0px; height: 574px; } .select { width: 1170px; margin:auto; margin-bottom: 100px; } .select h2{ font-size:50px; text-align:center; padding: 50px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .select01 { height: 700px; background:url(../images/pic04.png) no-repeat center 100px; position: relative; } .selectleft { width: 430px; float:left; } .select03 { width: 430px; } .select02{ width: 430px; margin-bottom: 70px; background:#CCC } .selectle { width: 130px; float:left; } .icon07 a{ width: 130px; height:130px; float: right; background:url(../images/incon274.png) no-repeat 0px 0px; } .icon07 a:hover { width: 130px; height:130px; background:url(../images/incon275.png) no-repeat 0px 0px; } .icon08 a{ width: 130px; height:130px; float: right; background:url(../images/incon276.png) no-repeat 0px 0px; } .icon08 a:hover { width: 130px; height:130px; background:url(../images/incon277.png) no-repeat 0px 0px; } .icon09 a{ width: 130px; height:130px; float: right; background:url(../images/incon278.png) no-repeat 0px 0px; } .icon09 a:hover { width: 130px; height:130px; background:url(../images/incon279.png) no-repeat 0px 0px; } .icon10 a{ width: 130px; height:130px; float: right; background:url(../images/incon280.png) no-repeat 0px 0px; } .icon10 a:hover { width: 130px; height:130px; background:url(../images/incon281.png) no-repeat 0px 0px; } .icon11 a{ width: 130px; height:130px; float: right; background:url(../images/incon282.png) no-repeat 0px 0px; } .icon11 a:hover { width: 130px; height:130px; background:url(../images/incon283.png) no-repeat 0px 0px; } .selectri { width: 290px; float:left; margin-left: 10px; } .selectri h5{ font-size:22px; color: #487cb0; font-weight: normal; } .selectri h6{ font-size:18px; color: #487cb0; margin-top: 20px; } .selectcon { width: 350px; float:left;} .seleline01 { position: absolute; top: 80px; left: 350px; } .seleline02 { position: absolute; top: 360px; left: 350px; } .seleline03 { position: absolute; top: 450px; left: 350px; } .seleline04 { position: absolute; top: 80px; left: 600px; } .seleline05 { position: absolute; top: 360px; left: 600px; } .selectright { width: 430px; float: right; } .record { width: 1170px; margin:auto; } .record h5{ font-size:36px; color: #487cb0; font-weight: normal; margin-bottom: 50px; } .record dl{ width: 370px; height: 455px; float:left; background:#fafafa; position:relative; } .record dt{ margin-bottom: 80px; } .record dd{ padding-left: 50px; line-height: 45px; margin-top: 15px; } .school { position:absolute; background: #fff; top: 200px; left: 50px; border: 5px solid #fff; border-radius:100px; } .school img{ border-radius:50px; } .after ul { list-style: none; margin: 50px 0px 0px 0px; padding: 0px; } .after ul li { background: #fff; float: left; margin-left: 15px; position: relative; transition: all 0.2s; width: 370px; z-index: 1; list-style: none; margin-bottom: 50px;} .after ul li.active { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate(0,10px);} .after ul li a { display: block; text-decoration: none; list-style: none; } .echelon { width: 100%; margin:auto; background: #fafafa; height: 850px; margin-top: 50px;/* margin-bottom: 30px; */} .echelon123 { width: 100%; margin:auto; background: #fafafa; height: 600px; margin-top: 50px;/* margin-bottom: 30px; */} .echelon00 { width: 100%; margin:auto; background: #fafafa; height: 550px; margin-top: 50px;/* margin-bottom: 30px; */} .echelon01 { width: 1170px; margin:auto; } .echelon01 h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .particulars { width: 100px; margin:auto; border: 1px solid #487cb0; text-align:center; border-radius: 10px; margin-bottom: 30px; } .particulars a{ color: #487cb0; padding: 3px 10px; text-align:center; } .echelon03 { width: 340px; float:left; position: relative; margin-right: 20px; } .echelon03:last-child { margin-right: 0 !important; } .echelon03pic { width: 340px; } .echelon03pic img { width: 100%; height: 100%; } .echelon03wen { width: 310px; height: 155px; background: #fff; position:absolute; top: 200px; left: 15px; box-shadow:3px 3px 3px #f3f3f3; } .echelon04wen { width: 310px; height: 155px; background: #fff; position:absolute; top: 200px; left: 15px; box-shadow:3px 3px 3px #f3f3f3; } .echelon03wen h6{ margin-top: 25px; padding-top: 25px; font-size:32px; color: #487cb0; text-align:center; background: url(../images/incon284.png) no-repeat center 0px; } .echelon04wen h6{ margin-top: 25px; padding-top: 25px; font-size:32px; color: #487cb0; text-align:center; background: url(../images/incon284.png) no-repeat center 0px; } .echelon03wensub { opacity: 0; display: block; } .echelon03wensub-tit { color:#487cb0; font-size: 22px; margin-top: 20px; } .echelon04wensub { opacity: 0; display: block; } .echelon04wensub-tit { color:#487cb0; font-size: 22px; margin-top: 20px; } .echelon03-detail { padding: 20px 20px 20px 20px; text-align: center; } .echelon03-detail p { line-height: 28px; margin-bottom: 0; font-size: 16px; } #echelon .echelon03:hover { width: 448px; margin-right: 15px; } #echelon .echelon03:hover .echelon03pic { width: 448px; webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} #echelon .echelon03:hover .echelon03pic img { width: 100%; webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #echelon .echelon03:hover .echelon03wen { width: 400px; height: auto; top: 30px; left: 25px; } #echelon .echelon03:hover .echelon03wensub { opacity: 1 } #echelon .echelon03:hover .echelon03wen ul { padding: 15px 45px; display: block;} #echelon .echelon03:hover .echelon03wen li { background:url(../images/incon285.png) no-repeat 0px 8px; padding-left: 25px; line-height: 30px; font-size:15px; } #echelon .echelon03:hover .echelon04wen { width: 400px; height: auto; top: 30px; left: 25px; } #echelon .echelon03:hover .echelon04wensub { opacity: 1 } #echelon .echelon03:hover .echelon04wen ul { padding: 15px; display: block;} #echelon .echelon03:hover .echelon04wen li { line-height: 30px; font-size:15px; } .echelon .mr15 { margin-right: 15px; } .echelon03-detail .particulars { margin-top: 20px; } .echelcen { text-align:center; line-height: 35px; padding-bottom: 20px; } .echelcen p{ text-align:center; line-height: 30px; } .pic01 img { width: 50%; } .vmc-container{position: relative;} .vmc-viewport{overflow: hidden;} .vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;} .vmcarousel:after{content: ''; display: table; clear: both;} .vmcarousel > li{float: left;} .vmcarousel > li img{ display: block; margin: 0 auto; max-width: 100%;} .vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;} .vmc-arrow-left, .vmc-arrow-right{ position: absolute; top:0; left: 0; width: 36px; height: 72px; margin-top: 130px; overflow: hidden; text-indent: -100px; transition: opacity 0.3s ease; text-decoration: none; } .vmc-arrow-left { left: 0; background: url('../images/synthesise_btn_l_b.png'); opacity: 0.8; } .vmc-arrow-left:hover { opacity: 1; } .vmc-arrow-right {left: auto; right: 0; background: url('../images/synthesise_btn_r_b.png'); opacity: 0.8;} .vmc-arrow-right:hover { opacity: 1;} .vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right{opacity: 1;} .vmc-arrow-left:after, .vmc-arrow-right:after{ content: ''; display: inline-block; line-height: 1; font-size: 50px; line-height: 50px; color: white; text-shadow: 2px 2px #000; } .vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after{ color: white; } .vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;} .notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;} .famous { width: 1170px; margin:auto; margin-top: 80px; margin-bottom: 50px;} .famous h2{ font-size:50px; text-align:center; padding-bottom: 50px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 50px; } .famous-box { width: 1170px; } .famous-box .vmc-viewport { padding-top: 20px; } .famous-box .vmc-arrow-left, .famous-box .vmc-arrow-right { position: absolute; top:0; width: 20px; height: 51px; margin-top: 170px; overflow: hidden; text-indent: -100px; transition: opacity 0.3s ease; text-decoration: none; } .famous-box .vmc-arrow-left { left: -30px; background: url('../images/incon289.png');} .famous-box .vmc-arrow-right { right: -30px; background: url('../images/incon290.png');} .famous-box li { width: 180px !important; margin-right: 15px; } .famous01 { position: relative; } .famous04 { margin-top: 30px; position: relative; } .famous05 img { width: 143px; border-radius:100px;} .famous-detail { display: none; text-align:center; font-size:14px; color: #fff; line-height: 25px; } .famous06 { width: 180px; text-align:center; } .famous06 h6 { padding-top: 20px; text-align:center; font-size: 22px; margin-bottom: 20px; } .famous-box .famous04:hover .famous05 { width: 98px; text-align:center; border-radius:100px; border: 2px solid #487cb0; box-shadow:3px 3px 3px #3a638c; position: absolute; top: -50px; left: 35px; } .famous-box .famous04:hover .famous06 { background: #487cb0; font-size:14px; width: 180px; padding-bottom: 20px; overflow: hidden; border-radius: 10px; color: #fff; line-height: 25px;} .famous-box .famous04:hover .famous06 h6 { padding-top: 70px; text-align:center; color: #fff; font-size: 22px; margin-bottom: 20px; } .famous-box .famous04:hover .famous06 .famous-detail { display: block; } .famous-box .famous04:hover .famous06 .famous-detail p { text-align:center; font-size:14px; color: #fff; line-height: 25px; margin-bottom: 0; } .added { width: 100%; background: #fafafa; overflow: hidden; } .added01 { width: 1170px; margin:auto; } .added01 h2{ font-size:50px; text-align:center; padding: 100px 0px 20px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .added01 dl{ float:left; width: 360px; height:150px; margin: 0px 30px 30px 0px; line-height: 50px; overflow: inherit; } .added01 dt{ float:left; width: 144px; margin-top: -20px;} .added01 dd{ float:left; width: 196px; font-size: 20px; margin-left: 20px; } .asceicon13 a{ width: 320px; height: 143px; display:block; background: url(../images/incon112.png) no-repeat 0px 0px;} .asceicon13 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon113.png) no-repeat 0px 0px;} .asceicon14 a{ width: 320px; height: 143px; display:block; background: url(../images/incon114.png) no-repeat 0px 0px;} .asceicon14 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon115.png) no-repeat 0px 0px;} .asceicon15 a{ width: 320px; height: 143px; display:block; background: url(../images/incon116.png) no-repeat 0px 0px;} .asceicon15 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon117.png) no-repeat 0px 0px;} .asceicon16 a{ width: 320px; height: 143px; display:block; background: url(../images/incon118.png) no-repeat 0px 0px;} .asceicon16 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon119.png) no-repeat 0px 0px;} .asceicon17 a{ width: 320px; height: 143px; display:block; background: url(../images/incon120.png) no-repeat 0px 0px;} .asceicon17 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon121.png) no-repeat 0px 0px;} .added02 { width: 100%; background: #FFF; padding: 30px 0px; position: relative; margin-top: 50px; margin-bottom: 150px; } .added03 { width: 1189px; height: 164px; text-align:left; background:url(../images/incon291.png) no-repeat 0px 0px; padding: 20px 30px; } .added03 p{ margin-bottom: 5px; line-height: 30px; } .added03 img{ padding-right: 10px; } .addednavle { width: 20px; float:left; position: absolute; left: 0px; top: 30px; } .addednavri { width: 20px; float: right; position: absolute; right: 0px; top: 30px; } .scroll{ width:100%; height:250px; margin:130px auto 50px auto; overflow:hidden; position: relative; } .v_out{ width: 1250px; margin:0px auto; } .v_show{position:relative;height:380px; } .u_lanren{ width:26650px; height:204px; position:absolute;left:0px;top:0px; } .u_lanren ul{float:left;text-align:center;line-height:50px; -webkit-transition: all 1s; transition: all 1s;} .u_lanren ul li{width:1249px;height:204px;float:left; position: relative; margin-right: 10px;} /*.u_lanren ul li dd{ width:210px; height:377px; margin:0px 5px; float:left; overflow:hidden; position:relative; list-style:none;} .u_lanren ul li dd img{ position:absolute; left:0; top:0; z-index:10; width:210px; height:377px;} .u_lanren ul li dd a.link{ width:210px; height:302px; display:block; position:absolute; left:0; top:0; z-index:20;} .u_lanren ul li dd span.info{ width:51px; height:51px; display:block; position:absolute; right:10px; bottom:10px;background:url(images/3.png) no-repeat;z-index:30;}*/ .prev,.next{ position: absolute; top:70px;} .prev { left: 0; } .next { right: 0;} .prev a{ height: 51px; background: #FFF url(../images/incon289.png) no-repeat center center;} .next a{ height: 51px; background: #FFF url(../images/incon290.png) no-repeat center center;} .prev,.prev a,.next,.next a{width:30px;height:51px; display:block; z-index: 99;} .scroll-ig { width: 320px; height: 200px; position: absolute; top: 0; z-index: 9;} .scroll-ig-l { left: 0; background: url(../images/scroll_ig_r.png); } .scroll-ig-r { right: 0; background: url(../images/scroll_ig_l.png); } .banner04 { width: 100%; background: url(../images/04.jpg) no-repeat center 0px; height: 574px; } .citi { width: 1170px; margin:auto; } .citi h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .pacific { height: 898px; margin: 30px auto; background:url(../images/incon132.png) no-repeat center 0px; position:relative; } .pacific01 { padding: 100px 0px 0px 180px;} .pacific02 { position: absolute; top: 530px; left: 180px;} .pacific03 { position: absolute; top: 100px; left: 830px;} .pacific04 { position: absolute; top: 530px; left: 850px;} .citi .active .pacific01 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .citi .active .pacific02 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 4s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .citi .active .pacific03 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 3s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .citi .active .pacific04 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 3s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/ } .industry { width: 1170px; margin:auto; margin-bottom: 150px; overflow: hidden; } .industry h2{ font-size:50px; text-align:center; padding: 50px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 110px; } .industry01 { margin: 30px 0px 130px 0px; } .banner05 { width: 100%; background: url(../images/05.jpg) no-repeat center 0px; height: 574px; } #tabs0 { margin: 50px auto; } .menu0{ width: 1170px; position: relative; top: 0; background: #FFF; z-index: 9999;} .menu0 li{ display:block;float: left;padding: 4px 0;width:380px;text-align: center; color: #fff;cursor:pointer; line-height: 98px;background: #787878; margin-right: 10px; font-size:36px; font-weight: normal; } .menu0 li.hover{ background: #487cb0; color: #fff; } #main0 ul{ display: none; } #main0 ul.block{ display: block; } .open { line-height: 35px; padding: 30px 0px 30px 0px; } .abroad { width: 1170px; margin:auto; } .abroad h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .abroad01 { width: 500px; float:left; } .abroad02 { width: 300px; position:relative; } .abroad03 img { width: 200px; position: absolute; left: 230px; top: 50px; } .abroad04 img { width: 200px; position: absolute; left: 230px; top: 150px; } .abroad05 { width: 500px; float:left; } .abroad06 img { width: 300px; position: absolute; left: 230px; top: 30px; } .abroad07 img { width: 300px; position: absolute; left: 230px; top: 100px; } .abroad08 img { width: 300px; position: absolute; left: 230px; top: 180px; } .abroad09 { width: 700px; margin-left: 300px; } .abroad10 img { width: 400px; position: absolute; left: 230px; top: 50px; } .abroad11 img { width: 400px; position: absolute; left: 230px; top: 150px; } .avatar { display: block; /*width: 300px; */ margin: 0 auto; overflow: hidden; } .avatar img { display: block; border: 0; /*width: 100%; */ transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; } .avatar:hover img { transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s; } .account { width: 1170px; margin:auto; } .account h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .account p{ width: 1170px; text-align:center; margin-bottom: 200px; } .account01 { width: 100%; margin:30px auto; } .account01 img{ width: 100%; margin:auto; } .strategy { width: 1170px; margin:30px auto; overflow: hidden; } .strategy h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .strategy span { float:left; margin: 10px 10px 10px 0px; border-radius:10px; transition: all 1s;} .strategy span:hover {box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.1);} .small { width: 1170px; margin:30px auto; } .small h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .small p{ width: 1170px; text-align:center; margin-bottom: 80px; } .small dl{ float:left; width: 360px; height:150px; margin: 0px 30px 30px 0px; line-height: 50px; } .small dt{ float:left; width: 144px; } .small dd{ float:left; width: 196px; font-size: 30px; margin-left: 20px; font-family:"微软雅黑"; color: #555; } .asceicon18 a{ width: 320px; height: 143px; display:block; background: url(../images/incon144.png) no-repeat 0px 0px;} .asceicon18 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon145.png) no-repeat 0px 0px;} .asceicon19 a{ width: 320px; height: 143px; display:block; background: url(../images/incon146.png) no-repeat 0px 0px;} .asceicon19 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon147.png) no-repeat 0px 0px;} .asceicon20 a{ width: 320px; height: 143px; display:block; background: url(../images/incon148.png) no-repeat 0px 0px;} .asceicon20 a:hover{ width: 320px; height: 143px; display:block; background:url(../images/incon149.png) no-repeat 0px 0px;} .realtime { width: 1170px; text-align:center; line-height: 40px; margin:0 auto 150px auto; } .realtime img{ vertical-align:middle; } .realtime span{ margin: 0px 10px; font-size:24px; } .realtime p{ margin: 30px 0px; } .realtime h5{ font-size:45px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .international { width: 1170px; margin:auto; } .international h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .international p{ width: 1170px; text-align:center; line-height: 40px; margin-bottom: 80px; } .ticket { width: 485px; height: 315px; border-radius:20px; background: #FFF; box-shadow:3px 3px 3px #ccc; border-radius: 0px 0px 8px 8px; } .ticket img{ border-radius: 8px 8px 0px 0px; } .ticket01 { width: 485px; height: 150px; position:relative; } .ticket02 { width: 274px; height: 49px; color: #fff; left: -15px; top: 115px; position: absolute; background:url(images/incon310.png) no-repeat 0px 0px; padding-left: 20px; } .ticket02 img{ padding: 0px 10px; vertical-align:middle; } .ticket03 { width: 485px; } .ticketle { width: 150px; height: 158px; float:left; padding-top: 10px; border-right: 1px solid #c8c8c8; color: #487cb0; } .ticketle p{ width: 150px; margin-bottom: 0px; text-align:center; } .ticketri { width: 333px; float:left; } .ticketri p { width: 333px; height: 55px; line-height: 55px; margin:10px 0; padding: 8px 0; } .font33 { font-size: 36px; } .font34 { font-size: 14px; } .booking { width: 1170px; margin:auto; } .booking h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .flow01 a.active{ background: url(../images/incon153.png) no-repeat center 0px;} .flow01 .active:hover{ background:url(../images/incon154.png) no-repeat center 0px; text-decoration:none; } .flow02 { width: 150px; height: 370px; float:left; } .flow03 a.active{ background: url(../images/incon155.png) no-repeat center 0px;} .flow03 .active:hover{ background:url(../images/incon156.png) no-repeat center 0px; text-decoration:none; } .flow04 a.active{ background: url(../images/incon157.png) no-repeat center 0px;} .flow04 .active:hover{ background:url(../images/incon158.png) no-repeat center 0px; text-decoration:none; } .flow05 a.active{ background: url(../images/incon159.png) no-repeat center 0px;} .flow05 .active:hover{ background:url(../images/incon160.png) no-repeat center 0px; text-decoration:none; } .booking-flow {width: 180px; height: 370px; float:left; font-size:16px; } .booking-flow dl {width: 180px; height: 370px; text-align:center; line-height: 35px; padding-top: 135px;} .booking-flow a {width: 180px; display:block; height: 370px; float:left; font-size:16px;} .booking p{ width: 1170px; height: 40px; margin:auto; text-align:center; font-size:14px; color: #787878; margin: 100px auto; } .global { width: 1170px; margin:auto; } .global h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .global dl{ float:left; width: 440px; height:150px; margin: 0px 30px 30px 100px; line-height: 30px; } .global dt{ float:left; width: 90px; } .global dd{ float:left; width: 330px; margin-left: 20px; } .global01 a{ width: 90px; height: 90px; display:block; background: url(../images/incon162.png) no-repeat 0px 0px;} .global01 a:hover{ width: 90px; height: 90px; display:block; background:url(../images/incon163.png) no-repeat 0px 0px;} .global02 a{ width: 90px; height: 90px; display:block; background: url(../images/incon164.png) no-repeat 0px 0px;} .global02 a:hover{ width: 90px; height: 90px; display:block; background:url(../images/incon165.png) no-repeat 0px 0px;} .global03 a{ width: 90px; height: 90px; display:block; background: url(../images/incon166.png) no-repeat 0px 0px;} .global03 a:hover{ width: 90px; height: 90px; display:block; background:url(../images/incon167.png) no-repeat 0px 0px;} .global04 a{ width: 90px; height: 90px; display:block; background: url(../images/incon168.png) no-repeat 0px 0px;} .global04 a:hover{ width: 90px; height: 90px; display:block; background:url(../images/incon169.png) no-repeat 0px 0px;} .planning {background: #fafafa;} .planning h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .private { width: 100%; margin:auto; background: #fafafa; } .private h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .ascen { width: 1170px; margin: 0px auto 0; } .ascen h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .flow { width: 1170px; margin:auto; } .flow h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .flow img{ width: 100%; } .mechanism { background: #fafafa; overflow: hidden; } .mechanism h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .mechanism dl { width: 1170px; height: 180px; background: #fff; margin-bottom: 30px; } .mechanism dt { width: 239px; height: 166px; float:left; } .mechanism dd { width: 860px; height: 106px; line-height: 35px; float:left; margin-left: 20px; padding: 30px 20px; } .mechanism dl:hover dt, .mechanism dl:hover dd { box-shadow: 5px 5px 5px #cfd3da; } /*-----医疗-----*/ .banner07 { width: 100%; background: url(../images/07.jpg) no-repeat center 0px; height: 574px; } .treatment { width: 1170px; margin:auto; } .treatment h2{ font-size:50px; text-align:center; padding: 0px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .dancy { width: 1170px; margin:auto; } .dancy h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .dancy01 { width: 590px; height: 450px; float:left; background: url(../images/incon254.png) no-repeat 0px 0px; } .dancy01 dl{ padding: 30px; } .dancy01 dt{ width: 290px; float:left; height: 160px; line-height: 30px; color: #323232; } .dancy01 dd{ width: 180px; height: 165px; float: right; } .dancy03 { margin-top: 50px; } .dancy03 li{ float:left; margin-right: 5px; } .distance { margin-right: 60px; } .outer { width: 100%; margin:150px auto 80px auto; background: #fafafa; padding-bottom: 80px; } .outer00 { width: 1170px; margin:auto; } .outer01 h2 { font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .outer01 li img{ border-radius:5px } .outer02 h5 { font-size:22px; color: #487cb0; font-weight: normal; margin-top: 50px; } .outer02 p{ font-size:18px; line-height: 30px; } .outer03 h6 { font-size:22px; color: #487cb0; font-weight: normal; margin-top: 50px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #323232; } .outer03 { width: 350px; float:left; } .outer03 li{ font-size:18px; line-height: 30px; } .serviceflow { width: 1170px; margin:auto; margin-bottom: 50px; } .serviceflow h2{ font-size:50px; text-align:center; padding: 100px 0px 30px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 30px; } .serviceflow01 { width: 1170px; height: 500px; background:url(../images/pic01.png) no-repeat center 100px; } .serviceflow-le { width: 360px; float:left; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .serviceflow-le dl{ width: 360px; margin-bottom: 80px; } .serviceflow-le dt{ width: 260px; text-align:right; float:left;} .icon01 a{ width: 88px; height:88px; float: right; background:url(../images/incon255.png) no-repeat 0px 0px; } .icon01 a:hover { width: 88px; height:88px; background:url(../images/incon256.png) no-repeat 0px 0px; } .icon02 a{ width: 88px; height:88px; float: right; background:url(../images/incon257.png) no-repeat 0px 0px; } .icon02 a:hover { width: 88px; height:88px; background:url(../images/incon258.png) no-repeat 0px 0px; } .icon03 a{ width: 88px; height:88px; float: right; background:url(../images/incon259.png) no-repeat 0px 0px; } .icon03 a:hover { width: 88px; height:88px; background:url(../images/incon260.png) no-repeat 0px 0px; } .serviceflow-ri { width: 360px; float: right; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .serviceflow-ri dl{ width: 360px; margin-bottom: 80px; } .serviceflow-ri dt{ width: 88px; text-align: left; float:left;} .serviceflow-ri dd{ width: 260px; text-align: left; float:left; margin-left: 10px;} .icon04 a{ width: 88px; height:88px; float: right; background:url(../images/incon261.png) no-repeat 0px 0px; } .icon04 a:hover { width: 88px; height:88px; background:url(../images/incon262.png) no-repeat 0px 0px; } .icon05 a{ width: 88px; height:88px; float: right; background:url(../images/incon263.png) no-repeat 0px 0px; } .icon05 a:hover { width: 88px; height:88px; background:url(../images/incon264.png) no-repeat 0px 0px; } .icon06 a{ width: 88px; height:88px; float: right; background:url(../images/incon265.png) no-repeat 0px 0px; } .icon06 a:hover { width: 88px; height:88px; background:url(../images/incon266.png) no-repeat 0px 0px; } .leader { width: 1170px; margin:auto; margin-bottom: 50px; } .leader h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } leader img { transition: all 1s; } .leader img:hover { box-shadow:3px 3px 5px 0px #c0c3c9; -webkit-transform: translateY(-10px); transform: translateY(-10px); } . .leader p { text-align:center; margin-bottom: 50px; } .networks { width: 1170px; margin:auto; margin-bottom: 50px; } .networks h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 0px; } .networks p{ width: 850px; margin:50px auto; text-align:center; line-height: 40px; } .synthesise { width: 100%; margin:auto; } .synthesise li{ float:left; width: 490px;/* border: 1px solid #487cb0;*/ border-radius: 10px; line-height: 90px; margin-bottom: 50px; text-align:center; font-size: 40px; } #syup { background: #487cb0; color: #fff; } #syup a{ color: #fff; } .junior00 { width: 100%; height: 288px; position: relative; margin-bottom: 100px; } .junnavle { position: absolute; top: 110px; left: 0px; } .junnavri { position: absolute; top: 110px; right: 0px; } .junior { width: 430px; height: 288px; float:left; margin-right: 10px; } .juniorle { width: 240px; height: 288px; float:left; } .juniorpic { position:relative; } .juniorno { font-size: 50px; position: absolute; top: 10px; left: 20px; color: #fff; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;} .juniorri { width: 140px; height: 248px; float:left; padding: 20px; line-height: 30px; background:url(../images/pic03.png) no-repeat 0px 0px; } .juniorri h3{ font-size: 22px; color: #487cb0; font-weight: normal; margin-bottom: 10px; } .juniorri p{ font-size: 18px; line-height: 30px;} /*-----移民-----*/ .banner08 { width: 100%; background: url(../images/08.jpg) no-repeat center 0px; height: 574px; } .identity { width: 1170px; margin:auto; margin-bottom: 50px; } .identity h2{ font-size:50px; text-align:center; padding: 0px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .identity01 { width: 950px; margin:auto; } .identity01 dl{ float:left; width: 360px; height:310px; font-size: 22px; margin: 30px 50px 30px 50px; line-height: 50px; text-align:center; } .identity01 dt{ width: 360px; margin-bottom: 20px; } .identity01 dd{ width: 360px; } .identity02 a{ width: 360px; height: 144px; color:#323232; display:block; background: url(../images/incon190.png) no-repeat center 0px;} .identity02 a:hover{ width: 360px; height: 144px; color:#323232; display:block; background:url(../images/incon191.png) no-repeat center 0px;} .identity03 a{ width: 360px; height: 144px; color:#323232; display:block; background: url(../images/incon192.png) no-repeat center 0px;} .identity03 a:hover{ width: 360px; height: 144px; color:#323232; display:block; background:url(../images/incon193.png) no-repeat center 0px;} .identity04 dl{ float:left; width: 290px; height:310px; font-size: 20px; margin: 30px 50px 30px 50px; line-height: 50px; text-align:center; } .identity04 dt{ width: 290px; margin-bottom: 20px; } .identity04 dd{ width: 290px; } .identity05 a{ width: 290px; height: 144px; color:#323232; display:block; background: url(../images/incon194.png) no-repeat center 0px;} .identity05 a:hover{ width: 290px; height: 144px; color:#323232; display:block; background:url(../images/incon195.png) no-repeat center 0px;} .identity06 a{ width: 290px; height: 144px; color:#323232; display:block; background: url(../images/incon196.png) no-repeat center 0px;} .identity06 a:hover{ width: 290px; height: 144px; color:#323232; display:block; background:url(../images/incon197.png) no-repeat center 0px;} .identity07 a{ width: 290px; height: 144px; color:#323232; display:block; background: url(../images/incon198.png) no-repeat center 0px;} .identity07 a:hover{ width: 290px; height: 144px; color:#323232; display:block; background:url(../images/incon199.png) no-repeat center 0px;} .immigrant { width: 1170px; margin:auto; margin-bottom: 50px; overflow: hidden; } .immigrant h3{ font-size:50px; text-align:center; padding: 0px 0px 50px 0px; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; margin-top: 80px; color: #e82f1a; } /*-----EB-5-----*/ .banner06 { width: 100%; background: url(../images/06.jpg) no-repeat center 0px; height: 574px; } .quick { width: 1170px; margin:auto; } .quick h2{ font-size:50px; text-align:center; padding: 50px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 50px; } .quick01{ width: 295px; height: 603px; float:left; } .quick02{ width: 860px; height: 603px; float:left; padding-left: 10px; } .quick03 { width: 295px; height: 295px; float:left; margin-right: 10px; } .quick04 { width: 550px; height: 295px; float:left; overflow: hidden; } .quick06 { width: 550px; height: 295px; float:left; overflow: hidden; margin-top: 13px; } .quick07 { width: 295px; height: 295px; float:left; margin-left: 10px; margin-top: 13px; } /*.full-length{width: 100%; float: left; padding-bottom: 80px;} ul{margin: 0 -1.5%;} li{float: left; width: 31.33%; margin: 10px 1%; list-style: none;}*/ p{font-weight: 300; line-height: 35px; font-size: 18px; margin-bottom: 15px; color:#787878;} /*.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background: #4d92d9; text-decoration: none; transition: 0.4s;}*/ /*.btn:hover{background-color: transparent; color: #fff; transition: 0.4s;}*/ .text-desc{position: absolute; left: 0; top: 0; background: #2f57b2; height: 95%; opacity: 0; width: 255px; padding: 0px;} .text-desc02{position: absolute; left: 0; top: 0; background: #2f57b2; height: 95%; opacity: 0; width: 555px; padding: 0px;} /*= Reset CSS End ================= * /* effect-1 css */ /*.full-length{width: 100%; float: left; padding-bottom: 80px;}*/ .port-1{/*float: left; width: 100%; text-align: center;*/ width: 295px; position: relative; overflow: hidden; } .port-2{/*float: left; width: 100%; text-align: center;*/ width: 581px; position: relative; overflow: hidden; } .port-1 .text-desc{opacity: 0.9; /*top: -100%;*/ transition: 0.5s; -webkit-transition: 0.5s; color: #fff; padding: 20px 20px 20px 20px;} .port-1 img{transition: 0.5s; -webkit-transition: 0.5s; } .port-1:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); } .port-2 .text-desc02{opacity: 0.9; /*top: -100%;*/ transition: 0.5s; color: #fff; padding: 20px 20px 20px 20px;} .port-2 img{transition: 0.5s;} .port-2:hover img{transform: scale(1.2);} .port-1.effect-1 .text-desc{ top: auto; bottom: -85%;} .port-1.effect-1:hover .text-desc{ bottom: 0; background: #000; opacity: 0.6;} .port-1.effect-2 .text-desc{ top: auto; bottom: -75%;} .port-1.effect-2:hover .text-desc{bottom: 0; height: 90%; background: #000; opacity: 0.6;} .port-2.effect-3 .text-desc02{ top: auto; bottom: -75%;} .port-2.effect-3:hover .text-desc02{bottom: 0; height: 90%; background: #000; opacity: 0.6;} /* effect-1 css end */ /*= Media Screen CSS ==================== */ /*@media only screen and (max-width: 1090px){ ul{width: 340px; margin: 0 auto;} li{width: 100%; margin: 20px 0;} .port-5.effect-1 {z-index: 19;} } @media only screen and (max-width: 360px){ ul{width: 300px;} .port-1 .text-desc, .port-1.effect-3:hover .text-desc, .port-3.effect-1 .text-desc, .port-3.effect-3 .text-desc, .port-4.effect-1 .text-desc, .port-4.effect-2 .text-desc, .port-4.effect-3 .text-desc, .port-8 .text-desc{padding: 20px;} .text-desc{padding: 7px;} .port-5.effect-1 .text-desc{padding: 13px 20px 20px 90px;} .port-5.effect-2 .text-desc{padding: 10px;} .port-5.effect-3 .text-desc{padding: 16px 90px 20px 20px;} .port-6.effect-1 .text-desc .btn, .port-6.effect-2 .text-desc .btn, .port-6.effect-3 .text-desc .btn, .port-7.effect-1 .text-desc .btn, .port-7.effect-2 .text-desc .btn, .port-7.effect-3 .text-desc .btn, .port-8.effect-3 .text-desc .btn{display: none;} .port-6.effect-2 .text-desc{padding: 20px 120px 20px 20px;} .port-6.effect-3 .text-desc{padding: 75px 20px 10px;} .port-7.effect-1 .text-desc{padding: 12px 10px;} .port-8.effect-3 .text-desc{padding: 28px 70px 20px;} }*/ /*= Media Screen CSS End ======================== */ .manhattan { width: 1170px; margin:auto; } .manhattan h2{ font-size:50px; text-align:center; padding: 80px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .manhattanle { width: 520px; float:left; } .manhattanle h3{ font-size:36px; color: #487cb0; font-weight: normal; } .manhattanle h5{ font-size:22px; color: #787878; margin-bottom: 30px; font-weight: normal; } .manhattanle h6{ font-size:22px; color: #487cb0; font-weight: normal; border-left: 5px solid #487cb0; padding-left: 15px; margin-bottom: 15px; } .manhattanle p{ line-height: 32px; font-size: 18px; color: #787878; } @-webkit-keyframes fadeIn { 0% { opacity: 1; /*初始状态 透明度为0*/ } 25% { opacity: 0; /*中间状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 75% { opacity: 1; /*结尾状态 透明度为1*/ }} .positions02 ul{ margin-bottom: 20px; color: #787878; } .manhattan .active .positions01 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .manhattan .active .positions02 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 5s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .manhattan .active .positions03 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 8s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .manhattanri { width: 607px; height: 602px; float:right; } .quality { width: 100%; margin:auto; } .quality h2{ font-size:50px; text-align:center; padding: 80px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .quality01 { width: 100%; background: url(../images/pic07.jpg) no-repeat center 0px; height: 489px; } .quality01 h5{ text-align:center; font-size:36px; color: #fff; padding-top: 5px; } .quality01 h5 img{ vertical-align:middle; padding: 0px 15px; } .quality02 { width: 1170px; margin: 0px auto 0px auto; } .quality .active .quality02 { color: #fff; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 3s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0.5; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .quality .active .quality02 dt{ width: 500px; float:left; margin-top: 30px; } .quality .active .quality02 dd{ width: 600px; float: right; color: #fff; text-align:right; } .nucleus h6{ width: 100%; text-align:center; font-size:36px; color: #487cb0; margin: 90px 0px; } .location { width: 1170px; margin:auto; } @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .location .active { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .location h2{ font-size:50px; text-align:center; padding: 80px 0px 20px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .locationle { width: 590px; float:left; } .locationle h3{ font-size:36px; font-weight: normal; color: #487cb0; } .locationle h5{ font-size:22px; font-weight: normal; margin-bottom: 35px; color: #487cb0; } .locationle li{ background:url(../images/incon214.png) no-repeat 0px 0px; padding-left: 15px; font-size:18px; color: #787878; } .locationri { width: 580px; float: right; } .known { width: 100%; margin: 100px auto; background:url(../images/pic08.jpg) no-repeat center 0px; height: 755px; } .known h5{ font-size:36px; font-weight: normal; color: #fff; text-align:center; padding-top: 5px; } .known h5 img{ vertical-align: middle; } .known .active { width: 1170px; margin:auto; padding-top: 50px; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .known02 dl { color: #fff; } .known02 dt { width: 322px; height: 125px; float:left; } .known02 dd { width: 820px; float: right; line-height: 40px; color: #fff; } .known02 p { color: #fff; padding-top: 20px;} .known03 dl { padding-top: 20px; width: 285px; float:left; margin: 0px 5px 10px 0px; } .known03 dt { width: 285px; height: 150px; } .known03 dd { width: 285px; color: #fff; line-height: 35px; background:#123c9d; text-align:center; } .known03 dd a{ color: #fff; } .known03 p { color: #fff; } .operation4 { width: 1170px; margin:auto; position:relative; } .operation4 img{ vertical-align:middle; } .operation4 h2{ margin:90px auto; text-align:center; font-size:36px; color: #487cb0; } .operation4 .active { position:relative; -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .operationle { width: 510px; float:left; } .operationle h3 { color: #487cb0; font-weight: normal; margin-bottom: 40px; font-size:36px; } .operationle li{ font-size:18px; background:url(../images/incon214.png) no-repeat 0px 7px; padding-left: 15px; line-height: 35px; } .operationle li a{ color: #787878; } .operationri { width: 600px; float: right; } .operationri h5{ color: #fff; font-weight: normal; background: #487cb0; line-height: 60px; text-align:center; font-size:22px; } .operationri li{ line-height: 40px; } .operationri ul{ height: 160px; border-bottom: 1px solid #487cb0; overflow: hidden;} .operationri p{ color: #787878; } .operpic { position:absolute; top: 405px; } .monitoring { width: 1170px; margin: 550px auto 100px auto; } .monitoring h2{ text-align:center; margin-bottom: 30px; font-size:36px; color: #487cb0; } .monitoring h2 img{ vertical-align:middle; } .monitoring01 { -webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 2s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/} .literals img{} @-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ }} .monitoring01le { width: 580px; float:left; padding-top: 70px; } .monitoring01ri { width: 570px; float: right; padding-top: 100px;} .monitoring01ri h6{ font-size:22px; font-weight: normal; line-height: 30px; color: #487cb0; border-left: 2px solid #487cb0; padding-left: 15px; margin-bottom: 15px; } .monitoring01ri p{ color: #787878; margin-bottom: 40px; font-size:18px; line-height: 30px; } .monitoring02le { width: 380px; float:left; } .monitoring02le h6{ font-size:22px; font-weight: normal; line-height: 30px; color: #487cb0; border-left: 2px solid #487cb0; padding-left: 15px; margin-bottom: 25px; } .monitoring02le li{ line-height: 30px; } .monitoring02le ul{ margin-bottom: 35px; } .monitoring02ri { width: 730px; float: right; color: #787878; } .monitoring02ri p{ font-size:14px; color: #787878; line-height: 30px; } .developer { width: 1170px; margin:auto; overflow: hidden;} .developer h2{ font-size:50px; text-align:center; padding: 80px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 80px; } .developer p { color: #787878; } .developer h6 { font-size:36px; font-weight: normal; text-align:center; color: #487cb0; font-weight: normal; margin-bottom: 20px; } .developer dl { width: 374px; height: 375px; float:left; margin-left: 10px; margin-bottom: 50px; } .developer dt { width: 374px; height: 270px; } .developer dd { width: 374px; color: #487cb0; padding-top: 15px; line-height: 35px; height: 100px; background: #fafafa; text-align:center; } .developer dd a{ color: #487cb0; } .flows { height: 62px; width: 1170px; position: relative; margin: 200px 0; background: url(../images/line01.png) repeat-x -100px 0px; } .flows-box { position: absolute; width: 268px; height: 62px; display: none;} .flows-dot { position: absolute; top: -22px; left: 50%; margin-left: -4px; display: block; width: 8px; height: 8px; border-radius: 100%; background: #c8c8c8} .flows-up .flows-dot { top: 47px; } .flows-text { width: 268px; height: 50px; position: absolute; top: 80px; text-align: center; font-size: 20px; color: #323232; } .flows-text { color: #487cb0; } .flows-text .flows-tips { opacity: 1;} .flows-up .flows-text { top: -50px; } .flows-icon { display: inline-block; width: 25px; height: 25px; margin-right: 10px; vertical-align: middle;} .flows-text:hover .flows-dot { background: #487cb0; } .flows-tips { position: absolute; top: 50px; transition:all 2s; -moz-transition:all 2s; /* Firefox 4 */ -webkit-transition:all 2s; /* Safari and Chrome */ -o-transition:all 2s; /* Opera */ opacity: 0; left: 32px; text-align: left; padding: 15px 30px; width: 310px; font-size: 18px; border-radius: 10px; background: #487cb0; color: #FFF; z-index: 99;} .flows-tips-arr { display: block; position: absolute; top: -19px; left: 50px; border: 7px solid transparent; border-bottom: 12px solid #487cb0; width: 0; height: 0px; } .flows-up .flows-tips { top: -90px; } .flows-up .flows-tips-arr { top: initial; bottom: -19px; border: 7px solid transparent; border-top: 12px solid #487cb0;} .flows .active { display: block; } .flows-box1 { left: 168px; } .flows-box1 .flows-icon { background: url(../images/fs01.png); } .flows-box1 .flows-text:hover .flows-icon { background: url(../images/fs01_hover.png); } .flows-box2 { left: 305px; } .flows-box2 .flows-icon { background: url(../images/fs06.png); } .flows-box2 .flows-text:hover .flows-icon { background: url(../images/fs06_hover.png); } .flows-box3 { left: 435px; } .flows-box3 .flows-icon { background: url(../images/fs07.png); } .flows-box3 .flows-text:hover .flows-icon { background: url(../images/fs07_hover.png); } .flows-box4 { left: 570px; } .flows-box4 .flows-icon { background: url(../images/fs08.png); } .flows-box4 .flows-text:hover .flows-icon { background: url(../images/fs08_hover.png); } .flows-box5 { left: 710px; } .flows-box5 .flows-icon { background: url(../images/fs09.png); } .flows-box5 .flows-text:hover .flows-icon { background: url(../images/fs09_hover.png); } .foot { width: 100%; background: #223557; height: 470px;} .footcon { width: 1170px; height: 330px; background: #223557; margin:auto; padding: 50px 0px 0px 0px; } .footconle { width: 770px; height: 330px; float:left; background: #223557; } .logoboot { width: 125px; height: 185px; float:left; margin: 10px 45px 0px 0px; } .cantus { width: 595px; float:left; } .cantus h6{ font-size: 30px; color: #5e7db3; margin-bottom: 42px; } .cantus li{ font-size: 14px; color: #fff; line-height: 28px; } .footconri { width: 400px; height: 330px; float:right; background: #223557; display:block; } .aboutus { width: 250px; float:left; margin-right: 70px; margin-left: 40px; } .aboutus p a { font-size:14px; color: #fff; margin-right: 15px; line-height: 30px; } .attention { width: 120px; float:right; } .attention h6{ font-size: 30px; color: #5e7db3; margin-bottom: 20px; } .attention p{ font-size: 14px; color: #fff; line-height: 30px; } .footconcn { width: 130px; float:left; } .aboutus { color: #fff; } .aboutus h6{ font-size: 30px; color: #5e7db3; margin-bottom: 20px; } .footbottom { width: 100%; height: 50px; background: #182744; color: #fff; font-size:14px; line-height: 50px; } .footbottomle { width: 400px; float:left; background: #182744; overflow: hidden;} .footbottomle a{ margin-right: 20px; color: #fff; } .footbottomri { width: 750px; float: right; text-align:right; background: #182744; overflow: hidden; } .footbottomri li{ float: right; margin-left: 10px; } /*-------金融-顶级行业合作伙伴开始--------*/ #industry02 { width: 800px; margin:auto; } #industry02 dl { width: 365px; height: 253px; float:left; } #industry02 dl dt { height: 113px; padding: 20px 0; background: #fff none repeat scroll 0 0; /*float: left;*/ margin-bottom: 40px; margin-left: 14px; position: relative; transition: all 0.2s linear 0s; width: 335px; z-index: 1; list-style: none; border-radius:10px; } #industry02 dl dt.active { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); position: relative; } #industry02 dl dt a { display: block; text-decoration: none; list-style: none; position: absolute; /*left: 50%; margin-left: -80px;*/ } #industry02 dl dt img { width: 335px; height: 113px; border: 0 none; } #industry02 dl dd { text-align:center; color: #5e8ab8; } #industry03 { width: 1178px; margin:auto; } #industry03 dl { width: 365px; height: 253px; float:left; } #industry03 dl dt { height: 113px; padding: 20px 0; background: #fff none repeat scroll 0 0; /*float: left;*/ margin-bottom: 40px; margin-left: 14px; position: relative; transition: all 0.2s linear 0s; width: 335px; z-index: 1; list-style: none; border-radius:10px; } #industry03 dl dt.active { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); position: relative; } #industry03 dl dt a { display: block; text-decoration: none; list-style: none; position: absolute; /*left: 50%; margin-left: -80px;*/ } #industry03 dl dt img { width: 335px; height: 113px; border: 0 none; } #industry03 dl dd { text-align:center; color: #5e8ab8; } #navTab {margin: auto; width: 1170px; height: 106px; background: #FFF; z-index: 9999;} /*-------金融-顶级行业合作伙伴结束--------*/ /*-------环球置业房管家开始--------*/ .project { width: 100%; margin:auto; } .project h2{ font-size:50px; text-align:center; padding: 100px 0px 50px 0px; color: #e62f17; font-weight: normal; background:url(../images/incon18.png) no-repeat center bottom; margin-bottom: 50px; } .project dl { width: 332px; float:left; } .project dt { width: 332px; height: 400px; transition: all 1s; -webkit-transition: all 1s; position: relative;} .project01 { width: 332px; background: #5a8cbc; opacity:0.8;filter:alpha(opacity=8); position: absolute; bottom: 0; left: 0px; text-align:center; height: 85px; color: #fff; line-height: 85px; } .project dd a { display: block; opacity: 0; width: 150px; height: 36px; line-height: 36px; text-align: center; color: #487cb0; margin: 30px auto; border-radius: 5px; border: 1px solid #487cb0; transition: all 1s; -webkit-transition: all 1s;} .project dl:hover dt { -webkit-transform: translate(0, -25px); transform: translate(0, -25px); } .project dl:hover dd a { opacity: 1; } /*-------环球置业房管家开始--------*/ /* 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd 为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sdfsf为了防止sd */