#header.xg {position:fixed;top:0;}
#header.xg .header-top{ display:none;}
.banner a {position:relative;height:100%;overflow:hidden;}
.banner,.banner .slick-list,.banner .slick-track,.banner .slick-slide>div {height:100%;}
.banner a {display:block;}
.banner img {width:100%;height:100vh;}
.banner a p {position:absolute;left:0;right:32rem;bottom:4rem;font-size:2rem;color:#fff;line-height:1;padding-left:16rem;}
.banner .slick-dots {bottom:4rem;width:100rem;text-align:right;left:50%;transform:translateX(-50%);}
.banner .slick-dots button {display:block;background-color:rgba(0,64,152,0.5);color:#fff;font-size:1rem;line-height:2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;}
.banner .slick-dots li {margin-left:1rem;transition:all .3s;}
.banner .slick-dots li.slick-active button {background-color:rgba(255,163,0,.7)}
.banner .slick-arrow {position:absolute;top:50%;width:3rem;height:3rem;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:contain;border:none;outline:none;background-color:transparent;cursor:pointer;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.banner .slick-prev {left:4rem;background-image:url(prev.png);z-index:1;}
.banner .slick-next {right:4rem;background-image:url(next.png);}
.banner:hover .slick-prev,.banner:hover .slick-next{opacity:0.6;box-shadow:0 0 9rem rgba(0,0,0,0.1);}
.bb {position:absolute;left:0;right:0;bottom:2rem;width:40px;height:20px;margin:0 auto;cursor:pointer;animation:bb 2s linear 0s infinite;background:url(down.png) no-repeat center center;background-size:contain;}
@keyframes bb {0% {transform:translate(-50%,0);opacity:0;}
20% {transform:translate(-50%,3px);opacity:1;}
80% {transform:translate(-50%,10px);opacity:1;}
90% {transform:translate(-50%,10px);opacity:0;}
100% {transform:translate(-50%,10px);opacity:0;}
}
.body_main {position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none;}
.body_main.showdiv {top:0;}
.scroll {padding-top:10rem;}

.back1 {padding:5rem 0 2.5rem;background:url(back1.jpg) no-repeat center center;background-size:cover;}
.back2 {padding:2.5rem 0;background:url(back2.jpg) no-repeat center center;/*background-size:contain;*/}
.back3 {padding:2.5rem 0;background:url(back3.jpg) no-repeat center center;background-size:cover;}

.box {clear:both;}
.box dt{ font-size:1.75rem;color:#004098; padding-left:2.5rem; position: relative; line-height:2rem; margin:1rem 0; }
.box dt span{ position: absolute; left: 0; top: 0;}
.box dt a{ float: right; font-size: 0.875rem; color: #333; }
.box dd {padding:0.5rem 0;}
.list {}
.list li {overflow:hidden;height:3rem;line-height:3rem;font-size:1.125rem;white-space:nowrap;text-overflow:ellipsis;border-top:1px dashed #eee;transition:.5s;}
.list li span{float:right;font-size:0.875rem;color:#999;margin-left:5px}
.list li:hover{transform:translateX(5px);}
.list li a::before {float:left;margin-right:8px;margin-top:1.375rem;width:4px;height:4px;content:'';border-radius:50%;display:inline-block;background:#999;transition:all 0.3s ease-in-out;}
.list li:hover a::before {width:8px;border-radius:4px;background:#888;}

.item-pic{overflow:hidden;display:flex;}
.item-pic li {float:left;flex:1;margin-right:2rem;}
.item-pic li:last-child{margin-right:0;}
.item-pic a {display:block;overflow:hidden;}
.item-pic .pic {padding-top:70%;}
.item-pic .pic span {position:absolute;left:0;bottom:0;font-size:0.875rem;color:#fff;line-height:1.875rem;padding:0 0.5rem;background:#004098;}
.item-pic-txt p {font-size:1.125rem;line-height:1.875rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;height:3.75rem;}
.item-pic-txt {position:relative;padding:1rem;transition:.5s;}
.item-pic-txt:before {position:absolute;content:'';left:0;width:3px;height:3rem;background:#004098;top:50%;transform:translateY(-50%);}
.item-pic-txt:hover{transform:translateX(5px);}

.list21 {margin:0 -2rem 0 0;}
.list21 li {float:left;width:calc(50% - 2rem);margin:0 2rem 0 0;}

.list2 {margin:0;margin-bottom:-1px;}
.list2 li {display:block;position:relative;width:100%;height:3.75rem; margin-bottom:1.75rem;overflow:hidden;transition:.5s;}
.list2 li:last-child{margin-bottom:0;}
.list2 li span {float:left;width:3.5rem;height:3.75rem;text-align:center;color:#666;font-size:0.75rem;font-family:Arial; line-height:1.75rem;background:#fff;}
.list2 li span i {display:block;font-size:1.5rem;line-height:1.875rem;color:#fff;font-weight:lighter;background:#004098;}
.list2 li a{max-height:3.75rem;line-height:1.875rem;position:absolute;left:4.25rem;top:50%;transform:translateY(-50%);font-size:1.125rem;}
.list2 li:hover{transform:translateX(5px);}

.list li span.new{color:#ffa300;}
.item-pic .pic span.new,.list2 li span.new i{background:#ffa300;}

.list3 li a::before {float:left;margin-right:0px;margin-top:1.375rem;width:0px;height:4px;content:'';border-radius:50%;display:inline-block;background:#999;transition:all 0.3s ease-in-out; display:none}
.list3 li:hover a::before {width:0px;border-radius:4px;background:#702a2a;display:none}
.list3 li span{float:left;min-width:3rem;line-height:1.5rem;margin-top:0.75rem;background:#599af3;font-size:0.875rem;color:#fff;text-align:center;margin-right:0.5rem;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}

.web {position:relative;display:flex;justify-content:space-between;flex-wrap: wrap}
.web:after {position:absolute;content:'';top:-1.08rem;left:3.5rem;width:8.1rem;height:3.15rem;background-image:url(li4.png);background-position:center bottom;background-repeat:no-repeat;background-size:8.10rem 3.15rem;}
.web>li {float:left;width:20%;transition:.5s;}
.web>li:hover{margin-top:-5px;position:relative}
.web>li span {width:100%;display:table;height:8rem;color:#fff;}
.web>li p {display:table-cell;vertical-align:middle;text-shadow:4px 4px 4px rgba(0,0,0,0.2);padding:0 10px;text-align:center;font-size:1.25rem;line-height:1.5;color:#fff;}
li.li1 {background:rgba(232,65,11,0.8);}
li.li2 {background:rgba(231,176,0,0.78);}
li.li3 {background:rgba(28,135,202,0.9);}
li.li4 {background:rgba(67,181,233,0.8);}
li.li5 {background:rgba(60,179,122,0.5);}
li.li6 {background:rgba(157,187,99,0.9);}
li.li7 {background:rgba(213,211,163,0.41);}
li.li8 {background:rgba(140,55,159,0.68);}
li.li9 {background:rgba(171,33,70,0.6);}
li.li10 {background:rgba(123,198,214,0.4);}
li.li11 {background:rgba(157,187,99,0.9);}
li.li12 {background:rgba(123,198,214,0.28);}
li.li7 p,li.li10 p{color:#333;}
/*
li.li1 {background:rgba(171,33,70,0.6);}
li.li2 {background:rgba(52,114,202,0.78);}
li.li3 {background:rgba(157,187,99,0.9);}
li.li4 {background:rgba(128,25,119,0.5);}
li.li5 {background:rgba(76,33,128,0.5);}
li.li6 {background:rgba(239,153,114,0.9);}
li.li7 {background:rgba(140,55,159,0.68);}
li.li8 {background:rgba(213,211,163,0.41);}
li.li9 {background:rgba(153,181,35,0.68);}
li.li10 {background:rgba(213,211,163,0.41);}
li.li11 {background:rgba(157,187,99,0.9);}
li.li12 {background:rgba(123,198,214,0.28);}
*/

@media screen and (max-width:1024px) {
html,body {height:auto;overflow:auto;}
.banner {height:55vw;}
.banner img {height:55vw;}
.bb {display:none;}
.body_main {width:auto;height:auto;position:static;opacity:1;transform:none;overflow:hidden;}
.scroll {padding-top:0;}
}
@media screen and (max-width:850px) {
.banner a p {right:0;padding-left:1.5rem;font-size:1.25rem;bottom:1.25rem;}
.banner .slick-dots {width:auto;right:1rem;left:auto;transform:none;bottom:1rem;}
.banner .slick-dots button {line-height:2rem;width:2rem;height:2rem;}
.banner .slick-dots li {margin-left:0.5rem;}
.back1,.back2,.back3{padding:1rem 0;}
.list21 li {float:left;width:calc(100% - 2rem);margin:0 2rem 0 0;}
.web {display:flex;justify-content:space-around;flex-wrap:wrap;}
.web>li{float:left;width:50%;}
.web>li span{height:6rem;}
.web:after {display:none;}
.list li a{font-size:1.25rem;}
.list2 li a{font-size:1.25rem;}
}