* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

html {
	overflow: hidden;
	overflow-y: auto;
}
html {
    font-size: 16px;
}


img {
	border: 0;
}

div {
	font-size: 14px;
}

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 {
	color: #777;
	text-decoration: none;
}

a:focus,
a:link,
a:active {
	outline: none;
	text-decoration: none;
}
.clear{clear: both;float: 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";
}

body {
	font-family: "Microsoft YaHei";
	overflow-x: hidden;
}

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

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

em {
	font-style: normal;
}

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

a:hover {
	text-decoration: none;
}

button,
input {
	line-height: normal;
}

input[type=file] {
	width: 66px;
}

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;
}
header{width: 100%;}
.header{max-width: 1200px;margin: 0 auto;overflow: hidden;height: 125px;position: relative;}
.header .xcxlogo{float: left;margin-top: 30px;}
.header nav{float: right;margin-top: 70px;}
nav a{font-size: 16px;color: #323232;display: inline-block;padding: 10px 25px;}
nav a:last-of-type{margin-right: 0;}
nav a:hover{color: #39e684;}
.rxbox{position: absolute;right: 0;top: 26px;}
.rxbox img{margin-top: -10px}
.rxbox span{display: inline-block;}
.rxbox span:first-of-type{color: #161616;font-size: 16px;}
.rxbox span:nth-of-type(2){color:#000000;font-size: 16px;font-weight: bolder;}
.banner{width: 100%;position: relative;margin-top:82px;}
.banner>img{width: 100%;}
.banner-txt{position: absolute;left: 50%;top: 32%;color: #fff;max-width: 610px;}
.banner-txt h1{font-weight: bolder!important;font-size: 50px!important;}
.banner-txt div{margin: 26px 0;}
.banner-txt div span{font-size: 32px;color: #fff;padding-right: 25px;margin-right: 25px;font-weight: bolder;position: relative;}
.banner-txt div span:after{content: "";display: inline-block;width: 2px;height: 30px;background: #fff;position: absolute;right: 0;top:9px;}
.banner-txt div span:last-of-type:after{display: none;}
.banner-txt p{font-size: 16px!important;line-height: 32px;}
.main-warp{width: 100%;}
.main1-warp{background: #f6f9ff;padding: 100px 0 120px;}
.main-warp .main1{max-width:1600px;overflow:hidden;margin: 0 auto;}
.main1 ul li{width: 16.66%;float: left;text-align: center;padding: 0 16px;}
.main1 ul li .m1img{width: 110px;background: #fff;padding: 18px;border-radius: 50%;margin: 0 auto;}
.main1 ul li .m1img:hover{animation: heartBeat 1s;}
.main1 ul li span{font-size: 20px;color: #282828;display: inline-block;padding: 20px 0 30px;}
.main1 ul li p{font-size: 14px;color: #666666;line-height: 24px;}
.main-warp h3{font-size: 46px;color: #21212c;text-align: center;margin-bottom: 16px;}
.main-warp h4{font-size: 16px;color: #5d5d5d;text-align: center;}
.main1-box{margin-top: 60px;width: 100%;}
.main2-warp{width: 100%;background:url(../image/main2bac.png) no-repeat;background-size:cover;padding-top: 190px;padding-bottom: 20px;}
.main2-box{max-width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 80px;}
.main2-box ul li{width: 20%;float: left;text-align: center;margin-bottom: 90px;}
.main2-box ul li .m2img{height: 64px;width: 100%;margin-bottom: 30px;}

.main2-box ul li img{display: block;margin: 0 auto;mix-blend-mode: multiply;}
.main3-warp{padding: 110px 0 80px;}
.main3{max-width: 1200px;margin: 0 auto;}
.main3-box{width: 100%;margin-top: 60px;position: relative;}
.swiper-slide{margin: 0 auto;}
.main3-box .swiper-slide ul li{width: 25%;float: left;text-align: center;margin-bottom: 20px;}
.main3-box .swiper-slide ul li:hover img{transform:scale(1.15);}
.main3-box .swiper-slide ul li img{display: block;margin: 0 auto;transition: all 0.3s;}
.main3-box .swiper-slide ul li div{width: 236px;overflow: hidden;}
.main3-box .swiper-slide ul li span{display: inline-block;line-height: 40px;font-size: 16px;color: #404040;}
.swiper-container .swiper-button-prev{background: url(../image/prev.png) no-repeat;left: -36px;}
.swiper-container .swiper-button-next{background: url(../image/next.png) no-repeat;right: -36px;}

.swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;background: transparent;opacity: 1;border: 1px solid #cecece;}
.swiper-pagination-bullet-active{background: #a80b28;border: 1px solid #a80b28;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.main4-warp{background: url(../image/m4bac.png) no-repeat;background-size: cover;padding: 110px 0;}
.main4-warp h3{color: #fff;}
.main4-warp h4{color: #fff;}
.main4{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.main4-box{margin-top: 70px;width: 100%;}
.main4-box ul li{transition: all 0.3s;cursor: pointer;width:222px;height: 360px;float: left;margin-right: 22px;background: #e8e8e9;padding: 40px 20px;text-align: center;border-radius: 10px;}
.main4-box ul li:hover{transform: translateY(-3px);}
.main4-box ul li:last-of-type{margin-right: 0;}
.main4-box ul li img{display: block;margin: 0 auto 20px;}
.main4-box ul li img:nth-of-type(2){display: none;}
.main4-box ul li span{font-size: 18px;color: #121212;position: relative;display: inline-block;width: 100%;margin-bottom: 10px;padding-bottom: 10px;}
.main4-box ul li span:after{content: "";display: inline-block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width:28px;height: 1px;background: #3b3b3b;}
.main4-box ul li p{font-size:12px;color: #3b3b3b;line-height: 22px;}
.main4-box ul li a{display:none;margin: 0 auto;border-radius: 20px;width: 162px;line-height: 26px;background: #d2f1e4;color: #05b068;font-size: 14px;margin-top: 16px;}
.main4-box ul li:hover{background: #04af66;}
.main4-box ul li:hover span{color: #ffffff;}
.main4-box ul li:hover p{color: #fff}
.main4-box ul li:hover a{display: block;}
.main4-box ul li:hover span:after{background: #fff;}
.main4-box ul li:hover img:first-of-type{display: none;}
.main4-box ul li:hover img:nth-of-type(2){display: block;}

.main5-warp{padding: 90px 0 80px;}
.main5{max-width: 1200px;margin: 0 auto;}
.main5-box{position: relative;width: 100%;margin-top: 80px;padding-bottom: 80px;}
.main5-box ul li{width:20%;float: left;text-align: center;margin-bottom:60px;padding-top: 20px;}
.main5-box ul .nobot{margin-bottom: 0;}
.main5-box ul li img{display: block;margin: 0 auto 10px;}
.main5-box ul li img:hover{animation: heartBeat 1s;}
.main5-box ul li span{font-size: 16px;color: #424242;line-height: 30px;}
.main6-warp{width: 100%;background: #f6f9ff;padding: 110px 0 90px;}
.main6{max-width: 1200px;margin: 0 auto;}
.main6-box{width: 100%;padding: 60px 0 50px;position: relative;}
.main6-box ul li {width: 277px;float: left;margin-right: 29px;position: relative;}
.main6-box ul li:last-of-type{margin-right: 0;position: relative;}
.main6-box ul li .m6bac>img{width: 100%;}
.main6-box ul li img:nth-of-type(2){display: none;}
.main6-box ul li .m6center{position: absolute;left: 13px;top: 52px;}
.main6-box ul li .m6disbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.57);display: none;}
.m6disbox img{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);max-width: 140px}
.main6-box ul li>span{position: absolute;bottom: 24px;font-size: 16px;color: #1c1c1c;display: inline-block;width: 100%;text-align: center;}
.main6-box ul li:hover .m6bac>img:first-of-type{display: none;}
.main6-box ul li:hover .m6bac>img:nth-of-type(2){display: block;}
.main6-box ul li:hover .m6disbox{display: block;}
.main6-box ul li:hover>span{color: #fff;}
.main7-warp{background:url(../image/main7bac.png) no-repeat;background-size: cover;padding: 100px 0;}
.main7-warp h3,.main7-warp h4{color: #fff;}
.main7-box{height: 453px;margin: 60px auto 0;position: relative;background: url(../image/m7xz.png) no-repeat center center;}
.main7-box img{width: 100%;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.m7li{position: relative;width: 100%;}
.m7li ul{width: 1333px;margin: 0 auto;position: relative;}
.m7li ul li{position: absolute;font-size: 20px;color: #fff;font-weight: bolder;background: #fc7919;border-radius: 50%;width: 38px;height: 38px;text-align: center;line-height: 38px;}
.m7li ul li:first-of-type{left: 96px;top: 230px;}
.m7li ul li:nth-of-type(2){left: 300px;top: 153px;}
.m7li ul li:nth-of-type(3){left: 487px;top: 197px;}
.m7li ul li:nth-of-type(4){left: 687px;top: 268px;}
.m7li ul li:nth-of-type(5){left:868px;top: 197px;}
.m7li ul li:nth-of-type(6){left: 1028px;top: 142px;}
.m7li ul li:nth-of-type(7){left: 1194px;top: 190px;}

.m7li ul li:first-of-type:before{content: "";display: inline-block;width: 1px;height: 102px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:-102px;}
.m7li ul li:nth-of-type(2):before{content: "";display: inline-block;width: 1px;height: 34px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:34px;}
.m7li ul li:nth-of-type(3):before{content: "";display: inline-block;width: 1px;height: 102px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:-102px;}
.m7li ul li:nth-of-type(4):before{content: "";display: inline-block;width: 1px;height: 26px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:34px;}
.m7li ul li:nth-of-type(5):before{content: "";display: inline-block;width: 1px;height: 102px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:-102px;}
.m7li ul li:nth-of-type(6):before{content: "";display: inline-block;width: 1px;height: 60px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:26px;}
.m7li ul li:nth-of-type(7):before{content: "";display: inline-block;width: 1px;height: 102px;background: #fc7919;position: absolute;left: 50%;transform: translateX(-50%);top:-102px;}

.m7nr{position: relative;width: 100%;}
.m7nr ul{width: 1333px;margin: 0 auto;position: relative;}
.m7nr ul li{position: absolute;background: #1957a7;border-radius: 10px;width: 230px;height: 130px;padding: 0 30px;}
.m7nr ul li span{color: #fff;;font-size: 18px;font-weight: bolder;display: inline-block;margin:20px 0 10px}
.m7nr ul li p{font-size: 14px;color: #fff;}
.m7nr ul li:first-of-type{left: 0;top: 0;}
.m7nr ul li:nth-of-type(2){left: 207px;top: 220px;}
.m7nr ul li:nth-of-type(3){left: 386px;top: 0;}
.m7nr ul li:nth-of-type(4){left: 595px;top: 320px;}
.m7nr ul li:nth-of-type(5){left: 769px;top: 0;}
.m7nr ul li:nth-of-type(6){left: 936px;top: 220px;}
.m7nr ul li:nth-of-type(7){left: 1104px;top:0px;}

.main8-warp{padding: 100px 0 70px;}
.main8{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.main8-box{width: 100%;overflow: hidden;margin-top: 65px;}

.about-left{width: 527px;float: left;}
.about-left img{width: 100%;}
.about-txt{width: 574px;float: left;margin-left: 60px;margin-top: 20px;}
.about-txt p{font-size: 16px;color: #3f3f3f;padding-bottom: 26px;line-height: 30px;}
.about-bot{width:100%;overflow: hidden;margin-top: 60px;}
.about-bot ul li{width: 25%;float: left;text-align: center;padding: 0 35px;border-left: 2px solid #f0f3f8;}
.about-bot ul li span{font-size: 36px;color: #01be6c;font-weight: bolder;padding: 15px 0;display: inline-block;}
.about-bot ul li p{font-size: 16px;color: #222222;padding-bottom: 40px;}
.about-bot ul li:last-of-type{border-right: 2px solid #f0f3f8;}
.ly-warp{background: url(../image/lybac.png) no-repeat;background-size: cover;padding: 80px 0 67px;}
.ly-warp h3,.ly-warp h4{color: #fff;}
.ly-box{max-width: 1200px;margin: 60px auto 0;overflow: hidden;}
.ly-box .ly-left{width: 545px;float: left;}
.ly-box .ly-right{width: 570px;float: right;height: 260px;position: relative;}
.ly-right textarea{width: 100%;height: 100%;color: #fff;background: #8e9099;padding:14px 50px;border-radius: 10px;outline: none;}
.ly-box .ly-right img{position: absolute;left: 20px;top: 12px;}

.ly-input{width: 100%;height: 48px;position: relative;margin-bottom: 22px;}
.ly-input img:first-of-type{position: absolute;left:15px;top: 13px;}
.ly-input input{width: 100%;height: 100%;border: 0;background: #8a8890;padding: 0 48px;border-radius: 5px;color: #fff;}
.ly-input span{position: absolute;left: 48px;top: 14px;font-size: 16px;color: #dcdcdc;}
.ly-input input:focus{border:1px solid #01be6c;box-shadow: 0 0 4px 0 #01be6c;background: transparent;color: #fff;}
.ly-right textarea:focus{border:1px solid #01be6c;box-shadow: 0 0 4px 0 #01be6c;background: transparent;color: #fff;}

.ly-input:focus-within span{display: none;}

.ly-input input::-webkit-input-placeholder{
        color: #dcdcdc
}
.ly-input input::-moz-placeholder{
        color: #dcdcdc    
}
.ly-input input::-ms-input-placeholder{ 
        color: #dcdcdc   
}
textarea::-webkit-input-placeholder{ 
        color: #dcdcdc   
}

.ly-box .ly-input span{color: red;position: absolute;left: 108px;top: 14px;}
.ly-box  .ly-input:nth-of-type(4){width: 344px;}
.ly-box  .ly-input:nth-of-type(4) img:last-of-type{position: absolute;left: 370px;top: 10px;}
.subut{clear: both;width: 100%;text-align: center;}
.subut button{outline: none;border: 0;width: 184px;height: 48px;color: #fff;background: #01be6c;border-radius: 5px;font-size: 16px;margin: 44px auto 0;}
.al-banner{width: 100%;position: relative;}
.al-banner img{width: 100%;}
.al-banner span{font-size: 50px;color: #fff;font-weight: bolder;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.al-warp{width: 100%;background: #e2edf3;padding-bottom: 80px;}
.al-main{max-width:1200px;margin: 0 auto;}
.al-main>span{font-size: 16px;color: #1c1c1c;display: inline-block;margin: 60px 0 50px;position: relative;padding-bottom: 10px;}
.al-main>span:after{content: "";display: inline-block;width: 33px;height: 2px;background: #141414;position: absolute;left: 0;bottom: 0;}
.al-box .main6-box ul li{margin-right: 184px;margin-bottom: 55px;}
.al-box .main6-box ul li:nth-of-type(3n){margin-right: 0;}
.al-box .main6-box{padding: 0;}

.m6right{display: none;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;position: absolute;padding:10px;left: 264px;top: 0;width: 164px;height: 100%;background: #4a4b54;border-radius: 0 20px 20px 0;}
.m6right .cell h4{font-size:16px;color: #fff;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #fff;}
.m6right .cell p span{color: #fff;display: inline-block;margin-bottom: 10px;}
.m6right .cell p span:first-of-type{font-size:15px;}
.m6right .cell p span:nth-of-type(2){font-size:14px;}
.al-box .main6-box ul li:hover .m6right{display: flex;}
.page{clear: both;width: 100%;text-align: center;}

.page a{margin: 0 5px;background: #fff;display: inline-block;width: 42px;height: 42px;text-align: center;line-height: 42px;color: #1d1d1d;font-size: 15px;}
.page .this_page{background: #01be6c;color: #fff;}
.page a:hover{background: #01be6c;color: #fff;}
.banner-box{width: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-txt2{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-left: 20px;}
.banner-txt2 p{margin: 47px 0 27px;color: #fff;font-size: 22px;width: 610px;position: relative;}
.banner-txt2 p:before{content: "";display: inline-block;width: 60px;height:1px;background: #fff;position: absolute;left: 0;top: -20px;}
.banner-txt2 a{display: inline-block;width: 112px;height: 43px;border:2px solid #fff;border-radius: 10px;text-align: center;line-height: 38px;color: #fff;font-size: 16px;}
.xc-wrap1{width: 100%;padding: 86px 0;}
.xc-main1{max-width:1200px;margin: 0 auto;}
.xc-main1 h1{text-align: center;color: #21212c;font-size:46px;margin-bottom: 20px;}
.xc-main1 h2{text-align: center;color: #646464;font-size: 18px;}
.xc-box1{width: 100%;margin-top: 70px;}
.xc-box1 .xc-box1left{width: 515px;float: left;}
.xc-box1 .xc-box1right{width: 616px;float: right;text-align: right;}
.xc-box1 .xc-box1right img{max-width: 100%;transition: all .3s;cursor: pointer;}
.xc-box1 .xc-box1right img:hover{transform:scale(1.03);}
.xc-box1left h3{font-size: 32px;color: #303445;margin-bottom: 44px;position: relative;}
.xc-box1left h3:after{content: "";display: inline-block;width:60px;height: 4px;background: #24cb59;border-radius: 5px;position: absolute;bottom: -24px;left: 0;}
.xc-box1left p{font-size: 16px;color: #303445;line-height: 30px;}
.xc-box1left .xc-box1li{width: 100%;margin-top: 44px;}
.xc-box1li ul li{transition: all .3s;width: 110px;padding: 13px 0;text-align: center;float: left;margin-right: 18px;box-shadow: 0 0 10px #e7e8eb ;cursor: pointer;border-radius: 6px;}
.xc-box1li ul li img{display: block;margin: 8px auto;}
.xc-box1li ul li:hover{transform: translateY(-2px);}
.xc-wrap2{background: #f1f6ff;}
.xc-box2 .xc-box2left{float: right;}
.xc-box2 .xc-box2right{float: left;text-align:left;overflow: hidden;}
.xc-box2 .xc-box2right img{mix-blend-mode: multiply;}
.xc-box2left .xc-box1li ul li{background: #fff;border-radius: 6px;}

.zc-wrap{width: 100%;padding: 110px 0;}
.zc-main{max-width: 1200px;margin: 0 auto;}
.zc-main h1{font-size:46px;color: #21212c;text-align: center;margin-bottom: 68px;}
.zc-main .zc-box{width: 100%;}
.zc-main ul li{cursor: pointer;transition: all .3s;width: 250px;height: 150px;float: left;margin-right: 60px;display: flex;justify-content: center;align-items: center;overflow:hidden;
border-radius: 8px;box-shadow: 0 0 10px #e6e6e6;border:1px solid #f4f4f4;}
.zc-main ul li:last-of-type{margin-right: 0;}
.zc-main ul li:hover{transform: translateY(-3px);}
.kf-wrap{width: 100%;background: url(../image/kfbac.png) no-repeat;background-size: cover;padding-top: 80px;}
.kf-main{max-width: 1200px;margin: 0 auto;overflow: hidden;color: #fff;}
.kf-left{width: 426px;float:left;margin-left: 60px;}
.kf-right{width: 577px;float: right;}
.kf-left h2{font-size: 52px;margin-bottom: 56px;position: relative;}
.kf-left h2:after{content:"";display: inline-block;width: 55px;height: 4px;background: #fcd72e;position: absolute;left: 0;bottom: -28px;}


.kf-left p{font-size: 16px;line-height: 29px;}
.kf-left img{margin-top: 50px;max-height: 425px;}
.kf-right ul li{width: 260px;float: left;margin-right: 40px;text-align: center;margin-bottom: 60px;}
.kf-right ul li:nth-of-type(2n){margin-right: 0;}
.kf-right ul li img{display: block;margin: 0 auto;}
.kf-right ul li span{display: inline-block;padding: 14px 0;font-size: 26px;font-weight: bold;}
.kf-right ul li p{font-size: 15px;}
.zc-wrap2{width: 100%;padding: 100px 0;}
.zc-main2{width: 1200px;margin: 0 auto;}
.zc-main2 h1{font-size:46px;color: #21212c;text-align: center;margin-bottom: 68px;}

.zc-main2 ul li{cursor: pointer;transition: all .3s;width:450px;height: 150px;margin: 0 60px;display: flex;justify-content: center;align-items: center;overflow:hidden;
border-radius: 8px;box-shadow: 0 0 10px #e6e6e6;border:1px solid #f4f4f4;float: left;}
.zc-main2 ul li div span{font-size: 30px;color: #333333;}
.zc-main2 ul li div {display: flex;justify-content: center;align-items: center;}
.zc-main2 ul li:hover{transform: translateY(-3px);}
.yd-wrap{width: 100%;padding: 90px 0;background: #f6f9ff;}
.yd-main{max-width: 1200px;margin: 0 auto;}
.yd-main h1{font-size: 46px;color: #21212c;text-align: center;margin-bottom: 15px;}
.yd-main h3{font-size: 18px;color: #646464;text-align: center;}
.yd-main .yd-box{width: 100%;margin-top: 52px;}
.yd-box ul li{width: 572px;height: 175px;float: left;margin-bottom: 52px;background: #fff;margin-right: 55px;
padding: 24px 0 0 44px;cursor: pointer;transition: all .3s;border-radius: 8px;box-shadow: 0 0 10px #e1e4ea;border:1px solid #f4f4f4;}
.yd-box ul li:nth-of-type(2n){margin-right: 0;}
.yd-box ul li>div{width: 100%;overflow: hidden;}
.yd-box ul li div img{float: left;transition: all .3s;}
.yd-box ul li div div{float: left;width: 350px;padding:16px 0 0 14px}
.yd-box ul li div div span{font-size: 24px;color: #0e0e0e;display: inline-block;margin-bottom: 12px;font-weight: bold;}
.yd-box ul li div div p{color: #474747;font-size: 16px;}
.yd-box ul li:hover{transform: translateY(-3px);}
.yd-box ul li:hover div img{transform:rotate(-360deg);}


@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.vxbanner{width: 100%;position: relative;height: 656px;}
.vxbanner img{width: auto;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}

.vxbanner-main{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.vxbanner-txt{width: 100%;}
.vxbanner-txt h3{font-size: 60px;font-weight: bold;color: #fff;margin-bottom: 20px;}
.vxbanner-txt p{font-size: 32px;color: #fff;}
.vxbanner-txt span{display: inline-block;margin-top: 50px;padding: 10px 25px;background: #faae43;border-radius: 30px;text-align: center;font-size: 30px;font-weight: bold;}


.vx1-wrap{width: 100%;padding:84px 0 110px;}
.vx1-main{max-width: 1200px;margin: 0 auto}
.vx1-main h3{font-size:32px;color: #141414;text-align: center;margin-bottom: 14px;}
.vx1-main h4{font-size: 18px;color: #141414;text-align: center;}
.vx1-box{width: 100%;margin-top: 60px;}
.vx1-box ul li{width: 380px;float: left;cursor: pointer;transition: all .3s;margin-right: 30px;padding: 40px 36px 50px;box-shadow: 0 0 10px #e8e9eb;margin-bottom: 32px;}
.vx1-box ul li img{display: block;margin: 0 auto 30px;height: 126px;}
.vx1-box ul li span{font-size: 24px;color:#000000;display: inline-block;margin-bottom: 16px;font-weight: bold;}
.vx1-box ul li p{font-size: 16px;color: #000000;}
.vx1-box ul li:nth-of-type(3n){margin-right: 0;}
.vx1-box ul li:hover {transform: translateY(-5px);}
.vx2-wrap{width: 100;background:#f4f6fa;padding: 100px 0 65px;}
.vx2-main{max-width: 1132px;margin:0 auto;}
.vx2-main h3{font-size: 32px;color: #141414;text-align: center;margin-bottom: 15px;}
.vx2-main h4{font-size: 18px;color: #141414;text-align: center;}
.vx2-box{width: 100%;height: 461px;position: relative;margin-top: 90px;background: url(../image/vx2bac.png) no-repeat center;background-size: 100%;}
.vx2-box ul li{position:absolute;font-size:18px;color:#000000;}
.vx2-box ul li:first-of-type{left: 222px;top: 10px;}
.vx2-box ul li:nth-of-type(2){left: 158px;top: 137px;}
.vx2-box ul li:nth-of-type(3){left: 128px;top: 264px;}
.vx2-box ul li:nth-of-type(4){left: 131px;top: 392px;}
.vx2-box ul li:nth-of-type(5){right: 185px;top: 10px;}
.vx2-box ul li:nth-of-type(6){right: 135px;top: 137px;}
.vx2-box ul li:nth-of-type(7){right: 134px;top: 264px;}
.vx2-box ul li:nth-of-type(8){right: 145px;top: 392px;}
.vx2-main .more{display:block;margin:55px auto 0;color:#141414;font-size: 28px;text-align: center;width: 210px;height: 60px;line-height: 60px;border-radius: 30px;
background: #faae43;box-shadow:  0 5px 10px #ebbd7c;}
.vx3-wrap{width: 100%;padding: 88px 0;}
.vx3-main{max-width: 1200px;margin: 0 auto;}
.vx3-main h3{font-size: 32px;color: #141414;margin-bottom: 14px;text-align: center;}
.vx3-main h4{font-size: 18px;color: #141414;text-align: center;}
.vx3-box{width:100%;margin-top: 70px;}
.vx3-box ul li{width: 20%;text-align: center;float: left;margin-bottom: 60px;cursor: pointer;}
.vx3-box ul li:hover img{transform:rotate(-360deg);}
.vx3-box ul li img{display: block;margin: 0 auto 20px;transition: all .3s;}
.vx3-box ul li span{display: inline-block;font-size: 18px;color:#000000;}
.vx3-box ul li p{font-size: 16px;color: #141414;}
.vx4-wrap{width: 100%;background: #f4f6fa;padding: 110px 0;}
.vx4-main{max-width: 1200px;margin: 0 auto;}
.vx4-box{width: 100%;overflow: hidden;}
.vx4-box .vx4-left{width: 50%;float: left;}
.vx4-box .vx4-right{width: 50%;float: right;display: flex;justify-content: center;align-content: center;margin-top: 80px;}
.vx4-right img{max-width: 100%;}
.vx4-left h3{font-size: 32px;color: #141414;margin-bottom: 14px;}
.vx4-left h4{font-size: 18px;color: #141414;}
.vx4-left ul{overflow: hidden;padding-left: 60px;background: url(../image/vx41bac.png) no-repeat 0 9px;margin-top: 60px;}
.vx4-left ul li{margin-bottom: 38px;}
.vx4-left ul li span{display: inline-block;margin-bottom: 10px;font-size: 18px;color: #141414;}
.vx4-left ul li p{font-size: 16px;color: #141414;}
.vx4-main .vx4-box:last-of-type {margin-top: 170px;}
.vx4-main .vx4-box:last-of-type .vx4-left{width: 46%;float: right;}
.vx4-main .vx4-box:last-of-type .vx4-right{width: 50%;float: left;display: block;margin-top: 0;}
.vx4-main .vx4-box:last-of-type .vx4-right img{float: left;}
.vx4-main .vx4-box:last-of-type .vx4-left ul{background: url(../image/vx42bac.png) no-repeat -19px -13px;}
.vx4-main .vx4-box:last-of-type .vx4-left ul li{margin-bottom: 40px;}
.vx5-wrap{width: 100%;padding: 80px 0;}
.vx5-main{max-width: 1200px;margin: 0 auto;}
.vx5-main h3{font-size: 36px;font-weight: bolder;text-align: center;color: #141414;}
.vx5-main .vx5-box{width: 100%;margin-top: 96px;}
.vx5-box ul li{width: 236px;height: 244px;padding-top: 100px;box-shadow: 0 0 20px #e1e3e5;float: left;
margin-right: 85px;text-align: center;position: relative;cursor: pointer;transition: all .3s;}
.vx5-box ul li:last-of-type{margin-right: 0;}
.vx5-box ul li img{position: absolute;left:50%;transform: translateX(-50%);top: -48px;}
.vx5-box ul li span{font-size: 18px;color: #141414;font-weight: bolder;display: inline-block;margin-bottom: 20px;}
.vx5-box ul li p{font-size: 16px;color: #141414;line-height: 26px;}
.vx5-box ul li:hover{transform: translateY(-4px);}
.vx6-wrap{width:100%;padding:80px 0 65px;background: #3b73cd;}
.vx6-main{max-width:1200px;margin:0 auto;text-align: center;}
.vx6-main h2{font-size:36px;font-weight: bolder;color: #fff;}
.vx6-main a{display: block;margin: 40px auto 0;width: 196px;border-radius: 30px;background: #fff;line-height: 50px;height: 50px;font-size: 22px;font-weight: bolder;color: #3164b7;}

@media only screen  and (max-width:1440px) {
	.banner-txt{top: 15%;}
}