*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body {
	font-family:"微软雅黑";
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
section {
	margin: 0;
	padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
}

body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}

select {
	outline: none;
	/*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 点击高亮的颜色*/
}

select::-ms-expand {
	display: none;
}

em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	border: 0;
	line-height: normal;
}

button,
select {
	text-transform: none;
}

input[type=button],
input[type=text] {
	-webkit-appearance: none;
	outline: none
}

li,
dd,
dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clear {
	clear: both;
}
.main{width: 1200px;margin: 0 auto;}
.xy-banner{width: 100%;height: 810px;padding-top: 135px;background: url(../img/xy_banner.png) no-repeat center;background-size: cover;margin-top: 75px;position: relative;}
.xy-banner .jtimg{position: absolute;left: 50%;transform: translateX(-50%);bottom: -34px;cursor: pointer;}
.xyban-txt{width: 1200px;margin: 0 auto;color: #f5f5f5;}
.xyban-txt h2{font-size: 40px;font-weight: bold;letter-spacing: 3px;}
.xyban-txt h3{font-size: 24px;margin: 15px 0 30px;font-weight: bold;letter-spacing: 3px;}
.xyban-txt ul li{list-style:disc;font-size: 20px;margin-bottom: 24px;margin-left: 20px;}
.xy1-container{width: 100%;padding: 100px 0 140px;}
.xybt{width: 100%;text-align: center;position: relative;}
.xybt h3{font-size: 40px;color:rgba(1,1,1,.08);font-weight: bold;}
.xybt h2{font-size: 40px;color: #333333;display: inline-block;position: absolute;top:15px;left: 50%;transform: translateX(-50%);}
.xybt h2:after{content: "";display: inline-block;width: 100%;height: 14px;background: #b884ce;position: absolute;bottom: -6px;z-index: -1;left: 50%;transform: translateX(-50%);}
.xy1-box{width: 100%;height: 172px;background: url(../img/xy1_bac.png) no-repeat;background-size: 100%;margin-top: 140px;position: relative;}

.xy_sbox1{position: absolute;width: 160px;height: 80px;left: 0;top: 47px;}
.xy_sbox div{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.xy_sbox div img{margin-right: 10px;}
.xy_sbox div span{font-size: 18px;color: #333333;}

.xy_sbox2{position: absolute;width: 160px;height: 80px;left: 244px;top: 47px;}

.xy_sbox3{position: absolute;width: 160px;height: 80px;left:490px;top: 47px;}

.xy_sbox4{position: absolute;width: 116px;height: 56px;left:775px;top: 0;}

.xy_sbox5{position: absolute;width: 223px;height: 56px;right:0;top: 0;}

.xy_sbox6{position: absolute;width: 116px;height: 56px;left:775px;top: 116px;}

.xy_sbox7{position: absolute;width: 223px;height: 56px;right:0;top: 116px;}

.xy_xbox1{position: absolute;left: 0;top: 167px;padding: 8px 10px;border-radius: 8px;border:2px dashed #cfcfcf;text-align: center;}
.xy_xbox1 span{position: absolute;left: 55%;top: -33px;font-size: 14px;color: #666666;}
.xy_xbox1:before{content: "";display: inline-block;border-right:2px dashed #cfcfcf;width: 2px;height: 40px;position: absolute;left: 50%;top: -42px;}

.xy_xbox2{position: absolute;left:214px;top: -60px;padding: 8px 10px;border-radius: 8px;border:2px dashed #cfcfcf;text-align: center;}
.xy_xbox2 span{position: absolute;left: 55%;bottom: -33px;font-size: 14px;color: #666666;}
.xy_xbox2:before{content: "";display: inline-block;border-right:2px dashed #cfcfcf;width: 2px;height: 48px;position: absolute;left: 50%;bottom: -48px;}

.xy_xbox3{position: absolute;left:480px;top:167px;padding: 8px 10px;border-radius: 8px;border:2px dashed #cfcfcf;text-align: center;}
.xy_xbox3 span{position: absolute;left: 55%;top: -33px;font-size: 14px;color: #666666;}
.xy_xbox3:before{content: "";display: inline-block;border-right:2px dashed #cfcfcf;width: 2px;height: 40px;position: absolute;left: 50%;top: -42px;}
.xy2-container{padding-bottom: 120px;}
.xy2-box{margin-top: 90px;}
.xy2-box ul {display: flex;justify-content: space-around;align-items: center;}
.xy2-box ul li{text-align: center;width: 350px;transition: all .3s;padding: 25px 0;cursor: pointer;}
.xy2-box ul li img{margin-bottom: 15px;}
.xy2-box ul li p{font-size: 20px;color: #333333;}
.xy2-box ul li:hover{transform: translateY(-5px);box-shadow: 0 0 10px #f1e4f7;}
.xy2-box ul li:hover p{color: #8832ad;}
.xy3-container{width: 100%;height: 620px;background: url(../img/ldbac.png) no-repeat center;background-size: cover;padding-top: 60px;}
.xy3 .xybt h3{color: rgba(255,255,255,.08);padding-bottom: 40px;}
.xy3 .xybt h2{color: #fff;}
.xy3 .xybt h2:after{background: #8832ad;}
.xy3 .xybt h4{color: #fff;font-size: 20px;display: inline-block;position: relative;}
.xy3 .xybt h4 span{display: inline-block;width: 140px;height: 40px;background: url(../img/ld_icon.png) no-repeat;background-size: 100%;text-align: center;line-height: 40px;font-size: 20px;color: #f61e1e;font-weight: bold;position: absolute;top: -40px;right: -140px;}

.xy3 .xy3-box{width: 100%;overflow: hidden;margin-top: 40px;}
.xy3-box .xy3-sbox{width: 550px;height: 320px;padding: 40px;}
.xy3-box .xy3-sbox:first-of-type{float: left;background: url(../img/ld1.png) no-repeat;background-size: 100%;}
.xy3-box .xy3-sbox:nth-of-type(2){float: right;background: url(../img/ld2.png) no-repeat;background-size: 100%;}
.xy3-sbox ul li{font-size: 20px;color: #333333;padding-left: 28px;position: relative;margin-bottom: 42px;}
.xy3-sbox ul li:before{content: "";display:inline-block;width: 10px;height: 10px;background: #8832ad;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.xy3-sbox ul li:last-of-type{margin-bottom: 0;}

.xy4-container{width: 100%;padding:95px 0 80px;background: url(../img/xy4bac.png) no-repeat center;background-size: cover;}
.xy4 .xybt h3{padding-bottom: 42px;}
.xy4-box{width: 100%;margin-top: 46px;}
.xy4-box ul li{width: 280px;height: 340px;border-radius: 10px;background: #fff;overflow: hidden;padding-top: 48px;text-align: center;float: left;margin-right: 26px;transition: all .3s;cursor: pointer;position: relative;}
.xy4-box ul li img{display: block;margin: 0 auto 40px;}
.xy4-box ul li span{font-size: 20px;color: #333333;display: inline-block;margin-bottom: 20px;}
.xy4-txt p{font-size: 16px;color:#666666;line-height: 30px;}
.xy4-box ul li:last-of-type{margin-right: 0;}
.xy4-box ul li:hover{box-shadow: 0 0 3px #ebebfa;transform: translateY(-10px);}
.xy4-box ul li:hover span{color: #8832ad;}
.xy4-box ul li:after{content: "";display: inline-block;width:0;height: 12px;background: url(../img/xy4_sbac.png) no-repeat;background-size: auto;position: absolute;bottom: 0;left: 0;transition: width .3s;}
.xy4-box ul li:hover:after{width: 100%;}

.xy402{margin-top: 100px;}
.xy402-box{width: 100%;margin-top: 48px;}
.xy402-box ul{display: flex;justify-content: space-around;}
.xy402-box ul li{width:350px;height: 200px;background: #fff;border-radius: 10px;overflow: hidden;text-align: center;padding-top: 30px;cursor: pointer;transition: all .3s;}
.xy402-box ul li img{display: block;margin: 0 auto 15px;}
.xy402-box ul li span{font-size: 20px;color: #333333;display: inline-block;margin-bottom: 5px;}
.xy402-box ul li p{font-size: 16px;color: #666666;}
.xy402-box ul li:hover{transform: translateY(-3px);box-shadow: 0 0 5px #e0ddf1;}
.xy5-container{width: 100%;padding: 85px 0 60px;}
.xy5 .xybt h3{padding-bottom: 42px;}
.xy5-box{width: 100%;margin-top: 40px;}
.xy5-box ul li{width: 280px;height: 200px;float: left;margin-right: 26px;border-radius:8px;overflow:hidden;position: relative;margin-bottom: 38px;cursor: pointer;}
.xy5-box ul li img{width: 100%;transition: all .3s;}
.xy5-box ul li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 42px;line-height: 42px;text-align: center;background: url(../img/xy5_bac.png) no-repeat;background-size: 100%;color: #fff;font-size: 20px;}
.xy5-box ul li:nth-of-type(4n){margin-right: 0;}
.xy5-box ul li:hover img{transform: scale(1.1);}