body{color:#444;font-family:"PingFang SC","Lantinghei SC","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑",STHeitiSC-Light,simsun,"宋体","WenQuanYi Zen Hei","WenQuanYi Micro Hei",sans-serif;letter-spacing:1px} a{text-decoration:none;} a:hover{text-decoration:underline; color:#1E50A2} a:link { color:#000; } a:active { color:#FFFFFF; text-decoration:none; } .blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499} .keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa; text-align:center} textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px} .input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px} input.date,input.endDate{background: #fff url(../images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;} .pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px} .hr{background: url(../images/uline.gif) repeat-x center center;} .hr hr{display:none} .ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;} .header,.header .logo{background: url(../images/v9/body-top.png) repeat-x left -115px;} .body-top{height:36px; background-color:#DC8385;background-size: cover; vertical-align:middle} .body-top .login{ float:right} .body-top .login span{ color:#CCC} .body-top .login a.rss{width:32px; float:right;overflow:hidden; text-indent:-222px;background: url(../images/icon/rsso.gif) no-repeat left center; margin-left:8px} .body-top .content{ margin:auto; width:1200px;} .special-body-top{height:38px;background-position: left -104px; background-color:#fff} .special-body-top a.logo{background: url(../images/v9/special-show.png) no-repeat right center; padding-right:58px; float:left; display:block} .special-body-top .content{ padding:2px 0} .special-body-top .nav{ float:left; padding:10px 0 0 12px} .special-body-top .nav span{ padding:0 8px; color:#CCC} body fieldset{border:1px solid #D8D8D8; padding:0 10px 10px;*padding:10px;} body fieldset legend{padding:3px 8px;font-weight:700;} body fieldset.blue{border:1px solid #dce3ed} body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none} /* 通用按钮 */ .btn{ padding-left:6px} .btn,.btn input{background: url(../images/v9/button.png) no-repeat; height:24px; line-height:24px;width:auto;_width:0;overflow:visible !ie} .btn input{background-position: right 0; border:0 none; color:#fff; padding-right:6px;_height:25px} .submit{padding-left:3px} .submit,.submit input{ background: url(../images/member/but.png) no-repeat; height:29px;width:auto;_width:0;overflow:visible !ie} .submit input{background-position: right top; border:none; padding:0 10px 0 7px; font-size:14px} /* 页面宽度 （更改页面宽度后，需要更改“images/v9/body-bg.png”图片的宽度） */ .header{width:100%;margin:0 auto;} .header1,.header3,.main{ width:100%;max-width:1200px;margin:0 auto;} .header2{width:100%;background-color: #c50505; no-repeat} /* 头部 */ @media screen and (max-width: 1100px){.header{display:none; }} @media screen and (max-width: 1100px){.jd100{display:none; }} @media screen and (max-width: 1100px){.body-top{display:none; }} @media screen and (min-width: 1100px){.topdh{display:none; }} @media screen and (min-width: 1100px){.ft{display:none; }} @media screen and (max-width: 1100px){.footer{display:none;}} @media screen and (max-width: 1100px){.ditu{display:none;}} .header{padding:10px 0px;background-position: left -142px} .header .logo{float:left;background-position:bottom;background-repeat: no-repeat; margin-top:-58px; padding:10px 20px 0 10px; height:150px; text-align:center;*font-size:40px; z-index:100px;} .header .logo a{display:table-cell;vertical-align:middle;text-align:center;*display:block; height:70px; float:left} .header .logo img{height:140px; width:310px;} .header .headg {float:left; width:450px; text-align:center; margin-left:70px;} .header .headg2 {float: right;} .header .headg2 img { width:272px; height:80px;} .header3 .search{ float:left; width:460px;_width:auto; padding-left:10px; height:70px} .header3 .search .tab{ padding:3px 0} .header3 .search .tab span{ color:#ddd} .header3 .search .tab a{ color:#6f7172} .header3 .search .tab a.on{ font-weight:700} .header3 .search .bd{ width:420; padding:20px; float:left;} .header3 .search .text{border:1px solid #e5e5e7;padding:4px 0 3px 40px; height:18px;width:300px;background:#fff url(../images/v9/icon.png) no-repeat;} .header3 .search .button{ background:#c50505; border:none; color:#fff; height:1.9em;margin-left:3px;width:4.2em; margin-left:6px;vertical-align:middle; text-align:center} .header3 .banner{ overflow:hidden;zoom:1;_float:right; text-align:right; } .header3 .resoul{width:50px; height:70px; float:left;} .header3 .resour{width:680px; height:70px; float:left;} .header3 .resour li{width:auto; height:30px; float:left; text-align:left; padding-top:9px; margin-right:36px;} /* 导航 */ .header2 {clear:both; height:80px; width:100%; padding-top:0px;} .nav-bar{clear:both; height:40px; width:1200px; padding-top:0px;} .nav-bar map,.header2 .nav-site,.header2 .nav-site li.line,.header2 .subnav{ background-color: #c50505; height:40px; no-repeat;} .header2 .nav-bar{width:1200px;margin:0 auto; margin-top:0px; } .nav-bar2{width:1190px; height:32px; background:#CCC no-repeat; margin:0 auto; z-index:100; padding-left:10px; padding-top:8px;} .nav-bar2 li,.nav-bar2 li a{float:left; font-size:16px;margin:1px 2.4px;} .header .nav-bar map{background-position: right -130px; display:block} .header .nav-site{height:33px;background-position: left -65px;background-repeat: repeat-x; margin:0 5px; padding-left:5px} .header .nav-site li{float:left; height:33px; line-height:33px; padding:0 12px; } .header .nav-site li a{color:#fff; font-size:18px; font-weight:700;*display:block} .header .nav-site li.line{background-position: 2px -215px; padding:0; width:5px; text-indent:-10000px} .header .subnav{ padding-left:16px; border-left:1px solid #d2dfed;border-right:1px solid #d2dfed;background-position: left -33px;background-repeat: repeat-x; height:32px; line-height:32px} .header .subnav a{ color:#004499} .header .subnav span{ padding:0 3px; color:#c8d8e9;} .header3{height:60px; margin-top:20px;} /*移动端*/ .topdh{width:100%; max-width:1000px; position:fixed; background-color:#FFF; z-index:966; margin-top:-20px;} .navi { width: 100%; height: 30px; line-height: 30px; /*段落中文本不换行*/ white-space: nowrap; /*阴影*/ box-shadow: 0 1px 2px rgba(0, 0, 0, .2); /*设置横向滚动*/ overflow-x: scroll; /*禁止纵向滚动*/ overflow-y: hidden; /*文本平铺*/ text-align: justify; /*背景颜色*/ background: #F4F5F6; padding: 0px 5px; margin-bottom: 10px; /*设置边距改变效果为内缩*/ box-sizing: border-box; } .navi li{width:auto; white-space:nowrap; float:left} .navi a { color: #505050; /*取消超链接下划线*/ text-decoration: none; margin: auto 10px; } .navi::-webkit-scrollbar { /*隐藏滚动条*/ display: none; } .navi a:active{color:#F00; text-decoration:none;} .header-m{position:relative;height:50px;background:#c50505; max-width:1100px;} .header-m .logo{display:block;width:130px;height:30px;} .header-m .logo img{display:block;width:130px; height:50px;} .header-m .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;} .header-m .search:hover{background-color:#0067d2;} .header-m .search span{display:none;} .header-m .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;} .header-m .user-icon span{display:none;} .header-m .user-icon:hover{background-color:#0067d2;} .header-m .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;} .dl-menuwrapper button { /*background: url(../images/header-bg.png) repeat-x bottom left;*/ border: none; width: 50px; height: 50px; text-indent: -900em; overflow: hidden; position: absolute; top:0; right:0; cursor: pointer; outline: none; background: #c50505 url(../images/menu-button-bg.png) no-repeat center center; background-size: 50%; } .dl-menuwrapper button:hover , .dl-menuwrapper button.dl-active { /*background: url(../images/header-bg.png) repeat-x bottom left;*/ background-color: #A50C1F; } .dl-menuwrapper ul { background: #c50505; width:280px; } /* .dl-menuwrapper button:after { content: ''; position: absolute; width: 60%; height: 4px; background: #fff; top: 12px; left: 22%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } */ .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; width:90px; float:left; text-align:center; } .dl-menuwrapper li a { display: block; position: relative; padding: 5px 10px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; border: 1px solid #E8E8E8; outline: none; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(255,255,255,0.8); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .ft{ background:#efefef; text-align:center; padding:10px 0px;} /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @media screen and (max-width: 1100px){.fenge{ height:70px}} /* main style */ @media screen and (max-width:1100px) {.main{margin-top:70px;}} .main{ margin-top:20px;} @media screen and (max-width: 1000px){.col-left{ width:100%;}} @media screen and (min-width: 1200px){.main .col-left{width:827px; margin-right:20px; }} .qycol-left{width:1200px; margin-right:10px; } .pd-left .pindao{width:450px; height:80px; font-size:48px;} @media screen and (max-width: 1100px){.pd-left{display:none; }} .main .pd-left{width:450px; margin-right:10px; height:362px; float:left;} .pindao.pdl{ width: auto; height:80px; float:left;overflo:“hidde”} .pindao.pdr{ width:120px; height:80px; float:left;background: url(../images/v9/pd_bg.png) no-repeat; padding-top:3px;} .pindao.pdr img{width:100px; height:53px;} .news-hot{background: url(../images/v9/hot_bg.png) no-repeat;float:left; width:380px; margin-right:9px; height:380px;} .main .col-left .slide{overflow:hidden;_float:left;zoom:1} @media screen and (max-width: 1100px){.main1{display:none; }} @media screen and (max-width: 1100px){.main2{display:none; }} @media screen and (max-width: 1100px){.main3{display:none; }} @media screen and (max-width: 1100px){.main4-right{display:none; }} @media screen and (max-width: 1100px){.main5{display:none; }} @media screen and (max-width: 1100px){.main6{display:none; }} @media screen and (max-width: 1100px){.main7{display:none; }} @media screen and (max-width: 1100px){.main8{display:none; }} @media screen and (max-width: 1100px){.main9{display:none; }} @media screen and (max-width: 1100px){.main10{display:none; }} @media screen and (max-width: 1100px){.main11{display:none; }} @media screen and (max-width: 1100px){.main12{display:none; }} @media screen and (max-width: 1100px){.main13{display:none; }} @media screen and (max-width: 1100px){.cyjd{display:none; }} @media screen and (max-width: 1100px){.friends{display:none; }} .main1{width:1200px; margin:10px auto; } .main1 img {width:1200px; height:110px;} .main2{width:1200px; margin:0 auto; height:220px; z-index:600;} .main2-col{width:290px; height:100px; float:left; margin-left:10px; border-bottom:4px solid #c50505; margin-top:20px;} .main2-col-left{width:100px; height:100px; float:left;} .main2-col-left img{width:100px; height:100px;} .main2-col-right{width:180px; height:100px; float:left; margin-left:10px;} .main2-col-right li{font-size:18px; line-height:28px; width:80px; float:left; padding-left:10px;} .toutiao1{ color:#F00 !important; font-size:36px !important; width:1200px !important; } .main3{width:1200px;text-align:center; margin:0 auto;height:90px;} .main3 ul{width:1200px;} .main3 li{ line-height:30px; width:auto; margin-top:10px; float:left; margin:0 auto; } .main3 a{ font-size:16px; color:#000; width: auto;text-align:center; padding:0 10px; line-height:50px;} @media screen and (min-width: 1009px){ .main4{width:1200px; height:420px; margin:0 auto; margin-top:20px; } .main4-left{width:780px; float:left;} .lunbotu img{width:580px; height:400px;} .lunbotu ul li a{height:40px; width:600px; font-size:22px; position:absolute;left:1px;top:0px;background-color: rgba(0,0,0,0.5); color:#FFF;} .main4-right{ width:410px; float:right; background-color:#FFF;} .main4-right li{no-repeat; border-bottom:1px solid #CCC; line-height:50px; padding-left:10px;} .main4-right li a{ font-size:16px;} main4-right li a:link{ color:#FFF !important;} .main4-right li:hover {background-color: #c50505;transform:translate(0,-2px);text-decoration: none;} .main4-right li a:hover{color:#FFF;}} @media screen and (max-width: 1009px){ .main4{margin:10px 10px 0 10px; max-width:760px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative; background-color:#ECECEC; } .main4-left{ margin-top:70px;height: auto;overflow:hidden;position:relative;} .main4-left ul{width:100%;height:auto;overflow:hidden;position:absolute;top:0;left:0;} .main4-left li{float:left;width:100%;height:160px;} .main4-left li img{float:left;width:100%;height:140px;} .main4-left li span{display:block;width:100%;height:auto;} .lunbotu ul li a{font-size:14px; left:1px;top:380px; color:#000; font-weight:600;} } @media screen and (max-width: 1100px){.nexImg{display:none; } .preImg{display:none; } } .main5{width:1200px; height:500px; margin:0 auto; background-color:#FFF;} .main5-title{width:1200px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main5-title li{font-size:18px; margin-left:10px; padding-top:10px; } .main5-title li a{font-size:18px; margin-left:10px; margin-right:10px;} .main5-nr{width:1200px; margin-top:5px;} .main5-col{width:270px; height:210px; float:left; margin-left:10px; padding:5px 10px;} .main5-col img{width:250px; height:163px;border:2px solid #655f5f;} .main5-nr li{line-height:22px;width:250px;} .cyjd{width:1200px; height:170px; background-color:#ffe8e8; margin-top:10px;} .cyjd-left{width:55px; height:170px;background: url(../images/v9/cyjd.png) no-repeat; float:left} .cyjd-right{width:1145px; height:150px; float:left; margin-top:5px;} .cyjd-col{ width:275px; margin-left:10px; height:170px; float:left;} .cyjd-col img {width:275px; height:108px;} .main6{width:1200px; height:600px; margin:10px auto; } .main6-left{width:885px; height:600px; float:left; background-color:#FFF;} .main6-title{width:885px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main6-title li{font-size:18px; margin-left:10px; margin-right:10px; padding-top:10px; } .main6-title li a{font-size:18px; margin-left:10px; margin-right:10px;} .main6-nr{width:890px; height:410px; margin-top:5px;} .main6-nr-left{width:370px; height:410px; float:left;border:1px solid #CCC;} .main6-nr-left-t{width:370px; height:290px;} .main6-nr-left-t img{} .main6-nr-left-b{width:370px; height:110px; margin-top:10px;border:1px solid #CCC;} .main6-nr-left-b img{width:370px; height:110px;} .main6-nr-right{width:500px; height:410px; float:left; margin-left:10px;} .main6-nr-right li{line-height:32px; font-size:14px; letter-spacing:1px;} .main6-gg{width:885px; height:120px; margin-top:10px;} .main6-gg img{width:885px; height:120px;} .main6-right{width:300px; height:600px; float:left; padding-left:5px; background-color:#FFF; margin-left:10px; border-top:4px solid #F00;} .main6-right li{ padding:6.5px 0px; border-bottom:1px solid #F6F6F6} .main6-right li p a:link{color:#fff; } .main6-right-title{width:300px; height:50px; background: url(../images/v9/yjbg.png) no-repeat;} .lmtitle{ height:22px; color:#fff; background-color:#F00; display:inline-block; padding-left:5px; line-height:22px;} .main6-right-nr{width:301px; height:86px;} .main6-right-nr-img{ width:120px; height:85px; float:left} .main6-right-nr-img img{width:120px; height:85px;} .main6-right-nr-title1{ height:60px; font-size:14px;} .main6-right-nr-title1 p{line-height:22px; padding:0 5px;} .main6-right-nr-title{ width:170px; height:85px; float:left; margin-left:10px;} .main6-right-nr li{ font-size:14px; line-height:40px;} .main6-right-nr li img{width:40px; height:30px;} .main6-right-nr-i{width:300px; height:460px;} .main6-right-nr-i img{width:140px; height:180px;} .main6-right-nr-i li{width:140px; height:230px; float:left; margin-right:10px;} .main6-right-nr-i li a{width:140px; float:left; font-size:14px;} .main6-nr-t{width:890px; height:185px; font-size:16px;} .main6-nr-b{width:890px; height:160px;} .main6-nr-b li{width:420px; float:left; margin-right:20px; line-height:40px; font-size:16px;} .main7{width:1200px; height:610px; margin:10px auto; } .main7-left{width:885px; height:600px; float:left;background-color:#FFF;} .main7-title{width:885px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main7-title li{font-size:18px; margin-left:10px; margin-right:10px; padding-top:10px; } .main7-title li a{font-size:18px; margin-left:10px; margin-right:10px;} .main7-nr{width:890px; height:410px; margin-top:5px;} .main7-nr-left{width:370px; height:410px; float:left;border:1px solid #CCC;} .main7-nr-left-t{width:370px; height:290px;} .main7-nr-left-t img{} .main7-nr-left-b{width:370px; height:110px; margin-top:10px;border:1px solid #CCC;} .main7-nr-left-b img{width:370px; height:110px;} .main7-nr-right{width:500px; height:410px; float:left; margin-left:10px;} .main7-nr-right li{line-height:32px; font-size:14px;} .main7-gg{width:890px; height:120px; margin-top:5px; background-color:#0E34CF;} .main7-left-gg{width:885px; height:120px; margin-top:15px;} .main7-left-gg img{width:885px;} .main7-right{width:300px; height:600px; float:left; background-color:#FFF; margin-left:10px; border-top:4px solid #F00} .main7-right-title{width:300px; height:50px; background: url(../images/v9/zjsd.png) no-repeat;} .main7-right-gg{width:300px; height:80px; margin-top:5px;} .main7-right-nr{width:300px; } .main7-right-nr li img{width:40px; height:30px;} .main7-right-nr-col{width:300px; height:100px; margin:19px auto; border-bottom:1px solid #F7F7F7;} .main7-right-nr-col-l{width:98px; height:98px; float:left;} .main7-right-nr-col-l img{width:98px; height:98px;border-radius:5px } .main7-right-nr-col-r{width:196px; height:98px; float:left;} .main8{width:1200px; height:620px; margin:0 auto; } .main8-left{width:885px; height:600px; float:left;background-color:#FFF; } .main8-title{width:885px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main8-title li{font-size:18px; margin-left:8px; margin-right:8px; padding-top:10px; } .main8-title li a{font-size:18px; margin-left:8px; margin-right:8px;} .main8-nr{width:890px; height:410px; margin-top:5px;} .main8-nr-left{width:370px; height:410px; float:left; border:1px solid #CCC;} .main8-nr-left-t{width:370px; height:290px;} .main8-nr-left-t img{} .main8-nr-left-b{width:370px; height:110px; margin-top:10px; border:1px solid #CCC;} .main8-nr-left-b img{width:370px; height:110px;} .main8-nr-right{width:500px; height:410px; float:left; margin-left:10px;} .main8-nr-right li{line-height:32px; font-size:14px;} .main8-gg{width:890px; height:120px; margin-top:10px;} .main8-gg img{width:890px; height:120px;} .main8-right{width:300px; height:620px; float:left} .main8-right-title{width:300px; height:50px;background: url(../images/v9/zpsjz.png) no-repeat;} .main8-right-gg{width:300px; height:80px; margin-top:5px;} .main8-right-nr{width:300px; height:460px;} .main8-right-nr li{ font-size:14px; line-height:32px; } .main8-right-nr li img{width:40px; height:30px;} .main9{width:1200px; height:720px; margin:5px auto; } .main9-left{width:885px; height:720px; float:left;background-color:#FFF;} .main9-title{width:885px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main9-title li{font-size:18px; margin-left:10px; margin-right:10px; padding-top:10px; } .main9-title li a{font-size:18px; margin-left:5px; margin-right:5px;} .main9-nr{width:890px; height:310px; margin-top:5px;} .main9-nr-left{width:370px; height:310px; float:left;} .main9-nr-left-t{width:370px; height:310px;} .main9-nr-left-t img{} .main9-nr-left-b{width:370px; height:290px; margin-top:10px;} .main9-nr-left-b img{width:370px; height:290px;} .main9-nr-right{width:500px; height:310px; float:left; margin-left:20px;} .main9-nr-right li{line-height:32px; font-size:14px;} .main9-gg{width:500px; height:140px; margin-top:5px;border:4px solid #33C;} .main9-gg img{width:500px; height:140px;} .main9-right{width:300px; height:720px; float:left; padding-left:5px; background-color:#FFF; margin-left:10px; border-top:4px solid #F00;} .main9-right li{ padding:8px 0px;line-height:25px; border-bottom:1px solid #F6F6F6} .main9-right li p a:link{color:#fff; } .main9-right-title{width:300px; height:50px; background: url(../images/v9/yjbg.png) no-repeat;} .main9-right-nr{width:301px; height:86px;} .main9-right-nr-img{ width:120px; height:85px; float:left} .main9-right-nr-img img{width:120px; height:85px;} .main9-right-nr-title1{ height:60px; font-size:14px;} .main9-right-nr-title1 p{line-height:22px; padding:0 5px;} .main9-right-nr-title{ width:170px; height:85px; float:left; margin-left:10px;} .main10{width:1200px; height:720px; margin:10px auto; } .main10-left{width:885px; height:720px; float:left;background-color:#FFF;} .main10-title{width:885px; height:50px;background: url(../images/v9/titlebj.png) no-repeat;border-top:1px solid #c50505; } .main10-title li{font-size:18px; margin-left:10px; margin-right:10px; padding-top:10px; } .main10-title li a{font-size:18px; margin-left:5px; margin-right:5px;} .main10-nr{width:890px; height:310px; margin-top:5px;} .main10-nr-left{width:370px; height:310px; float:left;} .main10-nr-left-t{width:370px; height:310px;} .main10-nr-left-t img{} .main10-nr-left-b{width:370px; height:290px; margin-top:10px;} .main10-nr-left-b img{width:370px; height:290px;} .main10-nr-right{width:500px; height:310px; float:left; margin-left:20px;} .main10-nr-right li{line-height:32px; font-size:14px;} .main10-gg{width:500px; height:140px; margin-top:5px;border:4px solid #33C;} .main10-gg img{width:500px; height:140px;} .main10-right{width:300px; height:620px; float:left} .main10-right-title{width:300px; height:50px;background: url(../images/v9/xxny.png) no-repeat;} .main10-right-gg{width:300px; height:80px; margin-top:5px;} .main10-right-nr{width:300px; height:300px;} .main10-right-nr img{width:40px; height:30px; } .main10-right-nr-an{width:108px; height:32px; float:left; margin-left:30px; margin-top:20px;} .main10-right-nr li{ font-size:14px; line-height:32px; } .main11{width:1200px; height:470px; margin:10px auto;} .main11 img{width:400px; height:100px; margin-top:5px;} .main11-left{width:400px; height:470px; float:left; background-color:#FFF;} .main11-left img{width:400px; height:100px; margin-top:5px;} .main11-left-title{width:400px; height:45px;background: url(../images/v9/zxtitle_bj.png) no-repeat; border-top: 1px solid #c50505;} .main11-left-title li{font-size:24px; padding-left:50px; padding-top:5px; font-weight:bold;} .main11-left-nr{width:400px; text-align:left;} .main11-left-nr li{width:400px; line-height:32px; font-size:14px;letter-spacing:2px;padding:0 8px;} .main11-center{width:400px; height:470px; float:left; margin-left:20px; background-color:#FFF;} .main11-center img{width:400px; height:100px; margin-top:5px;} .main11-center-title{width:400px; height:45px;background: url(../images/v9/zxtitle_bj.png) no-repeat; border-top: 1px solid #c50505;} .main11-center-title li{font-size:24px; padding-left:50px; padding-top:5px; font-weight:bold;} .main11-center-nr{width:400px;} .main11-center-nr li{width:400px; line-height:32px; font-size:14px; padding:0 8px;} .main11-right{width:360px; height:470px; float:left;margin-left:20px; background-color:#FFF;} .main11-right img{width:360px; height:100px; margin-top:5px;} .main11-right-title{width:360px; height:45px;background: url(../images/v9/zxtitle_bj.png) no-repeat; border-top: 1px solid #c50505;} .main11-right-title li{font-size:24px; padding-left:50px; padding-top:5px; font-weight:bold;} .main11-right-nr{width:360px;} .main11-right-nr li{width:360px; line-height:32px; font-size:14px;padding:0 8px;} .main12{width:1200px; height:400px; margin:10px auto; background-color:#FFF;} .main12-title{width:1200px; height:45px;background: url(../images/v9/ppzs.png) no-repeat; } .main12-nr{width:1200px; height:160px; margin-top:10px;} .main12-col{width:200px; height:140px; float:left; margin-left:32px; margin-top:20px;} .main12-col img:hover{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -moz-box-shadow:0 3px 10px #888; -webkit-box-shadow:0 3px 10px #888; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; -ms-transition:.3s; } .main12-col img{width:200px; height:110px;position:relative; /*设置为相对*/ z-index: 1; background: #fff; -webkit-transition: all .2s linear; /*渐变效果*/ transition: all .2s linear; border-radius:15px; border-style: outset; border-width:5px; border-color:#f7f0eb;} .main12-col li{font-size:12px; text-align:center;} .main13{width:1200px; height:50px; margin:30px auto; background-color:#FFF;} .main13-1{width:100px; margin-left:20px; float:left} .main13-2{width:340px; margin-left:20px; float:left; padding-top:5px;} .main13-3{width:340px; margin-left:20px; float:left;padding-top:5px;} .main13-4{width:340px; margin-left:20px; float:left;padding-top:5px;} .friends{width:100%; background-color:#E4E8E9;} .friend{width:1200px; height:120px; margin:0 auto;background-color:#FFF; } .friend-left{width:50px; height:120px; float:left;border-right: 1px solid #666;} .friend-left li{width:50px;} .friend-left img{width:50px; height:105px; text-align:center; margin-top:10px;} .friend-right{width:1120px; height:105px; float:left; margin-left:20px; padding-top:10px;} .friend-right li{ float:left; line-height:25px;white-space:nowrap; } .friend-right a{ float:left; margin-left:10px; font-size:12px;} .friend-right-t{width:915px; margin-top:5px;} .friend-right-b{width:915px; margin-top:5px;} .friend-right-b ul a{margin:0 5px 15px 5px;} /* 通用容器 */ .box{border:1px solid #c3d4e7;zoom:1; } .box h5,.box h6{ background-color:#f7f7f7; height:47px; line-height:26px; font-size:18px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative; padding-top:10px;} .box h6{ margin-bottom:0} .box h5.title-1,.box h6.title-1{background-position: right -52px} .box h5.title-2,.box h6.title-2{background-position: right -100px} .box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6} .box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer} .box a.more{ font-size:12px; font-family:"宋体"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0} .box .content{ padding:0 10px; overflow:auto} @media screen and (min-width: 1100px){.col-left{width:820px; float:left;}} .lm_friend{border:1px solid #c3d4e7;zoom:1; margin-top:10px; } .lm_friend h5,.lm_friend h6{ background-color:#f7f7f7; height:40px; line-height:26px; font-size:18px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative; padding-top:10px;} .lm_friend h6{ margin-bottom:0} .lm_friend h5.title-1,.lm_friend h6.title-1{background-position: right -52px} .lm_friend h5.title-2,.lm_friend h6.title-2{background-position: right -100px} .lm_friend h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6} .lm_friend h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer} .lm_friend a.more{ font-size:12px; font-family:"宋体"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0} .lm_friend .content{ padding:0 10px; overflow:auto; background-color:#EBEBEB; padding-bottom:5px; } .lm_friend .content li{margin-top:5px;} .lm_friend .content li img{width:330px; height:70px;} /* 默认幻灯片 */ .FocusPic{zoom:1;position:relative; overflow:hidden} .FocusPic .content{overflow:hidden} .FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;} .FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:434px;height:30px;line-height:40px;overflow:hidden} .FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;} .FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;} .FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;} .FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;} .FocusPic .change i.cur {background:#FF7700;} /* 滚动公告 */ #announ{ height:22px; line-height:22px; overflow:hidden; float:left;background: url(../images/v9/icon.png) no-repeat left -461px; padding-left:20px} /* 首页 */ .extend{ padding:0;} .extend img{ margin:1px} .extend .col-left{background: url(../images/v9/extend.png) no-repeat;height:36px; width:22px; color:#fff; text-align:center; padding-top:3px; font-weight:700; margin-right:6px} .extend .col-auto{ font-family:"宋体"; color:#CCC;; padding:4px 0 0 0; height:40px} .box .news-photo{padding:0 0} .box .news-photo li{ float:left; width:139px; text-align:center; padding:5px 0; vertical-align:top} .box .news-photo li div.img-wrap{ width:110px; margin:auto; margin-bottom:5px; height:85px;} .box .news-photo li div.img-wrap a{ width:110px; height:85px;*font-size:62px;} /*new-hot*/ .news-hot{} .news-hot .content{ padding:16px 10px 0 16px} .news-hot .content h4{ padding:1px 0 5px 5px; font-size:18px; font-family:"宋体",Verdana;} .news-hot p {color:#777} .news-hot p img{ float:left; margin-right:10px} /* special */ .box{ background-color:#fff; margin-top:20px;} .box .special p{overflow:auto; margin-top:14px} .box .special p img{margin-right:10px; float:left} /* Digg */ .box .digg{background: url(../images/v9/num_list.png) no-repeat 10px 10px; padding-left:30px;} .box .digg li{ height:32px; line-height:42px; overflow:hidden; position:relative} .box .digg li span{background:#fff url(../images/v9/icon.png) no-repeat 0 -67px; position:absolute; right:0; top:0; padding:0 0 0 13px; width:30px} /* vote */ .box .vote h4{ font-size:14px; font-weight:normal} .box .vote label{display:block; line-height:22px} .box .vote .btn{ margin:6px 12px 0 0} /* rank */ .rank li{background: url(../images/uline.gif) repeat-x left top; clear:both;margin-top:-1px; overflow:hidden;*height:57px;} .rank li span{float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:italic;height:30px;color:#1E50A2;line-height:40px;overflow:hidden;padding-right:10px;text-align:right;width:30px;background: url(../images/v9/rank.png) no-repeat right 10px;} .rank li a.title{padding:9px 0 0; display:block; margin-left:76px} /*board*/ .list{ font-family:"宋体"; color:#888; font-size:14px;} .list li span{font-size:12px; padding:0 6px} @media screen and (max-width: 1100px){.rt{ display:none;}} @media screen and (min-width: 1100px){.lbshijian{ display:none;}} .cat-area{width:343px; float:left} .cat-area .content p img{ margin-right:10px; float:left} .cat-area .content p{color:#777; height:75px; overflow:hidden} .cat-area .content p strong{ font-size:14px; color:#333} /* Blogroll */ .blogroll {} .blogroll h5{ background:none; font-size:12px; margin:0 2px} /* 当前位置 */ .crumbs{background: url(../images/v9/icon.png) no-repeat left -38px; padding:1px 0 3px 18px; font-family:"宋体"; border-bottom:1px solid #c3d4e7; margin-bottom:10px; margin-top:5px;} .crumbs span{color:#7e7e7e} /* 栏目信息搜索 */ .search-form{ background-color:#FFFCED;border:1px solid #FFBF7A; padding:5px 10px; overflow:hidden;zoom:1} .search-form li{ float:left; padding:5px 12px 5px 0; height:24px; line-height:24px; white-space:nowrap} .search-form li.bk{ float:none; height:1px; line-height:1px; overflow:hidden; padding:0} .search-form *{vertical-align: middle} .search-form label{ padding:0 8px 0 0} .search_term{line-height:28px} .search_term th{ font-weight:normal; text-align:right; padding-right:8px; color:#666; width:70px} .search-list li{border-bottom:1px dashed #ccc;margin:6px 0 0; padding:10px 0; overflow:hidden} .search-list li img{float:left; margin-right:8px} .search-list li p{ color:#999} .search-point{background-color:#E6F1FB; padding:6px 10px; margin:10px 0} /* 视频频道 */ @media screen and (min-width: 1100px){ .pxbanner{ width:100%;} .pxbanner img{width:1200px; height:100px; margin:0 auto;} .main .video{width:1200px; height:480px; margin:10px auto;} .main .video-left{width:580px;height:420px; float:left;} .main .video-left img{width:540px;height:360px; margin-left:20px; margin-top:20px;} .main .video-left li{font-size:28px; margin-top:20px;} .main .video-right{width:580px;height:480px; float:left; margin-left:40px;} .main .video .video-col{width:285px; height:220px; float:left; margin-left:5px;} .main .video .video-col .title{width:280px; margin-left:5px; text-align:center;} .main .video .video-col li{width:280px; font-size:14px;} .main .video .video-col .nr{width:280px; height:180px; float:left; padding-left:10px;} .main .video .video-col .nr img{width:280px; height:180px; margin-left:5px; margin-top:5px;} .main .title{width:1200px; height:40px;} .tctop{width:1200px; margin:20px auto;} .teacher{width:290px; height:140px; float:left; margin-left:10px;} .teacher-img{width:140px; height:140px; float:left;} .teacher-img img{width:130px; height:130px; margin-left:5px; margin-top:5px;} .name{width:130px; height:100px; float:left; margin-left:20px;} .name li{line-height:40px; font-size:14px;} } @media screen and (max-width: 1100px){ .main .video{width:100%; height:auto; margin:10px auto;} .main .video-left{width:100%;height:auto;} .main .video-left img{width:96%;height:auto; margin-left:2vw; margin-right:2vw;margin-top:20px;} .main .video-left li{font-size:28px; margin-top:5px; padding-left:20px;} .main .video-right{width:100%;height:auto; float:left; } .main .video .video-col{width:45vw; height:35vw; float:left; margin-left:3vw;} .main .video .video-col .title{width:100%; text-align:center;white-space: nowrap; overflow: hidden;} .main .video .video-col li{width:100%; padding-top:2px;} .main .video .video-col .nr{width:100%; height:auto;} .main .video .video-col .nr img{width:40vw !important; height:25vw !important; margin-left:5%; margin-top:5px;} .main .title{width:100%; height: auto;} .tctop{width:1200px; margin:20px auto;} .teacher{width:290px; height:140px; float:left; margin-left:10px;} .teacher-img{width:140px; height:140px; float:left;} .teacher-img img{width:130px; height:130px; margin-left:5px; margin-top:5px;} .name{width:130px; height:100px; float:left; margin-left:20px;} .name li{line-height:40px; font-size:14px;}} /* 新闻频道 */ .main .channel-hot{width:450px; height:268px;} .channel-hot .news-hot,.channel-hot .news-hot .icon,.photo-slide,.photo-channel .photo-hots,.box-hots,.box-hots .icon,.photo-channel .photo-hots .icon,.photo-channel .photo-cat,.photo-channel #Article,.photo-channel .relevance,.comment{background: url(../images/v9/cat_hot_bg.png) repeat-x left -38px} .channel-hot .news-hot,.photo-channel .photo-hots,.photo-channel .photo-cat,.box-hots{width: auto; position:relative; border:1px solid #c3d4e7; margin:0; height:302px} .channel-hot .news-hot .icon,.photo-channel .photo-hots .icon,.box-hots .icon{position:absolute;top:0px;left:0;width:37px;height:37px;background-position: left top;background-repeat: no-repeat} .channel-hot .news-hot{width:450px; height:277px;} .channel-hot .news-hot div.hr{width:422px} .channel-slide{border:1px solid #c3d4e7; width:730px; padding:0 3px;} .channel-slide .thumb{ width:94px; float:left; margin-top:15px;} .channel-slide .thumb li{ margin-top:2px; position:relative} .channel-slide .thumb li a .icon{display:none} .channel-slide .thumb li.on a .icon{position:absolute;top:25px;right:-2px;background: url(../images/v9/channel_slide.png) no-repeat; width:8px; height:8px; display:block} .channel-slide .thumb li img{border:3px solid #fff} .channel-slide .thumb li.on img{border-color:#6e96be} .channel-slide .photo{ overflow:hidden;_float:left;_zoom:1; position:relative; width:590px;_width:590px; height:280px} .channel-slide .photo{width:590px;_width:590px; } .channel-slide .photo li{ display:none; position:absolute; top:15px; left:15px;} .channel-slide .title{ height:60px;background: url(../images/v9/channel_slide.png) repeat-x left -17px} .channel-slide .title p{ padding:8px 10px 0; width:610px; color:#666; display:none} .channel-slide .title p strong{font-size:18px; color:#0066cc; line-height:22px} /* 图片频道 - photo */ .photo-channel .photo-slide{ width:435px; padding:5px;border:1px solid #c3d4e7;zoom:1;} .photo-channel .photo-slide .FocusPic .title-bg,.photo-channel .photo-slide .FocusPic .title{ bottom:35px} .photo-channel .photo-slide .change{bottom:0px; left:0; text-align:left; height:30px;} .photo-channel .photo-slide .change i{background: url(../images/v9/focusBg.gif) no-repeat right top; width:39px; height:30px; text-align:center; padding:0; margin-right:8px; line-height:40px;color:#049} .photo-channel .photo-slide .change i.cur{background-position: left top; color:#fff; font-weight:700} .photo-channel .photo-hots,.box-hots{float:left; width:242px; margin-right:10px;_margin-right:5px; height:auto; overflow:hidden;padding-bottom:5px;} .photo-channel .photo-hots h4, .box-hots h4{text-align:left;height:26px;*height:25px;font:18px/26px "MicroSoft YaHei","SimHei";color:#457bb4;*line-height:25px;margin:0; padding:5px 0 0px 30px} .photo-channel .photo-cat{ position:relative; height:auto} .photo-cat .content h5 a,.photo-cat .content h5 a strong{background-image: url(../images/v9/title_photo.png);background-repeat: no-repeat; height:35px; padding-left:10px;display:block; float:left;text-decoration: none;} .photo-cat .content{padding-bottom:6px} .photo-cat .content h5 a strong{background-position: right top; padding-right:14px; color:#fff; float:left; line-height:35px} .photo-cat .content h5{position:absolute;left:14px; top:-4px; width:98%} .photo-cat .content h5 span{ font-size:12px; font-weight:normal; padding-left:12px; line-height:38px} .photo-cat .content h5 span.blue a{ background-image:none; float:none; padding:0 4px; height:auto} .photo-cat .content h5 span.blue a:hover{ color:#F30} .photo-cat .content h5 span.blue a.more{ float:right} .photo-cat .photo-list{ padding-top:45px} .photo-list li{ vertical-align:top; width:188px;*width:191px; text-align:center; padding-bottom:12px} .photo-list li div.img-wrap{ width:160px; height:120px; margin:auto; margin-bottom:3px} .photo-list li div.img-wrap a{ width:160px; height:120px;*font-size:88px;} /*专题*/ .special-channel .box-hots{ width: auto; float:none; margin:0} .special-channel .box-hots .content{ padding:10px} .special-channel .special-slide{position:relative} .special-channel .special-slide .change{ position:absolute; top:0px; right:0px;height:8px;font-size:0} .special-channel .special-slide .change i{background: url(../images/v9/special-slide.png) no-repeat top right; width:8px; height:8px; text-indent:-1000px; font-size:0; margin-left:6px; display: block; float:left;cursor: hand;!important;cursor: pointer} .special-channel .special-slide .change i.cur{background-position: left top;} .special-channel .special-slide .changeDiv{ overflow: auto; padding:10px 0 0 10px} .special-channel .special-slide .changeDiv a{ position:absolute; width:660px; display:none} .special-channel .special-slide .changeDiv a img{ float:left; margin-right:10px} .special-channel .header{ overflow:hidden; padding:0} .special-channel .new{ width:315px} .special-channel .img-text .intro{ padding:6px 8px} .special-channel .img-text .news-hot{ background-image:none; width:auto; padding:10px 0 0 0; margin:0; height:auto} .special-channel .img-text{width:385px} .special-channel .img-text .box a.title{ padding:6px 0 3px; display:block} .special-channel .img-text .vote{ padding:0}.special-channel .img-text .vote .content{ padding:0 8px 10px} .special-channel .int{ background-color:#f5f5f5; padding:8px 10px} .special-channel .int .box{ padding:8px 10px; height:374px; overflow:hidden} .special-channel .int .box h4{ font-size:12px; font-weight:normal} .special-channel .int .box p{ color:#979090} .special-channel .news-photo li{ width:156px} /*RSS*/ .rss-channel{background: url(../images/v9/rss_bg.png) repeat-x left 38px;} .rss-channel .header,.rss-channel .navlist .memu .content div,.rss-channel .navlist .memu .content ul li,.rss-channel .xml .rss dt,.rss-channel .xml a.xmlbut,.rss-channel .xml .rss dd a{background: url(../images/v9/rss.png) no-repeat;} .rss-channel .header{height:88px; overflow:hidden} .rss-channel .special-body-top a.logo{background-image:none; padding-right:0px} .rss-channel .box h5,.rss-channel .box h6{ position:static} .rss-channel .main{overflow:visible; background-color:#fff} .rss-channel .navlist{width:200px} .rss-channel .navlist .memu{padding:0} .rss-channel .navlist .memu .content {padding:1px 1px 0} .rss-channel .navlist .memu .content div{background-color:#dae7f4;height:24px;line-height:24px;margin-bottom:1px;font-weight:700;background-position: 18px -216px; padding-left:26px} .rss-channel .navlist .memu .content div.color{ background-color:#eaf2f9} .rss-channel .navlist .memu .content div.on{background-position: 16px -188px;} .rss-channel .navlist .memu .content ul{display:none; line-height:22px; padding:3px 0 3px 30px} .rss-channel .navlist .memu .content ul li{background-position: left -161px;_background-position: left -165px; padding-left:10px; height:22px} .rss-channel .navlist .memu .content ul li.on,.rss-channel .navlist .memu .content ul li:hover{background-position: left -140px; color:#F60} .rss-channel .rsslist{ width:730px} .rss-channel .rsslist .box{ width:358px; float:left; overflow:visible} .rss-channel .xml{ float:right; font-size:12px; font-weight:normal; } .rss-channel .xml a.xmlbut{background-position: left -116px; display:block; width:24px; font-size:1px; text-indent:-1000px; float:left; height:15px; margin-right:5px; overflow:hidden; margin-top:4px} .rss-channel .xml .rss{float:left; position:relative; z-index:1} .rss-channel .xml .rss dl{ overflow:hidden; height:26px;width:65px;} .rss-channel .xml .rss dt{background-position: -28px -116px; padding-left:18px;height:21px; line-height:17px; margin-top:5px;} .rss-channel .xml .rss dd{height:16px; line-height:16px; padding:5px 0} .rss-channel .xml .rss dd a{ padding-left:14px;background-position: 5px -258px;} .rss-channel .xml .cur{width:65px; z-index:2} .rss-channel .xml .cur dl{width:65px;border:1px solid #C3D4E7; position: absolute; top:-1px; right:-1px; background-color:#fff; z-index:999;overflow:visible; height:auto} .rss-channel .xml .cur dd{border-top:1px dashed #DCDDDD;} /* 内容 */ @media screen and (min-width: 1009px){ #Article{ overflow:hidden} #Article,.photo-channel .relevance{ border:1px solid #C3D4E7;zoom:1; padding:0 20px} #Article h1{color:#000;font:800 26px/40px "宋体",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5} #Article h1 span{ font-size:12px; font-weight:normal; line-height:40px; color:#999} #Article .content{ font-size:14px; line-height:40px;} #Article .content img{ width:100%; max-width:760px; height:auto;} #Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0} #Article .related{ border-top:dashed 1px #ccc; margin-top:15px} #Article .related h5{padding-bottom:4px} #Article .related{ padding:10px 0 0} #Article .related a{ color:#0b3b8c} .Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd} .Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;} .Article-Tool a:hover{text-decoration: none} .Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1} .Article-Tool a.t1{background-position: left -115px;} .Article-Tool a.t2{background-position: left -159px;} .Article-Tool a.t3{background-position: left -205px;} .Article-Tool a.t4{background-position: left -250px;} .Article-Tool a.t5{background-position: left -294px;} .Article-Tool a.t6{background-position: left -421px;padding-left:18px;} #Article .qycontent{ font-size:14px; line-height:40px; height:100%;} #Article .qycontent img{ width:100%; height:auto; margin:0 5px 5px 0;} #Article .qycontent p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0; width:1158px; float: left;} #Article .qycontent p img{display:block;margin:0 auto;} .contentcp{ width:1200px; height:180px;} .contentcp img {width:240px; height:180px; float:left; margin-left:10px;} .lianxi{width:1200px; height:200px; margin-top:20px; margin-bottom:10px;border-bottom:1px solid #dce7f3;} .lxtitle{width:1150px; height:40px; font-size:24px; text-align:left;border-bottom:1px solid #dce7f3; font-weight:600; } .lxnr{width:1000px; height:110; margin-top:10px; float:left; font-size:16px;} .lxnr li{ line-height:25px;} .wei{ width:110px; height:110px; float:left; margin-top:10px;} .wei img{ width:110px; height:110px; }} @media screen and (max-width: 1100px){.lbxq{ display:none;}} @media screen and (max-width: 1100px){ #Article{ overflow:hidden} #Article,.photo-channel .relevance{ border:1px solid #C3D4E7;zoom:1; padding:0 20px} #Article h1{color:#000;font:800 16px/20px "宋体",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5} #Article h1 span{ font-size:10px !important; font-weight:normal; line-height:40px; color:#999} #Article .content{ font-size:14px; line-height:40px;} #Article .content img{ width:100% !important; max-width:760px; height:auto !important;} #Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0} #Article .related{ border-top:dashed 1px #ccc; margin-top:15px} #Article .related h5{padding-bottom:4px} #Article .related{ padding:10px 0 0} #Article .related a{ color:#0b3b8c} .Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd} .Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;} .Article-Tool a:hover{text-decoration: none} .Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1} .Article-Tool a.t1{background-position: left -115px;} .Article-Tool a.t2{background-position: left -159px;} .Article-Tool a.t3{background-position: left -205px;} .Article-Tool a.t4{background-position: left -250px;} .Article-Tool a.t5{background-position: left -294px;} .Article-Tool a.t6{background-position: left -421px;padding-left:18px;} #Article .qycontent{ font-size:14px; line-height:40px; height:100%;} #Article .qycontent img{ width:100%; height:auto; margin:0 5px 5px 0;} #Article .qycontent p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0; width:1158px; float: left;} #Article .qycontent p img{display:block;margin:0 auto;} .contentcp{ width:1200px; height:180px;} .contentcp img {width:240px; height:180px; float:left; margin-left:10px;} .lianxi{width:1200px; height:200px; margin-top:20px; margin-bottom:10px;border-bottom:1px solid #dce7f3;} .lxtitle{width:1150px; height:40px; font-size:24px; text-align:left;border-bottom:1px solid #dce7f3; font-weight:600; } .lxnr{width:1000px; height:110; margin-top:10px; float:left; font-size:16px;} .lxnr li{ line-height:25px;} .wei{ width:110px; height:110px; float:left; margin-top:10px;} .wei img{ width:110px; height:110px; }} } @media screen and (min-width: 1100px){.dianji-m{ display:none;}} @media screen and (max-width: 1100px){.dianji-pc{ display:none;}} /*关键字提示*/ .point{border:1px solid #ffbf7a; background:#fffced; position: absolute; z-index:1000; width:auto;} .point .arro{position:absolute; top:-9px;*top:-13px; left:97px; width:18px; height:9px;background: url(../images/v9/key_float.png) no-repeat;} .point .contents{padding:8px 10px; text-indent:0;margin-right:10px;font-weight:normal;} .point a.close span{display:none} .point a.close{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute; right:4px; top:4px;*top:0px;_top:0px;outline:none;} .point a.close:hover{background-position: left -46px} .point span.o1, .point span.o2, .point span.o3, .point span.o4{position:absolute;width:3px;height:3px;background: url(../images/fillet.png) no-repeat; line-height:0; font-size:0} .point span.o1{background-position: left top; top:-1px;*top:-5px; left:-1px;} .point span.o2{background-position: right top; top:-1px;*top:-5px; right:-1px} .point span.o3{background-position: left -3px; bottom:-1px;*bottom:3px; left:-1px} .point span.o4{background-position: right -3px; bottom:-1px;*bottom:3px; right:-1px;} /*图片内容*/ .photo-channel #Article .tool{ position:relative; height:35px; padding-top:6px} .photo-channel #Article .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next{background: url(../images/v9/up-next.png) no-repeat; height:27px; width:31px;margin-right:10px; overflow:hidden; line-height:27px} .photo-channel #Article .tool .auto span,.photo-channel .tool .up span,.photo-channel .tool .next span{ visibility:hidden} .photo-channel #Article .tool .auto{background-position: -39px top;} .photo-channel #Article .tool .next{background-position: -78px top;} .photo-channel #Article .Article-Tool{ position:absolute; right:0; border:none; background:none; font-size:12px; font-weight:normal} .photo-channel #Article .tool .stat{ color:#999;} .photo-channel #Article .big-pic{ text-align:center; padding:10px 0; border:1px solid #ededed; background-color:#fafcfe; position: relative} .photo-channel #Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden;*font-size:480px; width:896px; height:650px} .photo-channel #Article .big-pic .max{ position:absolute; bottom:0px; right:0px;background: #FFF url(../images/v9/max.png) no-repeat 5px center; z-index:101; padding:5px 5px 5px 20px} .photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100} .photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100} .photo_prev a,.photo_next a{background-image: url(../images/blank.gif);display:block; width:100%; height:100%; outline:none;} #Article .list-pic{ padding:22px 0 16px; height:100px} #Article .cont{overflow:hidden; float: left; width:616px; height:80px} #Article .cont li{ float:left; width:123px; text-align:center; display:block; overflow:hidden} #Article .cont li .img-wrap{width:100px; height:75px; margin:0 auto;} #Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;} #Article .cont li.on .img-wrap{ border:2px solid #ffb017} #Article .list-pic .pre,#Article .list-pic .next{float:left; display:block; position:relative;background: url(../images/v9/pic_bg.png) no-repeat;width:110px;height:86px; text-align:center} #Article .list-pic .pre{ left:-8px;top:-3px; margin-right:14px} #Article .list-pic .next{ right:-8px; float:right;top:-3px} #Article .list-pic .pre .img-wrap,#Article .list-pic .next .img-wrap{width:102px; height:72px;border:none; padding:4px 0 8px} #Article .list-pic .pre .img-wrap a,#Article .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px } #Article .list-pic .pre .img-wrap a:hover,#Article .list-pic .next .img-wrap a:hover{ background:none} #Article .list-pic .next{ right:-8px; float:right;bottom:-2px} #Article .pre-bnt,#Article .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer} #Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{background: url(../images/v9/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;} #Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{background-position: 0 -78px;} #Article .pre-bnt span{background-position: -30px top;} #Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;} #Article .next-bnt span{background-position: -55px top;} #Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;} /* endSelect */ #endSelect{top:290px;left:333px;position:absolute;width:230px;height:71px;border:1px solid #8a8a8a;display:none;z-index:200;} #endSelect .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;} #endSelect .E_Cont{position:absolute;top:10px;left:26px;color:#fff;font-size:14px;} #endSelect .E_Cont p{padding:4px 0;zoom:1;overflow:hidden;} #rePlayBut,#nextPicsBut,#endSelect #endSelClose{background:url(../images/v9/big-btn.png) no-repeat} #rePlayBut{float:left;width:69px;height:23px;background-position: 0px -167px;} #nextPicsBut{float:left;width:97px;height:23px;background-position: -100px -167px;margin-left:10px;} #endSelect #endSelClose{background-position: 0px -217px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2;} .photo-channel #Article .text{ border:1px solid #ddd; background-color:#f3f3f3; padding:8px 10px; zoom:1; margin-bottom:20px} .photo-channel .relevance{ padding:5px 10px 10px} .photo-channel .relevance h5,.comment h4{background: url(../images/v9/icon.png) no-repeat left -375px; padding-left:16px;} .photo-channel .relevance .photo-list{ padding:0; overflow:auto; padding-top:10px} .photo-channel .relevance .photo-list li{ float:left; width:153px; padding:0} .photo-channel .relevance .photo-list li .img-wrap{width:110px;height:86px;margin:0 auto;background: url(../images/v9/pic_bg.png) no-repeat; border:none; margin-bottom:6px} .photo-channel .relevance .photo-list li .img-wrap a{*font-size:59px;width:104px; height:86px; padding:1px 5px 5px 1px } .photo-channel .relevance .photo-list li .img-wrap a:hover{ background:none} .box .photo-hot{padding:0 2px} .photo-hot li{width:119px;*width:50%; text-align:center; padding:5px 0; vertical-align:top} .photo-hot li div.img-wrap{ width:94px; margin:auto; margin-bottom:5px; height:64px;} .photo-hot li div.img-wrap a{ width:94px; height:64px;*font-size:48px;} /* 分页 */ #pages { padding:14px 0 10px; font-family:宋体 } #pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px} #pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 } #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none } #pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px} .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } /* 广告位 */ .ads{padding-top:8px} .ads .col-left{width:748px;} .ads .col-auto{border:1px solid #c3d4e7; padding:1px;width:198px} .ads .col-auto div.left{float:left; background:#dce2ea; width:20px; margin-right:8px; text-align:center; height:83px; padding-top:5px} .ads .col-auto div.right{overflow:hidden; } /* 评论-form */ .comment-form{border:1px solid #c3d4e7; padding:10px 20px; margin-bottom:10px} .comment-form h5{ height:22px; padding-bottom:5px;border-bottom:1px solid #C3D4E7;} .comment-form strong{background: url(../images/icon/user_comment.png) no-repeat; padding-left:21px; float:left} .yzm{display:none;position:absolute; background:url(../images/admin_img/login_ts140x89.gif) no-repeat; width:140px; height:89px;text-align:center; font-size:12px;} .yzm a:link,.yzm a:visited{color:#036;text-decoration:none;} .yzm a:hover{ color:#C30;} .yzm img{ cursor:pointer; margin:0px auto; width:130px; height:50px; margin-top:4px; border:1px solid #fff; margin-bottom:1px;} .comment-form .posn{ padding:10px 0} .comment-title{ text-align:center; padding:5px 0 10px} .comment-title a:hover{ text-decoration: none; color: #F60;} .comment{border:1px solid #C3D4E7;zoom:1; padding:8px 15px} .comment h4{ border-bottom:1px solid #C3D4E7; padding-bottom:6px; margin-bottom:15px} .comment .title{ margin-bottom:5px} .comment .title span{ position:relative; top:-5px} .comment .content{ font-size:14px; background:#f6f9fb; border:1px solid #c4d5df; zoom:1; padding:8px 10px; margin:5px 0} .comment .content span{display:block;} .comment_button{margin-bottom:15px;} .comment_button a{padding:5px; border:solid 1px #C3D4E7; } .comment_button a.on{background:#4C7FB6; color:#fff;border:solid 1px #3E73A9} /* footer style */ /* link */ .ditu{ width:1200px; height:128px; margin:0 auto;background:url(../images/ditu.png); margin-top:20px;} .footer p.info{} .footer p.info{color:#666; text-align:center; line-height: 14px; margin-top:15px; margin-bottom:15px; width:1200px; margin:0 auto; } .footer p.info a{color:#666;} /*link*/ .colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;} .ylink h5 a.rt{ margin-right:8px; font-weight:normal; font-family:"宋体"} .ylink h5 a.red{ color:red; font-weight:normal; padding:0 6px} .ylink .imgul li{ text-align:center; margin:5px 10px;} .ylink .linka a{ margin:10px; white-space:nowrap; height:30px; line-height:40px;} .itemli{ margin:0px 10px;} .itemli li{padding:10px 0px;} .itemli li a{background:url(../images/bg_member_1.gif) no-repeat -5px -126px;font-weight:bold; padding-left:14px;color:#004499; font-size:13px;} .pd_b0{padding-bottom:0px;} /*内容摘要*/ .summary {background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 15px 0 0;padding: 12px 5px 6px;text-align: justify;text-indent: 2em;} /*单页*/ #header{ height:94px;} #header .logo{ padding:0 100px 0 20px;float:left;} .log{line-height:24px; height:24px;float:right; font-size:12px} .log{color:#c7c5c5; margin-top:40px} .log a{color:#6f6f6f;text-decoration: none;} .log a:hover{text-decoration: underline;} #header .content{width:880px; margin:auto; height:60px;padding:10px 0 0 0} #content{width:1200px; margin:auto; padding:14px 0 0 0} .left-nav{width:210px; height:399px; padding-top:10px} .left-nav h1,.left-nav .content li,.left-nav .content li.cur a,.left-nav .bottom{background: url({IMG_PATH}v9/about_left.png) no-repeat right top} .left-nav h1{display:block; height:40px; text-indent:-999px; overflow:hidden} .left-nav .content{background: url({IMG_PATH}v9/about_left_bg.png) repeat-y right top; padding-left:44px} .left-nav .content li{background-position: right -102px; display:block; height:30px; line-height:40px; font-size:14px} .left-nav .content li a{display:block; height:25px; line-height:25px; padding-left:14px; color:#6f6f6f} .left-nav .content li.cur a{background-position: left -72px; font-weight:700; color:#0d4b9b} .left-nav .bottom{background-position: right -168px; height:216px} @media screen and (max-width: 1000px) { .col-auto{display:none;}} .col-auto .title{font-size:14px;padding:5px 0 0;background: url({IMG_PATH}uline.gif) repeat-x left bottom; margin-bottom:15px} .col-auto .content p{ margin-bottom:15px; font-size:14px; line-height:25px; color:#6f6f6f} .footer{width:100%; height:300px; } .footer-t{color:#666; height:35px; margin:auto; text-align:center; padding-top:15px; border-top:1px solid #666} .footer-t p.info a{ width:1200px; margin:0 auto;} .footer-b{color:#666; line-height:14px;width:100%; height:170px; margin:auto; text-align:left; padding:12px 0; border-top:1px solid #666; border-bottom:1px solid #666;} .footer-b img{width:150px; height:150px; margin:0 auto;} .footer-bn{width:960px; margin:0 auto;} .footer-b-l{width:300px; height:160px; float:left} .footer-b-r{width:650px; height:160px; float:left; padding-top:5px; margin-left:10px;} .footer-b-r li{line-height:25px;} .footer-b p.info a{width:1200px; margin:0 auto;color:#666;} /*首页菜单*/ .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px;} .dropdown-content li {font-size:18px; line-height:28px; width:90px; float:left; padding-left:7px;} .dropdown:hover .dropdown-content {display: block; } @media screen and (max-width:1100px) {.tab{display:none;}} .tab { width: 820px; border: 1px solid #eee; overflow: hidden; float:left; margin-right:25px; } .tab-title { height: 37px; position: relative; background: #f7f7f7; } .tab-title ul { position: absolute; width: 800px; left: -1px; } .tab-title li { float: left; width: 80px; height: 33px; line-height: 30px; text-align: center; padding: 0 1px; border-bottom: 1px solid #eee; overflow: hidden; } .tab li a:link, .tab li a:visited { text-decoration: none; color: #000; } .tab li a:hover { color: #ab0000; font-weight: 600; } .tab-title li.select { background: #fff; border-top:2px solid #06F; border-left: 2px solid #06F; border-right: 2px solid #06F; margin-left:1px; } .tab .tab-content .tabct { margin:10px auto; } .tab .tab-content .tabct ul li { float: left; width: 800px; height: 140px; overflow: hidden; margin-top:5px; border-bottom: solid 1px #F0F2F2; padding-left:10px; } .tab .tab-content .tabct ul li p{line-height:20px;} .tabctnr{width:800px; height:140px;} .tabctnr-img{width:150px; height:120px; float:left;} .tabct li img{width:150px; height:120px !important; margin-top:5px;} .tabctnr-title{width:620px; height:140px; float:left; margin-left:30px;} .tabct-d1{width:150px; height:150px; float:left;} .tabct-d2{width:630px; height:150px; float:left; margin-left:20px; font-size:16px;} .warper{ width: 1200px; height:320px; margin: 0 auto; padding: 3px 3px 0px 0px; } #wowslider-container1 { zoom: 1; position: relative; max-width: 1200px; float:left; z-index: 90 } * html #wowslider-container1 { width: 1000px } .ws_images img{width:431px; height:87px;} #wowslider-container1 .ws_images ul { position: relative; width: 100%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible } #wowslider-container1 .ws_images ul li { line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important } #wowslider-container1 .ws_images { position: relative; width:431px; height:87px; float:left; overflow: hidden } #wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent } #wowslider-container1 img { max-width: none!important } #wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 } #wowslider-container1 a { text-decoration: none; outline: 0; border: 0 } #wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% } #wowslider-container1:hover .ws_playpause { display: block } #wowslider-container1 .ws_pause { background-image: url(../images/pause.png) } #wowslider-container1 .ws_play { background-image: url(../images/play.png) } #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important } #wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em } #wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff } #wowslider-container1 .ws-title span { font-size: 2.4em } #wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; float: right;width: 180px; height: 100% ; z-index:98; left:1020px;} #wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width:161px; height:82px } #wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; margin-bottom: 4%; text-indent: 0; padding: 2.99%; width: 89.54%; background-color: #fff } #wowslider-container1 .ws_thumbs a:hover { opacity: 1 } #wowslider-container1 .ws_thumbs a:hover img { visibility: visible } #wowslider-container1 .ws_thumbs div { position: relative; width: 100% } #wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 } #wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite } /* lunbotu */ .c-lunbotu{ position: relative; } .c-lunbotu img{ width: 100%; } .c-lunbotu .lunbotu ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; } .c-lunbotu .lunbotu ul li{ position: absolute display: none; opacity: 0; } .c-lunbotu .lunbotu ul li:nth-child(1){ opacity: 1; display: block; } .c-lunbotu .lunbotu ul li img{ width: 100%; position: absolute; top: 0px; } .c-lunbotu .lunbotu ul li:first-child img{ position: relative; } .c-lunbotu .nexImg,.c-lunbotu .preImg{ padding: 225px 10px 25px 10px; position: absolute; top: 50%; margin-top: -53px; opacity: 0.5; border-radius: 5px; z-index: 10; } .c-lunbotu .nexImg:hover,.c-lunbotu .preImg:hover{ opacity: 0.8; } .c-lunbotu .nexImg{ right: 0px; } .c-lunbotu .nexImg img,.c-lunbotu .preImg img{ } .c-lunbotu .jumpBtn{ width: 100%; position: absolute; text-align: right; margin-top:390px; } .c-lunbotu .jumpBtn ul{ margin-bottom: 0px; padding: 0px; } .c-lunbotu .jumpBtn ul li{ width:15px; height: 15px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px; } .c-lunbotu .jumpBtn ul li:first-child{ margin-left: 0px; } @media screen and (max-width:768px) { .c-lunbotu{ width: 100%; height: 165px; overflow: hidden; } } } /*产业基地*/ #wrapper { width: 1100px; height: 150px; margin-left:30px; position: absolute; } #carousel { width: 1100px; margin-left:30px; position:vrelative; } #carousel ul { list-style: none; display: block; margin: 0; padding: 0; } #carousel li { background: transparent url(../images/carousel_polaroid.png) no-repeat 0 0; font-size: 14px; color: #fff; text-align: center; display: block; width: 232px; height: 178px; padding: 0; margin-left: 30px; float: left; position: relative; } #carousel li img { width: 210px; height: 127px; margin-top: 14px; } #carousel li span { background: transparent url(../images/carousel_shine.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 201px; height: 127px; position: absolute; z-index: 2; top: 14px; left: 16px; } .clearfix { float: none; clear: both; } #carousel .prev, #carousel .next { background: transparent url(../images/carousel_control.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; } #carousel .prev { background-position: 0 0; left: -30px; } #carousel .prev:hover { left: -31px; } #carousel .next { background-position: -18px 0; right: 2px; } #carousel .next:hover { right: 2px; } #carousel .pager { text-align: center; margin: 0 auto; } #carousel .pager a { background: transparent url(../images/carousel_control.png) no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0; } #carousel .pager a.selected { background: transparent url(../images/carousel_control.png) no-repeat -12px -32px; text-decoration: underline; } #source { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; } #source, #source a { font-size: 12px; color: #999; } #donate-spacer { height: 100%; } #donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; } #donate p, #donate form { margin: 0; float: left; } #donate p { width: 650px; } #donate form { width: 100px; } /* 教育*/ .kecheng{ width:348px; float:left; margin-top:10px; border:1px solid #dce3ed} .ke_title{width:328px; float:left; font-size:24px; padding-left:20px; background-color:#CCC;} .kecheng ul li{ width:160px; float:left; margin:5px 7px;} .ke_img{ width:160px; height:160px;} .ke_img img{ width:140px; height:140px; margin-left:10px; margin-top:10px;} .ke_t{ width:160px; margin-left:10px;} .zhuanjia{width:348px; float:left; margin-top:10px; border:1px solid #dce3ed} .zhuanjia_title{width:328px; float:left; font-size:24px; padding-left:20px; background-color:#CCC;} .zhuanjia_t{width:348px; height:98px; margin-top:10px;} .zhuanjia_t_img{width:98px; height:98px; float:left;} .zhuanjia_t_img img{margin-top: 10px;width: 80px;height: 80px;border-radius: 80px;} .zhuanjia_t_n{width:226px; height:98px; float:left; padding-top:10px;} .zhuanjia_t_n li{style="font-size:16px; color:#6FF;"} @media screen and (max-width:1100px) {.lmmain1{display:none;}} .lmmain1{width:1200px; margin:20px auto; margin-bottom:20px; height:120px;} .lmgg{width:950px; height:120px; float: right;} .lmgg img{width:950px; height:120px; } @media screen and (min-width:1100px) {.sjgg{display:none;}} .sjgg{ width:100%; height:75px; margin:0 auto;} .sjgg img {width:100%; height:75px;} /*返回顶部*/ .toTop { width: 70px; height: 70px; border-radius: 50%; background: #999; text-align: center; line-height: 70px; /*返回顶部标签固定定位*/ position: fixed; right: 35px; bottom: 35px; z-index: 999; font-size: 14px; color:#FFF; } .toTop:hover { background: green; font-size: 16px; cursor: pointer; color: red; } /*课程*/ .kcnr{width:1200px; height:400px; margin:0 auto;background-color:#E5E5E5} .kcimg{width:500px;height:300px; margin-top:50px; margin-left:20px; float:left; background-color:#CCC;} .kcimg img{ width:480px; height:280px; margin:10px 10px 10px 10px ;} .kcxq{width:620px; margin-left:60px; float:left; margin-top:50px;} .kcxq li{width:300px; float:left; list-style:none; line-height:56px; font-size:18px;} .kcxqtitle{width:660px; height:30px;} .kcjs{width:1200px; margin:20px auto;} .kcjstitle{width:1200px; height:30px; border-bottom:solid 1px #e3e1e2;font-size:24px;} .kcleft{width:820px; float:left; border-right:solid 1px #e3e1e2;padding:10px; min-height:600px;} .kcright{ width:340px; float:left; margin-left:10px; } .kcright li{list-style:none; line-height:26px;} .kcright_t{width:320px; height:30px; margin-left:10px; border-left:solid 3px #F00; margin-top:10px; padding-left:5px; font-size:24px; margin-bottom:20px;} .kcright_n{width:320px; height:30px; margin-left:10px; border-left:solid 3px #F00; margin-top:10px; padding-left:5px; font-size:24px; margin-bottom:20px;} .kcright img{width:310px; height:190px;} /*装配中心*/ .zxjs{width:820px; height:auto;} .zxlogo{width:600px; height:150px; margin:0 auto;} .zxlogo img{width:600px; height:150px;} .zxtitle{width:820px; height:30px; border-bottom:#09F 1px solid; font-size:18px; font-weight:600;} .bgh{width:820px; height:260px;} .zhuren{ width:150px; height:180px; float:left; margin-left:11px;} .zhuren img {width:140px;height:120px; margin:5px;} .zhuren p{font-size:12px} /*品牌*/ .ppmain1{width:1200px; height:320px; margin:0 auto;} #flash{width:680px;height: 320px;position: relative; float:left;} #flash #play{width:680px;height: 320px;list-style: none;position:absolute;top:0px;left:0px;} #flash #play img{ width:680px; height:320px;} #flash #play li{display: none;position:absolute;top:0px;left:0px;} #flash #play li img{float: left;} #button{position: absolute;bottom:20px;left:470px;list-style: none;} #button li{margin-left: 10px;float: left;} #button li div{width:12px;height: 12px;background:#DDDDDD;border-radius: 6px;cursor: pointer;} #prev{width:40px;height:63px;background:url(images/beijing.png) 0px 0px;position: absolute;top:125px;left:10px;z-index: 1000;} #next{width:40px;height:63px;background:url(images/beijing.png) -40px 0px;position: absolute;top:125px;right:10px;z-index: 1000;} #prev:hover{background:url(images/beijing.png) 0px -62px;} #next:hover{background:url(images/beijing.png) -40px -62px;} .flashr{width:500px; height:320px; float:left;} .flashr li{width:150px; height:150px; float:left; margin-left:15px; margin-top:10px;} .flashr img {width:150px; height:120px;} .lanmu{width:1200px; margin:0 auto;} .lanmu1{width:140px; float:left; margin-right:10px;} .lanmut{font-size:16px; font-weight:600;} .lanmun{font-size:14px;} .qytui{width:1200px; margin:0 auto; height:310px; margin-bottom:20px;border: 1px solid #F0F0F0;} .qytui-left{width:150px; height:300px; float:left; } .qytui-left img{width:150px; height:310px;} .qytui-right{width:1050px; height:310px; float:left} .qytui-right li {width:155px; height:140px; float:left; margin-left:40px; margin-top:10px;box-shadow:0 1px 10px 0 rgba(144,144,144,0.2); padding-top:5px; padding-left:5px;} .qytui-right li img{width:140px; height:120px; } .lanmugg{width:350px; height:300px;} .lanmugg img{width:350px; height:300px;} .box { width: 350px; height: 400px; margin-top:10px; } .hd { width:1200px; margin:0 auto; height: 45px; background:#3194a4; font-size:24px; } .hd span { display: inline-block; width: auto; background:#3194a4; line-height: 45px; text-align: center; cursor: pointer; margin-left:35px; } .hd span.current { background-color: yellowgreen; } .bd{ text-align:center;} .bd li { font-size:16px; width:1200px; height: 55px; background-color: #fff; display: none; margin:0 auto; } .bd ul li img{width:150px; height:150px;} .bd ul li a{width:150px; height:150px; float:left; margin-left:20px; margin-top:10px;} .bd li.current { display: block; font-size: 16px; padding-top:15px; } /*栏目轮播*/ .news-hot li{ line-height:30px;} a:hover{color:#3468F1;text-decoration:none} em{font-style:normal} li{list-style:none} img{border:0;vertical-align:middle; margin:5px 0;} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} .silder {width: 100%;height:320px; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;} .silder .silder_list {height:320px; overflow:hidden;position: relative;} .silder .silder_list a{position:absolute; top:0;left:0;} .silder .silder_list a,.silder .silder_list img{display:inline-block;float:left; height:320px;} .silder .silder_page{height:42px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:1px;} .silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:15px 10px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;} .silder .silder_page li.current{background:#C70B31;color:#fff;} .silder_desc{color:#fff;background:url(tit_bg.png) repeat 0 0;float:left;line-height:42px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;} .silder .silder_page li:hover{cursor:pointer;} /*分享*/ .mark{ width:100%; height:100%; position: fixed; left: 0; top: 0; background: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index: 1001; } .share-dialog{ position: fixed; left: 50%; top: 50%; width: 500px; height: 270px; margin:-135px 0 0 -250px; background: #fff; z-index: 1002; } .share-dialog .share-close{ position: absolute; right: 7px; top: 10px; width: 26px; height: 26px; display: inline-block; cursor: pointer; background: url("../images/v9/dialog-close.png") no-repeat; } .share-dialog .share-dialog-title{ height: 45px; line-height: 45px; text-indent: 15px; background: #eee; } .share-dialog .share-dialog-cont{ padding:38px 20px; font-size: 14px; } .share-dialog .share-copy-l{ float: left; width: 77px; margin-top: 8px; } .share-dialog .share-copy-c{ float: left; width: 307px; } .share-dialog .share-copy-c input{ display: block; width: 100%; height: 36px; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 1.2; color: #555; vertical-align: middle; background: #fff; border: 1px solid #ccc; } .share-dialog .share-copy-c input:focus{ border-color: #333; outline: 0; } .share-dialog .share-copy-r{ float: left; width: 76px; text-align: right; color: #f37b1d; margin-top: 8px; cursor: pointer; } .share-platform{ height:50px; float: right; clear: both; } .share-platform .share-platform-l{ float: left; font-size:14px; margin-top: 8px; padding-top:10px; } .share-platform .share-platform-r{ float: left; width: 155px; } .share-platform .bds_weixin{ background-image: url('../images/v9/css-bg.png'); background-position: -13px -7px !important; } .share-platform .bds_tsina{ background-image: url('../images/v9/css-bg.png'); background-position: -57px -7px !important; } .share-platform .bds_sqq{ background-image: url('../images/v9/css-bg.png'); background-position: -101px -7px !important; } .share-platform .bds_qzone{ background-image: url('../images/v9/css-bg.png'); background-position: -146px -7px !important; } .share-platform .share-platform-text{ color: #aaa; margin-top: 5px; } /*wap*/ @media screen and (min-width: 1100px){.toutiao{display:none; }} @media screen and (min-width: 1100px){.lanren{display:none; }} @media screen and (min-width: 1100px){.main_visual{display:none; }} /* main_image */ .main_visual{ width:100%; max-width:760px;height:175px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative; background-color:#ECECEC;} .main_image{height:180px;overflow:hidden;position:relative;} .main_image ul{width:100%;height:auto;overflow:hidden;position:absolute;top:0;left:0} .main_image li{float:left;width:100%;height:160px;} .main_image li img{float:left;width:100%;height:140px;} .main_image li span{display:block;width:100%;height:auto;} .main_image li a{display:block;width:100%; margin-top:145px; font-size:14px;} .toutiao{width:100%; max-width:760px; font-family:Verdana, Geneva, sans-serif; margin-top:10px; margin:0 auto; padding-top:10px;} .toutiao li{ text-align:center; padding:0 10px; font-weight:600; margin-bottom:20px;} .toutiao li a{color:#F00; font-size:20px;} .hidden{ display: none;} .lanren{height: auto;margin:6px auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .lanren ul.list{overflow: hidden;} .lanren ul.list li{width:100%;height: auto;margin:5px;float: left;overflow: hidden;border-bottom:1px solid #c3d4e7; padding-bottom:5px;} .lanren ul.list li img{width:100%; margin:0px;} .lanren ul.list p{text-align: center;padding: 10px;} .lanren .more{overflow: hidden;padding:10px;text-align: center;} .lanren .more a{display: block;width: 80px;color:#fff;margin:0 auto;background:#333;text-align:center;border-radius:3px;} .lanren .more a:hover{text-decoration: none;background: red;color: #fff;} .m_main{width:100%; max-width:750px; margin:0 auto; height:80px; margin-top:10px; margin-left:5px;} .m_main_l{width:30%; height:80px; float:left;} @media screen and (min-width: 1100px){.m_main_l{width:110px; height:80px; float:left;}} .m_main_l img{width:100%; height:100%; float:left;} .m_main_r{width:70%; float: right; position:relative;} .m_main_r_t{ margin-left:5%; height:60px; line-height:20px;} .m_main_r_t a{ font-size:14px; color:#2C2C2C; font-family:'STHeiti', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;} .m_main_r_b{width:80%;margin-left:5%; position:absolute; } .m_main_r_b a{ font-size:12px; color:#8D938C; font-family:'STHeiti', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;} .fg{ border-bottom:1px solid #DFDFDF; margin:10px auto;} @media screen and (min-width: 1000px) { .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:900px;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-container { width: 100%; height:420px; margin-left: auto; margin-right: auto; } .swiper-slide { position:relative; text-align: center; font-size: 18px; background: #fff; /* 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 img {width:780px; height:420px;} .swiper-slide li { line-height:40px;} .swiper-slide li a{ width:780px; font-size:22px; padding:0 8px; position:absolute;left:1px;top:380px;;background-color: rgba(0,0,0,0.5); color:#FFF; text-align:left;} .swiper-pagination { bottom:10px; left:850px; width:100%; position:absolute; z-index:10;} .swiper-pagination-bullet{ margin:0 4px;}} @media screen and (max-width: 1000px) { .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:900px;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-container { width: 100%; height:220px; margin-left: auto; margin-right: auto; } .swiper-slide { position:relative; text-align: center; font-size: 18px; background: #fff; /* 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 img { width:200%;} .swiper-slide a{ width:100%;} .swiper-slide li a{height:25px; width:100%; font-size:16px; position:absolute;left:1px;top:195px;;background-color: rgba(0,0,0,0.5); color:#FFF; text-align:left;} .swiper-pagination { bottom:10px; left:0; width:100%; position:absolute; z-index:10;} .swiper-pagination-bullet{ margin:0 4px;} .swiper-button-next{display:none;} .swiper-button-prev{display:none;}} @media screen and (max-width:1100px){} .fujian {border-top:1px solid #F00; margin-top:30px; padding-top:10px;} .fujian a { font-size:18px; color:#F00; text-decoration:underline;font-weight:600;}