/*---------- 0.color ----------*/
.white, 
.white a:link, 
.white a:visited, 
.white a:hover { 
    color: white; 
}

.blue, 
.blue a:link, 
.blue a:visited, 
.blue a:hover { 
    color: #105085; 
}

/*---------- 1.top ----------*/
.modern-top img,
.modern-top video {
    display: block;
    width: 100%;
}

/*---------- 2.nav ----------*/
.modern-nav {
    background-color: #105085;
    height: 70px;
}

.modern-nav .w1200 {
    line-height: 70px;
    font-size: 25px;
}

.modern-nav .w1200 a {
    margin-right: 65px;
}

.modern-nav .w1200 a:last-child {
    margin-right: 0;
}

/*---------- 3.p1 ----------*/
.modern-p1 {
    margin-top: 58px;
}

.view .swiper-container {
	width: 1200px;
	height: 672px;
}

.preview {
	width: 100%;
	margin-top: 45px;
	position: relative;
}

.preview .swiper-container {
	width: 1070px;
	height: 185px;
	margin-left: 70px;
}

.preview .swiper-slide {
	width: 133px;
	height: 133px;
    text-align: center;
    font-size: 18px;
}

.preview .swiper-slide img {
	border-radius: 50%;
}

.preview .arrow-left {
	background: url(../images/p1_prev.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 36px;
	height: 36px;
	z-index: 10;
    transition: transform 0.3s ease; 
}

.preview .arrow-right {
	background: url(../images/p1_next.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 36px;
	height: 36px;
	z-index: 10;
    transition: transform 0.3s ease; 
}

.preview .arrow-left:hover, 
.preview .arrow-right:hover {
    transform: scale(1.2); 
}

.preview .active-nav img {
	padding: 0;
	border: 6px solid #337df7;
}

.preview .active-nav {
    color: #f06b3e;
}

/*---------- 4.p2 ----------*/
.modern-p2 {
    margin-top: 60px;
}

.modern-p2 .tit1 {
    font-size: 34px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
    text-align: center;
}

.modern-p2 .tit1-sub {
    font-size: 16px;
    line-height: 1.8;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
    text-align: center;
}

.modern-p2 .content {
    height: 530px;
    background-color: #eef5ff;
    margin-top: 20px;
}

.modern-p2 .content .left {
    width: 728px;
    position: relative;
}

.modern-p2 .content .right {
    width: 472px;
}

.modern-p2 .swiper-container {
    width: 727px;
    height: 530px;
}

.modern-p2 .swiper-container .swiper-slide {
    position: relative;
}

.modern-p2 .swiper-container .swiper-slide .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background: #105085;
    font-size: 20px;
    line-height: 56px;
    font-weight: bold;
    padding-left: 30px;
}

.pagination2 {
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 15px;
    width: 150px;
    z-index: 9;
}

.pagination2 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
}

.pagination2 .swiper-active-switch {
    width: 15px;
    height: 10px;
}


.modern-p2 .list li {
    font-size: 18px;
    line-height: 1.6;
    border-bottom: 2px solid #fff;
    padding: 17px 25px;
}

.modern-p2 .list li:last-child {
    border-bottom: none;
}

/*---------- 5.p3 ----------*/
.modern-p3 {
    margin-top: 43px;
    background: url(../images/bg1.png) no-repeat top center;
    padding-bottom: 90px;
}

.modern-p3-bg-none {
    background: none;
    margin-top: -50px;
    padding-bottom: 30px;
}

.modern-p3 .card-pic .card {
    float: left;
    width: 260px;
    height: 300px;
    margin-left: 22px;
    margin-right: 18px;
    margin-top: 43px;
    background-color: #fff;
}

.modern-p3 .card-pic .card:hover {
    box-shadow: 0px 7px 11px 0px rgba(113, 161, 186, 0.29);
}

.modern-p3 .card-pic .card h3.tit,
.modern-p3 .card-pic .card p.text {
    width: 89%;
    margin: 0 auto;
}

.modern-p3 .card-pic .card h3.tit {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.4;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
}

.modern-p3 .card-pic .card p.text {
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.4;
}

.modern-p3 .card-pic .card:last-child {
    margin-right: 0;
}

.modern-tit0 {
    text-align: center;
    margin: 55px auto 0 auto;
}

.modern-p3 .content {
    margin-top: 40px;
}

.modern-p3 .content .left {
    width: 280px;
    margin-right: 16px;
}

.modern-p3 .content .center {
    width: 610px;
}

.modern-p3 .content .right {
    width: 280px;
}

.modern-p3 .content .card {
    padding: 13px 15px;
    height: 257px;
}

.modern-p3 .content .card h3.tit {
    font-size: 25px;
    line-height: 1.4;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
}

.modern-p3 .content .card p.txt {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
}

.modern-p3 .content .card span.more {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 10px;
}

.modern-p3 .content .card span.more a {
    display: block;
    background: url(../images/ico1.png) no-repeat top right;
    padding-right: 40px;
    color: #30b2fa;
    font-size: 18px;
}

.modern-p3 .content .card1 {
    border-top: 8px solid #fec63f;
}

.modern-p3 .content .card1:hover {
    background-color: #fff4d9;
}

.modern-p3 .content .card2 {
    border-top: 8px solid #1ba74a;
}

.modern-p3 .content .card2:hover {
    background-color: #e1f6e8;
}

.modern-p3 .content .card3 {
    border-top: 8px solid #00aeff;
}

.modern-p3 .content .card3:hover {
    background-color: #dbf3fe;
}

.modern-p3 .content .card4 {
    border-top: 8px solid #fd8634;
}

.modern-p3 .content .card4:hover {
    background-color: #fef1e9;
}

.modern-p3 .swiper-container {
    width: 610px;
    height: 520px;
}

.modern-p3 .swiper-container .swiper-slide h3.tit {
    font-size: 25px;
    line-height: 1.6;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
    text-align: center;
}

.modern-p3 .swiper-container .swiper-slide .text {
    width: 100%;
    font-size: 16px;
    text-indent: 2em;
}

.pagination3 {
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0px;
    width: 100%;
    z-index: 9;
}

.pagination3 .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #bfbfbf;
    margin: 0 5px;
    cursor: pointer;
}

.pagination3 .swiper-active-switch {
    background: #f06b3e;
    width: 39px;
}

.modern-p3 .card-content {
    margin-top: 55px;
    height: 126px;
    overflow: hidden;
}

.modern-p3 .card-content .card {
    float: left;
    width: 160px;
    height: 126px;
    overflow: hidden;
    margin-right: 10px;
    cursor: pointer;
    padding-top: 20px;
}

.modern-p3 .card-content .card:last-child {
    margin-right: 0;
}

.modern-p3 .card-content .card .card-txt-pic {
    width: 160px;
    float: left;
    text-align: center;
    font-size: 25px;
    margin-right: 10px;
    margin-left: 0px;
}

.modern-p3 .card-content .card .card-txt-pic p.text {
    display: block;
    margin-top: -10px;
}

.modern-p3 .card-content .card .card-txt-txt {
    padding-right: 20px;
    font-size: 18px;
    line-height: 1.6;
    display: none;
    float: right;
    width: 60%;
    margin-top: -13px;
}



.modern-p3 .card-content .card.active {
    width: 345px;
}

.modern-p3 .card-content .card.active .card-txt-pic {
    width: 115px;
    font-size: 22px;
    margin-left: 10px;
}

.modern-p3 .card-content .card.active .card-txt-txt,
.modern-p3 .card-content .card#first .card-txt-txt {
    display: block;
}

.modern-p3 .card-content .card1 {
    background: url(../images/bg3_1.png) no-repeat;
}

.modern-p3 .card-content .card2 {
    background: url(../images/bg3_2.png) no-repeat;
}

.modern-p3 .card-content .card3 {
    background: url(../images/bg3_3.png) no-repeat;
}

.modern-p3 .card-content .card4 {
    background: url(../images/bg3_4.png) no-repeat;
}

.modern-p3 .card-content .card5 {
    background: url(../images/bg3_5.png) no-repeat;
    
}

.modern-p3 .card-content .card6 {
    background: url(../images/bg3_6.png) no-repeat;
}

/*---------- 6.p4 ----------*/
.modern-p4 .content {
    margin-top: 20px;
    background: url(../images/bg4.png) no-repeat top center #dceaff;
    padding-top: 60px;
    padding-bottom: 50px;
}

.modern-p4 .content .nav-list {
    text-align: center;
}

.modern-p4 .content .nav-list span {
    display: inline-block;
    height: 50px;
    background-image: -moz-linear-gradient( 26deg, rgb(51,125,247) 0%, rgb(103,168,252) 100%);
    background-image: -webkit-linear-gradient( 26deg, rgb(51,125,247) 0%, rgb(103,168,252) 100%);
    background-image: -ms-linear-gradient( 26deg, rgb(51,125,247) 0%, rgb(103,168,252) 100%);
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    margin: 0 10px 22px 10px;
    border-radius: 25px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
}

.modern-p4 .content .nav-list span.active {
    border: 2px solid #337df7;
    background: #fff;
    color: #337df7;
}

.modern-p4 .content .pic-content {
    display: none;
}

.modern-p4 .content .pic-content .pic-list {
    overflow: hidden;
}

.modern-p4 .content .pic-content .pic-list li {
    float: left;
    margin-left: 17px;
    margin-top: 20px;
}

.modern-p4 .content .pic-content .pic-list li:nth-child(4n+1) {
    margin-left: 0;
}

.modern-p4 .content .pic-content .pic-list li:nth-child(n+9) {
    display: none;
}

.modern-p4 .content .pic-content .more {
    width: 187px;
    height: 55px;
    margin: 0 auto;
    line-height: 55px;
    text-align: center;
    background: #337df7;
    border-radius: 26px;
    font-size: 20px;
    margin-top: 40px;
    font-weight: bold;
    cursor: pointer;
}

/*---------- 7.p5 ----------*/
.modern-p5 {
    margin-top: 25px;
}

.modern-p5 .content-video {
    margin-top: 25px;
}

.modern-p5 .content-video .left {
    width: 475px;
    padding: 0 15px 10px 15px;
    background-color: #eef5ff;
    height: 392px;
}

.modern-p5 .content-video .right {
    width: 714px;
}

.modern-p5 .content-video .left h3.tit {
    margin-top: 20px;
    font-size: 25px;
    line-height: 1.3;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
}

.modern-p5 .content-video .left p.txt {
    font-size: 18px;
    line-height: 1.3;
    margin-top: 10px;
    background: url(../images/line1.png) repeat-x bottom center;
    overflow: hidden;
    padding-bottom: 10px;
    text-indent: 2em;
}

.modern-p5 .content-video .left h3.tit,
.modern-p5 .content-video .left p.txt {
    padding-left: 13px;
    padding-right: 13px;
}

.modern-p5 .content-video .right .video {
    position: relative;
    height: 392px;
}

.modern-p5 .content-video .right .video p.txt {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(67, 67, 67, 0.702);
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    padding-left: 20px;
}

.modern-p5 .content-video .right .video::after {
    position: absolute;
    content: '';
    display: block;
    background: url(../images/vbg1.png) no-repeat;
    width: 65px;
    height: 65px;
    left: 45%;
    top: 40%;
}

.modern-p5 .content-pic {
    width: 1200px;
    height: 320px;
    margin: 20px auto 0 auto;
    position: relative;
}

.modern-p5 .content-pic .swiper-container {
    width: 1200px;
    height: 320px;
}

.modern-p5 .content-pic .slide-content {
    width: 380px;
    position: relative;
    font-size: 22px;
}

.modern-p5 .content-pic .slide-content::after {
    display: block;
    content: '';
    position: absolute;
    left: 20px;
    top: 180px;
    background: url(../images/vbg1.png) no-repeat;
    background-size: 43px 43px;
    width: 43px;
    height: 43px;
}

.modern-p5 .content-pic .arrow-left3 {
    background: url(../images/p1_prev.png) no-repeat left top;
    position: absolute;
    left: -56px;
    top: 35%;
    width: 36px;
    height: 36px;
}

.modern-p5 .content-pic .arrow-right3 {
    background: url(../images/p1_next.png) no-repeat left bottom;
    position: absolute;
    right: -56px;
    top: 35%;
    width: 36px;
    height: 36px;
}

/*---------- 8.p6 ----------*/
.modern-p6 .content-book {
    margin-top: 20px;
}

.modern-p6 .content-book .list li {
    float: left;
    width: 185px;
    margin: 0 25px;
}

.modern-p6 .content-pic .list li {
    float: left;
    margin: 0 17px;
    width: 260px;
}

/*---------- 9.p7 ----------*/
.modern-p7 .content {
    margin-top: 20px;
    background: url(../images/bg5.png) no-repeat top center;
    height: 503px;
}

.modern-p7 .content .left {
    width: 545px;
}

.modern-p7 .content .right {
    width: 575px;
}

.modern-p7 .left .modern-tit7 {
    margin-top: 40px;
}

.modern-p7 .right .modern-tit7 {
    margin-top: 10px;
}

.modern-p7 .modern-tit7 h3.tit {
    font-size: 26px;
    background: url(../images/ico2.png) no-repeat center left;
    line-height: 40px;
    font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC";
    float: left;
    padding-left: 28px;
}

.modern-p7 .modern-tit7 {
    width: 100%;
}

.modern-p7 .modern-tit7 a.more {
    float: right;
    line-height: 40px;
    color: #71aada;
    font-size: 18px;
}

.modern-p7 .left .list li {
    background-image: -moz-linear-gradient( 0deg, rgb(173,138,253) 0%, rgb(130,183,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(173,138,253) 0%, rgb(130,183,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(173,138,253) 0%, rgb(130,183,255) 100%);
    width: 268px;
    height: 82px;
    line-height: 82px;
    font-size: 28px;
    float: left;
    margin-top: 10px;
    margin-left: 9px;
    text-align: center;
    cursor: pointer;
}

.modern-p7 .left .list li:hover {
    border: 1px solid rgb(122, 91, 197);
    background-image: -moz-linear-gradient( 0deg, rgb(234,226,255) 0%, rgb(211,229,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(234,226,255) 0%, rgb(211,229,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(234,226,255) 0%, rgb(211,229,255) 100%);
}

.modern-p7 .left .list li:nth-child(2n+1) {
    margin-left: 0;
}

.modern-p7 .left .list li a {
    position: relative;
    padding-left: 65px;
    text-decoration: none;
}

.modern-p7 .left .list li a::after {
    position: absolute;
    content: '';
    display: block;
}

.modern-p7 .left .list li a:hover {
    color: #896cd1;
}

.modern-p7 .left .list li:nth-child(1) a::after {
    background: url(../images/ico31a.png) no-repeat center left;
    width: 50px;
    height: 50px;
    left: 0;
    top: -3px;
}

.modern-p7 .left .list li:nth-child(1):hover a::after {
    background: url(../images/ico31b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(2) a::after {
    background: url(../images/ico32a.png) no-repeat center left;
    width: 41px;
    height: 50px;
    left: 0;
    top: -5px;
}

.modern-p7 .left .list li:nth-child(2):hover a::after {
    background: url(../images/ico32b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(3) a::after {
    background: url(../images/ico33a.png) no-repeat center left;
    width: 45px;
    height: 43px;
    left: 0;
    top: 0;
}

.modern-p7 .left .list li:nth-child(3):hover a::after {
    background: url(../images/ico33b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(4) a::after {
    background: url(../images/ico34a.png) no-repeat center left;
    width: 43px;
    height: 51px;
    left: 0;
    top: -5px;
}

.modern-p7 .left .list li:nth-child(4):hover a::after {
    background: url(../images/ico34b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(5) a::after {
    background: url(../images/ico35a.png) no-repeat center left;
    width: 50px;
    height: 45px;
    left: 0;
    top: 0;
}

.modern-p7 .left .list li:nth-child(5):hover a::after {
    background: url(../images/ico35b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(6) a::after {
    background: url(../images/ico36a.png) no-repeat center left;
    width: 40px;
    height: 44px;
    left: 0;
    top: -3px;
}

.modern-p7 .left .list li:nth-child(6):hover a::after {
    background: url(../images/ico36b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(7) a::after {
    background: url(../images/ico37a.png) no-repeat center left;
    width: 44px;
    height: 43px;
    left: 0;
    top: 0;
}

.modern-p7 .left .list li:nth-child(7):hover a::after {
    background: url(../images/ico37b.png) no-repeat center left;
}

.modern-p7 .left .list li:nth-child(8) a::after {
    background: url(../images/ico38a.png) no-repeat center left;
    width: 46px;
    height: 37px;
    left: 0;
    top: 0;
}

.modern-p7 .left .list li:nth-child(8):hover a::after {
    background: url(../images/ico38b.png) no-repeat center left;
}

.modern-p7 .content .right .list {
    margin-top: 40px;
}

.modern-p7 .content .right .list li {
    width: 575px;
    height: 83px;
    background-color: rgb(240, 246, 255);
    margin-bottom: 8px;
    line-height: 83px;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
}

.modern-p7 .content .right .list li span.lm {
    background-image: -moz-linear-gradient( 0deg, rgb(51,125,247) 0%, rgb(115,168,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(51,125,247) 0%, rgb(115,168,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(51,125,247) 0%, rgb(115,168,255) 100%);
    box-shadow: 0px 0px 13px 0px rgba(212, 230, 255, 0.004);
    height: 37px;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 18px;
    margin-right: 18px;
}

/*---------- 0.copyright ----------*/
#copyright {
    padding: 50px 0;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    clear: both;
    color: #105085; 
}