@charset "utf-8";
body {
	background: #fff
}
body [class^='box'] *{transition: all .3s;}
.over{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} 


/*头部*/
#header {height: 61px;
	box-sizing: border-box;
	border-bottom: 1px solid #cdd5ef;background: #fff
}

.layui-layout-admin .layui-header {width: 1453px;margin: 0 auto;
	background: #ffffff;
	color: #50586c;
	
		
}
/*logo*/

.layui-layout-admin .layui-logo {
	box-sizing: border-box;
}
.layui-layout-admin .layui-logo img{display: block;height: 59px}

.layui-layout-right {
	height: 60px;
	line-height: 60px;
	position: relative;
}

.layui-header .layui-nav .layui-nav-item {
	line-height: 60px;
}

	.layui-header .layui-nav .layui-nav-item a {
		color: #232d47;
		padding: 0 22px;
		font-size: 15px;
	}
		.layui-header .layui-nav .layui-nav-item:hover{
			background: linear-gradient( rgba(255,255,255,1) , #deddeb);
			font-weight: 600
		}
.layui-header .layui-nav .layui-nav-item.login{margin-left: 30px;}



.layui-nav .layui-this:after {
	bottom: auto;
	top: 0;
	background-color: #014bb4
}

.layui-header .layui-nav .layui-this a {
	color: #7acaf9;
}
.sel{display: inline-block;
    vertical-align: middle;position: relative}
.sel input{width: 54px;background: #4a4cc3;height: 30px;line-height: 30px;border-radius: 5px;color: #fff}
.sel em{height: 16px;font-size: 18px;color: #fff;position: absolute;top:5px;left: 9px;line-height: normal;z-index: 99999;background: #4a4cc3}
.sel em::after{top:0}
.layui-form-select dl{background: #4a4cc3}
.layui-form-select dl dd.layui-this{background: #343696}
.layui-form-select dl dd:hover{background: #6365db}
/*.layui-nav-bar{opacity: 0!important}*/
.layui-nav-bar{height: 1px;top:auto;bottom: 0; background:  #4a4cc3;}
/*banner*/
#banner {
	background-color: #e9f1fe;
	height: 640px;
	background-image: url(../images/banner1.jpg);background-size: auto 100%;background-position: center center
}



.box1 {
	width: 1430px;
	padding: 0;
	margin-left: 20px
}
.box1 .toptit{margin-bottom: 40px}

.box0{width: 1436px;margin: -42px auto 103px;}
.box0 li{background: linear-gradient( #f6f6ff , #fff) ;box-sizing: border-box;border: 1px solid #fff;border-radius: 7px; text-align: center;height: 130px;float: left;width: calc(21% - 12px);margin-right: 12px;padding: 33px 16px 0 88px;position: relative}
.box0 li::after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat:  no-repeat;background-position: 22px center;z-index: 0}
.box0 li:nth-child(1)::after{background-image: url(../images/xz_15.gif) ;}
.box0 li:nth-child(2)::after{background-image: url(../images/xz_12.gif) ;}
.box0 li:nth-child(3)::after{background-image: url(../images/xz_09.gif) ;}
.box0 li:nth-child(4)::after{background-image: url(../images/xz_06.gif) ;background-position: left center}
.box0 li:nth-child(4){width: 37%;margin: 0;padding: 33px 16px 0 140px;text-align: left}
		.box0 li p{color: #1b2169;font-size: 18px;line-height: normal;height: auto;margin-bottom: 12px;font-weight: 600;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;width: 184px;text-align: left}
		.box0 li s{font-size: 14px;text-align: right;color: #777a97}
.box0 li a{position: relative;z-index: 2}
.box0 li:nth-child(4) s{overflow:hidden; white-space: nowrap; text-overflow:ellipsis; width:100px}
.box0 li:nth-child(4) div{float: left}
.box0 li:nth-child(4) div p{width: auto}
.box0 li:nth-child(4) div:nth-child(1){width: 110px;margin-right: 30px}
.box0 li:nth-child(4) div:nth-child(2){width: 105px;margin-right: 20px}
.box0 li:nth-child(4) div:nth-child(3){width: 90px;}

.toptit {
	width: 1200px;font-size: 32px;display: block;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.toptit i{display: none}
.toptit em{margin: 0 37px;color: #0d135f}
.toptit p {color: #575b7d;font-size: 16px;font-weight: 500;}
.toptit .tita{display: block;color: #575b7d;float: none;padding-top: 16px;font-size: 18px;color: #8487a0;padding-top: 22px}
.box1{margin: 0 auto 120px}
.box1 .hover_cards{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(1, 1fr);gap: 90px;border-bottom: 1px solid #e3e5ff;height: 325px}
.box1 .hover_cards li{height: 100%;background:#fff ;padding: 180px 16px 0;box-sizing: border-box;text-align: center;position: relative;cursor: pointer}
.box1 .hover_cards li::after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat:  no-repeat;background-position: center 24px;}
.box1 .hover_cards li:nth-child(1)::after{background-image: url(../images/xz_22.gif)}
.box1 .hover_cards li:nth-child(2)::after{background-image: url(../images/xz_25.gif)}
.box1 .hover_cards li:nth-child(3)::after{background-image: url(../images/xz_28.gif)}
.box1 .hover_cards li:nth-child(4)::after{background-image: url(../images/xz_30.gif)}
.box1 .hover_cards li b{font-size: 22px;color: #0d1058;margin-bottom: 28px}
.box1 .hover_cards li p{color: #a1a3b0;line-height: 20px}
.box1 .hover_cards li s{display: none}
.box1 .hover_cards li.this{background: linear-gradient( #fff , #f5f5ff) }
.box1 .hover_cards li.this s{display: block;position: absolute;height: 3px;background: #4a45c6;bottom: -1px;width: 100%;left: 0}
.box1 .hover_cards li s::after{content: ''; position: absolute;
    top: 3px;
    left: calc(50% - 7.5px);
    border-width: 13px;
    border-color: #4a45c6 transparent transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px}
.box1 .show_cards_item ul{width: 100%;display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(2, 1fr);gap: 25px 12px;height: 328px;padding-top: 34px}
.box1 .show_cards_item li{background: url(../images/bg1.jpg);background-size: 100% 100% ;text-align: center;position: relative}
.box1 .show_cards_item li a{display: block;height: 100%;position: relative}
.box1 .show_cards_item li img{position: relative;text-align: center;top: 40%;/*li高度的一半*/transform: translateY(-50%);}
.box1 .show_cards_item li p{font-size: 18px;color: #3a3d65;position: absolute;bottom: 20px;width: 100%}
.box1 .show_cards_item li:nth-last-child(1) a{color: #9192a4;font-size: 16px;padding-top: 96px}
.box1 .show_cards_item li:hover{box-shadow: 0 0px 15px 2px #edecf2;}

.box2{background-image: url(../images/banner2.jpg);background-repeat: no-repeat;background-position: center center;background-size: auto 100%;height: 900px;margin-bottom: 90px;padding-top: 126px;background-color: #faf9ff}
.box2 .card{width: 893px;margin: 58px auto 0 625px;display: flex}
.box2 .hover_cards{border: 1px solid #e4e6ff;width: 315px;border-bottom: none}
.box2 .hover_cards li{padding: 26px 0;box-sizing: border-box; color: #9496a3;text-align: center;font-size: 24px;margin-bottom: 20px}
.box2 .hover_cards li.this{background: #4c4fc4;position: relative;color: #fff}
.box2 .hover_cards li.this::before{content: ''; display: block;position: absolute; top: 27px;
    left: -1px;
    border-width: 13px;
    border-color: transparent  transparent transparent #faf9ff;
    border-style: solid;
    width: 0px;
    height: 0px}
.box2 .hover_cards li.this::after{content: ''; display: block;position: absolute; top: 27px;
    right: -1px;
    border-width: 13px;
    border-color: transparent  #faf9ff transparent transparent;
    border-style: solid;
    width: 0px;
    height: 0px}
.box2 .show_cards{width: 506px;margin-left: 68px;}
.box2 .show_cards{padding-top: 111px}
.box2 .show_cards h3{font-size: 22px;margin-bottom: 48px;color: #000030}
.box2 .show_cards p{font-size: 16px;line-height: 27px;margin-bottom: 85px;color: #676a8b}
.box2 .show_cards a{display: block;height: 50px;line-height: 50px;width: 190px;background: linear-gradient(to right, #7767fe , #0c63fe);text-align: center;color: #fff;border-radius: 25px;font-size: 16px}

.box3 {width: 1430px;margin: 0 auto}
.box3 .toptit{margin-bottom: 60px}
.box3 .hover_cards{width: 100%;display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(1, 1fr);height: 60px}
.box3 .hover_cards li{height: 100%;line-height: 60px;box-sizing: border-box;text-align: center;font-size: 22px;color: #111662;border-radius: 4px;cursor: pointer;position: relative}
.box3 .hover_cards li.this{background: #4c4fc4;color: #fff}
.box3 .hover_cards li.this::after{content: ''; position: absolute;top:auto;
    bottom: 0px;
    left: calc(50% - 7.5px);
    border-width: 13px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    width: 0px;
    height: 0px}
.box3 .show_cards{width: 1430px;height: 692px}
.box3 .show_cards_wapper{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);gap: 10px 110px;padding-top: 34px}
.box3 .show_cards_item li{height: 324px;color: #5a5e7f;font-size: 18px;position:relative;box-sizing: border-box;padding: 96px 20px 0 }
.box3 .show_cards_item li img{height: 48px;max-width: 100%; margin-bottom: 24px}
.box3 .show_cards_item li p{color: #a1a3b0;line-height: 20px;font-size: 14px}
.box3 .show_cards_item li b {font-size: 22px;color: #000043;margin-bottom: 28px;font-weight: 500}
.box3 .show_cards_item li a{color: #a1a3b0;font-size: 14px;position: absolute;right: 10px;bottom: 10px;display: none}
.box3 .show_cards_item li:hover a{display: block}
.box3 .show_cards_item li:hover{background:  linear-gradient( #f4f4ff , #fff);border-bottom: 2px solid #5450c9}

.box4{height: 1076px;margin-bottom: 97px;background-image: url(../images/banner4.jpg);background-size: auto 100%;background-position: center center;box-sizing: border-box;padding-top: 40px}
.box4 .toptit{margin-bottom: 73px}
.box4_content{width: 1190px;margin: 0 auto;text-align: center;display: grid;grid-template-columns: repeat(4, calc(25% - 42.75px));gap: 38px 57px;color: #3f61b0}
.box4_content li img{width: 100%}
.box4_content b{font-size: 32px;margin-bottom: 10px;padding-top: 13px}
.box4_content p{font-size: 18px;}

.date{float: left;width: 154px;}
.date p{font-size: 17px;color: #00002e;padding-top: 34px;margin-bottom: 22px}
.date b{font-size: 38px;color: #0d135f}
.date b span{color: #08fbff}
.news{width: 936px;float: left;padding-top: 34px;padding-left: 88px;padding-right: 56px;position: relative}
.news::before{content: '';display: block;position: absolute;width: 70px;height: 1px ;background: #e4e6ff;left: 0;top:40px}
.news em{color: #000047;font-size: 22px;margin-bottom: 18px;width: 936px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.news tt{line-height: 26px;color: #a1a3b0;max-height:52px;-webkit-line-clamp: 2; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.pic{padding-top: 27px;width: 196px;float: left}
.pic img{height: 106px;border-radius: 6px;width: 100%}

.box5{width: 1430px;margin: 0 auto 64px}
.box5 .toptit{margin-bottom: 52px}
.box5 .list li{height: 159px;border-bottom: 1px solid #f6f6ff;}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #999999;
}

input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999999;
}

input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999999;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}


.footer {
	background: #2b3284;
	font-size: 14px;
	color: #999999;
	text-align: left;
}
.footin{width: 1430px;margin: 0 auto;padding: 50px 0 22px}
.footin h3{font-size: 20px;margin-bottom: 22px;font-weight: bold;color: #fff}
.footin li a{color: #fff}
.footin li a::before{content: '◆';font-size: 18px;margin-right: 5px;display: inline-block;position: relative;top:3px;}
.footin li{margin-bottom: 10px}
.footin li:nth-last-child(1){margin-bottom: 0}
.footerbox1{width: 273px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 60px}
.footerbox2{width: 320px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 108px}
.footerbox3{width: 282px;border-right: 1px solid #6063a8;height: 258px;box-sizing: border-box;padding-left: 96px}
.footerbox4{width: 552px;height: 258px;text-align: left;box-sizing: border-box;padding-left: 222px}
.footerbox4 p{font-size: 20px;font-weight: bold;color: #fff}
.footerbox4 s{font-size: 38px;margin-bottom: 30px;color: #fff}
.ewm{display: inline-block;margin-right: 32px}
.ewm:nth-last-child(1){margin-right: 0px}
.ewm img{height: 115px;width: 115px;}
.ewm p{font-size: 16px;font-weight: normal;text-align: center;margin-top: 4px}
.footer >p{height: 49px;border-top: 1px solid #6063a8;text-align: center;line-height: 49px;color: #fff;font-size: 16px}

/*page1*/
.introduce{width: 1430px;margin: 0 auto}
.introduce_item{margin: 0 auto 142px;}
.introduce_item .toptit{margin-bottom:90px }
.introduce_item .wapper{}
.introduce_item .wapper .picwapper{width: 49.4%;float: left}
.introduce_item .wapper .picwapper img{position: relative;width: 92%;left: 8%}
.introduce_item .wapper .txtwapper{float: left;width: 50.1%;padding-left: 103px;box-sizing: border-box;padding-top: 40px}
.introduce_item .wapper .txtwapper i{width: 39px;height: 26px; margin-right: 10px;background: url(../images/38f56bce2db9ff777541c57fff9f3561adb843f414718c-BNhxIR_fw1200_06.png);background-size: 100% 100%}
.introduce_item .wapper .txtwapper em{font-size: 22px;color: #131313}
.introduce_item .wapper .txtwapper h3{margin-bottom: 35px;font-weight: bold}
.introduce_item .wapper .txtwapper p{font-size: 16px;line-height: 26px;margin-bottom: 52px}
.introduce_item .wapper .txtwapper h4{color: #131313;font-size: 18px;font-weight: bold;margin-bottom: 52px}
.introduce_item .wapper .txtwapper .linkwapper{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px 0;margin-bottom: 80px}
.introduce_item .wapper .txtwapper .linkwapper a{color: #2a4cda;font-size: 16px}
.introduce_item .wapper .txtwapper .linkwapper a:hover{opacity: .8}
.more_btn{font-size: 16px;color: #fff;padding: 11px 25px;border-radius: 3px;background: linear-gradient(to right, #2b3284, #8288cd);/* border: 1px solid #213ddb; */display: inline-block}
.more_btn:hover{opacity: .8;color: #fff}
.more_btn1{background: #fff;color: #213ddb}
.more_btn1:hover{color: #213ddb}
.more_btn +.more_btn{margin-left: 20px}
.introduce_item:nth-child(2n)  .wapper .picwapper img{width: 90%;left: 7%}
.introduce_item:nth-child(2n)  .wapper .txtwapper i{background-image:url(../images/yun.png) }

/*page2*/
.personalization{padding: 44px 0 0 0;background: #f3f6fb;padding-bottom: 155px;margin-bottom: 50px}
.personalization_content{width: 1050px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 80px 5px;}
.toptit2{color: #302f31;font-size: 36px;text-align: center;font-weight: bold;margin-bottom: 86px}
.personalization_item{text-align: center;}
.personalization_item i{width: 84px;height: 84px;box-shadow: 0px 5px 11px 3px #e0e9fa;border-radius: 16px;margin-bottom: 43px;background: #fff;}
.personalization_item i img{max-width: 80%;max-height:  80%;position: relative;top: 50%;transform: translateY(-50%);}
.personalization_item b{font-size: 20px;color: #201f1f;margin-bottom: 16px;display: block}
.personalization_item p{color: #6c6d6e;font-size: 14px}
.decision{padding-bottom: 83px}
.decision_content{width: 1250px;margin: 0 auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 64px 100px;}
.decision_item{width: 350px;height: 160px;background:url(../images/decision.jpg);background-size: 100% 100%;box-sizing: border-box;padding: 40px 0 0 22px;color: #fff;text-shadow:0 0  6px #1434b6;border-radius: 8px;}
.decision_item b{font-size: 25px;margin-bottom: 26px}
.decision_item p{font-size: 18px;font-weight: bold}
/*更改其他背景图*/
.decision_item:nth-child(2){background-image:url(../images/decision.jpg)}

@media only screen and (max-width: 991px){
	.layui-layout-admin .layui-header{max-width: 100%}
	#banner{height: 438px}
	.toptit{max-width: 100%;}
	.box0{max-width: 100%;}
	.box0 li{width: calc(50% - 12px);margin-bottom: 12px}
	.box0 li:nth-child(3){width: calc(40% - 12px);}
	.box0 li:nth-child(4){width: calc(60% - 12px);}
	.box1{max-width: 100%;}
/*	.box1 .show_cards_item ul{grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 1fr);}*/
	.box2{max-width: 100%;}
	.box2 .show_cards{}
	.box2 .card{max-width: 100%;margin-left: 20px}
	.box2 .hover_cards li{text-shadow: #fff -1px 0 1px,#fff 0 -1px 1px,#fff 1px 0 1px,#fff 0 2px 1px;}
	.box2 .hover_cards li.this{text-shadow:none}
	.box3 {max-width: 100%}
	.box3 .show_cards{max-width: 100%}
	.box3 .show_cards_wapper{gap:10px 12px}
	.box3 .hover_cards{max-width: 100%}
	.box4 {max-width: 100%}
	.box4_content{width: 980px;gap:12px 12px}
	.box4_content img{max-width: 100%}
	.box5 {max-width: 100%;}
	.box5 .list{max-width: 100%;}
	.news{width: calc(100% - 480px);padding-right: 20px}
	.news em{width: 100%}
	.footin{max-width: 100%;}
	.footerbox4{margin-top: 20px;margin-left: 12%}
}