* {margin:0;padding:0;} body {font-family:"微软雅黑"; min-width: 1200px;} body {background:#fff;} body {margin:0px auto;padding:0px;border:0px;color:#000;text-align:justify;text-justify:inter-ideograph;position:relative;width:100%;font-size:15px;} 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:#017bc8;text-decoration:none;cursor:pointer;cursor:hand;} .w1 {width:1300px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:1px;} .logoz ol {color:#FFF;width:300px;font-size:26px;font-weight:bold;text-shadow: #555 1px 1px 2px;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .tianqi{position:absolute;right:0;top:58px;} .m_lik1 a:link,.m_lik1 a:visited {background:url(../images/dotGrey.png) no-repeat 0px center;} .m_lik1 a:hover {background:url(../images/dotGreen.png) no-repeat 0px center;color:#339933} .m_new1 {clear:both;width:100%;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:#555;font-size:12px;width:62px;height:60px;line-height:16px;text-align:center;padding-top:0px;} .m_new2 span font{font-size:15px;font-weight:bold;} .m_new_xm span {display:inline-block;float:left;color:#999;font-size:12px;width:90px;height:55px;line-height:22px;text-align:center;background-color:#f0f0f0;padding-top:17px;} .m_new_xm span font{font-size:20px;color:#666;} .m_new3 span {display:inline-block;float:left;color:#8b8b8b;font-size:12px;width:52px;height:40px;line-height:18px;text-align:left;padding-top:5px;border-right:1px solid #cecece;} .m_new3 span font{font-size:15px;color:#323232} .m_new1 span {display:inline-block;float:right;color:#888;font-size:14px;width:40px;height:20px;line-height:40px;margin-top:0px;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-bottom:5px;font-size:16px;line-height:45px;height:45px;} .slideTxtBox .hd ul {float:left;position:relative;top:-1px;} .slideTxtBox .hd ul li {float:left;padding:0px 0px 0px 0px;margin-right:25px;text-align:center;font-size:22px;color:#818181;} .slideTxtBox .hd ul li.on {color:#000;font-size:22px;} .slideTxtBox .hd ul li.on img{padding-top:13px;margin-right:10px;} .slideTxtBox .hd ul li.on font{color:#888;font-size:15px;} .slideTxtBox .hd .more {float:right;font-size:15px;padding-right:8px;} .slideTxtBox1 .hd {margin-bottom:15px;font-size:16px;line-height:45px;height:45px;border-bottom:2px solid #ddd;padding-bottom:0px;} .slideTxtBox1 .hd ul {float:left;position:relative;border-bottom:2px solid #017bc8;} .slideTxtBox1 .hd ul li {float:left;padding:0px 0px 0px 0px;margin-right:0px;text-align:center;font-size:22px;color:#818181;} .slideTxtBox1 .hd ul li.on {color:#017bc8;font-size:23px;font-weight:bold;} .slideTxtBox1 .hd ul li.on img{padding-top:7px;margin-right:10px;} .slideTxtBox1 .hd ul li.on font{color:#888;font-size:14px;} .slideTxtBox1 .hd .more {float:right;font-size:15px;padding-right:2px;padding-top:3px;} .slideTxtBox1 .hd .more a{color:#888;} .m_new5 {float:right;width:560px;} .m_new5 ol li {float:left} .m_new5 li {} .slideTxtBox2 .hd {margin-top:8px;margin-bottom:8px;font-size:16px;line-height:42px;height:42px;width:240px;float:left;} .slideTxtBox2 .hd ul {float:left;position:relative;top:-1px;} .slideTxtBox2 .hd ul li {float:left;width:240px;cursor:pointer;margin-bottom:10px;text-align:center;color:#000;background:#f0f0f0;font-size:18px;} .slideTxtBox2 .hd ul li.on {color:#ffffff;font-size:18px;background:#bf0012;} .fdiv{position:relative;} .head_bg{width:100%;height:auto;} .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:138px;position:relative;z-index:3;background:#017bc8 url(../images/top_bg.png) no-repeat 950px 0px;} #bodyz1 {width:100%;height:46px;position:relative;z-index:3;background:#f1f1f1} .header {height:auto;width:1200px;position:relative;} #logo {display:inline-block;float:left;width:auto;} #logo img {width:auto;padding-top:33px;} #nav {float:left;height:46px;margin-top:0px;margin-bottom:0px;margin-left:0px;position:relative;z-index:100;} #nav .nLi {float:left;position:relative;display:inline;margin-left:5px;} #nav .nLi h3 {float:left;font-weight:normal;font-size:16px;text-align:center;} #nav .nLi h3 a {color:#000;padding:0 37px;display:inline-block;height:46px;line-height:46px;font-family:"微软雅黑";} #nav .sub {display:none;width:138px;top:46px;position:absolute;line-height:45px;z-index:9999;color:#fff;} #nav .sub li {zoom:1;} #nav .sub a {display:block;text-align:center;background:#017bc8;height:45px;width:138px font-size:16px;color:#ffffff;} #nav .sub a:hover {background:#005d97;color:#ffffff;} #nav .sub a:hover .sub{display: block;} #nav .on h3 a{background:#017bc8;display: block;color:#ffffff;} #search {position:absolute;top:0px;right:0;/*z-index:999;*/} .bottom_com{width:100%;height:auto;position:relative;z-index:3;background:#fff;} .newsWrap {width:1300px;height:auto;overflow:hidden;margin-top:8px;} .newsbottom{width:1300px;height:auto;overflow:hidden;margin-top:5px;background:#fff;} .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;} .searchCon{width:240px; height:35px; background:#ffffff; -webkit-border-radius:5px; border-radius:50px; float:right;margin-top:50px;} .searchCon .keyvalue{width:190px; height:35px; line-height:35px; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; border:0; background:none; padding-left:10px; margin:0; float:left;} .searchCon .searchBtn{display:block; width:40px; height:35px; float:left; background:url(../images/iSearch.png) no-repeat center center; border:0; padding:0; margin:0; cursor:pointer;} .searchCon div{float:left;} .news {} .slideTxtBox {width:570px;} .box1{ width: 400px; position: relative; } .box2{ width: 855px; float: left; } .xyxw{ width: 440px; float: left; margin-left:25px; } .box33{ width: 417px; float: left; } .box3{ width: 415px; float: right; } .box4{ width: 840px; float:left; } .project_con{width:840px;float:left;} .project_con .pro_title{height:45px;} .project_con .pro_title span{float: left;font-size:22px;} .project_con .pro_title span img{padding-top:4px;padding-right:10px;} .project_con .pro_title span font{color: #888; font-size: 14px;} .project_con .pro_title a{float:right;font-size: 12px; display:block;padding-top:10px;} .zy_pic{width:310px;height:286px;margin:10px auto;background:url("../images/dwjz_icon.jpg") no-repeat center;text-align:center;} .zy_pic img{margin-top:40px;transition:all 0.6s} .zy_pic img:hover{transform:scale(0.9)} .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:#1d2088!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;} .news_l_all{width:400px;float:left;} .news_l_right{float:right;width:450px;} .news_left_list{width:410px;float:right;} .news_right_list{width:315px;float:right;height:365px;background:#f0f0f0;} .news_right_list .jzmx_con{width:265px;margin:10px auto;} .news_right_list .jzmx_con .jzmx_title{background:url("../images/jzmx_icon.png") no-repeat center;height:28px;margin-top:15px;text-align:center;line-height:26px;font-size:20px;color:#fff;} .news_right_list .jzmx_con .jzmx_gundong{width:100%;margin-top:20px;height:280px;overflow:hidden;} .news_right_list .jzmx_con .jzmx_gundong ul{transform: translateY(0);} .news_right_list .jzmx_con .jzmx_gundong li{float:left;width:100%;height:36px;line-height:20px;color:#555; } .jzmx_xingming{width:92px;overflow:hidden;float:left;} .jzmx_jine{width:85px;overflow:hidden;float:left;text-align:center;font-size:12px;} .jzmx_riqi{width:70px;overflow:hidden;float:right;color:#888;font-size:12px;} .animate { -webkit-transition: all .3s ease-out; } .newsdt{width:410px;float:right;margin-right:0px;} .newsdt .news ul li{width: 100%;height:auto;margin-bottom:10px;line-height:45px;border-bottom:1px dashed #ddd;overflow:hidden;padding-bottom:0px;} .newsdt .news ul li a {width:330px;font-size:16px;line-height:24px;padding-top:0px;padding-left:10px;height:45px;color:#444;} .font1{display:block;height:23px;color:#999;font-size:22px;font-weight:bold;line-height:33px;} .font2{display:block;height:20px;color:#999;font-size:13px;line-height:33px;font-weight:bold;} .newsdongt{margin-top:20px;} .newsdongt li{width:855px;float:left;height:163px;margin-bottom:16px;display:block;} .picnewsli{width:855px;height:163px;float:right;} .picnewsli img{float:left;width:228px;height:163px;margin-right:25px;} .picnewsli .newstit{float:left;width:600px;margin-bottom:6px;margin-top:8px;} .picnewsli .newsimg{float:left;color:#017bc8;font-size:14px;} .picnewsli .newsms{font-size:15px;color:#666;float:left;width:600px;margin:10px 0px;line-height:25px;} .picnewsli .newstit a {width: 600px; font-size:16px;float:left;font-weight:bold;color:#111;} .newsdt .news1 ul li{width: 100%;height:45px;margin-bottom:8px;line-height:45px;} .newsdt .news1 ul li a {width:325px; font-size:15px;} .xsjl_con{margin-bottom:22px;margin-top:5px;} .xsjl_con .xsjl_tit{font-size:16px;color:#111;margin-bottom:5px;} .xsjl_con .xsjl_time{font-size:15px;color:#017bc8;margin-bottom:8px;} .xsjl_con .xsjl_ms{font-size:15px;color:#888;} .news ul {} .news ul li {height:35px;margin-bottom:5px;border-bottom:1px dashed #ddd;padding-bottom:5px;} .news ul li a {line-height:40px;height:40px;float:left;font-size:16px;float:left;padding-left:15px;width:80%;overflow:hidden;color:#444;} .news ul li a:hover{color:#017bc8;} .news_xm{margin-top:0px;} .news_xm ul li {height:auto;margin-bottom:14px;width:100%;float:left;} .news_xm ul li p{float:left;width:450px;} .news_xm ul li a{line-height:24px;overflow:hidden;float:left;font-size:16px;margin-bottom:3px;color:#017bc8;font-weight:bold;} .news_xm ul li i{color:#888;float:left;} .news_xm ul li a:hover{color:#1d2088;} .hd_slide_pic{width:1300px;overflow:hidden;} .headcon{height:auto;margin-top:10px;} .headcon li{width:240px;height:auto;float:left;margin-right:25px;background:#f3f3f3;padding-bottom:16px;transition: all .4s ease-in-out;} .headcon li:hover{background:#017bc8;transition: all .4s ease-in-out;} .headcon li:hover .hctime span{color:#fff;} .headcon li:hover .hctime i{background:url(../images/jt_hov.png) no-repeat;} .headcon li:hover p a{color:#fff;} .headcon li:last-child{margin-right:0px} .headcon li .hctime{padding:10px;position:relative;} .headcon li .hctime span{color:#017bc8;font-weight:bold;} .headcon li .hctime i{position:absolute;right:10px;top:15px;width:23px;height:11px;background:url(../images/jt.png) no-repeat;} .headcon li img{width:240px;height:170px;} .headcon li p{text-align:left;line-height:23px;padding-top:10px;width:230px;margin:0 auto;} .headcon li p a{font-size:15px;} .news1 ul {} .news1 ul li {height:35px;margin-bottom:5px;} .news1 ul li a {line-height:20px;height:35px;float:left;font-size:15px;float:left;padding-left:15px;} .news1 ul li a:hover{color:#1d2088;} .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:6px;} .box2 .news ul li a {width: 450px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;display:block;padding-left:25px;} .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 {padding-top:5px;width:100%;background:#017bc8; height:auto;font-size:15px;position: relative;margin-top:40px;overflow:hidden;padding-bottom:20px;} .footer .commonWidth{ position: relative;height:auto;} .footer .commonWidth .footer-info {width:1115px; position:relative;float:left;} .footer .commonWidth .footer-info span a{padding-right:10px;color:#bbb;} .footer .commonWidth .footer-info span a:hover{text-decoration:underline} .footer .commonWidth .footer-info img{float: left; margin-right: 10px;} .footer .commonWidth .footer-info .ftlinks{width: auto;margin:20px auto 5px;color:#fff;line-height:25px;padding-bottom:10px;border-bottom:1px solid #67b0de} .footer .commonWidth .footer-info .ftlinks a{color:#fff;} .footer .commonWidth .footer-info .copyrig{float: left; width: 1115px; color:#eee;line-height:26px; margin: 0; padding: 0;font-size:14px;text-align:left;margin-top:5px;} .footer .commonWidth .footer-info .copyrig a{color:#fff;} .footer .footer_center{ position: relative;overflow:hidden;text-align:center;color:#ddd;} .footer_ewmpic{width:96px; float:right; height:auto;padding-top:20px;overflow:hidden} .footer_ewmpic i{text-align:center;color:#fff;width:96px;font-size:13px;display:block;} #sb{ width: 400px; height: 320px; margin-top:16px; } /* 本例子css */ #sb .slideBox{ width:400px; height:315px; 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:400px; height:260px; display:block; } #sb .slideBox .bd p{position: absolute; bottom:0;left: 0; height: 39px; width: 384px; color: #333; z-index: 9999999; text-indent: 0px; line-height: 34px;font-size:16px;background:#f0f0f0;padding:8px;text-align:center;} .picture{ height: 255px; width:1300px; overflow:hidden; } /* 机构设置 */ .site{ width: 1300px; height: 46px; line-height: 46px; background: #fff; } .site p{ width: 1300px; 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: 0 0 40px; background:#fff; } .sidebar{ width: 300px; float: left; } .sidebar h2{ height: 70px; line-height: 70px; background: #017bc8; font-size: 18px; text-align: center; font-weight: normal; color: #fff; } .sidebar ul{ border: 1px solid #dbdbdb; padding-bottom: 18px; } .sidebar ul li{ line-height: 42px; text-align: center; font-size: 16px; } .sidebar ul li i{ } .sidebar ul li:hover,.sidebar ul .active{ background: #f6f6f6; color: #017bc8; cursor: pointer; } .con{ width: 960px; float: right; min-height: 400px; } .con div.title{ width: 960px; line-height: 36px; text-align: center; font-size: 22px; color: #017bc8; border-bottom: 1px solid #dbddbd; font-weight:bold; padding-right:10px; } .con div.newstitle{ width: 1160px; line-height: 36px; text-align: right; font-size: 24px; color: #017bc8; 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: center; } .article-con p{ line-height: 28px; font-size: 15px; color: #000; text-align: left; padding:0px 50px; } .article-con img{ margin-bottom: 20px; max-width: 600px; } /*学校简介*/ .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; } .new-list{ padding: 30px 0 0; } .new-list>ul li{ padding-left: 30px; padding-right: 20px; width: 960px; background: url(../images/dotGrey.png) no-repeat 14px center; height: 42px; line-height: 42px; 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: 40px; } .new-list>ul li>div span{ float: right; font-size: 14px; line-height: 40px; } .new-list>ul li:hover{ background: #f1f1f1 url(../images/dotGreen.png) no-repeat 14px center; cursor: pointer; } .new-list>ul li:hover a{ color: #017bc8; } .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; } .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:#fff;width: 140px; display:inline-block;height:30px;line-height:30px;font-family:"微软雅黑"; background: #2f32a6;} #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: #2f32a6;} #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: 1200px; } .slider .bd { left: 50%; width: 1200px; margin-left: -600px; position: absolute; } .slider .bd li { width: 1200px; overflow: hidden; position: relative; } .slider .bd li img { width: 1200px; height: 380px; display: block; } .slider .tempWrap { overflow: visible !important; } .slider .tempWrap ul { margin-left: -1200px !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; }