/* CSS 预设 */
body { background: #fff; font: 14px/1.5 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: #333; min-width: inherit;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
.wrapper{width:1140px;margin:0 auto;}

.left{float:left;}
.right{float:right;}
.block{display:block;}


/*banner*/
.banner{ position:relative;height:536px; min-width:1200px;}
.bannerBg,.sixBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}
.bannerBg img{width: 100%;}
.bannerCon{position: relative;width:1140px;margin: 0 auto;text-align: center;font-size: 0;overflow: hidden;padding-bottom: 152px;}
.bannerCon a{display: inline-block;vertical-align: top;border: 1px dashed #02f6ff;border-radius: 20px;margin: 24px 11px 0;font-size: 25px;font-weight: bold;width: 268px;height: 44px;line-height: 44px;background: linear-gradient(90deg,#529ff0,#529ff0,#4267cd);color: #fff;}
.bannerCon a:hover{color: #fff;}
.bannerCon p{position: absolute;top: 0;right: -21px;z-index: 2;}

.banbot{position: relative;height: 278px;}
.banbotC{width: 1134px;position: absolute;top: -16px;left: 50%;margin-left: -570px;background: #fff;border: 3px solid #f3984e;border-radius: 10px;padding-top: 28px;height: 208px;overflow: hidden;}
.banbotC ul,.titU,.one ul,.threeC ul,.fourC .fourHd ul{text-align: center;font-size: 0;}
.banbotC ul li,.titU span,.one ul li,.threeC ul li,.fourC .fourHd ul li,.twoSlie .twoHd li,.sUl01 li{display: inline-block;vertical-align: top;}
.banbotC ul li{width: 283px;cursor: pointer;}
.banbotC ul li .p2{font-size: 24px;color: #323235;;line-height: 36px;margin-top: 12px;}
.banbotC ul li .p3{font-size: 16px;color: #323235;;line-height: 26px;}
/*one*/
.one{background: url(../images/bg02.jpg) no-repeat top center;padding-top: 22px;min-width: 1140px;overflow: hidden;}
.titU{width: 1140px;margin: 0 auto;}
.titU h2{display: inline-block;margin: 0 10px;line-height: 52px;font-size: 32px;color: #fff;}
.titU span{margin-top: 5px;}
.titU p{font-size: 18px;color: #fff;line-height: 28px;}
.oneC{padding-top: 22px;width: 1140px;margin: 0 auto;padding-bottom: 36px;}
.oneC dl{width: 948px;height: 125px;padding: 20px 0 0 117px;background: linear-gradient(#340ee0,#3a21dd,#3b16df);margin: 0 0 50px 76px;position: relative;}
.oneC dl dt{width: 140px;height: 140px;border: 4px solid #f3984e;border-radius: 100%;overflow: hidden;position: absolute;top: 0;left: -76px;}
.oneC dl dd{width: 880px;}
.oneC dl dd h3{font-size: 20px;color: #3616df;width: 360px;height: 40px;line-height: 40px;text-align: center;background: #fff;}
.oneC dl dd p{line-height: 30px;margin-top: 19px;font-size: 18px;color: #fff;}
.one ul li{margin: 25px 10px 0;background: #fff;padding-top: 20px;width: 270px;height: 301px;border-radius: 12px;}
.one ul li h3{font-size: 24px;line-height: 45px;color: #333333;margin-top: 22px;}
.one ul li p{font-size: 16px;line-height: 42px;color: #838389;}
.one ul li span{width: 40px;height: 1px;display: inline-block;background: #582be8;}
.one ul li a{display: inline-block;margin-top: 26px;font-size: 16px;color: #fff;width: 120px;height: 36px;line-height: 36px;background: linear-gradient(125deg,#947ae3,#7061da);border-radius: 8px;box-shadow: 0 0 10px 1px rgba(156,131,224,0.53);}
/*two*/
.two{padding-top: 80px;background: #230691 url(../images/bg03.jpg) no-repeat top center;}
.twoC{padding: 24px 0 90px;width: 1140px;margin: 0 auto;}
.two .twoul{position: relative;margin-top: 30px;height: 476px;}
.two .twoul li{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;}
.two .twoul li img,.banbot>img{width: 100%;}
.twoSlie{width: 1002px;margin: 0 auto;}
.twoSlie .twoBd{height: 269px;overflow: hidden;}
.twoSlie dl dt{border: 1px solid #320dd7;border-radius: 100%;padding: 10px;width: 247px;height: 247px;margin: 0 54px 0 60px;}
.twoSlie dl dt p{width: 238px;border: 4px solid #5f37e3;background: #fff;height: 238px;border-radius: 100%;overflow: hidden;}
.twoSlie dl dd{width: 534px;padding-top: 19px;}
.twoSlie dl dd h3{font-size: 20px;line-height: 38px;color: #00a5ec;}
.twoSlie dl dd .p2{font-size: 18px;line-height: 38px;color: #fff;}
.twoSlie dl dd .p3{font-size: 16px;line-height: 24px;color: #fff;margin-top: 5px;text-align: justify;}
.twoSlie .twoHd{margin-top: 25px;height: 120px;padding-left: 20px;width: 980px;background: linear-gradient(90deg,#3b16df,#3a21dd,#340ee0);font-size: 0;}
.twoSlie .twoHd li{padding-top: 25px;width: 120px;text-align: center;height: 114px;top: -10px;position: relative;cursor: pointer;}
.twoSlie .twoHd li .p2{font-size: 14px;color: #fff;line-height: 22px;margin-top: 10px;}
.twoSlie .twoHd li .pimg{width: 60px;height: 60px;border-radius: 100%;overflow: hidden;margin: 0 auto;}
.twoSlie .twoHd li.on{background: #7061da;}
/*three*/
.three{padding-top: 70px;background: url(../images/bg04.jpg) no-repeat top center;overflow: hidden;}
.threeC{padding-top: 30px;width: 1162px;margin: 0 auto;}
.threeC li{position: relative;margin: 18px 15px 0;width: 518px;padding: 15px 16px 0;height: 206px;background: linear-gradient(90deg,#468cfe,#4647dd,#3710ab);border-radius: 12px;}
.threeC li h3{font-size: 24px;color: #fff;line-height: 52px;width: 244px;margin: 0 auto;border-bottom: 2px dashed #8c99f3;}
.threeC li p{font-size: 18px;color: #fff;line-height: 32px;margin-top: 15px;text-align: justify;}
.threeC li h4{font-size: 22px;width: 151px;padding-left: 15px;line-height: 44px;height: 112px;background: url(../images/icon.png) no-repeat;color: #fff;position: absolute;top: -21px;left: -29px;}
.threeC li h4 img{display: inline-block;margin-right: 11px;vertical-align: top;margin-top: 12px;}
.threeC .ul01{padding-top: 60px;}
/*four*/
.four{padding-top: 76px;background: url(../images/bg05.jpg) no-repeat top center;}
.fourC{width: 1140px;margin: 0 auto;padding-top: 26px;}
.fourC .fourHd ul li{width: 12px;height: 12px;margin: 48px 25px 0;border-radius: 100%;background: #fff;}
.fourC .fourHd{position: relative;}
.fourC .fourHd ul li.on{background: #0081f3;}
.fourC .fourHd a{position: absolute;top: 40px;}
.fourC .fourHd a.fourleft{left: 434px;}
.fourC .fourHd a.fourright{right: 432px;}
.fourC .anniuU{margin: 30px auto 0;}
.anniuU{display: block;width: 200px;height: 42px;line-height: 42px;border-radius: 30px;text-align: center;background: #ff5f5f;font-size: 19.5px;color: #fff;}
.anniuU:hover{color: #fff;opacity: 0.9;}
/*five*/

/*six*/
.six{position: relative;padding: 60px 0 0;overflow: hidden;}
.sixBg img{width: 100%;}
.sixC{padding-top: 8px;width: 1140px;margin: 0 auto;text-align: center;font-size: 0;}
.sixtit{line-height: 36px;text-align: center;font-size: 18px;color: #fff;}
.sixC .p2{margin: 3px 0 20px;border-left: 6px solid #00a5ec;padding-left: 14px;line-height: 20px;font-size: 18px;color: #00a5ec;text-align: left;}
.sixC .pimg1{padding-bottom: 22px;}
.sixC .pimg2{margin-top: 19px;padding-bottom: 32px;}
.sixC .pimg3{margin-top: 19px;}

.seven{padding: 62px 0 60px;background: url(../images/bg08.jpg) repeat-y top center;overflow: hidden;}
.sevenC{padding-top: 10px;width: 1140px;margin: 0 auto;text-align: center;}
.sUl02{padding-top: 15px;padding-bottom: 15px;}
.sUl02 li{background: url(../images/titbg.png) no-repeat;margin-bottom: 32px;font-size: 0;padding-left: 22px;width: 530px;height: 83px;text-align: left;}
.sUl02 li h3{display: inline-block;width: 91px;line-height: 60px;font-size: 20px;color: #fff;text-align: center;margin-right: 11px;}
.sUl02 li p{display: inline-block;vertical-align: top;font-size: 18px;color: #fff;margin-top: 25px;line-height: 56px;}
.sUl02 li p span{color: #fef600;}
.sUl01{padding-top: 19px;}
.sUl01 li{position: relative;margin-right: 30px;cursor: pointer;}
.sUl01 .li01{margin: 0;}
.sUl01 li p{top: 140px;left: 0;position: absolute;line-height: 33px;font-size: 18px;color: #fff;
width: 259px;}
.sUl01 li p strong{font-size: 24px;display: block;}

.five{padding: 46px 0 42px;background:#ecf6ff url(../images/bg09.jpg) no-repeat bottom center;}
.fiveC{padding-left: 766px;width: 374px;margin: 0 auto;}
.fiveC form p{display: inline-block;vertical-align: top;margin: 20px 0 0;width: 300px;height: 50px;line-height: 50px;background: #fff;border-radius: 6px;}
.fiveC form input{width: 100%;height:100%;padding-left: 20px;border-radius: 6px;box-sizing: border-box;border: none;font-size: 16px;color: #9d9b9b;}

.fiveC form a{font-size: 18px;color: #fff;margin-top: 20px;display: block;border-radius: 6px;width: 300px;height: 50px;line-height: 50px;background: #0189ff;text-align: center;}
.fiveC form a:hover{color: #fff;opacity: 0.8;}