.center { width: 1280px; margin: 0 auto; } .culture-index-part1 { width: auto; height: 619px; overflow: hidden; position: relative; } .culture-index-part1 > a img { height: 619px; width: 1920px; position: relative; left: 50%; margin-left: -960px; position: absolute; } .culture-index-part1 dl { width: 1280px; margin: 0 auto; padding-top: 215px; padding-left: 686px; position: relative; z-index: 200; width: 540px; color: #fff; } .culture-index-part1 dl dt { font-size: 20px; margin-bottom: 1em; } .culture-index-part1 dl dt a { color: #fff; display: block; } .culture-index-part1 dl dd { font-size: 16px; line-height: 24px; margin-bottom: 36px; } .culture-index-part1 dl dd a{ color:#fff; display: block; } .culture-index-part2 { height: 622px; } .culture-index-part2 .culture-index-part2-l { width: 50%; float: left; height: 622px; overflow: hidden; position: relative; display: block; } .culture-index-part2 .culture-index-part2-l .cover { position: absolute; left: 0; top: 0; background: #b02b2b; width: 100%; height: 100%; } .culture-index-part2 .culture-index-part2-l > a img { position: absolute; left: 0; top: 0; height: 100%; width: auto; opacity: 0.12; filter: alpha(opacity=12); -moz-opacity: 0.12; -khtml-opacity: 0.12; z-index: 100; } .culture-index-part2 .culture-index-part2-l dl { z-index: 500; width: 460px; position: absolute; left: 50%; margin-left: -230px; margin-top: 90px; } .culture-index-part2 .culture-index-part2-l dl dd { color: #fff; line-height: 24px; } .culture-index-part2 .culture-index-part2-l dl dd img { margin-bottom: 30px; } .culture-index-part2 .culture-index-part2-l dl dd a { margin-top: 50px; display: block; color:#fff; } .culture-index-part2 .culture-index-part2-l dl dd a.imgr{ margin-top: 0; } .culture-index-part2 .culture-index-part2-l dl dd a:hover{ color: #dddddd !important; } .culture-index-part2 .culture-index-part2-l dl dt { margin-bottom: 24px; } .culture-index-part2 .culture-index-part2-l dl dt a:hover{ color: #dddddd !important; } .culture-index-part2 .culture-index-part2-l dl dt a { font-size: 20px; color: #fff; } .culture-index-part2 .culture-index-part2-r { width: 50%; float: left; height: 622px; overflow: hidden; position: relative; margin-left: -1px; display: block; } .culture-index-part2 .culture-index-part2-r .cover { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: 0.57; filter: alpha(opacity=57); -moz-opacity: 0.57; -khtml-opacity: 0.57; z-index: 100; display: block; } .culture-index-part2 .culture-index-part2-r > a img { position: absolute; left: 0; top: 0; height: 100%; width: auto; } .culture-index-part2 .culture-index-part2-r dl { z-index: 500; width: 460px; position: absolute; left: 50%; margin-left: -230px; margin-top: 90px; } .culture-index-part2 .culture-index-part2-r dl dd { color: #fff; line-height: 24px; } .culture-index-part2 .culture-index-part2-r dl dd img { margin-bottom: 30px; } .culture-index-part2 .culture-index-part2-r dl dd a { margin-top: 50px; display: block; color:#fff; } .culture-index-part2 .culture-index-part2-r dl dd a.imgr{ margin-top: 0; } .culture-index-part2 .culture-index-part2-r dl dt { margin-bottom: 24px; } .culture-index-part2 .culture-index-part2-r dl dt a { font-size: 20px; color: #fff; } .culture-index-part3 { padding-top: 140px; padding-bottom: 120px; background: #f4f4f4; } .culture-index-part3 .culture-p3-box { width: 1280px; margin: 0 auto; } .culture-index-part3 .culture-p3-box ul { margin: 0 -22px; overflow: hidden; } .culture-index-part3 .culture-p3-box ul li { width: 33.3%; float: left; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner { margin: 0 22px; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner h4 { line-height: 44px; margin-bottom: 46px; overflow: hidden; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner h4 .cul-title { color: #000; font-size: 36px; float: left; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner h4 .cul-more { float: right; font-size: 16px; color: #646464; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner > a { display: block; width: 398px; height: 299px; overflow: hidden; margin-bottom: 40px; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner > a img { width: 100%; height: 100%; } .culture-index-part3 .culture-p3-box ul li .cul-part3-inner dl dd { font-size: 20px; line-height: 24px; color: #646464; padding: 10px 0; border-bottom: 1px solid #646464; height: 48px; } .cul-wz .cul-wz-banner { height: 620px; margin-bottom: 80px; position: relative; overflow: hidden; } .cul-wz .cul-wz-banner img { position: absolute; height: 100%; width: 1920px; left: 50%; margin-left: -960px; } .cul-wz .cul-wz-banner .cul-wz-txt { position: relative; z-index: 200; padding-top: 214px; color: #fff; width: 1280px; margin: 0 auto; text-align: center; } .cul-wz .cul-wz-banner .cul-wz-txt h4 { font-size: 20px; margin-bottom: 1em; } .cul-wz .cul-wz-banner .cul-wz-txt p { line-height: 24px; width: 720px; margin: 0 auto; } .cul-wz .cul-wz-wrap { width: 1280px; margin: 0 auto; } .cul-wz .cul-wz-wrap ul li { width: 33.3%; float: left; margin-bottom: 30px; } .cul-wz .cul-wz-wrap ul li .cul-wz-inner a { display: block; width: 408px; height: 408px; position: relative; } .cul-wz .cul-wz-wrap ul li .cul-wz-inner a img { width: 100%; height: 100%; } .cul-wz .cul-wz-wrap ul li .cul-wz-inner a dl { position: absolute; width: 100%; bottom: 0; left: 0; padding-bottom: 28px; color: #fff; text-align: center; font-size: 16px; line-height: 24px; } .cul-wz .cul-wz-wrap ul li .cul-wz-inner a dl dt { font-size: 20px; margin-bottom: 1em; } .cul-wz .cul-bottom { padding-top: 100px; height: 449px; } .cul-wz .cul-bottom .cul-bottom-part { width: 50%; float: left; display: block; position: relative; height: 449px; overflow: hidden; margin-left: -1px; } .cul-wz .cul-bottom .cul-bottom-part > img { height: 449px; width: auto; position: relative; left: 50%; margin-left: -480px; position: absolute; } .cul-wz .cul-bottom .cul-bottom-part .cover { z-index: 100; background: #000; opacity: 0.59; filter: alpha(opacity=59); -moz-opacity: 0.59; -khtml-opacity: 0.59; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .cul-wz .cul-bottom .cul-bottom-part .cul-bottom-txt { position: relative; z-index: 200; color: #fff; padding-top: 90px; width: 464px; margin: 0 auto; } .cul-wz .cul-bottom .cul-bottom-part .cul-bottom-txt img { margin: 0 auto 30px; } .cul-wz .cul-bottom .cul-bottom-part .cul-bottom-txt dt { font-size: 20px; margin-bottom: 1em; text-align: center; } .cul-wz .cul-bottom .cul-bottom-part .cul-bottom-txt dd { line-height: 24px; text-align: center; } .universe { padding: 60px 0 80px 0; background: #f4f4f4; } .universe .universe-wrap { width: 1280px; margin: 0 auto; } .universe .universe-wrap li { margin-bottom: 28px; } .universe .universe-wrap .ulist-short { width: 416px; height: 312px; background: #fff; float: left; } .universe .universe-wrap .ulist-long { width: 834px; float: left; height: 312px; } .universe .universe-wrap .ulist-long > a { display: block; width: 416px; height: 312px; float: left; position: relative; } .universe .universe-wrap .ulist-long > a img { width: 100%; height: 100%; } .universe .universe-wrap .ulist-long .uleftArr { position: relative; } .universe .universe-wrap .ulist-long .uleftArr em { position: absolute; display: block; width: 0; height: 0; left: 0; top: 30px; border: 10px solid transparent; border-left: 10px solid #fff; } .universe .universe-wrap .ulist-long .urightArr { position: relative; } .universe .universe-wrap .ulist-long .urightArr em { position: absolute; display: block; width: 0; height: 0; right: 0; top: 30px; border: 10px solid transparent; border-right: 10px solid #fff; } .universe .universe-wrap .ulist-inner { width: 416px; height: 312px; background: #fff; float: left; } .universe .universe-wrap .ulist-inner dl { padding-top: 50px; width: 304px; height: 212px; margin: 0 auto; } .universe .universe-wrap .ulist-inner dl dt { color: #646464; font-size: 20px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 22px; } .universe .universe-wrap .ulist-inner dl dd { line-height: 24px; font-size: 16px; color: #646464; } .universe .universe-wrap .uright { margin-right: 30px; } .video-page { background: #f4f4f4; padding-top: 100px; padding-bottom: 100px; } .video-page .video-wrap { width: 1280px; margin: 0 auto; } .video-page .video-wrap .video-tab { text-align: center; margin-bottom: 65px; } .video-page .video-wrap .video-tab span a { font-size: 36px; color: #515151; margin-right: 60px; display: inline-block; padding: 0 20px; line-height: 50px; } .video-page .video-wrap .video-tab span.lasttab a { margin-right: 0; } .video-page .video-wrap .video-tab span.on a { color: #b02b2b; border-bottom: 1px solid #af2b2b; } .video-page .video-wrap .video-top { height: 478px; margin-bottom: 10px; } .video-page .video-wrap .video-top .video-box1 { width: 848px; height: 478px; float: left; margin-right: 16px; position: relative; } .video-page .video-wrap .video-top .video-box1 a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../upload/video_arr.png) no-repeat center; } .video-page .video-wrap .video-top .video-box1 img { width: 100%; height: 100%; } .video-page .video-wrap .video-top .video-box2 { height: 478px; width: 416px; float: left; } .video-page .video-wrap .video-top .video-box2 .video-box2-top, .video-page .video-wrap .video-top .video-box2 .video-box2-bottom { height: 233px; width: 416px; position: relative; } .video-page .video-wrap .video-top .video-box2 .video-box2-top img, .video-page .video-wrap .video-top .video-box2 .video-box2-bottom img { width: 100%; height: 100%; } .video-page .video-wrap .video-top .video-box2 .video-box2-top a, .video-page .video-wrap .video-top .video-box2 .video-box2-bottom a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../upload/video_arr.png) no-repeat center; } .video-page .video-wrap .video-top .video-box2 .video-box2-top p, .video-page .video-wrap .video-top .video-box2 .video-box2-bottom p { position: absolute; width: 100%; left: 0; bottom: 30px; text-align: center; font-size: 20px; color: #fff; } .video-page .video-wrap .video-top .video-box2 .video-box2-top { margin-bottom: 12px; } .video-page .video-wrap .video-box ul li { width: 416px; float: left; margin-right: 16px; margin-bottom: 12px; } .video-page .video-wrap .video-box ul li .video-inner { height: 233px; margin: 0 auto; position: relative; } .video-page .video-wrap .video-box ul li .video-inner img { width: 100%; height: 100%; } .video-page .video-wrap .video-box ul li .video-inner a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../upload/video_arr.png) no-repeat center; } .video-page .video-wrap .video-box ul li .video-inner p { position: absolute; width: 100%; left: 0; bottom: 30px; text-align: center; font-size: 20px; color: #fff; } .video-page .video-wrap .video-box ul .n_3 { margin-right: 0px; } .travel-index .travel-part1 { min-width: 1280px; width:100%; height: auto; position: relative; } .travel-index .travel-part1 img { width: 100%; height: auto; } .travel-index .travel-part1 > span { position: absolute; display: block; width: 148px; height: 210px; opacity: 0.87; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; background: #b02b2b; z-index: 200; top: 0; right: 310px; } .travel-index .travel-part1 span em { font-size: 123px; color: #fff; position: absolute; line-height: 180px; } .travel-index .travel-part2 { min-width: 1280px; width:100%; height: auto; position: relative; overflow: hidden; } .travel-index .travel-part2 img { width: 100%; height: 100%; } .travel-index .travel-part2 .travel-part2-l { width: 50%; height: auto; overflow: hidden; position: relative; float: left; } .travel-index .travel-part2 .travel-part2-l a { display: block; width: 100%; height: 100%; } .travel-index .travel-part2 .travel-part2-l i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .travel-index .travel-part2 .travel-part2-r { width: 50%; height: 100%; position: absolute; left:50%; top:0; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-t { width: 100%; height: 50%; overflow: hidden; position: relative; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-t a { display: block; width: 100%; height: 100%; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-t i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-b { width: 100%; height: 50%; overflow: hidden; position: relative; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-b a { display: block; width: 100%; height: 100%; } .travel-index .travel-part2 .travel-part2-r .travel-part2-r-b i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .travel-index .travel-part3 { min-width: 1280px; width:100%; height: auto; overflow: hidden; position: relative; } .travel-index .travel-part3 img{ width:100%; height:auto; } .travel-index .travel-part3 .travel-part3-l { width: 33.3%; height: auto; overflow: hidden; position: relative; float: left; } .travel-index .travel-part3 .travel-part3-l a { display: block; width: 100%; height: 100%; } .travel-index .travel-part3 .travel-part3-l i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .travel-index .travel-part3 .travel-part3-c { width: 33.3%; height: 100%; overflow: hidden; position: absolute; left:33.3%; top:0; } .travel-index .travel-part3 .travel-part3-c a { display: block; width: 100%; height: 100%; } .travel-index .travel-part3 .travel-part3-c i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .travel-index .travel-part3 .travel-part3-r { width: 33.3%; height: 100%; overflow: hidden; position: absolute; left:66.6%; top:0; } .travel-index .travel-part3 .travel-part3-r a { display: block; width: 100%; height: 100%; } .travel-index .travel-part3 .travel-part3-r i { position: absolute; left: 50px; top: 50px; font-size: 72px; color: #fff; } .cavity { background: #ecf3f3; } .cavity .part-1 { /*height: 1215px;*/ height: auto; padding-bottom: 100px; background: url("../images/liang_cav_bg.jpg") center bottom no-repeat #efefef; margin-bottom: 100px; } .cavity .cavity-part2 { width: 1280px; margin: 0 auto; height: 706px; position: relative; } .cavity .cavity-part2 .cavity-part2-l { width: 672px; height: 445px; overflow: hidden; position: relative; } .cavity .cavity-part2 .cavity-part2-l .cavity-part2-l-main { position: absolute; top: 117px; left: 50px; } .cavity .cavity-part2 .cavity-part2-l .cavity-part2-l-main h4 { font-size: 36px; color: #fff; margin-bottom: 18px; } .cavity .cavity-part2 .cavity-part2-l .cavity-part2-l-main p { line-height: 30px; color: #fff; font-size: 18px; } .cavity .cavity-part2 .cavity-part2-r { position: absolute; left: 488px; top: 66px; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.5); } .cavity .cavity-part3 { width: 1280px; margin: 0 auto; padding-bottom: 130px; } .cavity .cavity-part3 .cavity-part3-p { width: 404px; float: left; } .cavity .cavity-part3 .cavity-part3-p img { width: 404px; height: 404px; margin-bottom: 24px; } .cavity .cavity-part3 .cavity-part3-p.cavity-part3-l { margin-right: 74px; margin-left: 180px; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box, .cavity .cavity-part3 .cavity-part3-p .cavity-part3-r-box { height: 36px; line-height: 24px; color: #646464; font-size: 14px; } .cavity .cavity-part3 .cavity-part3-p > em { display: block; width: 76px; height: 1px; background: #e6000c; margin-bottom: 20px; } .cavity .cavity-part3 .cavity-part3-p p { color: #646464; line-height: 30px; font-size: 24px; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span { padding-left: 20px; float: left; position: relative; margin-right: 12px; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span i { display: block; float: left; width: 11px; height: 11px; position: absolute; left: 0; top: 6px; border-radius: 100%; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span em { float: left; line-height: 24px; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span.cavity-part3-list1 i { background: #aed895; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span.cavity-part3-list2 i { background: #a7c3e7; } .cavity .cavity-part3 .cavity-part3-p .cavity-part3-l-box span.cavity-part3-list3 i { background: #e48043; } .cavity .cavity-part4 { height: 905px; position: relative; } .cavity .cavity-part4 img { position: relative; left: 50%; margin-left: -960px; position: absolute; } .cavity .cavity-part4 .cavity-part4-txt { position: relative; z-index: 200; padding-top: 180px; text-align: center; color: #fff; } .cavity .cavity-part4 .cavity-part4-txt h4 { font-size: 36px; margin-bottom: 0.6em; } .cavity .cavity-part4 .cavity-part4-txt h5 { font-size: 36px; margin-bottom: 20px; } .cavity .cavity-part4 .cavity-part4-txt p { font-size: 18px; line-height: 30px; } .cavity .cavity-part4 .cavity-point1 { display: block; width: 232px; height: 36px; background: #fff; border-radius: 18px; position: absolute; top: 616px; left: 276px; z-index: 200; line-height: 36px; text-align: center; font-size: 18px; color: #646464; } .cavity .cavity-part4 .cavity-point2 { display: block; width: 232px; height: 36px; background: #fff; border-radius: 18px; position: absolute; top: 680px; left: 800px; z-index: 200; line-height: 36px; text-align: center; font-size: 18px; color: #646464; } .jiao { background: #ecf3f3; } .jiao .part-1 { height: auto; background: url("../images/jiao_b.jpg") center bottom no-repeat #efefef; padding-bottom: 100px; } .jiao .part-1 .detail-video { margin-bottom: 100px; } .jiao .part-1 .jiao-part1-txt { text-align: center; } .jiao .part-1 .jiao-part1-txt h4 { font-size: 36px; color: #646464; margin-bottom: 0.6em; } .jiao .part-1 .jiao-part1-txt p { line-height: 30px; font-size: 18px; color: #646464; } .jiao .jiao-part2 { width: 1280px; margin: 0 auto; padding-top: 120px; } .jiao .jiao-part2 li { float: left; width: 299px; height: 544px; position: relative; } .jiao .jiao-part2 li > img { width: 299px; height: 544px; } .jiao .jiao-part2 li.jiao-part2-list1 { border-bottom: 5px solid #e19722; margin-right: 28px; } .jiao .jiao-part2 li.jiao-part2-list2 { border-top: 5px solid #bc3500; margin-right: 28px; margin-top: 146px; } .jiao .jiao-part2 li.jiao-part2-list3 { border-bottom: 5px solid #b66c29; margin-right: 28px; } .jiao .jiao-part2 li.jiao-part2-list4 { margin-top: 146px; border-top: 5px solid #342015; } .jiao .jiao-part2 li .jiao-part2-txt { position: absolute; top: 150px; left: 0; width: 100%; text-align: center; } .jiao .jiao-part2 li .jiao-part2-txt img { width: 120px; height: 120px; margin: 0 auto 30px; display: block; } .jiao .jiao-part2 li .jiao-part2-txt p { font-size: 36px; text-align: center; width: 100%; color: #fff; } .jiao .jiao-part3 .jiao-part3-box { position: relative; } .jiao .jiao-part3 .jiao-part3-box > img { height: 1182px; position: relative; left: 50%; margin-left: -960px; } .jiao .jiao-part3 .jiao-part3-box .jiao-hover-pre { display: block; } .jiao .jiao-part3 .jiao-part3-box .jiao-hover-next { display: none; } .jiao .jiao-part3 .jiao-part3-box:hover .jiao-hover-pre { display: none; } .jiao .jiao-part3 .jiao-part3-box:hover .jiao-hover-next { display: block; } .jiao .jiao-part3 .jiao-part3-bottom { width: 1280px; margin: 0 auto; line-height: 30px; color: #646464; font-size: 18px; margin-bottom: 54px; } .jiao .jiao-part3 .jiao-part3-tit { padding-bottom: 150px; width: 1280px; margin: 0 auto; color: #646464; } .jiao .jiao-part3 .jiao-part3-tit h4 { font-size: 36px; margin-bottom: 0.6em; } .jiao .jiao-part3 .jiao-part3-tit p { font-size: 18px; line-height: 30px; } .qu { background: #ecf3f3; overflow: hidden; } .qu .part-1 { padding-bottom: 120px; background: url(../images/qu_b.jpg) center bottom no-repeat #efefef; } .qu .part-1 .jiao-part1-txt h4 { font-size: 48px; margin-top: 30px; margin-bottom: 0; } .qu .jiao-part2 { height: 1012px; position: relative; padding-top: 100px; overflow: hidden; } .qu .jiao-part2 ul { z-index: 300; position: relative; } .qu .jiao-part2 li.jiao-part2-list1 { margin-left: 310px; } .qu .jiao-part2 li.jiao-part2-list3 { margin-right: 0; } .qu .jiao-part2 .qu_txt { width: 356px; height: 622px; position: absolute; left: 0; top: 127px; z-index: 200; } .qu .jiao-part2 .qu_rect { width: 997px; height: 525px; position: absolute; left: 0; top: 520px; z-index: 400; } .qu .jiao-part-qu { width: 1280px; margin: 0 auto; padding-bottom: 152px; } .qu .jiao-part-qu .jiao-part-qu-top-l { width: 447px; height: 600px; float: left; } .qu .jiao-part-qu .jiao-part-qu-top-r { width: 825px; height: 600px; float: left; position: relative; } .qu .jiao-part-qu .jiao-part-qu-top-r .jiao-part-qu-txt { position: absolute; top: 178px; left: 42px; border: 1px solid #82807e; padding: 24px 40px; } .qu .jiao-part-qu .jiao-part-qu-top-r .jiao-part-qu-txt h4 { font-size: 60px; color: #fff; } .qu .jiao-part-qu .jiao-part-qu-top-r .jiao-part-qu-txt em { display: block; width: 114px; height: 1px; background: #740a05; margin: 20px 0; } .qu .jiao-part-qu .jiao-part-qu-top-r .jiao-part-qu-txt p { font-size: 18px; color: #d0b884; } .qu .jiao-part-qu .jiao-part-qu-bottom-l { width: 707px; height: 604px; float: left; position: relative; } .qu .jiao-part-qu .jiao-part-qu-bottom-l .jiao-part-qu-txt { position: absolute; top: 66px; left: 63px; width: 570px; } .qu .jiao-part-qu .jiao-part-qu-bottom-l .jiao-part-qu-txt span { display: block; width: 194px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #000000; color: #646464; font-size: 24px; margin-bottom: 30px; } .qu .jiao-part-qu .jiao-part-qu-bottom-l .jiao-part-qu-txt p { line-height: 30px; font-size: 18px; color: #646464; } .qu .jiao-part-qu .jiao-part-qu-bottom-r { width: 566px; height: 765px; float: left; position: relative; } .qu .jiao-part-qu .jiao-part-qu-bottom-r .jiao-part-qu-txt { position: absolute; top: 66px; left: 63px; width: 390px; } .qu .jiao-part-qu .jiao-part-qu-bottom-r .jiao-part-qu-txt span { display: block; width: 194px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 24px; margin-bottom: 30px; } .qu .jiao-part-qu .jiao-part-qu-bottom-r .jiao-part-qu-txt p { line-height: 30px; font-size: 18px; color: #fff; } .water .part-1 .wrap2 { height: 327px; position: absolute; left: 50%; margin-left: -163.5px; top: 92px; width: 327px; } .water .part-1 .wrap2 h1 { white-space: nowrap; margin-left: -20px; padding-top: 30px; } .water .water-part2 { height: 1904px; position: relative; z-index: 200; } .water .water-part2 > img { position: absolute; top: 0; left: 0; z-index: 100; } .water .water-part2 .wrap2 { position: relative; z-index: 200; } .water .water-part2 .water-part2-top { height: 800px; position: relative; padding-top: 182px; } .water .water-part2 .water-part2-top .water-part2-top-l { width: 510px; color: #fff; float: left; } .water .water-part2 .water-part2-top .water-part2-top-l span { display: block; font-size: 18px; margin-bottom: 38px; } .water .water-part2 .water-part2-top .water-part2-top-l em { display: block; font-size: 36px; } .water .water-part2 .water-part2-top .water-part2-top-r { width: 607px; height: 341px; float: right; position: absolute; right: -120px; top: 182px; overflow: hidden; } .water .water-part2 .water-part2-top .water-part2-top-r .detail-video { height: 341px; } .water .water-part2 .water-part2-top .water-part2-top-r #player1 { width: 607px; height: 341px; left: 0; top: 0; margin: 0; } .water .water-part2 .water-part2-top .water-part2-top-r #player1 img { width: 100%; hieight: 100%; } .water .water-part2 .water-part2-bottom .water-part2-bottom-l { width: 656px; float: left; } .water .water-part2 .water-part2-bottom .water-part2-bottom-l img { margin-left: -87px; } .water .water-part2 .water-part2-bottom .water-part2-bottom-l p { font-size: 18px; line-height: 30px; color: #fff; width: 500px; } .water .water-part2 .water-part2-bottom .water-part2-bottom-r { float: right; width: 500px; } .water .water-part2 .water-part2-bottom .water-part2-bottom-r h4 { padding-top: 130px; font-size: 36px; color: #fff; line-height: 48px; margin-bottom: 1em; } .water .water-part2 .water-part2-bottom .water-part2-bottom-r p { font-size: 18px; line-height: 30px; color: #fff; width: 500px; } .water-outer { position: fixed; left: 50%; top: 50%; margin-top: -320px; margin-left: -637px; z-index: 4000; display: none; } .water-outer .water-outer-close { position: absolute; right: 0; top: -35px; width: 35px; height: 35px; display: block; background: url(../images/water_pic4.png) no-repeat; } .water-bg { position: fixed; left: 0; top: 0; width: 100%; height: 80000px; background: url(../images/water_pic5.png) repeat; z-index: 3000; display: none; } .white-arr { background: url(../images/arr.png) no-repeat; display: block; width: 16px; height: 29px; } .public_load-more-link { width: 150px; height: 34px; line-height: 34px; display: block; background: #b02b2b; color: #fff; font-size: 16px; text-align: center; margin: 60px auto 0; clear: both; } .video_appbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; display: none; } #player1 { left: 50%; top: 50%; position: absolute; height: 720px; width: 1275px; margin-left: -637px; z-index: 2; background: #000; margin-top: -360px; } .video_appbox .mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .lt9 .video_appbox .mask { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000"); } .video-xx { z-index: 999; position: absolute; width: 37px; height: 35px; left: 50%; top: 50%; width: 1275px; margin-top: -395px; margin-left: -637px; cursor: pointer; } .travel-index .travel-part1 .xtxt{bottom: 100px !important; top: auto !important; left: 17.8% !important;} .travel-index .travel-part1 .xtxt i{font-size: 72px;} @media only screen and (max-width:1500px) { }