.footer{ margin-top: 0;}
.banner .txt p{ font-size: 1.8rem; letter-spacing: 0;}
/**/
.pagebar{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: #fff;}
.pagebar .position{ width: 100%; height: auto; overflow: hidden;}
.pagebar .position p{ padding-left: 2rem; background: url(../images/p.png) no-repeat left center; height: 3rem; line-height: 3rem; font-size: 1.6rem; color: #666;}
.pagebar .position p a{ color: #666;}
.pagebar .position p a:hover{ color: #005aff}
.pagebar .sidenav{ padding-top: 2rem; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pagebar .sidenav a{ display: block; padding: 1rem 3rem; margin-top: 1rem; background: #eee; color: #333; margin-right: 1rem;}
.pagebar .sidenav a:hover,.pagebar .sidenav a.act{background: #005aff; color: #fff;}
.page{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; padding: 5rem 0; padding-bottom: 15rem;}
.page .pagebox{ -webkit-align-items: stretch; align-items: stretch; padding: 3rem 0;}
.page .content{ width: auto; line-height: 2; font-size: 1.6rem;}
.page .content h3.title{ font-size: 4rem; padding-bottom: 5rem;}
.page .sidebar{ max-width: 55rem; min-width: 45rem; padding-left: 10rem;}
.page .sidebar01{ padding: 3rem; border-top: 0.5rem solid #005aff; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,,0.1);}
.page .sidebar01 h3{ height: 3rem; line-height: 3rem; font-size: 2.5rem; padding-left: 1rem; border-left: 5px solid #005aff;}
.page .sidebar01 ul{ -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column; flex-direction: column; padding-top: 3rem;}
.page .sidebar01 ul .imgcut{ width: 100%; margin-bottom: 1rem; padding-bottom: 50%;}
.page .sidebar01 ul li{ padding: 1rem 0;}
.page .sidebar01 ul li a{ position: relative; display: block; line-height: 1.5; font-size: 1.5rem; padding-left: 1.5rem;}
.page .sidebar01 ul li:hover a{ color: #005aff;}
.page .sidebar01 ul li a::before{ position: absolute; content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #444; left: 0; top: 1rem;}
.page .sidebar02{ margin-top: 2rem; background: url(../images/sidebg.jpg) no-repeat center; background-size: cover;}
.page .sidebar02 a{ display: block; padding:5rem 3rem;}
.page .sidebar02 span{display: block; font-size: 2.5rem; color: #fff; padding-left: 6rem; background: url(../images/icon-liuyan.png) no-repeat left center; margin-bottom: 1rem;}
.page .sidebar02 p{ font-size: 1.6rem; color: #fff;}
@media (max-width:1199px){
    .pagebar .sidenav{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .pagebar .sidenav a{ margin-bottom: 1rem;}
    .page{ padding-bottom: 0;}
    .page .pagebox{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .page .content{ width: 100%;}
    .page .sidebar{ max-width: 100%; margin:auto; margin-top: 5rem; padding: 0;}
}
/*分页*/
.pagination{ width: 100%; height: auto; overflow: hidden; padding:20px 0 80px}
.pagination .con{padding:50px 0;background:#fff;overflow:hidden}
.pagination .preNext{float:left;padding:0 60px;width:66%;box-sizing:border-box;overflow:hidden}
.pagination .preNext h4{font-size:14px;font-weight:400;color:#999}
.pagination .preNext p{padding-top:12px;font-size:1.8rem;line-height:160%}
.pagination a.prev{float:left;display:block;width:46%}
.pagination a.prev .arrow{padding-left:30px;background:url(../images/prev-arrow.png) no-repeat left center}
.pagination a.next{float:right;display:block;width:46%}
.pagination a.next .arrow{padding-right:30px;background:url(../images/next-arrow.png) no-repeat right center}
.pagination .back{float:right;padding-top:10px;width:26%;height:50px;border-left:1px solid #ddd;text-align:center}
.pagination .back a{display:inline-block;padding-left:24px;height:25px;background:url(../images/list-ico.png) no-repeat left center;font-size:14px;line-height:25px}
.pagination a:hover{ color: #005aff;}
@media only screen and (max-width:1199px){
.pagination{padding:20px 0 64px}
.pagination .con{padding:1rem;width:auto}
.pagination .preNext{float:none;padding:16px 0;width:auto}
.pagination a.prev{float:none;padding:12px;width:auto}
.pagination a.next{float:none;padding:12px;width:auto}
.pagination .back{float:none;padding-top:24px;width:auto;border-top:1px solid #efefef;border-left:0}
}
/**/
.pageinfo{ position: relative; width: 100%; height: auto; overflow: hidden; margin-top: -5rem; background: none;}
.pageinfo ul{ -webkit-align-items: stretch; align-items: stretch;}
.pageinfo ul li{ width: 32%;}
.pageinfo ul.litop li{ background: #005aff; padding: 3rem; text-align: center;}
.pageinfo ul.litop li h3{ font-size: 2.4rem; color: #fff; padding-bottom: 1rem;}
.pageinfo ul.litop li p{ color: #fff;}
.pageinfo ul.libot li { margin-top: 5rem; border: 1px solid #ddd; padding: 3rem;}
.pageinfo ul.libot li h1{ padding-left: 6rem; height: 5rem; line-height: 5rem; margin-bottom: 3rem; font-size: 4rem; font-weight: normal; color: #005aff;}
.pageinfo ul.libot li:nth-child(1) h1{ background: url(../images/sj01.png) no-repeat left center; background-size: 4.5rem;}
.pageinfo ul.libot li:nth-child(2) h1{ background: url(../images/sj02.png) no-repeat left center; background-size: 4.5rem;}
.pageinfo ul.libot li:nth-child(3) h1{ background: url(../images/sj03.png) no-repeat left center; background-size: 4.5rem;}
.pageinfo ul.libot li p{ font-size: 1.6rem; line-height: 2; font-weight: bold;}
@media only screen and (max-width:1560px){
    .pageinfo ul.litop li{ padding:2em 1rem;}
    .pageinfo ul.litop li h3{ font-size: 2rem;}
    .pageinfo ul.litop li p{ font-size: 1.4rem;}
}
@media only screen and (max-width:1199px){
    .pageinfo{margin: 0;}
    .pageinfo ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .pageinfo ul li{ width: 100%; margin-top: 1rem;}
    .pageinfo ul.libot li { margin-top: 1rem}
}
.pagelist{ padding: 5rem 0; margin-bottom: 15rem; }
.pagelist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch;}
.pagelist ul li{ position: relative; width: calc(50% - 1rem); background: #eee; margin-bottom: 2rem;}
.pagelist ul li a:nth-child(1){ display: block; height: auto; overflow: hidden; padding: 3rem;}
.pagelist ul li a h3{ font-size: 2rem; line-height: 1.5; margin-bottom: 2rem;}
.pagelist ul li a p span{ float: left; display: block; font-size: 1.4rem; padding-left: 2rem; background: url(../images/dot2.png) no-repeat left center;}
.pagelist ul li a p span:nth-child(1) { margin-right: 3rem; background: url(../images/dot1.png) no-repeat left center;}
.pagelist ul li a.sqbtn{ display: block; position: absolute; right: 3rem; top: 50%; margin-top: -2rem; width: 12rem; height: 4rem; line-height: 4rem; border-radius: 4rem; background: #005aff; color: #fff; font-size: 1.4rem; text-align: center;}
.pagelist ul li:hover h3{ color: #005aff;}
@media only screen and (max-width:1199px){
    .pagelist{ margin-bottom: 0; }
    .pagelist ul li{ width: 100%;}
}
.pageinfo1 ul li{ width: 100%;}
.pageinfo1 .libox{ padding: 3rem; border: 1px solid #ddd; margin-top: 5rem;}
.pageinfo1 .libox h3{ color: #005aff; font-size: 3rem; margin-bottom: 5rem;}
.pageinfo1 .libox ul li{ margin-bottom: 3rem;}
.pageinfo1 .libox ul li h4{ margin: 1rem 0;}
.pageinfo1 .libox ul li p{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
.pageinfo1 .libox ul li p span{ display: block; width:11.11%; line-height: 1.5; padding: 1rem; border: 1px solid #fff; font-size: 1.4rem; background: #eee;}
.pageinfo1 .libox ul li p span:nth-child(2n){ background: #f5f5f5;}
.pageinfo1 .libox01 ul li{ width: 32%; background: #eee; padding: 3rem;}
.pageinfo1 .libox01 ul li h4{ font-size: 2rem; margin-bottom: 2rem;}
.pageinfo1 .libox01 ul li p{ display: block; font-size: 1.4rem; line-height: 2;}
@media only screen and (max-width:1560px){
    .pageinfo1 .libox ul li p span{ width: 14.285%;}
}

@media only screen and (max-width:1199px){
    .pageinfo1 .libox h3{ margin-bottom: 3rem;}
    .pageinfo1 .libox ul li p span{ width: 25%;}
    .pageinfo1 .libox01 ul li{ width: 100%;}
    .pageinfo1 .libox01 ul li{ margin-bottom: 0;}
}
@media only screen and (max-width:767px){
    .pageinfo1 .libox ul li h4{ font-size: 2rem;}
    .pageinfo1 .libox ul li p span{ width: 33.33%; font-size: 1.6rem;}
    .pageinfo1 .libox01 ul li p{font-size: 1.6rem;}
    .pageinfo1 .libox{ padding: 0; border: 0;}
    .pagelist ul li a p span{ padding-left: 3rem;}
    .pagelist ul li { margin-bottom: 5rem;}
    .pagelist ul li a.sqbtn{ right: 50%; margin-right: -6rem; top: 100%;}
}


.pageinfo2 ul.litop li{ width: 100%;} 

.pageinfo2 .box{ padding: 3rem; border: 1px solid #ddd; margin-top: 5rem;}
.pageinfo2 .box h3{ color: #005aff; font-size: 3rem; margin-bottom: 5rem;}
.pageinfo2 .box b{ font-size: 2rem;}
.pageinfo2 .box ul.ul01{ justify-content: space-around; padding: 5rem 0;}
.pageinfo2 .box ul.ul01 li{ width: 33.33%; max-width: 35rem; }
.pageinfo2 .box ul.ul01 li a{ position: relative; display: block; padding: 1rem; border-radius: 10rem;}
.pageinfo2 .box ul.ul01 li h4{ position: absolute; left: 0; top: 8rem; width: 100%; text-align: center; font-size: 2.4rem; padding:3rem; border-radius: 1rem; background: #005aff; color: #fff;}
.pageinfo2 .box ul.ul01 li p{ flex-direction: column; border-radius: 20rem; padding: 8rem 3rem; padding-top: 18rem; line-height: 3; box-shadow: 0 1rem 1.5rem #ccc}
.pageinfo2 .box ul.ul01 li p span.num{ display: block; width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; margin: auto; text-align: center; color: #fff; background: #005aff;}

.pageinfo2 .box .ul02{ -webkit-align-items: stretch; align-items: stretch; margin: 3rem 0;}
.pageinfo2 .box .img{ width: 40%;}
.pageinfo2 .box .txt{ width: 55%;}
.pageinfo2 .box .txt p{ font-size: 2rem; line-height: 3;}

.pageinfo2 .box .diy_txt{ position: relative; width: 100%; height: auto; padding: 5rem; background: #ccdeff; border-radius: 1rem; margin-top: 10rem;}
.pageinfo2 .box .diy_txt span{ position: absolute; top: -5rem; left: 50%; margin-left: -5rem; display: block; width:10rem; height: 10rem; line-height: 8rem; font-size: 2rem; text-align: center; border-radius: 50%; background: #005aff; color: #fff; border: 1rem solid #a3c4ff;}

.pageinfo2 .box ul.ul03 li{ position: relative; width: 15%; height: 0; padding-bottom: 15%;}
.pageinfo2 .box ul.ul03 li a{ position: absolute; left: 0; top: 0; flex-direction: column; justify-content: center; width: 100%; height: 100%; border-radius: 50%; background: #fff; border: 3rem solid #a3c4ff; text-align: center;}
.pageinfo2 .box ul.ul03 li a small{ font-weight: bold;}
.pageinfo2 .box ul.ul03 li a span{ font-weight: bold; padding-bottom: 2rem;}

.pageinfo2 .box .ul04 thead tr{ background: #005aff; color: #fff;} 
.pageinfo2 .box .ul04 thead tr th{ text-align: center; font-weight: bold;}
.pageinfo2 .box .ul04 tbody tr{ border: 0;}
.pageinfo2 .box .ul04 tbody tr td{ text-align: center;}

@media only screen and (max-width:1199px){
    .pageinfo2 .box ul.ul01 li{ width: 33%;}
    .pageinfo2 .box{ padding: 0; border: 0;}
    .pageinfo2 .box h3{ margin-bottom: 2rem;}
    .pageinfo2 .box ul.ul01 li p{ padding: 5rem 0; padding-top: 12rem;}
    .pageinfo2 .box ul.ul01 li h4{ padding: 2rem; top: 5rem;}
    .pageinfo2 .box .ul02{ flex-wrap: wrap; flex-wrap: wrap;}
    .pageinfo2 .box .img,.pageinfo2 .box .txt{ width: 100%;}
    .pageinfo2 .box .txt p{ line-height: 2; padding: 1rem 0;}
    .pageinfo2 .box .diy_txt{ padding: 5rem 3rem 3rem;}
    .pageinfo2 .box ul.ul03 li{ width: 32%; padding-bottom: 32%;}
}
@media only screen and (max-width:767px){
    .pageinfo2 .box ul.ul01 li p{ font-size: 2rem; padding-top: 13rem;}
    .pageinfo2 .box ul.ul01 li h4{ padding: 3rem; font-size: 3rem;}
    .pageinfo2 .box ul.ul01 li{ width: 100%; max-width: 32rem;}
    .pageinfo2 .box ul.ul03 li a{ border: 1rem solid #ccdeff;}
}


/*关于*/
.page_about .tit h3{ font-weight: bold;}
.page_about01 .lbox .tit h3::after{ left: 0;}

.page_about01{ padding: 5rem 0; background: #eee;}
.page_about01 .lbox{ width: 50%;}
.page_about01 .rbox{ width: 45%;}
.page_about01 .numCount{ width: 100%; height: auto; overflow: hidden; margin: 5rem 0; padding: 5rem 0; background: #fff;}
.page_about02{ padding: 5rem 0; background: url(../images/about02.jpg) no-repeat center; background-size: cover;}
.page_about02 .tit h3,.page_about02 .tit p{ color: #fff;}
.page_about02 h1{ font-size: 4rem; letter-spacing: 5px; color: #fff; margin-top: 3rem; padding: 2rem 0;}
.page_about02 h4{ color: #fff; font-size: 2.5rem; font-weight: normal; margin-bottom: 10rem;}

.page_about03{ padding: 5rem 0; background: #eee;}

.page_about05{ padding-bottom: 15rem;}

/*发展历程*/
.timeline{width:100%;background:url(../images/about03.jpg) no-repeat center #fff; background-size: cover; position: relative; z-index: 0;}
.timeline .swiper{height:600px;width:100%;position:relative}
.timeline .swiper-wrapper{transition:2s cubic-bezier(.68,-.4,.27,1.34) .2s}
.timeline .swiper-slide{position:relative;color:#333;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.timeline .swiper-slide-content{ position:absolute;right:25%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); font-size:18px;text-align:right; width:70%;z-index:2}
.timeline .swiper-slide .timeline-year{display:block; font-weight: bold; font-size:6rem;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);color:#005aff;opacity:0;transition:.2s ease .4s}
.timeline .swiper-slide .timeline-year small{ font-size: 1.8rem;}
.timeline .swiper-slide .timeline-title{ font-size:3rem;margin:0 0 30px;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .5s}
.timeline .swiper-slide .timeline-title small{ font-size: 1.8rem;}
.timeline .swiper-slide .timeline-text{ padding-bottom: 5rem;line-height:1.5;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .6s}
.timeline .swiper-slide-active .timeline-year{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.6s}
.timeline .swiper-slide-active .timeline-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.7s}
.timeline .swiper-slide-active .timeline-text{ opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.8s}
.timeline .swiper-pagination{right:10%;height:100%; display:flex;flex-direction:column;justify-content:center;font-size:1.4rem;z-index:1;}
.timeline .swiper-pagination::before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:rgba(0,0,0,.1)}
.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:0 0;color:#333;position:relative}
.timeline .swiper-pagination-bullet::before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#005aff;-webkit-transform:scale(0);transform:scale(0);transition:.2s}
.timeline .swiper-pagination-bullet-active{color:#005aff}
.timeline .swiper-pagination-bullet-active::before{-webkit-transform:scale(1);transform:scale(1)}
.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:25px 25px;top:15%;width:25px;height:25px;margin-top:0;z-index:2;transition:.2s}
.timeline .swiper-button-prev{top:15%;left:auto;right:11%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-prev:hover{-webkit-transform:rotate(90deg) translate(-3px,10px);transform:rotate(90deg) translate(-3px,10px)}
.timeline .swiper-button-next{top:auto;bottom:15%;right:11%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-next:hover{-webkit-transform:rotate(90deg) translate(3px,10px);transform:rotate(90deg) translate(3px,10px)}
.timeline .swiper-button-next::after,.timeline .swiper-button-prev::after{ font-size: 2rem;}
.timeline .img{ width: 55%;}
.timeline .imgcut{ padding-bottom: 65%;}
.timeline .txt{ width: 40%;}
@media only screen and (max-width:1199px){
    .timeline .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .timeline .img{ width: 60%;}
    .timeline .txt{ width: 100%;}
}
@media only screen and (max-width:767px){
    .timeline .img{ width: 100%;}
    .timeline .swiper-pagination{right:2%;}
    .timeline .swiper-button-prev{ right: 4%;}
    .timeline .swiper-button-next{ right: 4%;}
    .timeline .swiper-pagination::before{ left: -10px;}
    .timeline .swiper-pagination-bullet::before{left:-12.5px}
    .timeline .swiper-slide .timeline-title{ font-size: 2rem;}
    .timeline .swiper-slide-content{ font-size: 1.8rem;}

}
.page_about04 .box{position: relative; z-index: 0; background: url(../images/about06.png) no-repeat center; background-size: cover;}
.page_about04 .box .swiper-slide a{ display: block; border: 1px solid #ddd;}
.page_about04 .box .swiper-slide a .img{ padding:3rem; border-bottom: 1px solid #ddd;}
.page_about04 .box .swiper-slide a .txt{ padding: 3rem; text-align: center;}
.page_about04 .box .swiper{ padding-bottom: 5rem;}

.page_about05{ margin-top: 5rem;}
.page_about05 #certify{ position: relative; z-index: 0;}
.page_about05 #certify .swiper{ padding: 3rem 0; padding-bottom: 8rem;}
.page_about05 #certify .swiper .img{ padding: 3rem 5rem;}

@media only screen and (max-width:767px){
    .page_about05 {padding-bottom: 5rem;}
    .page_about05 #certify{ padding-bottom: 5rem;}
}


.news-list{padding:3rem 0 20rem;overflow:hidden}
.news-list ul{width:calc(100% + 30px);overflow:hidden}
.news-list li{float:left;position:relative;margin:0 30px 30px 0;width:calc(33.33% - 30px);overflow:hidden}
.news-list li a{ -webkit-flex-direction: column; flex-direction: column; background:#f5f5f5; padding: 3rem; align-items: flex-start;}
.news-list li .date{ font-family:PFDinTextPro-Light; color:#999}
.news-list li .date span{display:block}
.news-list li .date .day{font-size:32px}
.news-list li .date .year{font-size:16px}
.news-list li .con{ width: 100%; padding: 2rem 0;}
.news-list li .con h4{font-size:24px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list li .con p{padding-top:16px;font-size:14px;color:#999;line-height:200%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-list li .btm .more-btn{display:inline-block;width:40px;height:40px;border-radius:100%;background:url(../images/news-more-arrow.png) no-repeat center #005aff}
.news-list li a:hover .date{color:#333}
.news-list li a:hover .con h4{color:#005aff}
.news-list li a:hover .con p{color: #333;}
@media only screen and (max-width:1199px){.news-list{padding:20px 0 60px}
.news-list ul{padding-bottom:20px;width:auto}
.news-list li{margin:0 0 20px 0;width:calc(50% - 10px)}
.news-list li:nth-child(2n){ margin-left: 20px;}
.news-list li .date{top:20px;left:20px}
.news-list li .date .day{font-size:24px}
.news-list li .date .year{font-size:12px}
.news-list li .con{top:88px;left:20px;right:20px}
.news-list li .con h4{font-size:16px}
.news-list li .con p{padding-top:12px;line-height:160%}

}
@media only screen and (max-width:767px){
    .news-list li{ width: 100%;}
    .news-list li:nth-child(2n){ margin-left: 0;}
    .news-list li .btm{ display: none;}
}
.pages{clear:both;text-align:center}
.pages a{display:inline-block;margin:0 2px;width:40px;height:40px;border-radius:100%;font-family:Arial;font-size:15px;color:#666;line-height:40px;text-align:center}
.pages a:hover{background:#eaeaea}
.pages a.crt{background:#005aff;color:#fff}
.pages a.disable{background:#eaeaea;color:#666}
@media only screen and (max-width:767px){
    
}