/*超出隐藏*/ .max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis} .max-line-2,.max-line-3,.max-line-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .max-line-2{-webkit-line-clamp:2} .max-line-3{-webkit-line-clamp:3} /*分页*/ .pages{ margin-top:40px; margin-bottom: 40px; font-size:14px; display: flex; justify-content: center; } .pages a,.pages .page-num{ display: block; padding:0; height: 36px; line-height: 34px; padding:0 8px; min-width:42px; text-align: center; border:1px solid #949798; background: #ffffff; margin-left:-1px; color:#333; } .pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .pages a span{ display: block; height: 100%; line-height: 32px;} .pages .page-num-current, .pages a:hover{ color:#fff; background: #eb3c03; border-color:#eb3c03; } .pages a:hover span{ color:#fff;} .uk-text-center{ text-align: center;} .p20{ padding:20px; } .searchlist{ width: 805px; margin: 0 auto; padding-top: 17px;} .searchlist li{ line-height: 31px; border-bottom: 1px dashed #CCCCCC; color: #333333;padding-left: 15px; background: url(../images/b2.jpg) left center no-repeat; } .searchlist li span{ float: right; font-size: 14px;} .searchlist li a{ color: #333333; font-size: 14px;} /**/ .modal-open{ overflow: hidden;} .modal-open::before{ position: fixed; z-index: 111; top:0; bottom:0; left: 0; right:0; content:''; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.5); } .modal-video{ display: none; position: fixed; z-index: 999; left: 50%; top:50%; width:640px; height: 360px; margin-left: -320px; margin-top:-180px; } .modal-video video{ width:100%; height: 100%; } .modal-video .modal-close{ display: block; width:30px; height: 30px; line-height: 30px; border-radius: 6px; position: absolute; right:-30px; top:-30px; background:#000; color:#fff; text-align: center; } body{ margin:0 auto; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal;} ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;} ul { list-style:none;} *{margin:0px;padding:0px;} img { border:0px;} a { color:#05a; text-decoration:none;} a:hover { color:#f00;} .clear{ clear:both;} .top{ height: 77px; border-bottom: 1px solid #e7e7e7;} .top-box{ width: 1200px; margin: 0 auto; overflow: hidden;} .logo{ float: left; padding-top: 19px;position:relative;} .top-sub{ width: 500px; float: right; overflow: hidden;} .top-sub li{ float: right; line-height: 77px; background-position: left center; background-repeat:no-repeat ; padding-left: 20px; margin-left: 20px;} .top-sub li a{ font-size:14px; color: #000;} .top-sub li:nth-child(1){background-image:url(../images/a_12.jpg);} .top-sub li:nth-child(2){padding-top:6px;} .top-sub li:nth-child(3){} #ewm{display:none; position:absolute;top:50px;left:990px; width:135px; height:135px; z-index:1008;} .nav{height: 48px; background:#f0f0f0; background-image:url(../images/menubg.gif)} .nav-box{ width: 1200px; margin: 0 auto;} .nav .index{ float: left; width: 210px; text-align: center; height:48px; line-height: 48px; background: #3f9e6c;} .index a{ color: #FFFFFF; font-size: 16px;} .nav-box .center{ float: left;} .nav-box .center li{ width: 145px; float: left; text-align: center; line-height: 48px; position: relative; font-size: 16px;} .nav-box .center .li-tc{ position: absolute; display: none; top: 44px; left: 43px; z-index: 9999;} .li-tc .li-top{ width: 340px; height: 6px; background-image: url(../images/a_23.jpg);} .li-tc .li-text{width: 340px; height: 95px; background-color: #FFFFFF; overflow: hidden;} .nav-box .center li:hover .li-tc{display: block;} .li-tc .li-text .li-icon{ float: left; padding: 9px 0 0 9px;} .li-tc .li-text ul{ float: left; height: 77px; margin: 7px 0 0 14px; border-left: 1px dashed #d3d3d3; overflow: hidden; width: 205px;} .li-tc .li-text ul li {float: left; padding-left: 14px; padding-bottom: 5px; width: 80px;} .li-tc .li-text ul li a{ display: block; width: 80px; height: 22px; text-align: center;line-height: 22px; color: #FFFFFF; background-color: #adbbc6; font-size: 12px;} .li-tc .li-text ul li a:hover{ background:#3f9e6c;} /*.li-tc .li-text ul li:nth-child(5) a{ background-color: #3f9e6c;}*/ .nav-box .right{ float: left; padding-left: 15px;} .nav-box .right .btn1{ display: block; background: url(../images/a_19.jpg) center center no-repeat #dedede; width: 45px; height: 48px; border:none;} .fullSlide{ width:100%; position:relative; height:464px; background:#000; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:464px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:464px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:9px; overflow:hidden; background:#27355a; border-radius:50% ;} .fullSlide .hd ul .on{ background:#8dc21f; } .fullSlide .prev, .fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; } .fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; } .title{ height: 32px; line-height: 32px; font-size: 14px; color: #ed1b24; border-bottom:1px solid #d7d7d7;} .title h2{ width: 100px; height: 32px; line-height: 32px; font-size: 18px; color: #000000; border-bottom:3px solid #33b873; text-indent: 20px; background:url(../images/a_43.jpg) left center no-repeat; display: inline-block; margin-top: -1px;} .edutitle{ height: 32px; line-height: 32px; font-size: 14px; color: #ed1b24; border-bottom:1px solid #d7d7d7;} .edutitle h2{ width: 270px; height: 32px; line-height: 32px; font-size: 16px; color: #000000; border-bottom:3px solid #33b873; text-indent: 22px; background:url(../images/dh.png) left center no-repeat; display: inline-block; margin-top: -1px;} .banner1{ width:100%; height:300px; border-top:solid 1px #CCCCCC; background:url(../images/banners1.jpg) center no-repeat;} .banner2{ width:100%;height:300px;border-top:solid 1px #CCCCCC; background:url(../images/banners2.jpg) center no-repeat;} .banner3{ width:100%;height:300px;border-top:solid 1px #CCCCCC; background:url(../images/banners3.jpg) center no-repeat;} .banner4{ width:100%;height:300px;border-top:solid 1px #CCCCCC; background:url(../images/banners4.jpg) center no-repeat;} .banner5{ width:100%;height:300px;border-top:solid 1px #CCCCCC; background:url(../images/banners5.jpg) center no-repeat;} .banneredu{ width:100%;height:300px;border-top:solid 1px #CCCCCC; background:url(../images/banneredu2.jpg) center no-repeat;} .main{ width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 20px;} .main .layer1{ overflow: hidden; padding-top: 20px;} .main .layer1 .left{ float: left; width: 760px;} .layer1 .left .left-container{ width: 760px; height: 340px; position: relative; padding-top:20px;} .layer1 .left .left-container img{ width: 543px; height: 340px;} .layer1 .left .left-container .list{ background: url(../images/a1.png); width: 233px; height: 340px; position: absolute; right: 0; bottom: 0;} .layer1 .left .left-container .list p{ width: 170px; padding-top: 30px; color: #FFFFFF; line-height: 23px; padding-left: 40px;} .layer1 .left .left-container .list a{ display: block; width: 105px; height: 29px; text-align: center; line-height: 29px; border: 2px solid #a4d5d5; margin: 25px 0 0 75px; background: url(../images/a_38.jpg) 81px center no-repeat; color: #FFFFFF;} .layer1 .right{ width: 413px; float: right;} .main .layer1 .right .video{ padding-top: 20px;} .main .layer2 .sub{ float: left;} .index-list{ background-color: #f3f3f3; padding-top: 20px; padding-bottom: 20px;} .index-list .index-listBox{ width: 1200px; margin: 0 auto; background-color: #f3f3f3; overflow: hidden;} .index-list .left{ float: left; width: 410px;} .index-list .left .listBox-nr{ height: 120px; width: 410px; background: #FFFFFF; margin-top: 18px;} .index-list .left .listBox-nr h2{ width: 92px; float: left; background-position: 17px center; background-repeat: no-repeat; line-height:120px; height: 120px; padding-left: 55px; font-size: 19px; font-weight: normal;} .index-list .left .listBox-nr ul{ padding-left: 16px; width: 210px; height: 88px; float: left; border-left: 1px solid #c3c3c3; margin-top: 15px; padding-top: 7px; overflow: hidden;} .index-list .left .listBox-nr li{ float: left; line-height: 23px;} .index-list .left .listBox-nr li a{ color: #333; font-size:14px;} .index-list .left .listBox-nr li a:hover{ text-decoration:underline; font-size:14px;} .index-list .right{ width: 770px; float: right;} .index-list .right .group{height: 396px; background: #FFFFFF; margin-top: 18px; } .group .group-icon{ width: 725px; padding: 24px 0 20px 0; margin-left: 24px; border-bottom: 1px dashed #e3e3e3; overflow: hidden;} .group .group-icon .group-left{float: left;} .group .group-icon .group-right{ float: right; width: 415px; } .group .group-icon .group-right h2{ font-size: 16px; padding: 21px 0 17px 0;} .group .group-icon .group-right p{ font-size:14px; color: #464646; line-height: 28px;} .group .group-icon .group-right a{ color: #d80002; line-height: 50px;} .group ul{ margin-left: 19px; width: 735px; overflow: hidden; padding-bottom:20px; border-bottom: 1px solid #dbdbdb;} .group ul li{ float: left; padding-left: 12px; background: url(../images/a_60.jpg) left center no-repeat; width: 343px; margin-top: 20px;} .group ul li a{color: #656565; font-size:14px;} .group ul li a:hover{ text-decoration:underline; font-size:14px;} .group ul li span{ float: right; color:#656565; font-size:14px;} .group ul li:nth-child(odd){ margin-right:20px;} .core{ width: 1200px; margin: 0 auto; height: 355px; padding-top: 10px;} .core .core-box{ width: 287px; float: left; padding-left: 15px;} .core .core-box:first-child{ padding-left:0; } .core-list{padding-top: 20px; overflow: hidden;} .core-list p{ line-height: 20px; text-align: center; color: #7b5d5d;} .core-list .core-box span{display: block; width: 131px; height: 22px; line-height: 22px; text-align: center; color: #FFFFFF; margin: 0 auto; border-radius:11px ; background: #ED1B24;} .footer{ height: 185px; background: #cee5ad;cursor: pointer; margin-bottom:0px;} .footer ul{ line-height: 55px; text-align: center;} .footer li{ display: inline-block; color: #383838;} .footer li a{ display:inline-block; color: #383838; padding: 0 15px;} .footer li a:hover{ text-decoration:underline} .footer p{color: #5b7881; padding-top:0px; margin-top:0px; padding-bottom: 10px; line-height:22px; text-align: center;} .footer p a{color: #5b7881;} .details { width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 20px;} .details .details-left{ float: left; width: 869px;} .details-left p{ padding-top: 28px; font-size: 15px; line-height: 24px; color: #626262; overflow: hidden;} .details-left p span,.details-left p em{ font-style: normal; background-color: #039747; color: #FFFFFF; /*display: inline-block;*/ text-align: center;} .details-left .zi{padding-top: 28px; font-size: 15px; line-height: 24px; color: #626262; display: inline-block; font-weight: normal; background: none; text-align: left; position: absolute; top: 0;} .zc-left{float:left; width:310px;} .zc-right{float:left; padding-left:20px;width:535px;text-align:justify;text-justify:inter-ideograph;} .zc-right p{padding-top:0px;} .details .details-main{ padding-top: 29px; overflow: hidden;} .details-main .main-left{ float: left; width: 427px;} .details-main .main-left ul{ padding-top: 19px;} .details-main .main-left li{ padding-left: 21px; background: url(../images/b1.jpg) 5px center no-repeat;} .details-main .main-left li a{ color: #737373; font-size: 16px; line-height: 24px;} .details-main .main-right{ width: 415px; float: right;} .details-main .main-right .video1{ padding-top: 21px;} .details-main .main-right .video1 img{ width: 415px; height: 339px;} .details-right{ width: 300px; height:auto; background-color: #f2f2f2; float: right;} .details-right .sub-title{ height: 51px; line-height: 51px; padding-left: 35px; background: url(../images/a_43.jpg) 16px center no-repeat; font-size: 17px; padding-right: 18px;} .details-right .sub-title a{ float: right; color: #ED1B24; font-size: 12px; line-height: 51px;} .details-right ul li{ border-bottom: 1px solid #dddddd;} .details-right ul li a{ display: block; padding-left: 29px; font-size: 17px; padding-bottom: 17px;} .details-right ul li a p{ padding-top: 17px; color: #3f9e6c;} .details-right ul li a span{ display: block; padding-top: 17px; color: #868686;} .details-right ul li a:hover p{ color: #000000;} .details-right ul li a:hover span{ color: #000000;} .sub-bottom{ display: block; width: 172px; height: 46px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 46px; border-radius:23px; background: #009946; margin: 30px auto 0 auto;Transition:all 0.4s;border:1px solid #009946;} .sub-bottom:hover{ border:1px solid #009946; background:#fff; color:#009946;} .news{ width: 867px; border: 1px solid #dcdcdc;} .news-title{ height:50px; line-height: 50px;padding-left: 39px; background: url(../images/a_43.jpg) 18px center no-repeat; font-size: 18px; border-bottom: 1px solid #dcdcdc; padding-right: 20px;} .news .news-title a{ float: right; color: #b2b2b2; display: block; font-size: 30px;} .news .news-top{ width: 805px; margin: 0 auto; border-bottom:1px dashed #cccccc; padding-top: 45px; text-align: center; font-size: 24px; line-height: 24px;} .news .news-top p{ padding-bottom: 18px;} .news .news-list{ width: 805px; margin: 0 auto; padding-bottom: 28px; border-bottom:1px dashed #cccccc;} .news .news-list h2{ text-align: center; padding-top: 15px;} .news .news-list2{ width: 805px; margin: 0 auto; padding-bottom: 28px; border-bottom:1px dashed #cccccc;} .news .news-list2 h2{ text-align: center; padding-top: 15px;} .news .news-list2 p span{ background: none; color:#333; text-align:left} .news .news-bottom{ padding-top: 20px; overflow: hidden; width: 805px; margin: 0 auto;} .news-bottom .bottom-left{ float: left; color: #575757; font-size: 13px;} .news-bottom .bottom-right{ float: right; color: #575757; font-size: 13px;} .news-bottom .bottom-left a{color: #575757; font-size: 13px; } .news-bottom .bottom-right a{ color: #575757; font-size: 13px;} .friendlink{ width: 805px; margin: 0 auto; padding-top: 37px;} .friendlink ul{ overflow: hidden; padding-bottom: 24px;} .friendlink li {float: left;height: 24px;line-height: 24px;padding-left: 4px;padding-top: 5px;vertical-align: bottom;} .build{width: 867px; border: 1px solid #dcdcdc;} .build .list{ width: 805px; margin: 0 auto; padding-top: 17px;} .build .list li{ line-height: 31px; border-bottom: 1px dashed #CCCCCC; color: #333333;padding-left: 15px; background: url(../images/b2.jpg) left center no-repeat; } .build .list li span{ float: right; font-size: 14px;} .build .list li a{ color: #333333; font-size: 14px;} .btn1{cursor: pointer} .right .srwb {height: 37px;width: 123px;position: absolute;left:0px;top: 10px; z-index:1000;Transition:all 0.4s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} .srwb .wby1 { color:#b6b6b6; font-size:12px;line-height: 37px;height: 37px;width: 113px; border:none;padding-left: 10px;} .right:hover .srwb{ left:-123px; display:block;filter:alpha(opacity=100); -moz-opacity:100; opacity:100;} .btn-hero { cursor: pointer; } .qiye1-img{ width: 413px; height: 339px; position:relative; } .video-icon { position: absolute; background: url(../images/video-icon.png) no-repeat center; height: 57px; width: 57px; margin: 0 auto; left: 0; right: 0; top: 30%; cursor: pointer; z-index: 5; } .qiye1-img{ width: 100%; display: inline-block; height: 100%; } .w-500 { width: 413px; display: inline-block; } .product-show-content { position: absolute; z-index: 4; top: 0; left: 0; right: 0; bottom: 0; } .themeedu ul{ margin-left: 15px;} .themeedu ul li{ float: left; padding-left: 17px; background: url(../images/star.png) left center no-repeat; width: 300px; margin-top: 20px;} .themeedu ul li a{color: #656565; font-size:14px;} .themeedu ul li a:hover{ text-decoration:underline; font-size:14px;} .themeedu ul li span{ float: right; color:#656565; font-size:14px;} .themeedu ul li:nth-child(odd){ margin-right:20px;}