@charset "UTF-8";
/* 悬停图片放大 IE9+*/
.img-scale { display: block; overflow: hidden; }

.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.img-scale .img-frame { overflow: hidden; }

.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.img-scale .img img { min-height: 100%; }

.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.1) rotate(0.1deg); -moz-transform: scale(1.1) rotate(0.1deg); -o-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); }

.img-scale:hover .img { -webkit-transform: scale(1.1) rotate(0.1deg); -moz-transform: scale(1.1) rotate(0.1deg); -o-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); }

html { min-width: 320px; font-size: 100px; }

body.hide { overflow: hidden; }

.container { width: 1400px; margin: 0 auto; font-size: .16rem; }

.hidden { overflow: hidden; }

.header { position: fixed; top: 0; right: 0; bottom: auto; left: 0; z-index: 100; padding: .2rem 5%; background: rgba(39, 68, 128, 0.9); -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.header > .fr { width: 68%; text-align: right; }

.header.scroll { padding-top: .08rem; padding-bottom: .08rem; background: #274480; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }

.header.scroll .nav { margin: .1rem 0 0; }

.header.fixed { position: relative; }

.header.fixed .nav { position: absolute; top: 100%; right: 0; bottom: auto; left: 0; z-index: 1; width: 100%; height: -webkit-calc(100vh - .7rem); height: -moz-calc(100vh - .7rem); height: calc(100vh - .7rem); padding: .4rem; background: #fff; }

.header.fixed .nav ul { height: 100%; overflow-y: auto; }

.header.fixed .nav li { width: 100%; border-bottom: 1px solid #ddd; }

.header.fixed .nav li a { width: 100%; padding-left: .05rem; line-height: .5rem; color: #000; text-align: left; }

.header.fixed .nav li a .down { display: none; }

.header.fixed .nav li .down { display: block; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .5rem; height: .5rem; margin: 0; background-image: url(../images/icon1_h.png); -o-background-size: auto auto; background-size: auto auto; background-position: 50% -26px; }

.header.fixed .nav li .down.close { background-position: 50% 14px; }

.header.fixed .nav li .lv2 { display: none; position: static; width: 100%; margin: 0; padding: 0 0 .1rem .2rem; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; -webkit-transition: none 0.35s ease 0s; -moz-transition: none 0.35s ease 0s; -o-transition: none 0.35s ease 0s; transition: none 0.35s ease 0s; visibility: visible; opacity: 1; box-shadow: none; }

.header.fixed .nav li .lv2 a { line-height: .2rem; }

.logo { width: 30%; max-width: 480px; }

.logo a { display: block; }

.logo img { max-width: 100%; vertical-align: top; }

.top .link { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #fff; text-align: right; }

.top .link a { color: #fff; }
.top .link a:hover { text-decoration: underline !important; }
.top .link a .icon { display: inline-block; *display: inline; *zoom: 1; width: .28rem; height: .28rem; margin: 0 3px 0 0; background-image: url(../images/icon5.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; vertical-align: top; }

.top .btn { display: inline-block; *display: inline; *zoom: 1; margin: 2px 0 0 5px; vertical-align: top; }

.top .btn .search-btn { display: inline-block; *display: inline; *zoom: 1; width: .28rem; height: .28rem; background-image: url(../images/icon6.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; cursor: pointer; vertical-align: top; }

.nav { margin: .15rem 0 0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.nav li { display: inline-block; *display: inline; *zoom: 1; position: relative; padding: 0 .1rem; }

.nav li a { display: inline-block; *display: inline; *zoom: 1; font-size: 0.17rem; font-weight: 700; line-height: 0.4rem; color: #fff; text-align: center; }

.nav li .down { display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 10px; margin: 0 0 2px 4px; background-image: url(../images/icon1.png); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; -o-background-size: 100%; background-size: 100%; vertical-align: middle; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.nav li .lv2 { position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; z-index: 1; width: 1.2rem; margin: 14px 0 0; border-radius:3px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; transform: translateX(-50%); -ms-transform: translateX(-50%); }

.nav li .lv2 a { width: 100%; padding: 8px 8px; font-size: .14rem; line-height: .22rem; color: #000; font-weight: 400; }

.nav li .lv2 a:hover { color: #fff; background: #274480; }

.nav li > .down { display: none; }
.nav li .lv3 { display: none; }
.nav li:last-child { padding-right: 0; }

.nav li:last-child .lv2 { left: auto; right: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; }

.nav li:hover .lv2 { margin: 0; visibility: visible; opacity: 1; }

.nav li:hover a .down { background-position: 0 0; }

.banner { position: relative; z-index: 1; width: 100%; font-size: 0; }

.banner .slick-active a { -webkit-transition: transform 6s linear 0s; -moz-transition: transform 6s linear 0s; -o-transition: transform 6s linear 0s; -webkit-transition: -webkit-transform 6s linear 0s; transition: -webkit-transform 6s linear 0s; -o-transition: -o-transform 6s linear 0s; -moz-transition: transform 6s linear 0s, -moz-transform 6s linear 0s; transition: transform 6s linear 0s; transition: transform 6s linear 0s, -webkit-transform 6s linear 0s, -moz-transform 6s linear 0s, -o-transform 6s linear 0s; -webkit-transform: scale(1.1) rotate(0.1deg); -moz-transform: scale(1.1) rotate(0.1deg); -o-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); }

.banner a { display: block; -webkit-transition: transform 0.3s linear 0s; -moz-transition: transform 0.3s linear 0s; -o-transition: transform 0.3s linear 0s; -webkit-transition: -webkit-transform 0.3s linear 0s; transition: -webkit-transform 0.3s linear 0s; -o-transition: -o-transform 0.3s linear 0s; -moz-transition: transform 0.3s linear 0s, -moz-transform 0.3s linear 0s; transition: transform 0.3s linear 0s; transition: transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s, -moz-transform 0.3s linear 0s, -o-transform 0.3s linear 0s; }

.banner a .img { padding: 44% 0 0; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; background-attachment: fixed; }

.banner .slick-arrow { position: absolute; top: -webkit-calc(50% - 27px); top: -moz-calc(50% - 27px); top: calc(50% - 27px); right: auto; bottom: auto; left: auto; z-index: 1; width: .6rem; height: .55rem; }

.banner .slick-arrow.slick-prev { left: 0; background-image: url(../images/prev1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(255, 255, 255, 0.3); -o-background-size: auto; background-size: auto; }

.banner .slick-arrow.slick-next { right: 0; background-image: url(../images/next1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(255, 255, 255, 0.3); -o-background-size: auto; background-size: auto; }

.banner .slick-dots { position: absolute; top: auto; right: auto; bottom: 0.2rem; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.banner .slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 7px; border: 1px solid transparent; border-radius: 50%; vertical-align: middle; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.banner .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: #fff; }

.banner .slick-dots li.slick-active { padding: 3px; border-color: #fff; }

.sect1 { padding: 0 0 .4rem; }

.dept { font-size: 0; margin: 0 0; margin-bottom: .6rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.dept > li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 20%; padding: 0 0; }

.dept li { position: relative; }

.dept li::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; z-index: 1; width: 1px; height: .25rem; background: #ccc; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.dept li:last-child::after { display: none; }

.dept a { display: table; width: 100%; height: 1rem; font-size: 0.18rem; font-weight: 500; line-height: 0.28rem; color: #000; text-align: center; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.dept a span { display: table-cell; vertical-align: middle; }

.dept a:hover { color: #fff; font-weight: 700; background: #274480; }

.column { margin: .3rem 0; }

.column .more { font-size: 0.14rem; font-weight: 500; line-height: 0.4rem; color: #274480; text-align: left; }

.column h3 { font-size: 0.3rem; font-weight: 500; line-height: 0.4rem; color: #000; text-align: center; }

.column h3 .line { position: relative; display: inline-block; *display: inline; *zoom: 1; width: .6rem; height: 1px; background: #0755a7; vertical-align: middle; }

.column h3 .line::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -5px; right: auto; bottom: auto; left: auto; z-index: 1; width: 10px; height: 10px; border: 2px solid #0755a7; border-radius: 50%; }

.column h3 .line.l { margin: 0 .3rem 0 0; }

.column h3 .line.l::after { right: -10px; }

.column h3 .line.r { margin: 0 0 0 .3rem; }

.column h3 .line.r::after { left: -10px; }

.title { font-size: 0.16rem; font-weight: 500; line-height: 0.3rem; color: #000; text-align: left; }

.info { font-size: 0.14rem; font-weight: 500; line-height: 0.27rem; color: #666; text-align: left; }

.date { font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #274480; text-align: left; }

.xyxw { position: relative; }

.xyxw .slick-arrow { position: absolute; top: 38%; right: auto; bottom: auto; left: auto; z-index: 1; width: .3rem; height: .4rem; cursor: pointer; }

.xyxw .slick-arrow.slick-prev { left: -.5rem; background-image: url(../images/prev2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xyxw .slick-arrow.slick-next { right: -.5rem; background-image: url(../images/next2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xyxw .xyxw-slick { padding: 0 0 .45rem; margin: 0 -.35rem; }

.xyxw .slick-slide { padding: 0 .35rem; }

.xyxw .img-frame { position: relative; padding: 56% 0 0; }

.xyxw .img-frame .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

.xyxw .text { padding: .1rem .12rem .15rem; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.xyxw .text .date { margin: 0 0 .04rem; }

.xyxw .text .title { height: .6rem; margin: 0 0 .1rem; display: -webkit-box; *display: block; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.xyxw .text .info { height: .54rem; display: -webkit-box; *display: block; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.xyxw .img-scale { position: relative; }

.xyxw .img-scale::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 9; width: 0; height: 0; }

.xyxw .img-scale::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 9; width: 0; height: 0; }

.xyxw .img-scale:hover::before { width: 100%; height: 100%; border-top: 2px solid #274480; border-right: 2px solid #274480; -webkit-transition: width 0.25s ease-in, height 0.25s ease-in 0.25s; -moz-transition: width 0.25s ease-in, height 0.25s ease-in 0.25s; -o-transition: width 0.25s ease-in, height 0.25s ease-in 0.25s; transition: width 0.25s ease-in, height 0.25s ease-in 0.25s; }

.xyxw .img-scale:hover::after { width: 100%; height: 100%; border-bottom: 2px solid #274480; border-left: 2px solid #274480; -webkit-transition: width 0.25s ease-in 0.5s, height 0.25s ease-in 0.75s; -moz-transition: width 0.25s ease-in 0.5s, height 0.25s ease-in 0.75s; -o-transition: width 0.25s ease-in 0.5s, height 0.25s ease-in 0.75s; transition: width 0.25s ease-in 0.5s, height 0.25s ease-in 0.75s; }

.xyxw .img-scale:hover .text { background: #f9f9f9; }

.xyxw .img-scale:hover .text .title { color: #274480; }

.xyxw .slick-dots { font-size: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.xyxw .slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 .1rem; vertical-align: middle; }

.xyxw .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: #cfdaf0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.xyxw .slick-dots li.slick-active button { width: 14px; height: 14px; background: #274480; }

.sect2 .box { width: 700px; }

.sect2 .box .column { margin-bottom: .12rem; }

.sect2 .box .column h3 { text-align: left; }

.tzgg { position: relative; width: 50%; padding: .2rem 0 .6rem; }

.tzgg .box { margin: 0 0 0 0; padding: 0 .4rem 0 0; }

.tzgg::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: -64%; bottom: 0; left: 0; z-index: -1; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; }

.list1 { border-top: 1px solid #ddd; }

.list1 li { margin: .3rem 0 0; }

.list1 a { position: relative; display: block; padding: .05rem .14rem; border: 1px solid #c2cbda; font-size: 0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.list1 a::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 20%; right: auto; bottom: auto; left: 0; z-index: 1; width: 5px; height: 60%; background: #c1ccda; }

.list1 a:hover { background: #fff; }

.list1 a:hover .title { color: #274480; }

.list1 .date { display: inline-block; *display: inline; *zoom: 1; width: 58px; line-height: .2rem; text-align: center; vertical-align: top; }

.list1 .date p:first-child { line-height: .4rem; font-size: .26rem; }

.list1 .title { display: inline-block; *display: inline; *zoom: 1; width: -webkit-calc(100% - 58px); width: -moz-calc(100% - 58px); width: calc(100% - 58px); padding: 0 0 0 .15rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: .6rem; vertical-align: top; }

.xsbg { width: 50%; margin: .8rem 0 0; padding: .1rem 0 0; font-size: 0; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: cover; background-size: cover; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }

.xsbg .box { margin: 0 0 0 0; padding: 0 0 0 .4rem; overflow: hidden; }

.xsbg .box .column { margin-bottom: 0; padding-bottom: .15rem; border-bottom: 1px solid #7081a5; }

.xsbg .box .column h3 { color: #fff; }

.xsbg .box .column h3 .line { background: #fff; }

.xsbg .box .column h3 .line::after { border-color: #fff; }

.xsbg .box .column .more { color: #fff; }

.xsbg-slick { margin: .3rem -.1rem .25rem; padding: 0 0 .16rem; }

.xsbg-slick .slick-slide { padding: 0 .1rem; }

.xsbg-slick .slick-slide a { display: block; padding: .25rem .15rem; margin: 0 0 .3rem; font-size: 0.14rem; font-weight: 500; line-height: 0.25rem; color: #fff; text-align: left; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.xsbg-slick .slick-slide a:hover { background: #fff; color: #222; }

.xsbg-slick .slick-slide a:hover .title { color: #274480; }

.xsbg-slick .slick-slide a:hover .bgr { background-image: url(../images/icon8_h.png); }

.xsbg-slick .slick-slide a:hover .bgsj { background-image: url(../images/icon9_h.png); }

.xsbg-slick .slick-slide a:hover .zbdz { background-image: url(../images/icon10_h.png); }

.xsbg-slick .title { color: #fff; margin: 0 0 .2rem; height: .6rem; display: -webkit-box; *display: block; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.xsbg-slick .bgr { padding: 0 0 0 .24rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-image: url(../images/icon8.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xsbg-slick .bgsj { padding: 0 0 0 .24rem; background-image: url(../images/icon9.png); background-repeat: no-repeat; background-position: 0 4px; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xsbg-slick .bgsj span { display: inline-block; *display: inline; *zoom: 1; height: .5rem; width: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px); vertical-align: top; overflow: hidden; }

.xsbg-slick .zbdz { padding: 0 0 0 .24rem; background-image: url(../images/icon10.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; -o-background-size: auto; background-size: auto; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.xsbg-slick .slick-dots { font-size: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.xsbg-slick .slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 .1rem; vertical-align: middle; }

.xsbg-slick .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: #8394b5; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.xsbg-slick .slick-dots li.slick-active button { width: 14px; height: 14px; background: #fff; }

.sect3 { margin-top: -.6rem; }

.sect3 .column h3 { text-align: left; }

.xbzs { position: relative; }

.xbzs .slick-arrow { position: absolute; top: 30%; right: auto; bottom: auto; left: auto; z-index: 1; width: .3rem; height: .4rem; cursor: pointer; }

.xbzs .slick-arrow.slick-prev { left: -.5rem; background-image: url(../images/prev2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xbzs .slick-arrow.slick-next { right: -.5rem; background-image: url(../images/next2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.xbzs-slick { margin: 0 -.25rem; padding: 0 0 .1rem; font-size: 0; }

.xbzs-slick .slick-slide { padding: 0 .25rem; }

.xbzs-slick a { display: block; }

.xbzs-slick a .img { padding-top: 56.25%; }

.xbzs-slick .slick-dots { font-size: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.xbzs-slick .slick-dots li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; vertical-align: middle; }

.xbzs-slick .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background: #cfdaf0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.xbzs-slick .slick-dots li.slick-active button { width: 14px; height: 14px; background: #274480; }

.section { padding: 0 0 .6rem; }

.foot1 { padding: .4rem 0; background-color: #274480; -o-background-size: auto; background-size: auto; }

.yqlj { width: 40%; padding: 0 4% 0 0; }

.yqlj .tips { padding: 0 0 0 7px; margin: 0 0 .18rem; font-size: 0.18rem; font-weight: 500; line-height: 0.2rem; color: #fff; text-align: left; border-left: 2px solid #fff; }

.yqlj .link { font-size: 0; }

.yqlj a { display: inline-block; *display: inline; *zoom: 1; width: 50%; padding: .07rem .1rem .07rem 0; font-size: 0.14rem; font-weight: 500; line-height: 0.19rem; color: #fff; text-align: left; vertical-align: top; }
.yqlj a:hover { text-decoration: underline !important; }
.lxdz { width: 44%; padding: .35rem 8%; font-size: 0.14rem; font-weight: 500; line-height: 0.44rem; color: #fff; text-align: left; border-left: 1px solid #526999; border-right: 1px solid #526999; }

.lxdz p { padding: 0 0 0 .3rem; background-image: url(../images/icon2.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.lxdz p:nth-child(2) { background-image: url(../images/icon3.png); }

.lxdz p:nth-child(3) { background-image: url(../images/icon4.png); }

.wechat { width: 15%; padding: .25rem 0 0 .2rem; max-width: 1.4rem; }

.wechat img { width: 1.2rem; max-width: 100%; }

.wechat p { font-size: 0.14rem; font-weight: 500; line-height: 0.4rem; color: #fff; text-align: center; }

.copy { background: #142d62; font-size: 0.14rem; font-weight: 500; line-height: 0.48rem; color: #fff; text-align: center; }

.mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); }

.mask.show .search { top: 38%; opacity: 1; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.mask .close { position: absolute; top: 12%; right: 12%; bottom: auto; left: auto; z-index: 1; cursor: pointer; width: .8rem; height: .8rem; }

.mask .close i { display: block; width: 100%; height: 2px; background: #fff; }

.mask .close i:nth-child(1) { -webkit-transform: translate(0, 0.41rem) rotate(45deg); -moz-transform: translate(0, 0.41rem) rotate(45deg); -o-transform: translate(0, 0.41rem) rotate(45deg); -ms-transform: translate(0, 0.41rem) rotate(45deg); transform: translate(0, 0.41rem) rotate(45deg); }

.mask .close i:nth-child(2) { -webkit-transform: translate(0, 0.39rem) rotate(-45deg); -moz-transform: translate(0, 0.39rem) rotate(-45deg); -o-transform: translate(0, 0.39rem) rotate(-45deg); -ms-transform: translate(0, 0.39rem) rotate(-45deg); transform: translate(0, 0.39rem) rotate(-45deg); }

.search { position: absolute; top: 30%; right: auto; bottom: auto; left: 50%; z-index: 1; width: 5.5rem; max-width: 90%; padding: .15rem; font-size: 0; background: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

.search input[type="text"] { width: -webkit-calc(100% - .55rem); width: -moz-calc(100% - .55rem); width: calc(100% - .55rem); height: .45rem; padding: 0 .1rem 0 .15rem; font-size: 0.14rem; font-weight: 500; line-height: 0.45rem; color: #333; text-align: left; border: 1px solid #eee; vertical-align: top; }

.search button { width: .5rem; height: .45rem; background-image: url(../images/icon7.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; vertical-align: top; }

.nav-btn { display: none; width: .35rem; font-size: 0; margin: 0 0 0 .3rem; text-align: right; vertical-align: top; }

.nav-btn i { display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 2px; margin: 8px 0 0; background: #fff; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.nav-btn i:nth-child(1) { margin-top: 0; }

.nav-btn i:nth-child(2) { width: 70%; }

.nav-btn.close i:nth-child(1) { -webkit-transform: translate(0, 10px) rotate(45deg); -moz-transform: translate(0, 10px) rotate(45deg); -o-transform: translate(0, 10px) rotate(45deg); -ms-transform: translate(0, 10px) rotate(45deg); transform: translate(0, 10px) rotate(45deg); }

.nav-btn.close i:nth-child(2) { opacity: 0; }

.nav-btn.close i:nth-child(3) { -webkit-transform: translate(0, -10px) rotate(-45deg); -moz-transform: translate(0, -10px) rotate(-45deg); -o-transform: translate(0, -10px) rotate(-45deg); -ms-transform: translate(0, -10px) rotate(-45deg); transform: translate(0, -10px) rotate(-45deg); }

.decoration img { width: 100%; vertical-align: top; }

.sidebar { position: relative; z-index: 3; width: 20%; margin: -.4rem 0 0; }

.sidebar h3 { padding: 0 .1rem 0 .12rem; font-size: 0.25rem; font-weight: 500; line-height: 0.65rem; color: #fff; text-align: center; background-image: url(../images/bg3.png); background-repeat: no-repeat; background-position: 50% 100%; background-color: #274480; -o-background-size: 100% auto; background-size: 100% auto; }

.sidebar .lv2-down { display: none; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .8rem; height: .8rem; background-image: url(../images/down2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; cursor: pointer; }

.sidebar .lv2 { padding: .15rem .28rem .3rem; background-image: url(../images/bg4.jpg); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; -o-background-size: 100% auto; background-size: 100% auto; border: 1px solid #ddd; }

.sidebar .lv2 li { position: relative; border-top: 1px dashed #fff; border-bottom: 1px dashed #ddd; }

.sidebar .lv2 li:first-child { border-top: none; }

.sidebar .lv2 li.cur > a { color: #274480; font-weight: 700; }

.sidebar .lv2 li.cur .down { color: #274480; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.sidebar .lv2 li:last-child { border-bottom: none; }

.sidebar .lv2 .down { position: absolute; top: 0; right: -.1rem; bottom: auto; left: auto; z-index: 1; width: .6rem; height: .6rem; background-image: url(../images/down.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; cursor: pointer; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; transform: rotate(-90deg); -ms-transform: rotate(-90deg); }

.sidebar .lv2 a { font-size: 0.18rem; font-weight: 500; line-height: 0.6rem; color: #000; text-align: left; }

.sidebar .lv2 .lv3 { display: none; padding: 0 0 .1rem .12rem; }

.sidebar .lv2 .lv3 a { font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #000; text-align: left; }

.sidebar .lv2 .lv3 a:hover { color: #274480; }

.sidebar .lv2 .lv3 a.cur { color: #274480; font-weight: 700; }

.main { width: 75%; margin: .4rem 0 0; min-height: 3.8rem; }

.main .list1 li { margin: 0; }

.main .list1 a { padding: .2rem 0; border: none; border-bottom: 1px dashed #ddd; }

.main .list1 a::before { display: none; }

.main .list1 a:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); box-shadow: 10px 6px 10px 0 #aaa; }

.main .list1 a:hover .title { color: #274480; }

.main .list1 .title { padding: 0 0 0 .3rem; }

.main .list1 .date p:first-child { font-size: .3rem; }

.place { margin: -.2rem 0 0; border-bottom: 1px solid #ddd; }

.place h3 { display: inline-block; *display: inline; *zoom: 1; margin: 0 0 -1px; font-size: 0.3rem; font-weight: 500; line-height: 0.6rem; color: #000; text-align: left; border-bottom: 3px solid #274480; }

.place .position { padding: 0 0 0 25px; font-size: 0.14rem; font-weight: 500; line-height: 0.6rem; color: #999; text-align: left; background: url(../images/home.png) no-repeat 0% 47%; }

.place .position a { color: #999; }

.place .position a:hover { color: #274480; }

.teach-search { background: #e9effa; padding: .15rem .3rem; font-size: 0; }

.teach-search .tips { width: 155px; font-size: 0.18rem; font-weight: 500; line-height: 0.36rem; color: #274480; text-align: right; vertical-align: top; letter-spacing: 1px; }

.teach-search .link { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); }

.teach-search .link button, .teach-search .link a { margin: 0 0 0 .3rem !important;; font-size: 0.15rem; font-weight: 500; line-height: 0.36rem; color: #000; text-align: left; white-space: nowrap; }

.teach-search .link button:hover, .teach-search .link button.cur, .teach-search .link a:hover, .teach-search .link a.cur { color: #274480; }

.teach-search .link button.cur, .teach-search .link a.cur { font-weight: 700; }

.teach-search .name-search { padding: 0 0 .15rem; border-bottom: 1px dashed #bcc3cf; }

.teach-search .dept-search { padding: .15rem 0 0; border-top: 1px dashed #fff; }

.teach-list li { float: left; width: 50%; margin: .6rem 0 0; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.teach-list li:nth-child(odd) { padding: 0 4% 0 0; }

.teach-list li:nth-child(even) { padding: 0 0 0 4%; }

.teach-list li:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -o-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); }

.teach-list li:hover .dzyj::after { width: 100%; }

.teach-list li:hover .title { font-weight: 700; }

.teach-list li:hover .img-scale { box-shadow: -8px 8px 8px 2px #aaa; }

.teach-list li .img-scale { width: 1.6rem; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.teach-list li .img-scale .img { padding-top: 125%; background-position: 50% 0%; }

.teach-list li .text { width: -webkit-calc(100% - 1.85rem); width: -moz-calc(100% - 1.85rem); width: calc(100% - 1.85rem); }

.teach-list li .title { display: inline-block; *display: inline; *zoom: 1; margin: 0 0 .1rem; color: #274480; font-size: .2rem; }

.teach-list li .info { font-size: .15rem; line-height: .3rem; color: #000; word-break: break-all; }

.teach-list li .dzyj { padding: 0 0 .1rem; margin: 0 0 .14rem; border-bottom: 1px solid #ddd; height: .7rem; position: relative; display: -webkit-box; *display: block; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.teach-list li .dzyj::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 0%; height: 3px; background: #274480; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.teach-list li .more { float: right; font-size: 0.14rem; font-weight: 500; line-height: 0.14rem; color: #274480; text-align: left; border-bottom: 1px solid #274480; }

.teach-article { padding: .5rem 0 0; }

.teach-article .teach-head .img { width: 1.6rem; margin: 0 .3rem 0 0; }

.teach-article .teach-head .text { display: inline-block; *display: inline; *zoom: 1; width: -webkit-calc(100% - 2rem); width: -moz-calc(100% - 2rem); width: calc(100% - 2rem); vertical-align: top; }

.teach-article .teach-head .title { margin: 0 0 .1rem; color: #274480; font-size: .2rem; }

.teach-article .teach-head .info { font-size: .16rem; line-height: .32rem; color: #000; word-break: break-all; }

.teach-article .teach-t { margin: .3rem 0; font-size: 0; border-bottom: 1px solid #e6e6e6; }

.teach-article .teach-t div { display: inline-block; *display: inline; *zoom: 1; width: 16.66%; font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #000; text-align: center; background: #e6e6e6; border-right: 1px solid #dcdcdc; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; cursor: pointer; }

.teach-article .teach-t div.active { color: #fff; background: #274480; }

.teach-article .teach-b .content { display: none; font-size: 0.16rem; font-weight: 500; line-height: 0.38rem; color: #000; text-align: left; }

.teach-article .teach-b .content .title { display: none; padding: 0 .4rem; margin: .25rem 0; font-size: 0.2rem; font-weight: 500; line-height: 0.4rem; color: #fff; text-align: center; background: #274480; }

.content { word-wrap: break-all; }

.content p { word-wrap: break-all; }

.content img, .content table, .content video, .content iframe { max-width: 100%; height: auto !important; margin: 0 auto; }
.list2 { margin: .15rem 0 0; }

.list2 a { display: block; padding: .25rem 0; border-bottom: 1px dashed #ddd; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.list2 a:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); box-shadow: 10px 6px 10px 0 #aaa; }

.list2 a:hover .title { color: #274480; }

.list2 a:hover .info { color: #333; }

.list2 a:hover .date p:last-child { color: #fff; background: #274480; }

.list2 .date { float: left; width: .85rem; font-size: .36rem; line-height: .5rem; text-align: center; font-family: Arial, Helvetica, sans-serif; }

.list2 .date p:last-child { font-size: .14rem; line-height: .3rem; background: #dbe2f1; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.list2 .text { float: right; width: -webkit-calc(100% - 1.2rem); width: -moz-calc(100% - 1.2rem); width: calc(100% - 1.2rem); }

.list2 .title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.list2 .info { height: .54rem; display: -webkit-box; *display: block; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.picture { font-size: 0; margin: .35rem -.2rem 0; }
.picture li { display: inline-block; vertical-align: top; width: 33.33%; padding: 0 .2rem; margin: 0 0 .35rem; }
.picture .text { padding: 10px .12rem .15rem;  background: #f5f5f5; }
.picture .date { margin: 0 0 2px; padding: 0 0 0 25px; background: url(../images/icon9_h.png) no-repeat 0% 50%; }
.picture .title {display: block; height: .5rem; line-height: .25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }
.picture .img-frame { padding: 60% 0 0;  position: relative; }
.picture .img-scale {  transition: all .35s; -ms-transition: all .35s; }
.picture .img-scale:hover { box-shadow: 0 0 .18rem 0 rgba(0, 0, 0, .3); }
.picture .img-scale:hover .title { color: #274480; }
.picture .img-frame .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.article { padding: .5rem 0 0; }

.article .title { margin: 0 0 .1rem; font-size: 0.2rem; font-weight: 700; line-height: 0.3rem; color: #274480; text-align: center; }

.article .sub { padding: 0 0 .1rem; font-size: 0.14rem; font-weight: 500; line-height: 0.36rem; color: #888; text-align: center; border-bottom: 1px solid #ddd; }

.article .content { padding: .3rem 0 .4rem; font-size: 0.16rem; font-weight: 500; line-height: 0.36rem; color: #000; text-align: left; text-indent: 2em; }

.article .content table p { text-indent: 0; margin: 0; }

.article .content a { word-break: break-all; }

.article .con-page { padding: .1rem 0 0; border-top: 1px solid #ddd; }

.article .con-page a { display: block; margin: .15rem 0 0; padding: .05rem 0; font-size: 0.15rem; font-weight: 500; line-height: 0.22rem; color: #666; text-align: left; }

.article .con-page a span { color: #274480; font-weight: 700; }

.article .con-page a:hover { color: #274480; }

@media screen and (max-width: 1800px) { .header { padding-left: 3%; padding-right: 3%; }
  .nav li { padding: 0 .08rem; }
  .nav li a { font-size: .16rem; } }

@media screen and (max-width: 1550px) { .container { width: 1100px; }
  .header { padding: .15rem 2%; }
  .header.scroll .nav { margin: .06rem 0 0; }
.header > .fr { width: 75%; }
.logo { width: 25%; }
  .nav { margin: .06rem 0 0; }
  .nav li { padding: 0 .05rem; }
  .nav li .down { margin-left: 2px; width: 12px; }
  .xyxw .xyxw-slick { margin: 0 -.2rem; }
  .xyxw .slick-slide { padding: 0 .2rem; }
  .sect2 .box { width: 550px; }
  .xbzs-slick { margin: 0 -.12rem; }
  .xbzs-slick .slick-slide { padding: 0 .12rem; }
  .yqlj { padding: 0 2% 0 0; }
  .yqlj a { font-size: .12rem; }
  .lxdz { padding: .2rem 2%; font-size: .12rem; } }

@media screen and (max-width: 1250px) { html { font-size: 90px; }
  .container { width: 960px; }
  .header { padding: .1rem 2%; }
  .nav { margin: 0 !important; }
  .nav li { padding: 0 .02rem; }
  .nav li .down { margin-left: 0; }
  .xyxw .xyxw-slick { margin: 0; }
  .xyxw .slick-slide { padding: 0 .15rem; }
  .xyxw .slick-arrow.slick-prev { left: -.3rem; }
  .xyxw .slick-arrow.slick-next { right: -.3rem; }
  .sect2 .box { width: 480px; }
  .tzgg .box { padding: 0 .25rem 0 0; }
  .xsbg .box { padding: 0 0 0 .25rem; }
  .xbzs .xbzs-slick { margin: 0; }
  .xbzs .slick-arrow.slick-prev { left: -.3rem; }
  .xbzs .slick-arrow.slick-next { right: -.3rem; }
  .xsbg-slick .bgsj span { height: auto; }
  .bgr, .bgsj, .zbdz { margin: 0 0 .1rem; padding-left: .3rem !important; }
  .xsbg-slick .bgsj { background-position: 0 0; } }

@media screen and (max-width: 1024px) { html { font-size: 80px; }
  .container { width: 738px; } .yqlj a { padding-top: .12rem; padding-bottom: .12rem; }
  .header { position: static; padding: .1rem 2% !important; background: #274480; }
  .header > .fr { width: auto; }
  .header.fixed .nav { display: block; }
  .banner a .img { background-attachment: scroll; }
.header.fixed .nav li > a { line-height: .6rem; }
.nav li a { font-size: .2rem;  }
.header.fixed .nav li .lv2 a { font-size: .18rem; padding: 12px 8px; }
.header.fixed .nav li .lv3 { display: block; padding-left: .2rem; text-align: left; }
.header.fixed .nav li .lv3 a { width: auto; font-size: .14rem; display: inline-block; margin: 0 .2rem 0 0; padding: 6px 8px; }
  .nav-btn { display: inline-block; *display: inline; *zoom: 1; }
  .logo { width: auto; }
  .logo img { width: auto; height: .5rem; }
  .nav { display: none; }
  .top .btn { margin-top: 8px; }
  .top .link { display: none; }
  .xyxw .xyxw-slick { padding-left: .3rem; padding-right: .3rem; }
  .xyxw .slick-arrow.slick-prev { left: 0; }
  .xyxw .slick-arrow.slick-next { right: 0; }
  .xbzs .xbzs-slick { padding-left: .3rem; padding-right: .3rem; }
  .xbzs .slick-arrow.slick-prev { left: 0; }
  .xbzs .slick-arrow.slick-next { right: 0; }
  .sect2 .box { float: none; width: 738px; margin: 0 auto; padding: 0 !important; }
  .tzgg { width: 100%; }
  .tzgg::after { width: 100%; }
  .xsbg { width: 100%; margin: 0; box-shadow: none; }
  .sect3 { margin-top: 0; }
  .yqlj { width: 100%; padding: 0 0 .2rem; margin: 0 0 .2rem; border-bottom: 1px solid #526999; }
  .lxdz { width: 70%; padding-left: 0; border-left: none; }
  .wechat { width: 30%; max-width: 100%; text-align: center; }
  .xyxw-c h3 { text-align: left; padding: 0 0 .2rem; border-bottom: 1px solid #ddd; }
  .sidebar { display: block !important; width: 100%; margin: .3rem 0 0; }
  .sidebar h3 { text-align: left; text-indent: .15rem; -o-background-size: 100% 100%; background-size: 100% 100%; }
  .sidebar .lv2-down { display: block; }
  .sidebar .lv2 { display: none; }
  .main { width: 100%; }
  .teach-search .tips { width: 125px; }
  .teach-search .link { width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); }
  .teach-article .teach-head { border-bottom: 1px solid #ddd; padding: 0 0 .2rem; }
  .teach-article .teach-t { display: none; }
  .teach-article .content { display: block !important; }
  .teach-article .content .title { display: inline-block !important; }
  .place h3 { display: none; }
  .place .position { float: none; } }

@media screen and (max-width: 768px) { .container { width: 100%; padding-left: .15rem; padding-right: .15rem; }
  .sect2 .box { width: 100%; padding: 0 .15rem !important; } .content table { WIDTH: 100%; }
  .foot1 { -o-background-size: 100% auto; background-size: 100% auto; }
.picture {  }
.picture li { width: 50%; }
  .teach-list li { width: 100%; padding: 0 !important; } }

@media screen and (max-width: 500px) { html { font-size: 70px; }
 .main .list1 .title { padding: 0 0 0 .15rem; }  .top .btn .search-btn { width: .34rem; height: .34rem; }
  .dept > li { width: 33.33%; }
  .dept > li a { height: .6rem; }
  .dept > li:nth-child(3n)::after { display: none; }
  .header.fixed .nav li .down { background-position: 50% -30px; }
  .xyxw .slick-dots, .xsbg .slick-dots { width: 100%; text-align: center; }
  .yqlj { margin: 0; }
  .lxdz { width: 100%; border-right: none; border-bottom: 1px solid #526999; }
  .wechat { width: 100%; padding-left: 0; }
  .wechat img { width: 1.2rem; height: 1.2rem; }
  .teach-search .tips { width: 100%; text-align: left; }
  .teach-search .link { width: 100%; }
  .teach-article .teach-head .img { display: block; margin: 0 auto .2rem; }
  .teach-article .teach-head .text { width: 100%; }
  .teach-article .teach-head .title { text-align: center; font-weight: 700; } }
@media screen and (max-width: 420px) { .picture { margin: .3rem 0 0; } .picture li { width: 100%; padding: 0; } }
#page-list {font-family: Arial; text-align: center; margin: .3rem 0 .3rem !important; }
#page-list .p_pages a, #page-list span, #page-list .p_goto a {font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d, #page-list .p_goto a {padding: 8px 10px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover, #page-list .p_goto a {background: #274480; font-weight: bold; color: #fff; border-color: #274480;}
#page-list .p_t{ padding: 0 2px 0 0; color: #777;}
#page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;}
#page-list .p_pages span{color: #aaa;}
#page-list .p_goto input { font-family: 'Arial'; color: #333; border-radius: 4px; width: 40px; height: 30px; line-height: 30px; vertical-align: bottom; }