.view{padding-top:3.6rem}
.banner{width:100%;height:8rem;overflow:hidden;position:relative}
.banner img{width:100%}
.banner a.background{display:block;height:100%}
.banner .sp-banner{position:relative}
.banner .sp-banner .part1{width:29%;position:absolute;bottom:.3rem;right:6%;opacity:0}
.banner .sp-banner .part2{width:68.4%;position:absolute;top:20%;left:6%;opacity:0}
.banner .sp-banner.swiper-slide-active .part1{animation:fadeInUp 0.8s ease-out 0s 1 normal both;-webkit-animation:fadeInUp 0.8s ease-out 0s 1 normal both}
.banner .sp-banner.swiper-slide-active .part2{animation:fadeInLeft 0.8s ease-out 0s 1 normal both;-webkit-animation:fadeInLeft 0.8s ease-out 0s 1 normal both}
.banner .banner-pagination{position:absolute;left:6%;bottom:0.4rem;width:auto;height:auto;z-index:2}
.banner .banner-pagination span{opacity:1;margin:0 .35rem 0 0;display:inline-block;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#748cb0}
.banner .banner-pagination span.swiper-pagination-bullet-active{background-color:#284267}
.content1{margin-bottom:1.2rem}
.content1 .layout{position:relative;z-index:2;margin-top:-0.4rem;display:flex;flex-wrap:wrap;align-content:flex-end;align-items:flex-end}
.content1 .layout > div{margin-bottom:.45rem;width:48.8%;border-radius:.5rem}
.content1 .layout > div a{width:100%;height:100%;display:block}
.content1 .layout .enter{box-shadow:0 0 .5rem #eae1d4;height:2.75rem;line-height:2.75rem;background-repeat:no-repeat;background-size:auto 1.1rem;background-position:1.5rem center}
.content1 .layout .enter a{font-size:.7rem;box-sizing:border-box;padding-left:3.4rem;color:#284267}
.content1 .layout .enter:active{background-color:#284267}
.content1 .layout .enter:active a{color:#fff}
/*.content1 .layout .register{position:relative;height:6.2rem;background:#9b7156 url('../images/gh-bg.png') no-repeat -50% 0;background-size:auto 100%}*/
/*.content1 .layout .register{position:relative;height:6.2rem;background:#9b7156 url('../images/gh-bg1.jpg') no-repeat -50% 0;background-size:100%}*/
.content1 .layout .register{position:relative;height:5.6rem;background:#284267 url('../images/gh-bg2.jpg') no-repeat -50% bottom;background-size:100%; box-shadow:0 0 0.3rem #fff;}
/*.content1 .layout .register{position:relative;height:6.2rem;background:#9b7156 url('../images/222.jpg') no-repeat -50% 0;background-size:100%}*/
.content1 .layout .register span{position:absolute;bottom:.8rem;left:.7rem;color:#fff}
.content1 .layout .register .icon{position:absolute;left:.7rem;top:.85rem;width:1.416rem;height:1.412rem;background:transparent url('../images/icon01.png') no-repeat center center;background-size:contain}
.content1 .layout .register .h24{height:1.47rem;width:2.4rem;background-image:url('../images/24h.png');background-size:contain;position:absolute;right:.7rem;top:.85rem}
.content1 .layout .register a{padding-left:0;position:relative;z-index:2}
.content1 .layout > div:nth-child(2n){margin-left:2.4%}
.content1 .layout > div:nth-child(2){background-image:url('../images/icon25-1.png')}
.content1 .layout > div:nth-child(2):active{background-image:url('../images/icon25-2.png')}
.content1 .layout > div:nth-child(3){background-image:url('../images/icon26-1.png')}
.content1 .layout > div:nth-child(3):active{background-image:url('../images/icon26-2.png')}
.content1 .layout > div:nth-child(4){background-image:url('../images/icon27-1.png')}
.content1 .layout > div:nth-child(4):active{background-image:url('../images/icon27-2.png')}
.content1 .layout > div:nth-child(5){background-image:url('../images/icon28-1.png')}
.content1 .layout > div:nth-child(5):active{background-image:url('../images/icon28-2.png')}
.content1 .layout > div:nth-child(6){background-image:url('../images/icon29-1.png')}
.content1 .layout > div:nth-child(6):active{background-image:url('../images/icon29-2.png')}
.index-title{font-size:1.1rem;color:#284267;margin-bottom:1.3rem }
.index-title span{color:#d0d0d0;font-size:.7rem;vertical-align:bottom;margin-left:.35rem }
.index-title a{color:#d0d0d0;font-size:.6rem;float:right;height:1.4rem;line-height:1.4rem;padding-right:1.4rem;background:url('../images/icon-r2.png') no-repeat right center;background-size:auto 100%;margin-top:.2rem}
.content2 .news-btn-group{display:flex;justify-content:space-between;margin-bottom:.5rem}
.content2 .news-btn-group .news-btn{width:48.5%;height:2rem;line-height:2rem;border-radius:.5rem;box-shadow:0 0 .5rem #748cb0;color:#284267;text-align:center;font-size:.7rem;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.content2 .news-btn-group .news-btn.on{color:#fff;background-color:#748cb0;box-shadow:none}
.content2 .news-container{height:10.8rem;position:relative}
.content2 .news-container .news-wrap{position:absolute;left:0;top:0;width:100%;display:none;padding-top:.5rem}
.content2 .news-container .news-wrap:first-child{display:block}
.content2 .news-container .news-wrap > div{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.content2 .news-container .item{width:47.8%;position:relative}
.content2 .news-container .item .img{width:100%;height:4.65rem;overflow:hidden;border-radius:.5rem;position:relative;margin-bottom:.5rem}
.content2 .news-container .item .img img{width:100%;position:absolute;/*top:10rem;bottom:10rem;*/left:0;margin:auto 0}
.content2 .news-container .item p{line-height:1.1rem;font-size:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-bottom:.2rem; text-align:justify;}
.content2 .news-container .item p span{font-size:.6rem;display:block;/*text-align:right;*/color:#b7b7b7; float:right;width:3.6rem; position:absolute; right:0; bottom:0.15rem;text-align:right;}
.content2 .news-container .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.content2 .news-container .item:active p{text-decoration:underline}
.content2 .news-container .text-item{width:100%;margin-bottom:1rem}
.content2 .news-container .text-item a{display:block}
.content2 .news-container .text-item em{display:block;font-style:normal;font-size:.8rem;line-height:1.2rem;height:2.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;text-align:justify}
.content2 .news-container .text-item span{display:block;text-align:right;font-size:.7rem;color:#b7b7b7;margin-top:.3rem}
.content3 .layout{margin-bottom:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column;align-content:space-between;height:11.4rem}
.content3 .layout > div{width:31.5%;border-radius:.4rem;background-repeat:no-repeat;background-size:100% auto}
.content3 .layout > div a{display:block;width:100%;height:100%}
.content3 .layout > div:nth-child(1){height:7.4rem;background-image:url('../images/enter1.png')}
.content3 .layout > div:nth-child(2){height:3.4rem;background-image:url('../images/enter6.png');background-position-y:bottom}
.content3 .layout > div:nth-child(3){height:5.5rem;background-image:url('../images/enter2.png')}
.content3 .layout > div:nth-child(4){height:5.5rem;background-image:url('../images/enter4.png')}
.content3 .layout > div:nth-child(5){height:7.4rem;background-image:url('../images/enter3.png')}
.content3 .layout > div:nth-child(6){height:3.9rem;background-image:url('../images/enter5.png');background-position-y:bottom}
.content4{padding:2rem 0 1rem;border-radius:.5rem;box-shadow:0 0 .8rem #eae1d4}
.content4_con{width:92%;margin:0 auto;}
/*.content4 ul{height:7.5rem;overflow:hidden}*/
.content4 ul li{width:30%;height:2rem; line-height:1.7rem; text-align:center;display:block;border-radius:.5rem;background-color:#eaeaea; float:left; margin:1.8% 5% 1.8% 0;}
/*.content4 ul li.mr-5{margin-right:5%}
.content4 ul li.mr-0{margin-right:0}*/
.content4 ul li a{font-size:.6rem; color:#666 }
.content4 ul li:nth-child(3n){margin-right:0}
/*.content4 ul li span{display:table-cell;vertical-align:middle;font-size:.6rem;padding:0 .3rem;line-height:0.8rem;color:#666}*/
/*.content4 .c4-scroll{height:9rem;overflow:hidden}
.content4 .c4-scroll .swiper-slide{width:29.5%;height:2rem;position:relative;text-align:center;display:table;border-radius:.5rem;background-color:#eaeaea}
.content4 .c4-scroll .swiper-slide a{display:block;width:100%;height:100%;position:absolute;left:0;top:0 }
.content4 .c4-scroll .swiper-slide span{display:table-cell;vertical-align:middle;font-size:.6rem;padding:0 .3rem;line-height:0.8rem;color:#666}*/
/*.content4 .c4-scroll #c4-scrollbar{bottom:-10px;width:66%;left:17%;background-color:transparent}
.content4 .c4-scroll #c4-scrollbar div{border-radius:0;background-color:#dbd3ca}
.content4 .c4-scroll .scrollbar-bg{background-color:#dbd3ca;position:absolute;bottom:-8px;width:80%;height:1px;left:10%}*/
.content5{padding:2rem 0}
.content5 .c5-scroll{overflow:hidden;min-height:10rem}
.content5 .swiper-slide{width:28vw;text-align:center}
.content5 .swiper-slide .img{display:block;height:39.2vw;max-height:8rem;border-radius:.5rem;overflow:hidden;position:relative}
.content5 .swiper-slide .img img{width:100%}
.content5 .swiper-slide .name{color:#284267;display:block;padding:.5rem 0 .2rem;font-size:.8rem}
.content5 .swiper-slide em{font-style:normal;font-size:.7rem;color:#c9beb5;display:block}
.content5 .c5-pagination{text-align:center}
.content5 .c5-pagination span{margin:0 4px;background-color:#748cb0;opacity:1}
.content5 .c5-pagination .swiper-pagination-bullet-active{background-color:#284267}
footer{margin-top:0}