* {margin:0;padding:0;} body {font-family:"微软雅黑"; min-width: 1300px;} body {background:#eceff6;} body {margin:0px auto;padding:0px;border:0px;color:#000;text-align:justify;text-justify:inter-ideograph;position:relative;width:100%;font-size:14px;} div,form,img,ul,ol,li,dl,dt,dd,em,i,cite,h1,h2,h3,h4,h5,h6,p,s {padding:0px;border:0px;margin:0px auto;list-style:none;font-style:normal;} img {vertical-align:top;} a:link,a:visited {color:#000;text-decoration:none;cursor:pointer;cursor:hand;} a:hover {color:#6510ac;text-decoration:none;cursor:pointer;cursor:hand;} .w1 {width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:0px;} .logoz ol {color:#FFF;width:250px} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .m_lik1 a:link,.m_lik1 a:visited {background:url(../images/dotGrey.png) no-repeat 6px center;color:#000} .m_lik1 a:hover {background:url(../images/dotGreen.png) no-repeat 6px center;color:#339933} .m_new1 {clear:both;width:auto;overflow:hidden} .m_new1 ol li {clear:both;float:left} .m_new1 li {clear:both;} /* .m_new1 a:hover {background:url(../images/dotGreen.png) no-repeat center left 6px;} */ .m_new2 span {display:inline-block;float:left;color:#6510ac;font-size:14px;width:90px;height:20px;line-height:20px;margin-top:10px;text-align:center;} .m_new2 span i{background:#c7c7c7;padding:6px 8px;overflow:hidden;color:#fff;} .m_new1 span {display:inline-block;float:left;color:#6510ac;font-size:14px;width:45px;height:20px;line-height:20px;margin-top:10px;text-align:center;} .m_new1 span i{background:#c7c7c7;padding:6px 8px;overflow:hidden;color:#fff;} /* .m_lik1 a:link,.m_lik1 a:visited {background:url(../images/dotGrey.png) no-repeat 6px center;color:#000} .m_lik1 a:hover {background:url(../images/dotGreen.png) no-repeat 6px center;color:#339933} */ .slideTxtBox .hd {margin-top:8px;margin-bottom:8px;font-size:16px;line-height:40px;height:40px;border-bottom:2px solid #45106f;} .slideTxtBox .hd ul {float:left;position:relative;top:-1px;} .slideTxtBox .hd ul li {float:left;padding:0px 20px 0 20px;cursor:pointer;margin-right:6px;margin-right:4px;} .slideTxtBox .hd ul li.on {color:#ffffff;font-size:20px;background:#45106f;font-weight:bold;} .slideTxtBox .hd .more {float:right;font-size:12px;padding-right:8px;} .slideTxtBox1 .hd {margin-bottom:8px;font-size:16px;line-height:45px;height:45px;border-bottom:2px solid #45106f;padding-bottom:5px;} .slideTxtBox1 .hd ul {float:left;position:relative;top:-1px;} .slideTxtBox1 .hd ul li {float:left;padding:0px 0px 0px 0px;cursor:pointer;margin-left:20px;text-align:center;font-size:25px;color:#000;} .slideTxtBox1 .hd ul li.on {color:#45106f;font-size:30px;font-weight:bold;} .slideTxtBox1 .hd .more_icon {float:right;width:29px;height:30px;margin-top:5px;background:url(../images/dot.png) no-repeat 0px 20px;margin-right:10px;} .slideTxtBox1 .hd .more_icon:hover{background:url(../images/dot_hov.png) no-repeat 0px 20px;} .m_bian{background:#fff;padding:20px;} .m_margin li{margin-left:20px;} .m_margin li:first-child{margin-top:20px;} .head_bg{width:100%;height:220px;background:#45126f url(../images/head_bg.jpg) no-repeat center;} .commonWidth {width:1300px;margin:0 auto;} .headerbg {/*background-color:#393939;*/height:40px;line-height:35px;color:#ffffff;font-size:12px;} .headerbg a {color:#ffffff;padding:0 4px;} .headerbg .date {width:560px;float:left;color:#ddd;} .headerbg .version {float:right;} .headerbg .version a:hover{color: #ff9000;} .headerbg .language {float:right;} .headerbg .language a:hover{color: #ff9000;} #bodyz {width:100%;height:110px;/*background:url('../images/top.jpg');*/position:relative;z-index:3;} #bodyz1 {width:100%;height:40px;position:relative;z-index:3;} .header {height:130px;height:auto;width:1300px;position:relative;} #logo {display:inline-block;float:left;width:1300px;height:auto;text-align:center;} #logo img {width:auto;padding-top:45px;} #nav {float:left;width:100%;height:45px;margin-top:30px;margin-bottom:0px;margin-left:0px;position:relative;z-index:100;} #nav .nLi {float:left;position:relative;display:inline;margin-left:15px;} #nav .nLi h3 {float:left;font-weight:normal;font-size:18px;text-align:center;} #nav .nLi h3 a {color:#fff;width:100px;display:inline-block;height:45px;line-height:45px;font-family:"微软雅黑";font-weight:bold;} #nav .sub {display:none;width:100px;top:40px;position:absolute;line-height:34px;z-index:9999;color:#fff;} #nav .sub li {zoom:1;} #nav .sub a {display:block;text-align:center;background:#fff;height:30px;width:100px;font-size:17px;color:#45106f;padding-top:15px;} #nav .sub a:last-child {padding-bottom:25px;display:block;} #nav .sub a:hover {color:#6510ac;display: block;font-weight:bold;} #nav .sub a:hover .sub{display: block;} #nav .nLi h3 a:hover{display: block;color:#6410ac;background:#fff;} #search {position:absolute;top:0px;right:0;/*z-index:999;*/} .bottom_com{width:100%;height:auto;position:relative;z-index:3;overflow:hidden;} .newsWrap{width:1300px;height:auto;padding-top:0px;overflow:hidden;margin-top:10px;} .newsbottom{width:1300px;height:auto;padding-top:10px;overflow:hidden;margin-top:20px;} .fengcai{width:1300px;height:auto;padding-top:10px;overflow:hidden;margin-top:20px;background:#fff;} .link_com{width:1170px;height:260px;margin-top:20px;} .link_com .headtit{height:43px;background:#f4f4f4;width:1170px;} .link_com .headtit .ontitle{background: #163379;color: #fff;text-align: center;font-size: 18px;width:120px;float:left;height:43px;line-height:43px;} .link_com .headtit .onmore{float:right;line-height:43px;} .link_com .headtit .onmore a{} .link_com .headcon{height:235px;width:1170px;margin-top:20px;} .link_com .headcon li{width:225px;height:160px;float:left;margin-left:20px;position:relative;display:block;} .link_com .headcon li img{width:225px;height:160px;} .link_com .headcon li p{text-align:center;display:block;line-height:32px;position:absolute;bottom:0;left:0;height:32px;background:rgba(0,0,0,0.5);z-index:999;width:225px;} .link_com .headcon li p a{font-size:14px;color:#fff;} .tianqi{position:absolute;right:0;top:40px;} .news {} .slideTxtBox {width:570px;} .box1{ width: 480px; position: relative; } .box2{ width: 417px; } .box3{ width: 330px; } .zy_pic{width:310px;height:315px;margin:10px auto;background:url("../images/zy_pic.jpg") no-repeat} .zy_pic .zy_menu{padding-top:70px;} .zy_pic .zy_menu li{background:rgba(0,132,194,0.85);height:53px;width:310px;margin-bottom:35px;line-height:53px;text-align:center;} .zy_pic .zy_menu li img{margin-right:8px;padding-top:9px;transition: 0.5s;} .zy_pic .zy_menu li:hover img{margin-right:20px;transition: 0.5s;} .zy_pic .zy_menu li a{font-size:22px;color:#fff;} .news_more{margin-top:20px;} .news_more a{color:#666!important;} .news_more a:hover{color:#45106f!important} .news_more .img{width:120px;height:19px;background:url("../images/more.png") no-repeat left;float:left;padding-left:24px;} .news_more .img:hover{background:url("../images/more_hov.png") no-repeat left;} .newsdt{width:600px;float:right;margin-left:30px;margin-right:0px;margin-top:0px;} .newsdt .news ul li{width: 100%;height:51px;border-bottom:1px #eaeaea solid;margin-bottom:5px;line-height:51px;} .newsdt .news ul li a {width:480px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;font-size:16px;} .newsdt .news ul li:last-child{border-bottom:none;} .news ul {} .news ul li {height:35px;border-bottom:1px #eaeaea solid;margin-bottom:5px;} .news ul li:hover span {color:#6510ac;font-weight:bold;} .news ul li a {line-height:40px;height:40px;overflow:hidden;float:left;font-size:16px;float:left;padding-left:14px;} .news ul li a:hover{color:#6510ac;font-weight:bold;} .box1 .news ul{ width: 380px;margin-left: 392px; } .box1 .news ul li a{width: 370px;white-space: nowrap;text-overflow: ellipsis;display:block;} .box2 .news ul li{width: 100%;padding-bottom:8px;} .box2 .news ul li a {width: 290px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;display:block;} .topic .picScroll-left:hover .next,.topic .picScroll-left:hover .prev{display: block;} .topic {margin-top:20px;height:80px;line-height:80px;background-color:#fff;} .topic .slides li {width:180px;height:50px;} .topic ul li img {width:180px;height:50px;} .topic .picScroll-left {width:100%;height:50px;overflow:hidden;position:relative;padding-top:15px;} .topic .picScroll-left .prev,.topic .picScroll-left .next {display:none;width:20px;height:32px;float:right;cursor:pointer;background:url("../images/arrow.png") no-repeat;color:#fff;font-size:16px;text-indent:0;} .topic .picScroll-left .prev {background-position:-20px 0px;float:left;} .topic .picScroll-left .next {background-position:0 0px;float:right;} .topic .picScroll-left .bd ul {overflow:hidden;zoom:1;} .topic .picScroll-left .bd ul li {margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;} .topic .picScroll-left .bd ul li .pic {text-align:center;} .topic .picScroll-left .bd ul li .pic img {width:180px;height:50px;display:block;} .topic .picScroll-left .bd ul li .pic a:hover img {border-color:#999;} .topic .picScroll-left .bd ul li .title {line-height:24px;} .footer {width:100%;background:#45106f; height:auto;font-size:16px;position: relative;margin-top:40px;padding:35px 0px;overflow:hidden;} .footer .commonWidth{ position: relative;height:auto;} .footer .commonWidth .footer-info {width:1300px; float:left;} .footer .commonWidth .footer-info span{padding-right:20px;} .footer .commonWidth .footer-info span a{padding-right:20px;color:#eee;} .footer .commonWidth .footer-info span a:hover{text-decoration:underline} .footer .commonWidth .footer-info img{} .footer .commonWidth .footer-info p{float: left; width: 1300px; color:#eee;line-height:26px; margin: 0; padding: 0;font-size:14px;text-align:center;margin-bottom:20px;} .footer .footer_center{ position: relative;overflow:hidden;text-align:center;color:#eee;} .footer .commonWidth .footer_ewm{width:90px; float:left; height:110px;padding-top:40px;} .footer .commonWidth .footer_ewm p{text-align:center;color:#fff;width:90px;font-size:13px;} .lbt-box { position: relative; width: 100%; height: 450px; margin: 0px auto; } .imgs { width: 100%; height: 100%; perspective: 1000px; } .imgitem { position: absolute; width: 700px; height: 450px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 0; transition: .8s; opacity: 0; } .imgitem img { width: 100%; height: 100%; } .cur-img { width: 1300px; z-index: 100; opacity: 1; box-shadow: 0 0 30px #333; } .pre-img { transform: translateX(-570px) rotateY(40deg) scale(0.8); z-index: 9; opacity: 0.9; box-shadow: 0 0 30px #333; } .next-img { transform: translateX(580px) rotateY(-40deg) scale(0.8); z-index: 9; opacity: 0.9; box-shadow: 0 0 30px #333; } #pre{position:absolute;left:0px;top:0px;height:450px;width:300px;background:none;border:none;} #next{position:absolute;right:0px;top:0px;height:450px;width:300px;background:none;border:none;} .ladyScroll{width:100%;height:auto;position:relative;clear:both;float:left;margin-top:30px;} .ladyScroll .prev{background:#f1f1f1;color:#000;width:22px;height:50px;line-height:50px;position:absolute;top:90px;left:0px; text-align:center;z-index:99999} .ladyScroll .next{background:#f1f1f1;color:#000;width:22px;height:50px;line-height:50px;position:absolute;top:90px;right:0px;text-align:center;z-index:99999} .ladyScroll .prev:hover{background:#8f1115;color:#FFF;} .ladyScroll .next:hover{background:#8f1115;color:#FFF;} .ladyScroll .scrollWrap{width:100%;overflow:hidden;clear:both;} .ladyScroll .scrollWrap li{float:left;width:390px;text-align:left;margin:0px 35px 0px 0px;background:#efe1fb;color:#333;overflow:hidden;} .ladyScroll .scrollWrap li .img{width:390px;height:260px;overflow:hidden;} .ladyScroll .scrollWrap img{display:block;width:100%;height:260px;transition: all 0.6s;} .ladyScroll .scrollWrap img:hover{transform: scale(1.2);} .ladyScroll .scrollWrap b{display:block;font-weight:bold!important;overflow: hidden;font-weight:normal;height:70px;line-height:30px;padding:25px;font-size:18px;} .ladyScroll .scrollWrap a:hover b{color:#45106f} .ladyScroll .hd{width:100%;overflow:hidden;height:25px;line-height:25px;float:left;clear:both;} .ladyScroll .hd ul{ float:left; overflow:hidden; zoom:1; zoom:1;} .ladyScroll .hd ul li{ display:inline; width:10px; height:10px; overflow:hidden; margin-right:5px;margin-top:0px;text-indent:-999px; cursor:pointer; background:#d2d2d2;border-radius:20px;float:left;overflow:hidden;} .ladyScroll .hd ul li.on{background:#b11519;} .ladyScroll .hd ol{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;} .ladyScroll .hd ol{float:right;width:40%;} .ladyScroll .hd ol i{font-size:16px;float:right;margin-left:0px;} .ladyScroll .hd ol em{font-size:13px;float:right;} .ladyScroll .hd ol a{color:#000;} .ladyScroll .hd ol a:hover{color:#850000;} #sb{ width:580px; height: 430px; position: absolute; top: 8px; left: 0px; } /* 本例子css */ #sb .slideBox{ width:580px; height:380px; overflow:hidden; position:relative;} #sb .slideBox .shadow{position: absolute; bottom: 0; left: 0;} #sb .slideBox .hd{ height:3px; overflow:hidden; position:absolute; z-index:1; right: 8px; bottom: 70px; border-bottom: none;} #sb .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } #sb .slideBox .hd ul li{ float:left; width: 10px; height: 5px; margin-left: 8px!important; background:#fff; cursor:pointer; position: relative;opacity: 0.7; filter:alpha(opacity=70);padding:0px;margin-right:0px!important;} #sb .slideBox .hd ul li.on{ background:#fff; color:#fff;opacity: 1; filter:alpha(opacity=100) } #sb .slideBox .bd{ position:relative; height:100%; z-index:0;} #sb .slideBox .bd li{ zoom:1; vertical-align:middle; } #sb .slideBox .bd img{ width:580px; height:330px; display:block;} #sb .slideBox .bd p{position: absolute; bottom:0;left: 0; height: auto; width: 564px; color: #6510ac; z-index: 9999999; text-indent: 0px; line-height: 25px;font-size:18px;background:#fff;padding:8px;text-align:left;font-weight:bold;padding-top:5px;} .picture{ height: 255px; } /* 机构设置 */ .site{ width: 1300px; height: 46px; line-height: 46px; background: #fff; } .site p{ width: 1160px; margin: 0 auto; font-size: 13px; color: #272727; } .site p i{ color: #003c8f; margin-right: 10px; } .jg-con{ width: 1160px; padding: 0 20px 20px; background: #fff; } .dz{ width: 100%; } .dz h2{ height: 36px; line-height: 36px; background: #e5e5e5; color: #000; text-indent: 18px; font-size: 16px; } .dz>div{ width: 1170px; padding: 23px 15px 0; } .dz>div>a{ display: block; width: 245px; height: 44px; border: 1px solid #d2d2d2; box-sizing: border-box; float: left; margin-right: 48px; margin-bottom: 16px; background: url(../images/dotGrey.png) no-repeat 8px center; padding-left: 20px; padding-right: 10px; line-height: 44px; } .dz>div>a:nth-child(4n){ margin-right: 0; } .dz>div>a:hover{ cursor: pointer; color: #339933; background: url(../images/dotGreen.png) no-repeat 6px center; } /* 现任领导 */ .two{ width: 1300px; height: auto; padding: 35px 0 40px; background:#fff; } .sidebar{ width: 200px; float: left; } .sidebar h2{ height: 40px; line-height: 40px; background: #45106f; font-size: 18px; text-align: center; font-weight: normal; color: #fff; } .sidebar ul{ background:#eceff6; padding-top: 18px; padding-bottom: 18px; } .sidebar ul li{ line-height: 42px; text-align: center; font-size: 18px; } .sidebar ul li i{ } .sidebar ul li:hover,.sidebar ul .active{ font-weight:bold; color: #6510ac; cursor: pointer; } .con{ width: 1050px; float: right; min-height: 400px; margin-top:80px; } .con div.title{ width: 1050px; line-height: 65px; text-align: left; font-size: 35px; color: #333; border-bottom: 3px solid #6510ac; /* font-weight:bold; */ } .con div.newstitle{ width: 1050px; line-height: 36px; text-align: right; font-size: 24px; color: #45106f; font-weight:bold; } .con div.newstime{width: 1160px; line-height: 45px; text-align: center; font-size: 14px; color: #3e3e3e; padding-bottom:5px; border-bottom: 1px dashed #dbddbd; } /*学校简介*/ .article-con{ padding: 30px 0 0; text-align: left; } .article-con p{ line-height: 28px; font-size: 15px; color: #000; text-align: left; padding:0px 50px; } .article-con p img{ margin:0 auto; display:block; margin-bottom: 20px; max-width: 900px; } /*学校简介*/ .article-con1{ padding: 30px 0 0; text-align: center; } .article-con1 p{ line-height: 28px; font-size: 15px; text-indent: 2em; color: #000; margin-bottom: 20px; text-align: left; } .article-con1 img{ margin-bottom: 20px; max-width: 869px; } /*科学研究*/ .research-list{ padding: 30px 0 0; } .research-list>ul li{ padding-left: 30px; padding-right: 20px; background: url(../images/dotGrey.png) no-repeat 14px 18px; height: 92px; } .research-list>ul li>div{ width: 100%; } .research-list>ul li>div a{ font-size: 15px; line-height: 40px; } .research-list>ul li>div span{ float: right; font-size: 13px; line-height: 40px; } .research-list>ul li p{ font-size: 13px; line-height: 20px; color: #3e3e3e; } .research-list>ul li:hover{ background: #f1f1f1 url(../images/dotGreen.png) no-repeat 12px 18px; cursor: pointer; } .research-list>ul li:hover a{ color: #339933; } .new-list{ padding: 30px 0 0; } .new-list>ul li{ padding-left: 30px; padding-right: 20px; width: 1050px; background: url(../images/dotGrey.png) no-repeat 14px center; height: 60px; line-height: 60px; border-bottom: 1px dashed #dcdcdc; box-sizing: border-box; } .new-list>ul li>div{ width: 100%; } .new-list>ul li>div a{ font-size: 16px; line-height: 60px; } .new-list>ul li>div span{ float: right; font-size: 15px; line-height: 60px; color:#777; } .new-list>ul li:hover{ background: #f9f9f9 url(../images/dotGreen.png) no-repeat 14px center; cursor: pointer; } .new-list>ul li:hover a{ color: #6510ac; font-weight:bold; } .new-list>ul li:hover span{ color: #6510ac; font-weight:bold;} .divpic{width:870px;margin-top:15px;} .divpic img{text-align:center;display:block;} .role-title{ text-align:left;padding-top:10px;font-size:16px;color: #828282;overflow:hidden;} .role-con{ padding:8px 15px 8px 15px;font-size:14px;line-height:24px;text-indent:28px;} .role-list{ padding: 30px 0 0; } .leaders-list-left{width:900px;float:left;margin-left:70px;} .leaders-list-left table{ width: 100%; text-align: center; border-collapse:collapse; /* border-bottom: 1px solid #888888; */ margin-top: 20px; } .leaders-list-left thead tr{ height: 50px; line-height: 50px; background: #6510ac; font-size: 20px; color:#fff; font-weight:bold; } .leaders-list-left tbody tr{ background: #eceff6; } .leaders-list-left tbody tr td{ border: 1px solid #fff; } .leaders-list-left tbody tr td{ height: 60px; line-height: 60px; font-size:17px; } .leaders-list-left tbody tr:hover{ background:#6510ac; cursor: pointer; color:#fff; } .leaders-list-left tbody tr:hover a{color:#fff;} .pages{ width: 100%; height: 24px; margin-top: 30px; text-align: center; } .pages ul{ width: auto; height: 24px; } .pages li{ height: 24px; border: 1px solid #e3e3e3; padding: 0 10px; display: inline-block; /*float: left;*/ line-height: 24px; box-sizing: border-box; color: #333; margin: 0 3px; } .pages li:hover,.pages .active{ background: #5a85b2; color: #fff; border: 1px solid #5a85b2; cursor: pointer; } .links{ position: absolute; right: 0; } #select {float:left;height:35px;margin-top:75px;margin-bottom:33px;margin-left:60px;position:relative;margin-right:40px;} #select .nLi {float:left;position:relative;display:inline; margin-left: 15px;} #select .nLi h3 {float:left;font-weight:normal;font-size:15px;text-align:center;} #select .nLi h3 a {color:#000000;width: 140px; display:inline-block;height:30px;line-height:30px;font-family:"微软雅黑"; background: #d6d6d6;} #select .sub {display:none;width:138px;bottom:30px;position:absolute;line-height:15px;z-index:9999;transition: 3s;border:1px solid #ccc;z-index:9999999999999;} #select .sub li {zoom:1;} #select .sub a {display:block;text-align:center;color:#000;background:#ffffff;padding:8px 0px;width:138px;font-size: 14px;} #select .sub a.no {border:none;} #select .sub a:hover {background:#ff9000;color:#fff;} #select .sub a:hover .sub{display: block;} .select .on h3 a {background: #d6d6d6;} #select .nLi:hover .sub{ display: block; z-index:999999999; } #wxwb{float:left;height:auto;width:90px;margin-top:50px;} /* 本例子css */ #navx{float:left;display:inline;z-index:9999999} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .navx p.nLi{display:none;} .navx{ z-index:1;position:relative;} .navx h3 a{width:60px;height:60px;display:block} .navx .nLi{ float:left; position:relative; display:inline;width:60px;margin:0px 0px 0px 20px} .navx .nLi h3{font-weight:normal; width:60px;height:auto;text-align:center;overflow:hidden} .navx .sub{ display:none;bottom:90px;position:absolute;background:#ffffff;right:0px;border:1px;border-style:solid;border-color:#cccccc;width:120px;height:120px;z-index:9999} .navx .sub img{width:120px;z-index:9999} .navx i{float:left;line-height:16px;width:100%;text-align:center;font-size:12px;padding-top:65px;color:#ddd;} .gx1 h3 a{background:#c9c9c9 url(../images/wx.png) no-repeat;} .gx1 h3 a:hover{background:#ff6100 url(../images/wx.png) no-repeat} .gx1 h3 a:hover,.gx1.on h3 a{background:#ff6100 url(../images/wx.png) no-repeat;color:#ffc12c} .gx2 h3 a{background:#c9c9c9 url(../images/wb.png) no-repeat;} .gx2 h3 a:hover{background:#ff6100 url(../images/wb.png) no-repeat} .gx2 h3 a:hover,.gx2.on h3 a{background:#ff6100 url(../images/wb.png) no-repeat;color:#ffc12c} .navx a{border-radius:50%;color:#000} .navx a:hover{border-radius:50%;color:#ffc12c} #navx .nLi:hover .sub{ display: block; } .kycg-list{ padding: 15px 0 0; height:auto; } .kycg-list>ul{display:block;float:left;} .kycg-list>ul li{ padding-left: 30px; padding-right: 20px; width: 870px; background: url(../images/dotGrey.png) no-repeat 14px center; /* height: 42px; */ line-height: 42px; border-bottom: 1px dashed #dcdcdc; box-sizing: border-box; } .kycg-list>ul li>div{ width: 100%; } .kycg-list>ul li>div a{ font-size: 15px; line-height: 26px; width:500px; display:block; float:left; overflow:hidden; /* height: 40px; */ } .kycg-list>ul li>div span{ float: right; font-size: 13px; line-height: 26px; width:320px; display:block; text-align:center; } .kycg-list>ul li:hover{ background: #f1f1f1 url(../images/dotGreen.png) no-repeat 12px center; cursor: pointer; } .kycg-list>ul li:hover a{ color: #339933; } .slider { background: rgb(255, 255, 255); width: 100%; height:380px; text-align: center; overflow: hidden; position: relative; min-width: 1300px; } .slider .bd { left: 50%; width: 1300px; margin-left: -600px; position: absolute; } .slider .bd li { width: 1300px; overflow: hidden; position: relative; } .slider .bd li img { width: 1300px; height: 380px; display: block; } .slider .tempWrap { overflow: visible !important; } .slider .tempWrap ul { margin-left: -1300px !important; } .slider .bd span { padding: 5px 15px; border-radius: 2px; text-align: left; right: 20px; bottom: 20px; color: rgb(255, 255, 255); line-height: 30px; font-size: 15px; display: block; position: absolute; z-index: 20; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); -webkit-text-size-adjust: none; } .slider .bd a span { color: rgb(255, 255, 255); } .slider .bd a:hover span { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); } .slider .hd { left: 0px; width: 100%; height: 11px; text-align: center; bottom: 18px; position: absolute; z-index: 1; } .slider .hd li { background: rgba(255, 255, 255, 0.8); border-radius: 5px; width: 18px; height: 11px; overflow: hidden; font-size: 0px; margin-right: 6px; display: inline-block; cursor: pointer; -ms-zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .slider .hd li.on { background: rgb(255, 97, 0); width: 18px; height: 11px; } .slider .pnBtn { top: 0px; width: 100%; height: 380px; position: absolute; z-index: 1; cursor: pointer; } .slider .prev { left: -50%; margin-left: -600px; } .slider .next { left: 50%; margin-left: 600px; } .slider .pnBtn .blackBg { background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 380px; display: block; position: absolute; opacity: 0.5; } .slider .pnBtn .arrow { top: 0px; width: 60px; height: 380px; display: none; position: absolute; z-index: 1; } .slider .pnBtn .arrow:hover { opacity: 0.6; } .slider .prev .arrow { background: url("../images/slider-arrow.png") no-repeat -120px 0px; top: 140px; right: -56px; } .slider .next .arrow { background: url("../images/slider-arrow.png") no-repeat 0px 0px; left: -56px; top: 140px; }