.container { width: 1200px; margin: 0 auto; } ul, li { list-style: none; padding: 0; margin: 0; } .nav { display: flex; width: 100%; align-items: center; } .menuList, .menuList a { color: #fff; } .menuList { display: flex; align-items: center; justify-content: space-around; } .menuList-label { font-size: 16px; font-weight: 600; display: inline-block; margin-right: 15px; } .menuList-btn { font-size: 14px; display: inline-block; margin-right: 10px; } .menuLists-p { margin: 0 auto; } .menuLists>.menuLists-p:first-child { margin-bottom: 10px; } .am-slider-default .am-slider-desc { background-color: rgba(3, 3, 3, 0.52); position: absolute; bottom: 0; padding: 10px; width: 100%; color: #fff; } .am-slider-default .am-control-nav { width: 100%; position: absolute; bottom: 15px; right: 0; text-align: right; padding-right: 20px; } .am-slider-default .am-control-nav li a { background-color: rgb(110, 106, 106); } .am-slider-default .am-control-nav li a.am-active { background-color: #fff; } .am-slider-default .am-direction-nav a { opacity: 1; color: rgba(163, 152, 152, 0.65); height: 50px; width: 50px; } .am-slider-default .am-direction-nav a:before { color: #999393; font-size: 60px!important; line-height: 60px!important; } .am-slider-default .am-direction-nav a:before { content: "\f104"; } .am-slider-default .am-direction-nav a.am-next:before { content: "\f105"; } .go-spring { width: 580px; } .content3-media-img { width: 310px; } .content3-media-text { width: 270px; padding-left: 20px; padding-top: 20px; } .read-detail { color: #880100; } .inBeijing { width: 600px } .inBeijing-img>div { width: 295px; position: relative; } .img-discription { position: absolute; width: 100%; padding: 7px 0; color: #fff; background-color: #00000091; bottom: 0; left: 0; } .inBeijing-lists { padding-bottom: 10px; border-bottom: 1px solid #FAE5DD; } .inbeijing-list-title { font-size: 24px; text-align: center; } .inbeijing-list-content { text-indent: 2em; } .content-1 { background-size: cover; padding-top: 45px; /*min-height: 866px;*/ padding-bottom: 38px; } .content-4 { background: url(../images/bj-a.jpg) no-repeat; background-size: cover; padding-top: 45px; /*min-height: 866px;*/ padding-bottom: 65px; } .content-5 { padding-top: 45px; } .imgtitle { width: 455px; margin: 0 auto 25px; } .content4-view>div { width: 600px; height: 639px; position: relative; } .content4-view>div:first-child { background: url(../images/bjybs.png) no-repeat; background-size: 100%, 100%; } .content4-view>div:last-child { background: url(../images/jnybs.png) no-repeat; background-size: 100%, 100%; } .viewImg { width: 375px; position: absolute; top: 105px; left: 84px; } .viewImg2 { width: 371px; position: absolute; bottom: 86px; right: 78px; } .viewRedList { width: 510px; height: 66px; color: #fff; background: url(../images/bj-r.png) no-repeat; background-size: 100%, 100%; margin: 0 auto 20px; font-size: 18px; line-height: 66px; padding-left: 35px; } .content4List { position: absolute; bottom: -5px; } .content4List2 { position: absolute; top: 38px; right: 0; } .content5-bannerImg { width: 715px; } .content5-slide { width: 485px; } .slidePrev, .slideNext { font-size: 30px; margin: 0; cursor: pointer; } .sildeLists-img { width: 140px; margin-right: 10px; } .slideLists { padding-left: 10px; margin-bottom: 35px; overflow: hidden; transition: height .5s linear; } .sildeLists-title { font-size: 20px; line-height: 1; } .slideList { height: 370px; overflow: hidden; } .slideList>li:first-child { color: #fff; background-color: #E73C24; padding: 15px; } .slideList>li:first-child>.sildeLists-img { display: none; } .content-6 { background: url(../images/bj-a.jpg) no-repeat; background-size: cover; padding-top: 45px; /*min-height: 866px;*/ padding-bottom: 65px; } .swiper-container { width: 960px; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide p{ text-align: center; margin: 0 auto; font-size: 14px; color: #2b2b2b; width: 210px; line-height: 1; } .memberImg{ width:275px; height: 275px; border-radius: 50%; overflow: hidden; margin-bottom: 10px; } .memberName{ font-size: 18px; } .swiper-slide p.memberTitle{ margin: 15px auto 20px; } .swiper-slide p.memberContent{ text-align: justify; line-height: 1.5; } .content-6 .container{ position: relative; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 60px; height: 90px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 60px 90px; background-position: center; background-repeat: no-repeat; } .am-tabs-default .am-tabs-nav>.am-active a,.am-tabs-default .am-tabs-nav{ background-color: transparent; } .am-tabs-bd{ border: 0; } .reportPanel{ width: 100%; height: 393px; background-size: 100%,100%; padding: 25px 0 45px 70px; } [data-am-widget=tabs] .am-tabs-nav.am-tabs-nav{ width: 90%; margin: 0 auto 50px; } .reportImg{ width:483px; } .reportContent{ width: 585px; float: right; padding-right: 20px; } .reportContent .news-list li{ border-color: #D1D1D1; } .reportHotNews-title{ color: #D62727; font-size: 24px; line-height: 1; padding: 0 0 20px 0; margin-bottom: 10px; margin-top: 20px; text-align: center; } .keyWordsContent{ width: 390px; height: 630px; border: 6px solid #F1D689; padding: 58px 35px 0 35px; position: relative; background-color: #fff; color: #88735C; } .keyWordsContent-panel{ position: absolute; width: 308px; top: 58px; left: 35px; display: none; } .keyWordsContent-panel.active{ display: block; } .keyWordsTab{ width: 805px; } .content-8{ background: url(../images/bj-a.jpg) no-repeat; background-size: cover; padding-top: 45px; /*min-height: 866px;*/ padding-bottom: 65px; } .keyWordsText{ text-indent:2em; } .triangle_border_left{ width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-right:25px solid #F1D689; position: absolute; top: 60px; right: 18px; } .tab-lists{ width: 198px; height: 192px; position: relative; margin-bottom: 4px; cursor:pointer; } .tabRound{ height: 158px; width: 158px; border-radius: 50%; overflow: hidden; border: 1px solid #fff; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; line-height: 158px; font-size: 28px; transition: all .2s linear; } .tab-list>li:nth-child(1){ background-color: #B27FCA; } .tab-list>li:nth-child(1)>.tabRound{ background-color: #B98CD1; } .tab-list>li:nth-child(1).active>.tabRound{ background-color: #9550ba; } .tab-list>li:nth-child(2){ background-color: #48BEBE; } .tab-list>li:nth-child(2)>.tabRound{ background-color: #55C7C7; } .tab-list>li:nth-child(2).active>.tabRound{ background-color: #249b9b; } .tab-list>li:nth-child(3){ background-color: #F6C522; } .tab-list>li:nth-child(3)>.tabRound{ background-color: #F5CD51; } .tab-list>li:nth-child(3).active>.tabRound{ background-color: #c6a02a; } .tab-list>li:nth-child(4){ background-color: #FAC47A; } .tab-list>li:nth-child(4)>.tabRound{ background-color: #FCCF94; } .tab-list>li:nth-child(4).active>.tabRound{ background-color: #e1a04b; } .tab-list>li:nth-child(5){ background-color: #FDA357; } .tab-list>li:nth-child(5)>.tabRound{ background-color: #FEAB65; } .tab-list>li:nth-child(5).active>.tabRound{ background-color: #e1873c; } .tab-list>li:nth-child(6){ background-color: #E27674; } .tab-list>li:nth-child(6)>.tabRound{ background-color: #E77E7B; } .tab-list>li:nth-child(6).active>.tabRound{ background-color: #e76662; } .tab-list>li:nth-child(7){ background-color: #C862A4; } .tab-list>li:nth-child(7)>.tabRound{ background-color: #CD6DAD; } .tab-list>li:nth-child(7).active>.tabRound{ background-color: #a94086; } .tab-list>li:nth-child(8){ background-color: #86C543; } .tab-list>li:nth-child(8)>.tabRound{ background-color: #8CCB49; } .tab-list>li:nth-child(8).active>.tabRound{ background-color: #68a724; } .tab-list>li:not(:nth-child(4n)){ margin-right: 4px; } .tab-list>li:nth-child(9){ background-color: #7AABFA; width:399px; height: 240px; } .tab-list>li:nth-child(9)>.tabRound{ background-color: #84B2FD; width: 214px; line-height: 214px; height: 214px; } .tab-list>li:nth-child(9).active>.tabRound{ background-color: #4c8bf1; } .tab-list>li:nth-child(10){ background-color: #7696C9; width:398px; height: 240px; } .tab-list>li:nth-child(10)>.tabRound{ background-color: #7D9ED4; width: 214px; height: 214px; line-height: 214px; } .tab-list>li:nth-child(10).active>.tabRound{ background-color: #4669a3; } .experience-banner{ height: 645px; background:url(../images/bj-qmt.jpg) no-repeat; background-size: 100%,100%; position: relative; } .experience-content{ position: absolute; width: 580px; top: 70px; right: 85px; } .experience-firstLine{ margin-bottom: 10px; } .experience-firstLine>div{ width: 287px; } .experience-firstLine>div:not(:last-child),.experience-secondLine>div:not(:last-child){ margin-right: 5px; } .experience-secondLine>div{ width: 190px; } .experience-content .am-slider-b1 .am-direction-nav a{ width: auto; height: auto; opacity: 1; background-color: transparent; left: -70px; margin: -70px 0 0; } .experience-content .am-slider-b1 .am-direction-nav a:before{ font-size: 100px; content: "\f104"; color: #E63C28; } .experience-content .am-slider-b1 .am-direction-nav a.am-next:before { content: "\f105"; } .experience-content .am-slider-b1 .am-direction-nav a.am-next{ left: auto; right: -70px; } .reportContainer .am-tabs-nav .am-active{ position: relative; } .reportContainer .am-tabs-nav .am-active:after{ content:''; display: block; width: 36px; height: 27px; background: url(../images/sjx.png) no-repeat; background-size: 100%,100%; position: absolute; bottom: -40px; left: 54%; } .nav[data-fixed="fixed"]{ position: fixed; top:0; left: 0; margin: 0; z-index: 999999; } .banner { position: relative; } .textimg{ width:59%; position: absolute; top: 20.38%; left: 20.3%; } .left-tree{ width: 27.7%; position: absolute; top: 0; left: 0; } .right-tree{ width: 37%; position: absolute; top: 0; right: 0; } .birdimg{ width:7.3%; position: absolute; top: 53.25%; right: 23.43%; } .leaf{ width: 29.2%; position: absolute; top: 14.95%; left: 51.4%; } .logoImg{ width: 32.34%; position: absolute; top: 56.05%; left: 34.63%; } .play { position: absolute; width: 67px; height: 67px; left: 50%; margin-left: -33px; top: 52px; background: url(../images/play.png); } .content-b { background: url(../images/bj-a.jpg) no-repeat; background-size: cover; padding-top: 10px; padding-bottom: 15px; } .zsj{ width: 400px; padding-left: 100px; } .sjjh{ width: 500px; } .jzb{ width: 590px; float: right; } .news-listb li { font: 16px/27px "microsoft yahei"; background: url(../images/dian.gif) no-repeat scroll 0 21px; /* height: 36px; */ overflow: hidden; padding: 6px 0px 10px 21px; text-align: left; width: 100%; } .brief2 { color: #333333; font: 14px/26px "microsoft yahei"; padding-bottom: 20px; margin-bottom: 10px; overflow: hidden; border-bottom: 1px dashed #a8a8a8; } .jiaoliu{ width: 570px; float: left; border-right:solid 1px #41D2E7; padding-right: 30px; } .jiaoliu h3{ margin: 10px auto; padding-left: 150px; } .jiaoliu-pic{ position: relative; } .jiaoliu-pic img{ text-align: center; } .jiaoliu-pic p { bottom: 0; color: #fff; font: 14px/40px "simsun"; height: 40px; left: 0; position: absolute; text-align: center; background-color: #0000009e; width: 100%; margin: 0 auto; } .jlpicw{ padding: 20px; background: #0791ab; border-radius:10px; } .hendb { width: 520px; float: left; margin-top: 180px; } .briefb { color: #86765d; font: 14px/25px "microsoft yahei"; height: 80px; margin-bottom: 10px; overflow: hidden; } .briefb a{ color: #940406; } .content-c{ background: url(../images/bj-c.jpg) no-repeat; background-size: cover; padding-top: 10px; padding-bottom: 15px;} .clearfix:after { margin: 0; padding: 0; } a { text-decoration: none; outline: none; color: #000; } a:hover { text-decoration: none; color: #ff9724; } img { border: 0; } img { vertical-align: middle; } .clearfix { display: block; #zoom: 1; } .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; } /*! CSS Used from: http://www.xinhuanet.com/politics/2019lh/css/LHR_index.css */ a { color: #333; -webkit-transition: all 0.4s; transition: all 0.4s; } a:hover { color: #ff9724!important; background-color: transparent; -webkit-text-decoration-skip: objects; } .part09 { margin: 0 auto; overflow: hidden; } .part09 .lmt { background: url("../images/lmt_sjklh.png") 50% 0 no-repeat; height: 102px; margin: 30px 0; } .part09 .lmt a { height: 100%; display: block; text-indent: -99999em; } .part09_contop { height: 645px; position: relative; } .part09_contop div { cursor: pointer; } .ant02 { background: url("../images/part09_circular01.png") 50% 0 no-repeat; width: 548px; height: 548px; top: 45px; left: 50%; position: absolute; margin-left: -274px; z-index: 3; } .ant03 { background: url("../images/part09_circular02.png") 50% 0 no-repeat; width: 599px; height: 599px; top: 12px; left: 50%; position: absolute; margin-left: -296.5px; z-index: 3; } .ant04 { background:url(../images/gjc.png) 50% 0 no-repeat; width: 493px; height: 493px; top: 70px; left: 50%; position: absolute; margin-left: -247px; z-index: 3; } .ant05 { background: url("../images/part09_tp01.png") 50% 0 no-repeat; width: 119px; height: 119px; top: 85px; left: 50%; position: absolute; margin-left: -415px; z-index: 3; } .ant06 { background: url(../images/part09_tp02.png) 50% 0 no-repeat; width: 152px; height: 152px; line-height: 152px; border-radius: 50%; overflow: hidden; font-size: 22px; text-align: center; color: #fff; top: 195px; left: 50%; position: absolute; margin-left: -582px; z-index: 3; background: linear-gradient(#017CFF,#44B9FF); } .ant07 { background: url("../images/part09_tp03.png") 50% 0 no-repeat; width: 110px; height: 109px; top: 220px; left: 50%; position: absolute; margin-left: -425px; z-index: 3; } .ant08 { background: url("../images/part09_tp04.png") 50% 0 no-repeat; width: 110px; height: 110px; top: 350px; left: 50%; position: absolute; margin-left: -500px; z-index: 3; } .ant09 { background: url("../images/part09_tp05.png") 50% 0 no-repeat; width: 119px; height: 117px; top: 380px; left: 50%; position: absolute; margin-left: -400px; z-index: 3; } .ant10 { background: url("../images/part09_tp06.png") 50% 0 no-repeat; width: 136px; height: 136px; top: 490px; left: 50%; position: absolute; margin-left: -355px; z-index: 3; } .ant11 { background: url("../images/part09_tp07.png") 50% 0 no-repeat; width: 126px; height: 126px; top: 58px; left: 50%; position: absolute; margin-left: 385px; z-index: 3; } .ant12 { background: url("../images/part09_tp08.png") 50% 0 no-repeat; width: 119px; height: 120px; top: 180px; left: 50%; position: absolute; margin-left: 300px; z-index: 3; } .ant13 { background: url("../images/part09_tp09.png") 50% 0 no-repeat; width: 151px; height: 174px; top: 225px; left: 50%; position: absolute; margin-left: 455px; z-index: 3; } .ant14 { background: url("../images/part09_tp10.png") 50% 0 no-repeat; width: 151px; height: 174px; top: 300px; left: 50%; position: absolute; margin-left: 350px; z-index: 3; } .ant15 { background: url("../images/part09_tp11.png") 50% 0 no-repeat; width: 134px; height: 134px; top: 480px; left: 50%; position: absolute; margin-left: 420px; z-index: 3; } .ant16 { background: url("../images/part09_tp12.png") 50% 0 no-repeat; width: 96px; height: 96px; top: 460px; left: 50%; position: absolute; margin-left: 265px; z-index: 3; } .part09_conbot { width: 1200px; margin: 20px auto 0; } /*! CSS Used from: Embedded */ .part09 .lmt { width: 1200px; position: relative; margin: 30px auto; } .part09 .lmt .ad_gm { width: auto; height: auto; top: 0; right: 0; position: absolute; z-index: 3; background: #fff; } .part09 .lmt .ad_gm a { text-indent: 0em; } .content-d { background: url(../images/bj-e.jpg) no-repeat top center; background-size: cover; padding-top: 10px; padding-bottom: 15px; height:863px; } .jizd{ float:right; margin-top:220px;} .wlbg li{ width:294px; float:left; margin:10px; background:#0791ab; :} .gswz .news{ float:left; width:410px; margin-left:36px;} .zbdn{ width:300px; float:left; margin-top:419px; color:#FFFFFF; margin-left:55px; font: 14px/25px "microsoft yahei"; margin-bottom: 10px; overflow: hidden; text-indent:2em;} .zbdn a{color:#FFFFFF; } .zyfk{ float:left; width:700px; margin-top:210px; margin-left:80px; } .lvnr{ width:256px; float:left;} .tysh{ float:left; width:400px; margin-left:20px;} .techan li{ width:156px; margin:10px; float:left;} .techan p{ text-align:center;} /*! CSS 20193��12�� */ .ant02 { background: url("../images/part09_circular01.png") 50% 0 no-repeat; width: 548px; height: 548px; top: 45px; left: 50%; position: absolute; margin-left: -274px; z-index: 3; } .ant03 { background: url("../images/part09_circular02.png") 50% 0 no-repeat; width: 599px; height: 599px; top: 12px; left: 50%; position: absolute; margin-left: -296.5px; z-index: 3; } .ant04 { background:url(../images/gjc.png) 50% 0 no-repeat; width: 493px; height: 493px; top: 70px; left: 50%; position: absolute; margin-left: -247px; z-index: 3; } .ant05 { background: url(../images/part09_tp01.png) 50% 0 no-repeat; width: 119px; height: 119px; top: 85px; left: 50%; position: absolute; margin-left: -415px; z-index: 3; } .ant06 { background: url(../images/part09_tp02.png) 50% 0 no-repeat; width: 152px; height: 152px; line-height: 152px; border-radius: 50%; overflow: hidden; font-size: 22px; text-align: center; color: #fff; top: 195px; left: 50%; position: absolute; margin-left: -582px; z-index: 3; } .ant07 { background: url(../images/part09_tp03.png) 50% 0 no-repeat; width: 110px; height: 109px; top: 220px; left: 50%; position: absolute; margin-left: -425px; z-index: 3; } .ant08 { background: url(../images/part09_tp04.png) 50% 0 no-repeat; width: 110px; height: 110px; top: 350px; left: 50%; position: absolute; margin-left: -500px; z-index: 3; } .ant09 { background: url(../images/part09_tp05.png) 50% 0 no-repeat; width: 119px; height: 117px; top: 380px; left: 50%; position: absolute; margin-left: -400px; z-index: 3; } .ant10 { background: url(../images/part09_tp06.png) 50% 0 no-repeat; width: 136px; height: 136px; top: 490px; left: 50%; position: absolute; margin-left: -355px; z-index: 3; } .ant11 { background: url(../images/part09_tp07.png) 50% 0 no-repeat; width: 126px; height: 126px; top: 58px; left: 50%; position: absolute; margin-left: 385px; z-index: 3; } .ant12 { background: url(../images/part09_tp08.png) 50% 0 no-repeat; width: 119px; height: 120px; top: 180px; left: 50%; position: absolute; margin-left: 300px; z-index: 3; } .ant13 { background: url(../images/part09_tp09.png) 50% 0 no-repeat; width: 151px; height: 174px; top: 225px; left: 50%; position: absolute; margin-left: 455px; z-index: 3; } .ant14 { background: url(../images/part09_tp10.png) 50% 0 no-repeat; width: 151px; height: 174px; top: 300px; left: 50%; position: absolute; margin-left: 350px; z-index: 3; } .ant15 { background: url(../images/part09_tp11.png) 50% 0 no-repeat; width: 134px; height: 134px; top: 480px; left: 50%; position: absolute; margin-left: 420px; z-index: 3; } .ant16 { background: url(../images/part09_tp12.png) 50% 0 no-repeat; width: 96px; height: 96px; top: 460px; left: 50%; position: absolute; margin-left: 265px; z-index: 3; } .ant17{ background: url(../images/part09_tp13.png) 50% 0 no-repeat; width: 96px; height: 96px; top: 490px; left: 50%; position: absolute; margin-left:-500px; z-index: 3; } .ant18 { background: url(../images/part09_tp14.png) 50% 0 no-repeat; width: 96px; height: 96px; top: 560px; left: 50%; position: absolute; margin-left: 299px; z-index: 3; } .logod0{ margin:20px auto; width:1200px;} /*! CSS 20193��13�� */ .textimg{ width:59%; position: absolute; top: 1.38%; left: 20.3%; } .logoImgb { /* width: 44.34%; */ position: absolute; top: 43.05%; left: 27.63%;} .text2 { position: absolute; top:55.05%; left: 0%;} .text2 { animation: 'text2' 1.0s ease-in-out 0s normal; -ms-animation: text2 1.0s ease-in-out 0s normal; -moz-animation: text2 1.0s ease-in-out 0s normal; -o-animation: 'text2' 1.0s ease-in-out 0s normal; -webkit-animation: 'text2' 1.0s ease-in-out 0s normal; } #banner .text2 { position: absolute; left: 50%; top: 01%; width: 41%; } @-ms-keyframes text2{ from{ filter:alpha(opacity=0); opacity:0; top:100%; } 60%{ filter:alpha(opacity=0); opacity:0;top:100%; } to{ } } @-moz-keyframes text2{ from{ filter:alpha(opacity=0); opacity:0; top:100%; } 60%{ filter:alpha(opacity=0); opacity:0;top:100% } to{ } } @-o-keyframes text2{ from{ filter:alpha(opacity=0); opacity:0; top:100%; } 60%{ filter:alpha(opacity=0); opacity:0;top:100% } to{ } } @-webkit-keyframes text2{ from{ filter:alpha(opacity=0); opacity:0; top:100%; } 60%{ filter:alpha(opacity=0); opacity:0;top:100% } to{ } } @keyframes text2{ from{ filter:alpha(opacity=0); opacity:0; top:100%; } 60%{ filter:alpha(opacity=0); opacity:0;top:100% } to{ } } /*! CSS 20193��13�յ��� */ .fp h1{ font-size: 38px; font-weight: bold; font-family: "microsoft yahei"; text-align:center; } .fp h1 a{ color:#cb031c;} .nav { height: 65px; background-color: #e2ac36; } .am-fl { font-size:20px;font-weight: bold;} /*! CSS 20193��15�� */ .sbd{ width:1193px; height:558px; background:url(../images/sbd-bj.png) no-repeat top center;} .wenzide{ width: 492px; float: right; margin-right: 88px; margin-top: 135px; } .weiw{ width:556px; float:left;} .weiwb{ width:635px; float:left;} .xijdetup li{ float:left; margin-right:15px;} .ditia{ width:100%; padding:0px 20px; background:#f2f2f2; margin-top:16px;} .xijdetup{ width:100%; height:auto;overflow: hidden;} .wwd{ background: url(../images/bj-f.jpg) no-repeat top center; height: 700px; } .shu{ background: url(../images/bj-d.png) no-repeat top center; height: 600px; } .rit-sy { border-bottom: 15px solid #f9e3d6; border-top: 15px solid #f9e3d6; padding-top: 20px; overflow: hidden; } .rit { display: inline; float: left; height: auto; overflow: hidden; width: 49%; } .yuande { overflow: hidden; zoom:1; margin-bottom: 15px; } .SBox {width: 1000px;height: 500px;margin: 0 auto;overflow: hidden;position: relative;z-index: 10px;} .SBox li {width: 1000px;height: 500px;float: left;position: relative;background: #fff;} .SBox li img {width: 1000px;height: 500px;margin: 0 auto;} .ww {width: 1000px;height: 97px;margin: 0 auto;position: absolute;left: 0px;z-index: 57px;bottom: 0px; background: url(../images/bgbgbg.png) repeat-x center center;} .SPN {position: absolute;top: 0px;width: 100%;z-index: 100px;} .SPN span.prev {background: url(../images/jtl.png) no-repeat;padding-left: 0px;left: 1px;top: 310px;} .SPN span {position: absolute;height: 103px;overflow: hidden;display: block;cursor: pointer;} .SPN span.next {background: url(../images/jtr.png) no-repeat 0 0;right: -7px;top: 310px;padding-right: 0px;} .next {padding: 0;margin: 0;text-align: inherit;} .ww h2{font-size: 24px;line-height: 53px;color: #fff;text-indent: 2em;} .ww p a{font-size: 18px;line-height: 30px;color: #fff;width: 900px;margin: 0 auto; text-indent: 2em;} .ww p{width: 900px;margin: 0 auto; text-indent: 0em;} .am-viewport a{ color: #fff; }