@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}table{border-collapse:collapse;border-spacing:0}html,body,fieldset,img,iframe,abbr{border:0}[hidefocus],summary{outline:0}a{background-color:transparent}a:active,a:hover{outline:0}img{vertical-align:middle}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}small{font-size:80%}sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%}sub{bottom:-0.25em}sup{top:-0.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace}q:before,q:after{content:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit}textarea{overflow:auto}body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333}.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}img{width: initial;}
/*banner*/
.banner{ position:relative;height:500px; overflow:hidden;min-width:1140px;}
.bannerBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bancon{width: 1140px;margin: 0 auto;padding-top: 70px;}
.bancon .p1{font-size: 20px;color: #fff;line-height: 32px;padding-left: 80px;text-shadow: 3px 3px 0 #124642;width: 414px;text-align: center;}
.bancon h2{font-size: 82px;color: #fff;line-height: 116px;padding-left: 80px;text-shadow: 4px 4px 0 #3333cc;}
.bancon h3{font-size: 24px;color: #ffcc33;line-height: 28px;padding-left: 80px;font-weight: normal;letter-spacing: 2px;}
.bancon .p2{text-align: center;font-size: 0;width: 412px;margin-left: 80px;margin-top: 24px;}
.bancon .p2 span{font-size: 20px;color: #7c8ab1;line-height: 22px;padding: 0 26px;}
.bancon .p2 span,.bancon .p2 em,.bancon .p3 a{display: inline-block;vertical-align: top;}
.bancon .p2 em{width:90px;height: 1px;margin-top:10px;background: #69779e;}
.bancon .p3{font-size: 0;margin-left: 80px;width: 750px;}
.bancon .p3 a{width: 140px;margin: 14px 28px 0 0;font-size: 20px;color: #fff;height:34px;line-height: 34px;border-radius: 4px;background: rgba(255,255,255,0.2);text-align: center;}
.bancon .p3 a:nth-of-type(4),.bancon .p3 a:nth-of-type(8){width: 170px;}

.banbot{padding-top: 36px;height: 98px;background: url(../images/bg.jpg) top center no-repeat;min-width: 1140px;margin-top: -50px;}
.botL{width: 224px;padding-left: 230px;}
.botL h3{font-size: 26px;color: #fbfe28;line-height: 70px;}
.botL p{font-size: 16px;color: #fff;line-height: 28px;}
.botr{width: 686px;}
.botr form{font-size: 0;}
.botr form p{display: inline-block;vertical-align: top;margin: 15px 23px 0 0;width: 230px;height: 40px;background: #fff;border-radius: 8px;overflow: hidden;}
.botr form p input{width: 100%;height: 100%;outline: none;border: none;font-size: 15px;color: #a8a8a8;text-indent: 20px;}
.botr form a{width: 175px;height: 40px;line-height: 40px;text-align: center;color: #5e63f2;font-size: 18px;border-radius: 8px;display: block;background: #fbfe28;display: inline-block;vertical-align: top;margin-top: 15px;font-weight: bold;}
.botr .p1{text-align: right;font-size: 11px;color: #a8a8a8;line-height: 38px;}
/*one*/
.one,.twoCon ul,.thcon02{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.one:after,.twoCon ul:after,.thcon02:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.one{padding: 30px 0 0;}
.one dl{display: inline-block;vertical-align: top;position: relative;border-radius: 10px;overflow: hidden;}
.one dl dd{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.one dl dd h3{font-size: 20px;padding-left: 14px;line-height: 26px;height: 64px;box-sizing: border-box;}
.one dl dd a{height: 26px;line-height: 26px;padding: 0 7px;color: #fff;border-radius: 30px;display: inline-block;font-size: 16px;margin-left: 14px;}
.one .dl01 dd h3{color: #0086ff;padding-top: 21px;}
.one .dl01 dd a{background: #0086ff;}
.one .dl02 dd h3{color: #cc6699;padding-top: 11px;}
.one .dl02 dd a{background: #cc6699;}
.one .dl03 dd h3{color: #f4943e;padding-top: 21px;}
.one .dl03 dd a{background: #f4943e;}
.one .dl04 dd h3{color: #37b6ca;padding-top: 21px;}
.one .dl04 dd a{background: #37b6ca;}

/*two*/
.two{background: url(../images/bg01.png) no-repeat center top;padding: 30px 0 0px;}
.titH{text-align: center;font-size: 0;}
.titH h2{font-size: 42px;color: #000000;line-height: 58px;padding: 0 60px;display: inline-block;vertical-align: top;background: url(../images/tit01.png) center left no-repeat,url(../images/tit02.png) no-repeat center right;}


.titH p{font-size: 26px;color: #000;line-height: 30px;letter-spacing: 2px;margin-top: 20px;}
.titH p strong{font-size: 34px;color: #f9a02f;font-family: impact;display: inline-block;vertical-align: top;}
.titH p span{margin-right: 19px;display: inline-block;vertical-align: top;font-size: 24px;color: #fff;background: #108eff;width:50px;height: 30px;line-height: 30px;border-radius: 10px;position: relative;}
.titH p span::after{content: '';position: absolute;background: url(../images/icon01.png) no-repeat;width: 6px;height: 14px;right: -6px;top: 8px;}

.twoCon{padding-top: 32px;}
.twobg{background: #eef0fc;padding: 30px 0 40px;}
.twoCon .ul01{margin-bottom: 44px;}
.twoCon ul li{display: inline-block;vertical-align: top;}
.twoCon .ul01 li{width: 250px;height: 80px;background: #fff;border-radius: 12px;box-shadow: 0 0 8px rgba(149,149,149,0.35);text-align: center;position: relative;padding-top: 20px;}
.twoCon .ul01 li:nth-of-type(3){padding-top: 10px;height: 90px;}
.twoCon .ul01 li p{position: absolute;width: 100%;left: 0;top: -20px;}
.twoCon .ul01 li p span{font-size: 16px;color: #fff;background: #108eff;width: 82px;height: 26px;line-height: 26px;text-align: center;display: inline-block;vertical-align: top;margin-top: 10px;border-radius: 30px;}
.twoCon .ul01 li h3{font-size: 16px;color: #828282;line-height: 24px;padding: 11px 11px 0 16px;font-weight: normal;}

.twobg01{background: #000349;padding-bottom: 30px;}
.twobg01 .titH h2,.three .titH h2{color: #fff;background: url(../images/tit03.png) center left no-repeat,url(../images/tit04.png) no-repeat center right;}
.twobg01 .titH p{color: #fff;}

.twoCon .ul02{padding-top: 46px;}
.twoCon .ul02 li{width: 270px;height: 197px;margin-bottom: 32px;text-align: center;border-radius: 10px;}
.twoCon .ul02 .li01{background: url(../images/th01.png) no-repeat;}
.twoCon .ul02 .li02{background: url(../images/th02.png) no-repeat;}
.twoCon .ul02 .li03{background: url(../images/th03.png) no-repeat;}
.twoCon .ul02 .li04{background: url(../images/th04.png) no-repeat;}
.twoCon .ul02 li h3{font-size: 20px;color: #fff;height: 34px;line-height: 34px;padding: 0 10px;border-radius: 30px;display: inline-block;vertical-align: top;margin-top: -15px;}
.twoCon .ul02 .li01 h3{background: #108eff;}
.twoCon .ul02 .li02 h3{background: #89c997;}
.twoCon .ul02 .li03 h3{background: #f19149;}
.twoCon .ul02 .li04 h3{background: #aa89bd;}
.twoCon .ul02 li a{display: block;font-size: 16px;background: #fff;margin: 129px auto 0;width: 218px;height: 37px;line-height: 37px;border: 1px solid;border-radius: 50px;font-weight: bold;letter-spacing: 3px;}
.twoCon .ul02 .li01 a{border-color: #108eff;color: #108eff;}
.twoCon .ul02 .li02 a{border-color: #89c997;color: #89c997;}
.twoCon .ul02 .li03 a{border-color: #f19149;color: #f19149;}
.twoCon .ul02 .li04 a{border-color: #aa89bd;color: #aa89bd;}

.twoCon .ul02 .li01:hover a{background: #108eff;color: #fff;}
.twoCon .ul02 .li02:hover a{background: #89c997;color: #fff;}
.twoCon .ul02 .li03:hover a{background: #f19149;color: #fff;}
.twoCon .ul02 .li04:hover a{background: #aa89bd;color: #fff;}

.twoCon .ul03 li{width: 270px;height: 306px;border-radius: 12px;box-shadow: 0 0 12px rgba(149,149,149,0.35);margin-top: 45px;text-align: center;font-size: 0;position: relative;}
.twoCon .ul03 li p{position: absolute;left: 0;top: -15px;text-align: center;width: 100%;}
.twoCon .ul03 li p span{font-size: 20px;color: #fff;line-height: 30px;height: 30px;padding: 0 8px;display: inline-block;border-radius: 30px;min-width: 128px;}
.twoCon .ul03 .li01 p span{background: #0077fe;}
.twoCon .ul03 .li02 p span{background: #89c997;}
.twoCon .ul03 .li03 p span{background: #f19149;}
.twoCon .ul03 .li04 p span{background: #aa89bd;}
.twoCon .ul03 li img{border-radius: 12px;}
.two .shup{font-size: 14px;color: #9d9d9d;line-height: 46px;padding-bottom: 9px;text-align: center;}
.anniuA{display: block;margin: 0 auto;width: 308px;height: 66px;line-height: 66px;text-align: center;border-radius: 50px;background: linear-gradient(90deg,#3773ec,#31dff5);font-size: 20px;color: #fff;}
.anniuA:hover{background:linear-gradient(90deg,#31dff5,#3773ec) ;}
/*three*/
.three{background: #000349;padding: 34px 0;}
.three .titH h2,.three .titH p,.six .titH h2{color: #fff;}
.three .titH .p2{background: url(../images/tit05.png) no-repeat left center,url(../images/tit06.png) no-repeat right center;padding: 0 60px;display: inline-block;margin-bottom: 10px;}
.three .titH p span{color: #000066;}
.thcon01{padding: 9px 0 0px;}
.thcon01 dl{width: 1038px;}
.thcon01 dl dt{padding: 5px 2px;border-radius: 0 60px 0 60px;border: 1px dashed #cfcfcf;}
.thcon01 dl dt img{border-radius: 0 60px 0 60px;border: 1px solid #cfcfcf;}
.thcon01 dl dd{width: 750px;}
.thcon01 dl dd h3{font-size: 20px;color: #fff;line-height: 38px;}
.thcon01 dl dd p{font-size: 15px;color: #9b9bcf;line-height: 30px;}
.thcon01 span{display: block;height: 1px;width:750px;background: linear-gradient(90deg,#000069,#113ab5,#113ab5,#113ab5,#113ab5,#113ab5,#000069);margin: 20px auto;}

.th01hd{text-align: center;font-size: 0;}
.th01hd li{width: 15px;height: 15px;border-radius: 100px;margin: 20px 10px 0;background: #fff;display: inline-block;vertical-align: top;}
.th01hd li.on{background: #127ddc;width: 40px;}

.thcon02 dl{display: inline-block;vertical-align: top;margin: 12px 0 40px;padding: 12px 0 0;width: 365px;height: 117px;border-radius: 0 60px 0 60px;background: #0d1d85;border: 1px solid #00499e;}
.thcon02 dl dt{padding: 12px 0 0 35px;}
.thcon02 dl dd{width: 213px;padding-right: 16px;}
.thcon02 dl dd h3{font-size: 20px;color: #00b7ee;line-height: 28px;}
.thcon02 dl dd p{font-size: 14px;color: #fff;line-height: 24px;}
.thslie{padding-top: 18px;padding-bottom: 36px;}
.thslie .thhd{background: url(../images/fivebg.png) no-repeat;width: 194px;border-radius: 10px;padding-left: 32px;padding-top: 16px;height: 248px;}
.thslie .thhd li{width: 174px;height: 35px;line-height: 35px;text-align: center;border-radius: 30px;font-size: 18px;color: #fff;margin-bottom: 26px;cursor: pointer;}
.thslie .thhd li.on{background: linear-gradient(90deg,#31c9f3,#2c6de6,#2150e2);}
.thslie .thbd{padding: 8px 26px 0 31px;height: 253px;border: 1px solid #3580ed;border-radius: 10px;background: #fff;width: 839px;position: relative;overflow: hidden;}
.thslie .thbd dl h3{padding-left: 22px;line-height: 48px;border-bottom: 1px solid #ededed;font-size: 21px;color: #404040;margin-bottom: 7px;}
.thslie .thbd dl .p1{line-height: 46px;padding-left: 57px;font-size: 20px;color: #404040;background: url(../images/five01.png) no-repeat 22px center;}
.thslie .thbd dl .p2{font-size: 16px;color: #404040;line-height: 32px;padding: 0 48px 0 21px;}
.thslie .thbd dl dt{position: absolute;font-size: 186px;color: #f9f9f9;font-family: impact;line-height: 152px;right: 22px;bottom: -12px;}
.thslie .thbd dl dd{position: relative;}

.kzzs{background: url(../images/zs.png) no-repeat center;height: 140px;min-width: 1140px;width: 100%;}
.kzzs h2{font-size: 42px;color: #ffff;line-height: 140px;text-indent:50px;letter-spacing: 3px;}
.kzzs h2 span{color: #ffcc00;}
/*four*/
.four{padding: 34px 0 64px;background: #f9f9f9;}
.forCon{padding-top: 32px;}
/*five*/
.five{padding-top: 30px;background: url(../images/bg02.png) no-repeat center top;min-width: 1140px;}
.fiveSle{position: relative;height: 545px;overflow: hidden;}
.fiveSle .fivebd dl{padding-left: 65px;}
.fiveSle .fivebd dl dd{width: 550px;padding-top: 143px;}
.fiveSle .fivebd dl dt{width: 436px;height: 545px;overflow: hidden;text-align: center;}
.fiveSle .fivebd dl dt img{margin-left: -60px;}
.fiveSle .fivebd dl dd h3{font-size: 26px;line-height: 52px;color: #000;}
.fiveSle .fivebd dl .dd01{padding-top: 13px;background: url(../images/lsbg.png) no-repeat left top;padding-right: 66px;}
.fiveSle .fivebd dl .dd01 h4{font-size: 16px;line-height: 34px;color: #272727;}
.fiveSle .fivebd dl .dd01 p{font-size: 16px;color: #737373;line-height: 30px;    overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.fiveSle .fivebd dl dd a{font-variant-east-asian: 20px;display: block;border-radius: 30px;text-align: center;width: 228px;height: 50px;line-height: 50px;background: linear-gradient(90deg,#ff614c,#f9cd28);font-size: 20px;color: #fff;font-weight: bold;margin-top: 24px;}

.fivehd{font-size: 0;position: absolute;left: 65px;top: 45px;}
.fivehd li{width: 80px;height: 80px;border-radius: 100px;overflow: hidden;background: #e8e8e8;display: inline-block;vertical-align: top;margin-right: 14px;cursor: pointer;}

/*six*/
.six{padding: 35px 0 55px;background: #06094e;}
.six01{padding:32px 0 42px ;}
.six01 ul,.sevenbd ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.six01 ul:after,.sevenbd ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.six01 ul li,.sevenbd ul li{display: inline-block;vertical-align: top;}
.six01 ul li{box-shadow: 0 0 21px rgba(140,169,225,0.39);border-radius: 10px;width: 180px;padding-top: 16px;height: 204px;text-align: center;font-size: 0;background: #fff;}
.six01 ul li .p1{font-size: 18px;color: #1c1c1c;line-height: 25px;margin-top: 5px;}
.six01 ul li span{display: inline-block;vertical-align: top;margin: 0 3px 6px;background: #e9effb;width: 82px;height: 26px;line-height: 26px;border-radius: 50px;font-size: 16px;color: #7f7f7f;}

.six01 ul li img{border-radius: 10px;}
.six01 ul li .p2{font-size: 15px;color: #fd8640;line-height: 24px;padding-bottom: 2px;}
.six01 ul li .p3{font-size: 16px;color: #fff;background: #06094e;line-height: 32px;border: solid #fff;border-width: 0 1px 1px;border-radius: 0 0 8px 10px;}

.sevenslie{width: 1040px;margin: 0 auto;}
.seven{padding: 46px 0 70px;background: url(../images/bg03.png) no-repeat;}
.sevenhd{text-align: center;font-size: 0;}
.sevenhd li{display: inline-block;vertical-align: top;border-radius: 30px;margin: 27px 30px 23px;width: 134px;height: 40px;line-height: 40px;cursor: pointer;font-weight: bold;font-size: 20px;color: #2a2a2a;}
.sevenhd li.on{background: linear-gradient(90deg,#3773ec,#31dff5);color: #fff;}
.sevenbd ul li img{border-radius: 12px;}
.sevenbd ul .li01{width: 195px;}
.sevenbd ul li img:nth-of-type(2){margin-top: 6px;}

.biaoge{padding: 46px 0 37px;background: url(../images/bg04.jpg) no-repeat center;}
.biaodan{width: 410px;border-radius: 10px;padding-top: 25px;box-shadow: inset 0 0 50px #384cd4;}
.biaodan h2{font-size: 32px;color: #fff;line-height: 85px;text-align: center;}
.biaodan h3{font-size: 28px;color: #fff;line-height: 35px;text-align: center;}
.biaodan form p{display:block;margin: 0px auto 25px;width: 365px;height: 60px;line-height: 60px;background: #fff;border-radius: 6px;color: #9d9b9b;overflow: hidden;}
.biaodan form input{width: 100%;height:100%;padding-left: 60px;border-radius: 6px;box-sizing: border-box;border: none;font-size: 18px;color: #9d9b9b;outline: none;}
.biaodan form a{font-size: 20px;color: #fff;margin: 16px auto 0;display: block;border-radius: 50px;width: 186px;height: 47px;line-height: 47px;background: linear-gradient(90deg,#ff614c,#f9cd28);text-align: center;letter-spacing: 1px;font-weight: bold;}

.biaodan .p1{font-size: 18px;color: #fff;line-height: 80px;text-align: center;}

.biaoge .biaogeleft{width: 621px;margin-top: 30px;padding-left: 65px;}
.biaoge .biaogeleft p{position: relative;padding: 0 86px 0 39px;font-size: 21px;color: #fff;line-height: 34px;margin-bottom: 42px;}
.biaoge .biaogeleft p a{font-size: 21px;color: #fff;border-radius: 5px;width: 125px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #fff;}

.biaoge .biaogeleft p a:hover{background: linear-gradient(60deg,#31a1f0,#31a1f0);border-color: #31a1f0;}
.biaoge .biaogeleft p span{font-size: 40px;color: #fff;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;display: inline-block;vertical-align: top;margin-right: 50px;display: none;}
.biaoge .biaogeleft p em{width: 10px;height: 10px;border: 2px solid #fff;border-radius: 100px;position: absolute;left: 0px;top: 10px;background: #fff;}
.biaoge .biaogeleft p i{width: 2px;height: 65px;background: #fff;position: absolute;left:6px ;top: 22px;}

.biaoge p input[name="username3"]{
    background:#fff url(../images/ren.png) no-repeat 28px center;}
.biaoge p input[name="phone3"]{
    background: #fff url(../images/dh.png) no-repeat 28px center;}