/*通用类*/ *{ margin:0; padding:0;} body{ padding-top:160px; margin:0 auto; font-size:14px; font-family:arial,Microsoft Yahei; background:#fff; color:#333;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;filter:alpha(opacity=90);z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} h1,h2,h3{ font-weight:500;} img{ border:none;} a{ cursor:pointer; color:#333; text-decoration:none; outline:none;} a:hover{ color:#8f000b;} ul{ list-style-type:none; border:0; width:auto;} em{ font-style:normal;} span{ float:none; margin:0;} .f_l{ float:left;} .f_r{ float:right;} input.sub,label{ border:none; cursor:pointer;} input,textarea{ font-family:"Microsoft Yahei"; outline:none;} table{ border-collapse:collapse;} table td,table th{ padding:0;} div.clear{ font: 0px Arial; line-height:0; height:0; overflow:hidden; clear:both;} div,section,input,select,ul,li{ box-sizing:border-box;} /*wrapin 主体容器宽度*/ .wrapin{ width:1200px; margin-left:auto; margin-right:auto;} /*公用CSS 开始*/ /*header 开始*/ .header{ height:auto; width:100%; background:#fff;} .header .logo{ float:left; margin-top:10px;} .logo{ display:block; opacity:0.8; float:left;} .logom{ display:none;} .nav{ width:100%; float:left; height:auto; text-align:center; font-size:18px; color:#fff;} .nav>li{ display:inline-block;position:relative; width:145px; text-align:center; height:45px;} .nav li>a{ display:block;width:100%; height:50px; line-height:50px; vertical-align:middle; font-size:18px; color:#fff; text-align:center; box-sizing:border-box;} .nav li>a img{ margin-left:5px; display:inline-block;} .nav li>.nav-c{ display:none; width:110px; height:auto;position:absolute; z-index:9999999; background:rgba(0, 0, 0, 0.75); top:50px;} .nav li:hover>a,.nav .hover>a{ position:relative;color:#fff; font-weight:bold;} .nav li>.nav-c a{ line-height:40px; vertical-align:middle; color:#fff; float:left; text-align:center; display:inline-block; width:100%; font-size:14px; font-weight:normal;}.nav li>.nav-c a:hover{ color:#fff; background:rgba(0,0,0,0.3);} .nav li:hover>.nav-c{ display:block;} .wap-nav{ display:none;} .wap-search{display:none;} .mnav{ width:100%; height:auto;} .mnav>li{ width:100%; height:auto; float:left;} .mnav>li>a{} .mnav dl{width:100%; height:auto; float:left;} .mnav dl dt{width:100%; height:auto; float:left; line-height:30px; font-size:15px; padding:10px 10px 10px 20px; box-sizing:border-box;} .mnav dl dt a{ width:90%; display:inline-block; float:none; padding:0; color:#333;} .mnav dl dt:before{ content:""; display:inline-block; width:5px; height:5px; background:#a90b18; margin-right:10px; vertical-align:middle;} .mnav dl dd{width:100%; height:auto; float:left;} .mnav-c{width:100%; height:auto; float:left;} .mnav-c>a{width:100%; height:auto; float:left;} .mnav>li{ width: 100%; float: left; height: auto; overflow: hidden; border-bottom: 1px solid rgba(206,206,206,0.4); margin-left: 0px; box-sizing: border-box;} .mnav>li>a{padding: 15px; box-sizing: border-box; display: block; font-size: 18px; color: #333; width: 100%; height: auto; line-height: 30px; text-align: left; font-weight: normal;} .mnav-c{left: 0px; margin-left: 0px; display: none; position: relative; height: auto; width: 100%; float: left; background: none; top: 0px; padding-top: 0px; border: 0px; box-shadow: none; padding: 0px;} .mnav-c a{ width: 100%; display: block; float: left; line-height:20px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; padding-left: 37px; padding-right: 10px; color: #7d7d7d; box-sizing: border-box; text-align: left;} .mnav>li:hover>a, .mnav .hover>a { color: #FFF; border: 0px; background: #8f000b; border-radius: 0px; overflow: hidden;} .wap-nav{ display:none;} .pc-nav{ display:block;} .mob-nav{ display:none;position:fixed;left:0px; top:60px;width:100%; overflow:auto; z-index:99999; left:0px;background:rgba(237,237,237,1);} /*header 结束*/ /*footer 底部开始*/ .footer{ width:100%; background:#730009; height:auto; overflow:hidden; padding:20px 0 20px 0;} .footer a{} .header1{position:fixed; top:110px; width:100%; z-index:9999999; height:50px; background:#8f000b; text-align:right; color:#fff; vertical-align:middle;} .header2{position:fixed; top:0px; z-index:9999999;width:100%; padding-top:20px;height:110PX; box-sizing:border-box; background:url(../images/bg.jpg) #fff; background-position:center top; background-repeat:no-repeat;} .header3{ width:100%; height:45px; background:#294a70; border-bottom:4px solid #f4a024;} .search{ width:264px; height:35px; float:right; border-radius:20px 0px 0px 20px; box-sizing:border-box; overflow:hidden; margin-top:15px;} .search-1{ width:202px; height:35px; float:left; line-height:35px; border:1px solid #87a6c9;vertical-align:middle; box-sizing:border-box;border-radius:20px 0px 0px 20px; background:url(../images/2.jpg) 5px center no-repeat; padding-left:30px;} .search-2{ width:62px; height:35px; float:right; background:#294a70;border:0px; color:#fff;} .openSearch{ display:none; float:right;height:40px; width:40px; text-align:center; line-height:40px; vertical-align:middle; cursor:pointer; margin-right:15px;} .openSearch img{ display:inline-block; vertical-align:middle;} .search2{ position:absolute; right:-310px; height:60px; top:0px; background:#222222; width:290px; transition:all 0.2s;} .close{ cursor:pointer; width:50px; height:60px; text-align:center; line-height:60px; vertical-align:middle; float:left;} .close img{ display:inline-block; vertical-align:middle; transition:all 0.4s;} .close:hover img{ transform:rotate(360deg);} .search2 .inp5{ width:180px; height:60px; border:0px; background:none; float:left; color:#fff; font-size:14px;} .search2 .inp6{ width:60px; height:60px;background:url(../images/head01.jpg) #8f000b center center no-repeat; text-align:center;line-height:60px; vertical-align:middle; border:0px;} .head1t{ width:auto; float:right;} .searchb{ float:right; width:auto; height:50px; background:#fff; text-align:center; margin-left:5px;margin-left:15px; border:1px solid #efefef; border-radius:5px; overflow:hidden;} .searcht{ float:left; width:180px; height:50px; background:none; border:0px; padding-left:10px; padding-right:10px; box-sizing:border-box;} .searchbut{float:left; background:url(../images/6.jpg) #90030e center center no-repeat; border:0px; width:53px; height:50px; border-radius:5px; overflow:hidden;} .searchb img{ display:inline-block; vertical-align:middle;} .banner{ width:100%; height:435px; overflow:hidden; margin:0 auto;} /* main_image */ .main_visual{height:435px;overflow:hidden;position:relative;} .main_image{height:100%;overflow:hidden;position:relative;} .main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;} .main_image li{float:left;width:100%;height:100%;} .main_image li span{display:block;width:100%;height:100%; background-position:center top; background-repeat:no-repeat; position:relative;} .main_image li span div{ background:rgba(255,255,255,0.8); width:400px; height:auto; border-radius:0px 120px 0px 0px; border-right:10px solid #efa540; font-size:24px; color:#294a70; font-weight:bold; padding:35px; margin-top:200px; position:absolute; left:20%;} .main_image li a{display:block;width:100%;height:100%;} div.flicking_con{position:absolute;bottom:40px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;} div.flicking_con a{float:left;width:31px;height:28px;margin:0;padding:0;background:url(../images/btn_main_img.jpg) 0 0 no-repeat;display:block;text-indent:-1000px;} div.flicking_con a.on{background-position:0 -27px;} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;} #btn_prev{background:url(../images/hover_left.jpg) no-repeat left top;left:100px;} #btn_next{background:url(../images/hover_right.jpg) no-repeat right top;right:100px;} .section{ width:100%; padding-top:40px; padding-bottom:40px; background:#f4f4f4; overflow:hidden;} .list1{ width:100%; float:left; height:41px; border-bottom: 1px solid #ededed; margin-bottom:15px;} .list1 li{ cursor:pointer; font-size:22px; color:#707070; float:left; line-height:40px; vertical-align:middle; position:relative; margin-right:15px;} .list1 li:hover,.list1 .on{ color: #8f000b; border-bottom: 3px solid #8f000b;} .list2{ width:100%; height:auto; float:left;} .list2 li{ width:30.33%; transition:all 0.3s; box-sizing:border-box;height:auto; float:left; margin-right:4.5%; position:relative;} .list2 li:nth-child(3n){ margin-right:0px;} .list2 li div{ position:relative; z-index:0; overflow:hidden; width:100%; height:273px; margin-bottom:10px; box-sizing:border-box;} .list2 li div img{ width:100%; height:100%; transition:all 0.6s;} .list2 li h1{ width: 100%; box-sizing: border-box; line-height: 50px; vertical-align: middle; bottom: 0px; margin-bottom: 10px; position: absolute; background: rgba(255,255,255,0.7); padding: 0px 10px 0px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000;} .list2 li h1 a{font-size:16px; color:#333;} .list2 li:hover div img{ transform:scale(1.2);} .list2 li p{ color:#979797; font-size:14px;} .list2 li:hover a{ color:#02453c;} .list2 li i{ position:absolute; top:0px; left:0px; display:inline-block; width:0px; height:3px; background:#02453c; transition:all 0.4s; z-index:2;} .list2 li:hover i{width:100%;} .ll li{ width:31.3%; margin-right:3%; margin-bottom:25px; overflow:hidden;} .ll li:nth-child(3n){ margin-right:0px;} .ll li h1{ position:relative; line-height:30px; padding:0px;} .more{ width:100%; height:auto; float:left; text-align:right; margin-bottom:8px;} .more a{ color:#5b5b5b;} .more a:hover{color:#294a70;} .morein{width: 100%; height: auto; float: left; margin-top: -45px; text-align:right;} .section{ background:#f4f4f4; width:100%; height:auto; overflow:hidden;} .section2{ background:#fff; width:100%; height:auto; padding-top:40px; padding-bottom:40px; overflow:hidden;} .list4{ width:100%; float:left; height:41px; border-bottom:1px solid #ededed; margin-bottom:15px;} .list4 li{ cursor:pointer; font-size:22px; color:#707070; float:left; line-height:40px; vertical-align:middle; position:relative; margin-right:15px;} .list4 li:hover,.list4 .on2{ color:#8f000b; border-bottom: 3px solid #8f000b;} .list3{ width:100%;} .list3 li{ width:100%; height:auto; float:left; box-sizing:border-box; border-bottom:1px dashed #e4e4e4; overflow:hidden; line-height:40px; vertical-align:middle;font-size:14px; padding-top:10px; padding-bottom:10px;} .list3 li:hover{ background:;} .list3 li span{ color:#02453c; float:left; font-size:16px;} .list3 li .list3-2{ width:70%; font-size:14px; float:left; white-space:nowrap; font-size:18px; text-overflow:ellipsis; overflow:hidden; margin-left:20px;} .list3 li .list3-2 a{ color:#000;} .list3 li .list3-2 a:hover{ color:#02453c;} .list3 li .list3-3{ width:50px; height:50px; float:right;} .list3 li .list3-3 a{ display:block;width:50px; height:50px; background:url(../images/down.jpg) right center no-repeat; background-size:auto 30px;} .list3 li .list3-3 a:hover{ background:url(../images/down2.jpg) right center no-repeat; background-size:auto 30px;} .list30{ width:100%; height:auto; overflow:hidden;} .list30 li{ width:100%; height:70px; box-sizing:border-box; float:left; position:relative; padding:10px; transition:all 0.4s; margin-bottom:5px;} .list30 li a{ display:block;} .list30-1{ width:70px; height:50px; position:absolute; top:10px; left:10px; text-align:center; line-height:25px; vertical-align:middle;} .list30-1 span:nth-child(1){ width:100%; height:25px; display:inline-block; background:#eaeaea; color:#454545; font-size:16px;} .list30-1 span:nth-child(2){ width:100%; height:25px; display:inline-block; background:#6c6c6c; font-size:12px; color:#fff;} .list30-2{ width:100%; height:auto; line-height:25px; vertical-align:middle; float:left; padding-left:80px; box-sizing:border-box; font-size:14px; transition:all 0.4s;} .list30 li:nth-child(odd){ background:#f4f4f4;} .list30 li:hover{ background:#f3fffd;} .list30 li:hover .list30-2 { color:#02453c;} .ll2 li{ height:60px;} .ll2 li .list30-2{ padding-left:150px; line-height:40px; vertical-align:middle; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .ll2 li .list30-1{ width:100px; height:40px; line-height:40px; vertical-align:middle;} .ll2 li span:nth-child(1){ background:none; width:100px;height:40px; float:left; box-sizing:border-box;padding-left:10px;} .ll2 li span:nth-child(2){ background:none; width:70px;height:40px; float:left; color:#02453c; font-size:16px;} .list33{ width:100%;} .list33 li{ width:100%; height:auto; float:left; box-sizing:border-box; border-bottom:1px dashed #e4e4e4; overflow:hidden; line-height:45px; vertical-align:middle;font-size:16px;} .list33 li:hover{ background:;} .list33 li span{ color:#ce7279; float:left;} .list33 li div{ width:84%; font-size:16px; float:right; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list33 li div a{ color:#000;} .list33 li div a:hover{ color:#8f000b;} .conleft{ width:30.33%; height:auto; float:left; position:relative; z-index:3;} .conright{ width:30.33%; height:auto; float:right;} .m2{ margin-left:4.5%;} .notice{ width:100%; height:auto; float:left;} .list5{ width:100%; height:auto;} .list5 li{ float:left; width:30.33%; height:auto; overflow:hidden;margin-right:4.5%;} .list5 li:nth-child(3n){ margin-right:0px;} .list5 li a{ display:block; width:100%; height:100%;position:relative;} .list5 li .list5-img{ float:left;width:100%; height:160px; overflow:hidden; border-top:3px solid #8f000b;} .list5 li .list5-img img{ transition:all 0.6s; width:100%; height:100%; float:left;} .list5 li .list5-txt{ width:100%; height:auto; box-sizing:border-box;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#1b1b1b; line-height:50px; box-sizing:border-box;background: #fff; padding-left: 10px; padding-right: 10px; text-align: center;} .list5 li:hover .list5-txt{ color:#8f000b;} .list5 li:hover .list5-img img{ transform:scale(1.2);} .list15{ width:100%; height:auto; float:left;} .list15 li{ width:33.33%; float:left; text-align:center; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; height:123px; padding-top:20px;} .list15 li h1{ font-size:14px;} .list15 li:nth-child(3n){ border-right:0px;} .list15 li:hover{ background:#efefef;} .list15 li:hover h1{color:#3f5a28;} .tt{ width:100%; height:auto; float:left; font-size:24px; color:#8f000b; margin-bottom:15px; margin-top:10px;} .tt a{ font-size:14px; color:#5b5b5bb; font-weight:normal;} .tt2 {border-bottom: 1px solid #ededed;margin-bottom: 15px;line-height: 40px;vertical-align: middle;} .tt2 span {color: #8f000b;border-bottom: 3px solid #8f000b;display: inline-block;font-size: 22px;float: left;line-height: 40px;vertical-align: middle;position: relative;margin-right: 15px;} .footer-1{ width:33.33%; height:auto; float:left;} .t2{ width:; height:auto; font-size:20px; color:#fff; margin-bottom:20px;} .t2 span{ display:inline-block;border-bottom:3px solid #f4a024; padding-bottom:8px;} .list6{} .list6 li{ width:100%; height:auto; float:left; color:#fff; font-size:16px; line-height:25px; background-position:left center; background-repeat:no-repeat; padding-left:40px; box-sizing:border-box; padding-top:5px; padding-bottom:5px;} .p li{ padding-left:0px;} .list6 li a:hover{ text-decoration:underline;} .footer2{ width:100%; height:auto; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; line-height:25px; opacity:0.5;} .footer2 a{ color:#fff; margin-left:3px; margin-right:3px;} .footer2 a:hover{ color:#fff;} .m1{ margin-left:auto ; margin-right:auto; opacity:0.8;} .xx{ width:100%; height:auto;text-align:center;} .xxlist{width:100%;height:auto; text-align:center;} .xxlist li{ display:inline-block; padding-right:20px; line-height:30px; color:rgba(255,255,255,0.7) ;vertical-align:middle;} .xxlist li img{ display:inline-block; margin-right:5px; vertical-align:middle;} .xxlist .wx{ float:right; position:relative;} .xxlist li .wxewm{ position:absolute; bottom:36px; left:50%; margin-left:-70px; display:none;} .xxlist .wx:hover .wxewm{ display:block;} .xx2{ margin-top:30px; float:left;} .xx2 img{max-width:100%;} .ab-ban{ width:100%; height:310px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%; position:relative;} .m3{ position:relative; z-index:99;} .right{ width:935px; height:auto;float:right; overflow:hidden; margin-bottom:30px;} .left{ width:205px; height:auto; float:left; overflow:hidden;margin-bottom:30px; margin-top:-75px;} .position{ width:100%; height:auto; border-bottom:1px solid #e2e2e2; font-size:14px; box-sizing:border-box; padding-top:15px; padding-bottom:15px; color:#737373; border-radius:5px 5px 0px 0px; margin-bottom:20px;} .position a{ color:#737373;} .title{ width:100%; height:auto; float:left; background:url(../images/5.jpg) center top no-repeat; line-height:30px; font-size:30px; color:#294a70; text-align:center; margin-bottom:40px;} .con{ width:100%; height:auto; float:left; min-height:400px; padding-bottom:40px;} .txt{ line-height: 1.7em; font-size: 16px; color: #333; text-indent: 2em; font-family: "微软雅黑" !important;} .txt p{ margin-bottom:20px;} .txt img{ max-width:90%;text-align:center; margin: 5px; text-indent:0px} .abnav{ width:100%; height:auto; color:#fff; background:rgba(143, 0, 11, 0.7); border-bottom:5px solid rgba(255,174,0,0.7); padding-left:20px; vertical-align:middle; padding-top:20px; padding-bottom:20px; box-sizing:border-box;} .abnav .span3{ font-size:24px; line-height:30px;} .abnav .span4{ font-size:12px; line-height:20px;} .list7{ width:100%; height:auto; float:left; background:#f4f4f4;box-sizing:border-box; min-height:200px;} .list7 li{ width:100%; height:auto; float:left;font-size:18px; border-bottom:1px solid #e4e4e4; vertical-align:middle; box-sizing:border-box;} .list7 li a{ box-sizing:border-box;color:#000; display:block;padding-left:20px; padding-right:20px;} .list7 li:hover .list7-1,.list7 .currtq .list7-1{ color: #02453c; background: #f1ecec; border-left: 3px solid #8f000b; box-sizing:border-box;} .list7 li:hover .list7-1 a,.list7 .currtq .list7-1 a{color:#02453c;} .list7 li .list7-1{ width:100%; height:auto; float:left; line-height:58px;} .list7 li .list7-1 i{ vertical-align:middle; width:10px; height:58px; float:right; display:inline-block; } .list7 li:hover .list7-1 i,.list7 .currtq .list7-1 i{ background:url(../images/d2.jpg) center center no-repeat;} .list7 li .list7-1 a{ display:block; font-size:16px;} .list7 li .list7-2{ display:none;width:100%; height:auto; float:left; text-align: left; width: 100%; height: auto; line-height: 22px;} .list7 li .list7-2 a{ width:100%; font-size:14px; box-sizing:border-box; color:#656565; padding-right:5px; padding-left:28px; line-height:35px;} .list7 li .list7-2 a:first-child{ margin-top:10px;} .list7 li .list7-2 a:last-child{ margin-bottom:10px;} .list7 li .list7-2 a:before{ content:""; display:inline-block; width:5px; height:5px; background:#ccc; margin-right:10px; vertical-align:middle; border-radius:50%; overflow:hidden;} .list7 li .list7-2 a:hover,.list7 li .list7-xx .currt{ color:#02453c;} .list7 li .list7-2 a:hover:before,.list7 li .list7-xx .currt:before{ background:#02453c;} .list9{ width:100%; height:auto; float:left;} .list9 li{ width:100%; height:auto; float:left; border-bottom:1px solid #e6e6e6; padding-top:20px; padding-bottom:20px; transition:all 0.4s;} .list9 li a{ display:block;} .list9 li .list9-title{width:auto; height:auto; float:left; line-height:30px; vertical-align:middle; margin-bottom:10px;} .list9 li h1{ max-width:80%; float:left; font-size:20px; font-weight:bold; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list9 li h1 a{color:#405033;} .list9 li p{ font-size:14px; line-height:25px; color:#818181; width:100%; height:50px; overflow:hidden; margin-bottom:10px; float:left;} .list9 li span{ float:left; color:#bcbcbc; font-size:14px; margin-left:20px;} .list9-txt{ width:100%; height:auto; float:left;} .list9-txt a{ color:#f4a024; display:inline-block; margin-bottom:5px;} .list9-img{ max-width:330px; height:auto; overflow:hidden; float:left; margin-right:20px; display:inline-block;} .list9-img img{ max-width:100%; transition:all 0.4s;} .list9 li:hover { padding-left:20px; padding-right:20px; background:#f5f5f5;} .list9 li:hover h1{ color:#8f000b;} .list9 li:hover p{} .list9 li:hover .list9-img img{ transform:scale(1.2);} .list90{ width:100%; height:auto; float:left;} .list90 li{ width:100%; height:auto; float:left; border-bottom:1px solid #e6e6e6; padding-top:20px; padding-bottom:20px; transition:all 0.4s;word-break:break-all;} .list90 li a{ display:block;} .list90 li h1{ padding:0px;overflow:hidden;color:#bcbcbc; font-size:14px; margin-bottom:10px; line-height:30px; vertical-align:middle; max-width:100%;word-break:break-all;} .list90 li h1 span{ display:inline-block;max-width:70%;font-size:20px; font-weight:bold; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:20px; vertical-align:middle;} .list90 li p{max-width:100%; font-size:14px; line-height:25px; color:#818181; max-height:50px; overflow:hidden; margin-bottom:10px;word-break:break-all;} .list90 li img{float:left; vertical-align:middle; margin-right:20px; max-width:210px; transition:all 0.4s;} .mp{ text-align:left;} .mp span{display:inline-block; width:82px; height:27px; line-height:27px; vertical-align:middle; text-align:center; transition:all 0.4s; color:#8f000b; border:1px solid #8f000b; border-radius:3px;font-size:12px;} .mp span:hover{ background:#8f000b; color:#fff;} .list90 li:hover h1 span{color:#8f000b;} .pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;} .pagelist .curPage,.pagelist a:hover{ background:#02453c; color:#fff;} .pagelist a {font-size: 14px;cursor: pointer;display: inline-block;line-height: 40px;margin-left: 1px;margin-right: 1px;color: #8d8d8d;background: #f2eeef;width: auto;height: 40px;} .pagelist .noclick{ cursor:no-drop; color:#8d8d8d;} .pagelist .noclick:hover{cursor:no-drop;background:#ccc; color:#8d8d8d;} .ntitle{width:100%; height:auto; float:left; margin-bottom:20px; margin-top:20px; line-height: 40px; font-family: "黑体"; text-align: center; font-size: 25px; color: #000; font-weight: bold;} .ntime{width:100%; height:auto; float:left; font-size:16px; color:#C5C5C5;text-align:center;margin-bottom:30px;} .nnnext{ float:left; width:100%; height:auto; float:left;margin-bottom:30px; margin-top:30px; border-top:1px solid #ccc; padding-top:20px;} .nnnext p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:25px; } .ntt{} .ntt li{ display:inline-block;text-align:center; margin-left:10px; margin-right:10px;} .ntt span{ cursor:pointer;} .ntt span:hover{ color:#222;} .ntt .redfont{ color:#222;} .teach{ width:100%; height:auto; overflow:hidden;} .list10{ width:100%; height:auto; float:left;} .list10 li{ width:100%; height:auto; float:left; margin-bottom:15px;} .list10 li .list10-1{ float:left; width:100px; text-align:left; font-weight:bold;} .list10 li .list10-2{ float:right; width:88%; text-align:left;} .list10 li .list10-2 a{ margin-right:5px; background:#efefef; display:inline-block; padding-left:10px; padding-right:10px; line-height:30px; margin-bottom:5px;} .list10 li .list10-2 a:hover,.list10 li .list10-2 .cur{ background:#405033; color:#fff;} .list12{ width:100%; height:auto; float:left;} .list12 li:nth-child(4n){ margin-right:0px;} .list12 li{ width:23%; height:auto; float:left; margin-bottom:2%; margin-right:2%; position:relative; overflow:hidden;} .list12 li .list12-img{ float:left; width:100%; height:288px;} .list12 li .list12-img img{ width:100%;} .list12 li .list12-txt{ border-top:3px solid #405033; float:left; width:100%; height:100%; background:rgba(255,255,255,0.85); position:absolute; top:210px; padding:15px; box-sizing:border-box; transition:all 0.3s;} .list12 li .list12-txt h1{ font-size:20px; font-weight:bold; color:#405033;} .list12 li .list12-txt h2{ font-size:14px; color:#353535;} .list12 li .list12-txt p{ font-size:14px; width:100%; height:80px; overflow:hidden; line-height:20px; margin-top:10px; margin-bottom:10px;} .list12 li .list12-txt a{ background:#f4a024; display:inline-block; padding-left:10px; padding-right:10px ; line-height:25px; color:#fff;} .list12 li:hover .list12-txt{ top:0px;} .teach-1{ width:100%; height:auto; float:left; margin-bottom:40px;} .teach-img{width:220px; height:288px; float:left; background:url(../images/k.jpg) left top no-repeat; padding-left:20px; padding-top:20px; box-sizing:border-box;} .teach-img img{ width:100%; height:100%;} .teach-txt{ width:640px; height:auto; float:right;} .teach-txt h1{ font-size:22px; color:#405033; margin-bottom:5px; font-weight:bold;} .teach-txt h2{ font-size:16px;color:#f4a024; margin-bottom:15px;} .teach-txt .teach-con{ width:100%; height:auto; float:left; border-top:1px solid #EDEDED; padding-top:20px;} .teach-txt .teach-con p{ margin-bottom:10px; font-size:14px; line-height:22px;} .teachCon{ width:100%; height:auto; float:left; margin-bottom:20px;} .teachCon-t{width:100%; height:auto; float:left; font-size:20px; font-weight:bold; margin-bottom:10px; color:#405033;} .teachCon-x{width:100%; height:auto; float:left; background:#efefef; padding:20px; box-sizing:border-box;} .form1{ width:100%; border-right:1px solid #ccc; border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:30px;} .form1 tr th{line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #d9e1d4; color: #405033; font-size: 16px;} .form1 tr td{ line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border-right:1px solid #ccc; text-align:center;} .form1 tr td a{ display:block; font-size:16px;} .form1 tr:nth-child(odd) td{ border-bottom:1px solid #ccc; background:#efefef;} .form1 tr:nth-child(even) td{border-bottom:1px solid #ccc;} .form1 tr td:hover{ background:#fffae3;} .form1 tr td:hover a{font-weight:bold; color:#000;} .form2{ width:100%; border-right:1px solid #ccc; border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:30px;} .form2 tr th{line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #d9e1d4; color: #405033; font-size: 16px;} .form2 tr td{ line-height:25px; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; border-right:1px solid #ccc; text-align:center; font-size:16px;} .form2 tr:nth-child(odd) td{ border-bottom:1px solid #ccc; background:#efefef;} .form2 tr:nth-child(even) td{border-bottom:1px solid #ccc;} .form2 tr:hover td{ background:#fffae3;} .form2 tr td:hover a{font-weight:bold; color:#000;} .form2 tr td:nth-child(1){ font-weight:bold; color:#2b2b2b;} .form2 tr th{ background:#d8edea; font-size:18px; font-weight:bold; color:#02453c; padding-top:15px; padding-bottom:15px;} .form3{ width:100%; height:auto; border-left:1px solid #ccc;} .form3 tr th{line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; background: #d9e1d4; color: #405033; font-size: 16px;} .form3 tr>td{line-height:22px; padding-top:10px; padding-bottom:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; font-size:12px;} .form4{width:100%; height:auto;} .form4 tr td{line-height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; font-size:12px;} .form4 tr td:first-child{ font-weight:bold; font-size:14px; width:100px;} .formt{ width:100%; height:auto; font-size:22px; padding-bottom:15px; color:#25321e;} .xk{ width:100%; height:auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;} .xk-1{ width:100%; height:auto; float:left; font-size:24px; color:#405033; font-weight:bold;} .xk-2{ width:100%; height:auto; float:left; margin-top:15px; margin-bottom:15px; line-height:25px;} .xk-3{ width:100%; height:auto; float:left; font-weight:bold;margin-bottom:15px;} .xk-4{ width:100%; height:auto; float:left; line-height:30px;} .xk-3 b{ color:#405033;} .xk-4 b{ color:#405033;} .xk-4 span{ display:inline-block; padding-left:10px; padding-right:10px; line-height:35px; vertical-align:middle; background:#f5f5f5; border:1px solid #d7d7d7; margin-right:5px; margin-bottom:5px;} .more2{ line-height:27px; vertical-align:middle; float:right; margin-top:20px; transition:all 0.4s;} .more2 a{ display:block; font-size:12px;} .more2:hover{} .m{ margin-bottom:20px;} .list32{ width:100%; height:auto; float:left;} .list32 li{ width:100%; height:auto; float:left; padding-top:10px; padding-bottom:10px; box-sizing:border-box; transition:all 0.4s;} .list32 li a{} .list32 li .list32-1{ font-size:16px; color:#000; width:100%; height:auto; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; vertical-align:middle;} .list32 li .list32-2{width:100%; line-height:25px; vertical-align:middle; height:auto; float:left; color:#aaa9a9; font-size:12px;} .list32 li .list32-3{width:100%; height:50px; line-height:25px; overflow:hidden; float:left; color:#6e6e6e; font-size:14px;} .list32 li:hover{ background:#f3fffd; padding-left:15px; padding-right:15px;} .section3{ width:100%; height:auto; float:left; padding-top:40px; padding-bottom:40px;} .left2{ width:55%; float:left;} .right2{ width:40%; float:right;} .list16{ width:100%; height:auto; float:left;} .list16 li{ width:100%; height:auto; float:left; line-height:42px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .list16 li a{ font-size:18px;} .list16 li a:hover{ color:#8f000b;} .list16 li a:before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#bdbdbd; margin-right:15px; vertical-align:middle;} .swiper-container { width: 100%; height: 100%;} .swiper-slide { 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-pagination-bullet{ background:#fff;} .swiper-pagination{ text-align:right;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff;} .xw{ width:100%; height:390px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;} .xw-1{ position:absolute; bottom:0px; width:660px; height:auto; line-height:35px; font-size:24px; font-weight:bold; background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.7)); color:#fff; padding:20px; text-align:left;} .pos1{ position:absolute; left:0px; bottom:0px; z-index:0; max-height:100%;} .pos2{position:absolute; right:0px; bottom:0px; z-index:0; max-height:100%;} .pagelistHeadSty div,.pagelistHeadSty section,.pagelistHeadSty a,.pagelistHeadSty input,.pagelistHeadSty select,.pagelistHeadSty ul,.pagelistHeadSty li{ box-sizing:content-box;} .slider, .slider .slider-img { overflow: hidden; height: 390px; } .slider { width: 660px; position: relative; } .slider:hover .slider-btn { color: #fff; text-shadow: 0 0 5px #666; } .slider .slider-img { width: 12000px; position: relative; } .slider .slider-img .slider-img-ul { position: absolute; left: 0; top: 0; overflow: hidden; } .slider .slider-img .slider-img-ul li { float: left; } .slider .slider-img .slider-img-ul li img { width: 660px; height: 390px; } .slider .slider-dot ul { position: absolute; right: 50px; bottom: 30px; } .slider .slider-dot ul li { cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: 2px solid #fff; float: left; margin-left: 10px; } .slider .slider-dot ul li.active, .slider .slider-dot ul li:hover { background: #fff; } .slider .slider-btn { position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; font-family: '黑体'; color: rgba(255, 255, 255, 0); } .slider .slider-btn:hover { background: rgba(125, 125, 125, .3); } .slider .slider-btn.slider-btn-left { left: 0; margin-top: -50px; } .slider .slider-btn.slider-btn-right { right: 0; margin-top: -50px; } @media screen and (max-width: 1200px){ .openSearch{ display:block;} .wrapin{ width:768px;} .header1{ display:none;} .left{ display:none;} .right{ width:100%;} .main_image li span{ background-size:auto 100%;} .banner{ height:auto;} .conleft { width: 100%;} .m2 { margin-left: 0; margin-top:20px; margin-bottom:20px;} .conright { width: 100%;} .list3 li .list3-2 { width: 75%;} .list2 li div { width: 100%; height: 170px;} .wap-nav{ display:block; float:right; margin-top:10px;} .logo{ max-height:40px;float:left;} .nav>li { display: inline-block; position: relative; width: 104px;} .nav li>a { font-size:12px;} .nav li>.nav-c { width: 100%;} .nav{ display:none; width:100%; position:absolute; right:0px; top:120px; z-index:99999999; background:rgba(0,0,0,0.75); box-sizing:border-box; padding:15px;} .nav>li {width:100%; margin-bottom:10px; float: left; height:auto; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:10px; margin-left:0px;} .nav li>a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: left; font-weight: bold;} .nav li>.nav-c{ display:block; position:relative; height:auto; width:100%; float:left; background:none; top:0px; padding-top:0px;} .nav li>.nav-c a{ width:auto; display:inline-block; float:left; line-height:30px; vertical-align:middle; padding-left:10px; padding-right:10px; color:rgba(255,255,255,0.8);} .nav li:hover>a, .nav .hover>a { color: #FFF; background: none; border-radius: 0px; overflow: hidden;} .header2 { position: fixed; background-size:auto 60px; z-index: 9999999; width: 100%; padding-top: 10px; height: 60PX;} .list10 li .list10-2 { float: right; width: 78%;} .list12 li { width: 48%;} .teach-txt { width: 100%;} .list5 li .list5-img { height: 131px;} body { padding-top:60px;} .nav{ top:45px;} .left2{ width:100%; margin-bottom:20px;} .right2{ width:100%;} .searchb{ display:none;} } @media screen and (max-width: 768px){ .wrapin{ width:640px;} .list2 li div { height: 135px;} .list3 li .list3-2 { width: 70%;} .main_visual { height: 285px;} .main_image li span div { background: rgba(255,255,255,0.8); width: 40%; height: auto; border-radius: 0px 120px 0px 0px; border-right: 10px solid #efa540; font-size: 17px; color: #294a70; font-weight: bold; padding: 20px; margin-top: 85px; position: absolute; left: 2%;} .position { width: 640px;} .ab-ban { width: 100%; height: 145px;} .list2 li{ width:48%; margin-right:4%; margin-bottom:20px;} .list2 li:nth-child(2n){ margin-right:0px;} .list5 li{width:48%; margin-right:4%; margin-bottom:20px;} .list5 li:nth-child(2n){ margin-right:0px;} .nav{ display:none; width:100%; position:absolute; right:0px; top:120px; z-index:99999999; background:rgba(0,0,0,0.75); box-sizing:border-box; padding:15px;} .nav>li {width:100%; margin-bottom:10px; float: left; height:auto; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:10px; margin-left:0px;} .nav li>a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: left; font-weight: bold;} .nav li>.nav-c{ display:block; position:relative; height:auto; width:100%; float:left; background:none; top:0px; padding-top:0px;} .nav li>.nav-c a{ width:auto; display:inline-block; float:left; line-height:30px; vertical-align:middle; padding-left:10px; padding-right:10px; color:rgba(255,255,255,0.8);} .nav li:hover>a, .nav .hover>a { color: #FFF; background: none; border-radius: 0px; overflow: hidden;} .wap-search{display:block; float:right; margin-right:10px;} .wap-nav{ display:block; float:right; margin-top:10px;} .logom{ max-height:40px;float:left;} .search{ display:none;} .header3 { width: 100%; height: auto; background: none; border-bottom: 0px solid #f4a024;} .search { width: 100%;border: 1px solid #87a6c9;} .search-1 { width: 70%; height: 35px; float: left; line-height: 35px; border: 0px solid #87a6c9;} .nav li:hover>a:after, .nav .hover>a:after{ display:none;} .list12 li .list12-img { float: left; width: 100%; height: 411px;} .list12 li .list12-txt { top: 332px;} .teach-img{ margin-bottom:30px;} } @media screen and (max-width: 1024px){ .slider, .slider .slider-img { overflow: hidden; height: 390px; } .slider { width: 100%; height: 390px; position: relative; } .slider .slider-img .slider-img-ul li img { width: 768px; height: 390px; } } @media screen and (max-width: 640px){ .section3{ padding-top:20px;} img{ max-width:100%;} .pos1{ top:0px;} .xw{ height:225px;} .xw-1{ line-height:28px; font-size:18px;width:338px;} .ntitle{ font-size:20px; line-height:28px;} .slider, .slider .slider-img { overflow: hidden; height: 225px; } .slider { width: 100%; height: 225px; position: relative; } .slider .slider-img .slider-img-ul li img { width: 335px; height: 225px; } .slider .slider-dot ul { position: absolute; right: 20px; bottom: 10px; } .logo{ display:none;} .logom{ display:block;} .nav{ top:45px;} .main_visual { height: 200px;} div.flicking_con { position: absolute; bottom: 10px;} .header2 { position: fixed; z-index: 9999999; width: 100%; padding-top: 10px; height: 60PX;} .wrapin{ width: calc(100vw - 40px)} ul.slider-img-ul { margin-left: 40px;} .position { font-size: 12px; width: 100%;} .list1 li{ width:33.33%; padding-left:0px; padding-right:0px; text-align:center;} .list2 li { width: 100%; margin-right:0px; margin-bottom:15px;} .list2 li div { height: 202px;} .list3 li span { width:100%; display:inline-block; line-height:20px;} .list3 li .list3-2 { width: 82%; margin-left:0px;}.list5 li { float: left; width: 100%;} .footer-1 { width: 100%; margin-bottom:10px;} .ab-ban { width: 100%; height: 106px;} .list9-txt { width: 100%;} .list9-img { width: 100%; position: relative; top: auto; left: auto; margin-left: 0px;} .list9 li h1{ width:100%; max-width:100%;} .list9 li span{ margin-left:0px;} .list90 li img{ max-width:100%; margin-bottom:10px;} .mp{ text-align:right;} .list10 li .list10-1 { float: left; width: 100%; margin-bottom:5px;} .list10 li .list10-2 { float: right; width: 100%;} .list12 li .list12-img { float: left; width: 100%; height: 213px;} .list12 li .list12-txt h1 { font-size: 18px;} .list12 li .list12-txt h2 { font-size: 12px; color: #f4a024;} .list12 li .list12-txt { top: 145px;} .m1{ max-width:100%;} .xxlist li{ width:100%;} .xxlist .wx { text-align:center; float: right; position: relative;} .ll2 li{ height:auto;} .ll2 li .list30-1{ position:relative; height:30px; line-height:30px;} .ll2 li .list30-2{ padding-left:0px; width:100%;} .list9 li:first-child{ padding-left:0px;} }