html{min-width: 1300px;} body { font-family: "microsoft yahei"; font-size: 15px; color: #333333; padding: 0; margin: 0; } #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;filter:alpha(opacity=90);z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} img { max-width: 100%; border: none; } h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, hr, input, p { padding: 0; margin: 0; list-style: none; } a { color: inherit; font: inherit; text-decoration: none; } a:hover { text-decoration: none; color: #8e3725; } a:focus { text-decoration: none; } .clearfix { zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wrap { width: 1200px; min-width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } body { background: url(../images/listpage-bg.png) repeat; background-size: 100% 100%; } .index-row { position: relative; background-size: 100%; padding-bottom: 40px; min-width: 1200px; } .index-row .body-left{ position: absolute; bottom: 61%; right: 50%; margin-right: 550px; } .index-row .body-right{position: absolute; bottom: 0; left: 50%; margin-left: 544px; } .index-row .body-left img{ width:78px; } .index-row .body-right img{ width:130px;opacity:0.8;filter:alpha(opacity=80); } .top { min-width: 1200px; height: 30px; background: url(../images/top-bg.png); } .top .top-links { float: right; line-height: 30px; position: relative; } .top .top-links a { font-size: 14px; color: #ffffff; padding: 0 10px; } .top .top-links a img { vertical-align: middle; } .top .top-links span { color: #ffffff; } .top .top-links .search { position: absolute; z-index: 99; right: 0; top: 30px; width: 250px; height: 38px; display: none; background: #8b3523; text-align: left; padding: 10px 10px; } .top .top-links .search .text { width: 215px; border: none; height: 30px; line-height: 30px; padding: 0 5px; background: #e8e8e8; color: #333333; } .top .top-links .search .sub { position: absolute; right: 10px; top: 50%; margin-top: -10px; } .header { background: #ffffff; min-width: 1200px; } .header .wrap { position: relative; } .header .logo { position: absolute; z-index: 999; top: -30px; left: 50%; margin-left: -109px; } .nav #nav { margin: 0 -50px; } .nav .space { width: 236px; height: 21px; float: left; } .nav .nLi { float: left; position: relative; text-align: center; width: 130px; padding: 25px 0; } .nav .nLi a { color: #333333; font-size: 16px; padding: 0 15px; } .nav .nLi .subNav { display: none; width: 100%; left: 0; top: 70px; position: absolute; background: url(../images/subnav-bg.png); background-size: 100% 100%; text-align: center; z-index: 10; line-height: 40px; } .nav .nLi .subNav li { zoom: 1; } .nav .nLi .subNav li a { font-size: 14px; color: #ffffff; font-weight: normal; } .nav .nLi .subNav li:hover { background: url(../images/subnav-bg2.png); background-size: 100% 100%; } .nav .nLi .subNav:before { content: ""; display: block; width: 12px; height: 6px; background: url(../images/subnav-ico.png) no-repeat; position: absolute; top: -6px; left: 50%; margin-left: -6px; } .nav li.on a, .nav li:hover a { color: #068358; font-weight: bold; } .banner { position: relative; height: 350px; min-width: 1200px; overflow: hidden; } .banner .bd { z-index: 0; position: relative; height: 100%; } .banner .bd li { zoom: 1; vertical-align: middle; } .banner .bd li img { width: 100%; height: auto; } .banner .prev, .banner .next { width: 55px; height: 55px; position: absolute; top: 50%; margin-top: -15px; } .banner .prev { background: url(../images/banner-prev.png) no-repeat; left: 3%; } .banner .next { background: url(../images/banner-next.png) no-repeat; right: 3%; } .index-tit { background: url(../images/index-titico.png) left center no-repeat; padding-left: 23px; position: relative; margin-bottom: 25px; } .index-tit .cn { color: #8e3725; font-size: 26px; } .index-tit .en { font-size: 20px; color: #808080; } .index-more { position: absolute; right: 0; top: 12px; width: 28px; height: 28px; background: url(../images/index-more.png) center no-repeat; } .c1 { float: left; width: 815px; } .c2 { float: right; width: 232px; } .row1 { padding: 35px 0; } .row1 .c1 .slideBox1 { position: relative; overflow: hidden; } .row1 .c1 .slideBox1 .bd li .pic { float: left; width: 400px; height: 225px; } .row1 .c1 .slideBox1 .bd li .pic img { width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row1 .c1 .slideBox1 .bd li .pic img:hover { transform: scale(1.05); } .row1 .c1 .slideBox1 .bd li .text { float: right; width: 355px; } .row1 .c1 .slideBox1 .bd li .text .date { color: #8e3725; font-size: 15px; line-height: 38px; } .row1 .c1 .slideBox1 .bd li .text .date:after { content: ""; display: block; width: 33px; height: 2px; background: #d9a327; } .row1 .c1 .slideBox1 .bd li .text .tit { margin-top: 10px; display: block; line-height: 60px; color: #333333; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row1 .c1 .slideBox1 .bd li .text .info { color: #808080; font-size: 13px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .row1 .c1 .slideBox1 .prev, .row1 .c1 .slideBox1 .next { position: absolute; width: 28px; height: 28px; bottom: 0; } .row1 .c1 .slideBox1 .prev { background: url(../images/slide-left1.png); background-size: 100% 100%; right: 45px; } .row1 .c1 .slideBox1 .next { background: url(../images/slide-right1.png); background-size: 100% 100%; right: 0; } .row1 .c1 .xwbd { margin-top: 20px; } .row1 .c1 .xwbd ul { width: 47%; float: left } .row1 .c1 .xwbd li { line-height: 35px; } .row1 .c1 .xwbd li a { display: block; color: #333333; font-size: 15px; background: url(../images/index-li.png) left center no-repeat; padding-left: 20px; } .row1 .c1 .xwbd li a span { float: right; font-size: 13px; color: #666666; } .row1 .c1 .xwbd li:hover a { color: #8e3725; } .row1 .c2 .slideBox2 { position: relative; width: 100%; padding-top: 10px; height: 328px; background: url(../images/rwgs-box.png) no-repeat; background-size: 100% 100%; } .row1 .c2 .slideBox2 li .pic { display: block; margin: 5px auto; width: 176px; height: 239px; position: relative; } .row1 .c2 .slideBox2 li .pic img { position: absolute; width: 159px; height: 209px; top: 15px; left: 50%; margin-left: -86px; z-index: 9; } .row1 .c2 .slideBox2 li .pic:after { content: ""; display: block; width: 170px; height: 239px; position: absolute; background: url(../images/people-bg.png) center center no-repeat; z-index: 10; } .row1 .c2 .slideBox2 li .tit { display: block; font-size: 15px; color: #333333; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row1 .c2 .slideBox2 .prev, .row1 .c2 .slideBox2 .next { position: absolute; width: 20px; height: 12px; bottom: 20px; } .row1 .c2 .slideBox2 .prev { background: url(../images/people-left1.png); background-size: 100% 100%; left: 50%; margin-left: -30px; } .row1 .c2 .slideBox2 .next { background: url(../images/people-right1.png); background-size: 100% 100%; right: 50%; margin-right: -30px; } .row1 .c2 .slideBox2 .prev:hover { background: url(../images/people-left2.png); background-size: 100% 100%; } .row1 .c2 .slideBox2 .next:hover { background: url(../images/people-right2.png); background-size: 100% 100%; } .row2 .tsnn { overflow: hidden; } .row2 .tsnn ul { margin: 0 -10px; } .row2 .tsnn li { width: 33.3%; float: left; } .row2 .tsnn li a { display: block; background: #ffffff; margin: 0 10px; } .row2 .tsnn li a .pic { overflow: hidden; } .row2 .tsnn li a .pic img { width: 100%; height: 140px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row2 .tsnn li a .tit { line-height: 60px; text-align: center; font-size: 15px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row2 .tsnn li a:hover img:hover { transform: scale(1.05); } .row2 .tsnn li a:hover .tit { color: #8e3725; } .row2 .c2 .text { background: url(../images/cgzn-bg.png); padding: 30px 25px; } .row2 .c2 .text p { font-size: 14px; color: #ffffff; line-height: 24px; } .row2 .c2 .links { margin-top: 20px; display: none; } .foot { background-color: #8e3725; padding: 25px 0; } .foot .cory { color: #ffffff; font-size: 14px; line-height: 30px; float: left; } .foot .wx-wb { float: right; margin-top: 33px; } .foot .wx-wb li { float: left; margin-left: 30px; position: relative; } .foot .wx-wb .ewm { position: absolute; display: none; right: 0; top: -98px; width: 110px; } .list-banner { height: 300px; min-width: 1200px; } .list-banner img { width: 100%; height: 300px; } .list-page { min-width: 1200px; margin: 20px 0; } .list-page .left-nav { width: 217px; float: left; padding-left: 10px; background: url(../images/left-nav-bg.png) top left no-repeat #8e3725; } .list-page .left-nav .lv1 { height: 75px; line-height: 75px; color: #ffffff; font-size: 24px; font-weight: bold; padding-left: 24px; } .list-page .left-nav .sideMenu { background: url(../images/leftnav-subnav.png) right bottom no-repeat #f0ecdc; padding: 0 0 160px 0; margin-bottom: -18px; } .list-page .left-nav .sideMenu .lv2 { padding: 20px 0; font-size: 16px; color: #333333; border-bottom: 1px solid #cccccc; padding-right: 20px; padding-left: 20px; } .list-page .left-nav .sideMenu .lv2 a { display: block; width: 100%; background: url(../images/left-nav-ico1.png) right no-repeat; } .list-page .left-nav .sideMenu .lv2.on, .list-page .left-nav .sideMenu .lv2.curr { color: #8e3725; font-weight: bold; background: #ffffff; border-left: 10px solid #d9a327; margin-left: -10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .list-page .left-nav .sideMenu .lv2.on a, .list-page .left-nav .sideMenu .lv2.curr a { display: block; width: 100%; background: url(../images/left-nav-ico2.png) right no-repeat; } .list-page .left-nav .sideMenu .lv3 { display: none; padding: 10px 0; font-size: 14px; color: #666666; background: #ffffff; padding-left: 20px; border-bottom: 1px solid #d8d6d7; } .list-page .left-nav .sideMenu .lv3 li { background: url(../images/left-nav-ico3.png) left center no-repeat; padding: 8px 10px 8px 25px; } .list-page .left-nav .sideMenu .lv3 li.current { color: #0c4999; } .list-page .right-con { width: 925px; float: right; } .list-page .right-con .list-tit { padding: 25px 0; background: #f0ecdc; overflow: hidden; } .list-page .right-con .list-tit span { font-size: 22px; color: #8e3725; font-weight: bold; float: left; padding-left: 15px; border-left: 4px solid #068358; } .list-page .right-con .list-tit .location { margin-top: 5px; font-size: 14px; color: #888888; float: right; padding-right: 15px; } .list-page .right-con .list-tit .location a { font-size: 14px; color: #888888; } .list-page .right-con .listtg { min-height: 300px; margin: 20px 0; } .list-page .right-con .listtg li { line-height: 60px; border-bottom: 1px solid #e4e4e4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .list-page .right-con .listtg li i { width: 5px; height: 60px; float: left; margin-right: 10px; display: block; background: url(/images/li-ico.png) no-repeat center; } .list-page .right-con .listtg li .date-list { float: right; font-size: 14px; color: #999999; } .list-page .right-con .listtg li a { font-size: 15px; color: #333333; display: block; width: 800px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-page .right-con .listtg li:hover { padding-left: 5px; border-bottom: 1px solid #8e3725; } .list-page .right-con .listtg li:hover a { color: #8e3725; } .listcon { margin: 20px 0; } .listcon .conpage h1 { text-align: center; font-weight: bold; font-size: 20px; color: #444444; line-height: 40px; } .listcon .conpage h4 { font-size: 16px; color: #333333; font-weight: normal; text-align: center; line-height: 40px; } .listcon .conpage .info { font-size: 15px; color: #999999; font-weight: normal; text-align: center; line-height: 30px; padding-bottom: 15px; border-bottom: 1px dashed #d9d9d9; } .listcon .conpage .info span { padding: 0 10px; } .listcon .conpage .content { padding-bottom: 20px; overflow: hidden; } .listcon .conpage .content p { font-size: 15px; color: #555555; line-height: 35px; padding-top: 10px; text-indent: 2rem; } .listcon .conpage .content p video, .listcon .conpage .content p img { margin-left: -2rem; max-width: 100%; } .listcon .conpage .content table p { text-indent: 0 !important; } .listcon .conpage .pnext { padding-top: 29px; border-top: 1px dashed #d9d9d9; } .listcon .conpage .pnext a { font-size: 16px; color: #555555; line-height: 35px; display: block; } .listcon .conpage .pnext a:hover { color: #8e3725; } .tea-list { margin-top: -20px; margin-bottom: 20px; } .tea-list ul { margin: 0 -20px; } .tea-list li { margin-top: 90px; width: 25%; float: left; height:270px; } .tea-list li .item { margin: 0 20px; position: relative; } .tea-list li .item .pic { position: absolute; width: 150px; height: 209px; left: 50%; top: -38px; margin-left: -75px; } .tea-list li .item .pic img { width: 100%;height:210px; } .tea-list li .item .box { border: 1px solid #d9d9d9; padding: 180px 10px 20px; } .tea-list li .item .box h3 { text-align: center; padding-bottom: 5px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tea-list li .item .box h3 a { font-size: 15px; color: #444444; } .tea-list li .item .box .info { font-size: 13px; color: #666666; line-height: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tea-list li .item .box a.more { display: block; width: 28px; height: 28px; background: url(../images/tea-ico1.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: -14px; left: 50%; margin-left: -14px; } .tea-list li:hover .box { border: 1px solid #eddccd !important; background: #eddccd; } .tea-list li:hover a.more { background: url(../images/tea-ico2.png) no-repeat !important; background-size: 100% 100%; } .listpic { margin: 30px 0; } .listpic ul { margin: 0 -19px; overflow: hidden; } .listpic ul li { width: 33.3%; float: left; margin-bottom: 40px; } .listpic ul li a { display: block; margin: 0 19px; background: #f6e9cf; overflow: hidden; } .listpic ul li a img { width: 100%; height: 176px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .listpic ul li a p { text-align: center; font-size: 15px; color: #333333; line-height: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listpic ul li:hover a { background: #8e3725; } .listpic ul li:hover img { transform: scale(1.05); } .listpic ul li:hover p { color: #ffffff; } .content .leader li { float: left; width: 180px; height: 230px; text-align: center; border: none; background: none; } .content .lead{width:100% !important;background:none !important;}