@charset "utf-8";
/*CSSDocument*/
*{margin:0;padding:0;border:0;}
html{margin:0auto;width:100%;}
body{background:#ffffff;color:#1a1a1a;font-family:Microsoft YaHei,Sim Sun;-webkit-text-size-adjust:none;}
a{color:#1a1a1a;text-decoration:none;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
a:hover{text-decoration:none;transition:.3s all;-webkit-transition:.3s all;-moz-transition:.3s all;-o-transition:.3s all;}
img{border:none;}
ol,ul,li{list-style:none;}
li{list-style-type:none;}
table{border-collapse:collapse;}
input,textarea,button{outline:none;}
textarea{resize:none;}
img{max-width:100%;vertical-align:middle;}
/**/
.center{text-align:center;}
.clear{clear:both;}
.bold{font-weight:bold;}
.block{display:block;}
.clearfix:after{clear:both;content:"";display:block;visibility:hidden;height:0;overflow:hidden;}
/*布局*/
.w_2,.w_3,.w_4{width:100%;}
.w_2 li{width:50%;float:left;box-sizing:border-box;}
.w_3 li{width:33.33%;float:left;box-sizing:border-box;}
.w_4 li{width:25%;float:left;box-sizing:border-box;}
/*字体颜色*/
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}
.colorc{color:#ccc;}
.white{color:#FFF;}
.blue{color:#2979ff;}
.orange{color:#ff8542;}
/*背景颜色*/
.bj_gray{background-color:#f6fbff;}
.bj_white{background-color:#FFF;}
.bj_blue{background-color:#006bf2;}
/*定位*/
.relative{position:relative;}
.absolute{position:absolute;}
.flex{display:flex;justify-content:space-between;align-items:center;}
.flex-wrap{flex-wrap:wrap;}
.flex-col{flex-direction:column;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
/*字体样式*/
.text-over{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* 首页 */
.w1200{ width: 1200px; margin: 0 auto; position: relative;}
.moreBtn22{background: #ff6613;  width: 300px; height: 64px; text-align: center; line-height: 64px; border-radius: 32px; margin: 0 auto; clear: both;transition: 0.3s;}
.moreBtn22 .moreBtnn{ background-color:#ff6613;font-size: 20px; color: #ffffff; font-weight: bold;}
.moreBtn{background: #ff6613;  width: 300px; height: 64px; text-align: center; line-height: 64px; border-radius: 32px; margin: 0 auto; clear: both;transition: 0.3s;}
.moreBtn a{font-size: 20px; color: #ffffff; font-weight: bold;}
.moreBtn:hover{width: 340px;}
.moreBtn22 moreBtnn:hover{width: 340px;}
.indexBox .title{text-align: center; position: relative; padding: 45px 0;}
.indexBox .title .tit{ font-size: 36px; font-weight: bold; color: #333333;position: relative; z-index: 1;}
.indexBox .title .eng{ font-size: 40px; text-transform:uppercase; color: #e9f5ff; position: absolute; top: 35px; width: 100%; z-index: 0;}
.tip{font-size: 16px; color: #666666;}
/* 首页  动画图 */
.banner { width: 100%; height: 580px; min-width: 1200px; overflow: hidden; margin-bottom: 50px;}
.swiper-slide{width: 100%; height: 580px;}
.swiper-button-prev{ left: calc(50% - 600px);}
.swiper-button-next{ left: calc(50% + 600px);}
/* box1 */
.indexBox1 .nr{ width: 1095px; height: 235px; box-shadow: 0 0 45px rgba(143,162, 192, 0.23); border-radius: 10px; padding:30px 0 0 0;}
.indexBox1 .nr li{ height: 47px;border-radius: 8px; border: 2px solid #d2e2fe; padding-left: 25px; line-height: 43px; margin: 15px 0 0 40px; float: left; box-sizing: border-box; transition: 0.3s;}
.indexBox1 .nr li:nth-of-type(3n+1){width: 235px; }
.indexBox1 .nr li:nth-of-type(3n+2){width: 295px;}
.indexBox1 .nr li:nth-of-type(3n+3){width: 265px;}
.indexBox1 .nr li span{color: #f33705;transition: 0.3s;}
.indexBox1 .nr li:hover{ background: #2077fc; color: #fff;border: 1px solid #d2e2fe;}
.indexBox1 .nr li:hover span{color: #fff;}
.indexBox1 .more{width: 242px; height: 142px; border-radius: 10px; overflow: hidden;background: url('../img/java/box11.jpg') no-repeat left center; position: absolute; right: 0; top: 61px;}
.indexBox1 .more a{display: block;text-align: center; line-height: 142px; font-size: 18px; color: #FFF; font-weight: bold;}
.indexBox1 .more:hover a{ padding-left: 20px;}

.indexBox1 .left { padding: 85px 0 0 12px; float: left; font-size: 30px; font-weight: bold; color: #333333;}
.indexBox1 .left .name{ line-height: 45px; }
.indexBox1 .left p{color: #ff8542;display: block; line-height: 70px; position: relative;width: 142px; margin-left: 27px;text-align: center;}
.indexBox1 .left span{position: relative;z-index: 0;}
.indexBox1 .left p::before{content:'';position: absolute;width: 142px;height: 10px;background: #d7f3fe;top: 40px;left: 0;z-index: 0;}
.indexBox1 .right{ float: right; width: 777px; height: 282px;background: #f7f7f7; margin: 40px 0 35px 0;}
.indexBox1 .right li{ float:left;width: 233px;text-align: center;}
.indexBox1 .right li img{ transition: 0.3s;}
.indexBox1 .right .name{ font-size: 18px; font-weight: bold; line-height: 40px; margin-top: -40px;}
.indexBox1 .right p{font-size: 16px; color: #000000;}
.indexBox1 .right .xian{width: 24px; height: 4px; margin:10px auto;}
.indexBox1 .right li:nth-of-type(1) .name{color:#485ef5; }
.indexBox1 .right li:nth-of-type(2) .name{color:#33c498;}
.indexBox1 .right li:nth-of-type(3) .name{color:#f6cd47;}
.indexBox1 .right li:nth-of-type(1) .xian{background:#485ef5; }
.indexBox1 .right li:nth-of-type(2) .xian{background:#33c498;}
.indexBox1 .right li:nth-of-type(3) .xian{background:#f6cd47;}
.indexBox1 .moreBtn{ margin-bottom: 66px;}
.indexBox1 .right li:hover img{ transform: scale(1.1,1.1);}
/* box2 */
.indexBox2{background: url('../img/java/box2_bj.jpg') no-repeat center center #f6fbff; padding-bottom: 50px;}
/* box3 */
.indexBox3 .moreBtn{ margin-bottom: 66px;}
.indexBox3 .box{width: 575px; height: 165px; background: #f7fbfe; border: 1px solid #d8e7f3; margin:0 0 24px 0; transition: 0.3s;}
.indexBox3 .box .img{ float: right;border-left: 1px solid #f7fbfe; width: 210px; overflow: hidden; }
.indexBox3 .box .img img{transition: 0.3s;}
.indexBox3 .box .left{width: 310px; float:left;}
.indexBox3 .box .tit{text-align: center; font-size: 18px; color: #006cfb; font-weight: bold; padding: 25px 0 15px 0;}
.indexBox3 .box li{ padding-left: 40px; color: #666666;background: url('../img/java/news_li.png') no-repeat 22px center; height: 28px; line-height: 28px; font-size: 14px;}
.indexBox3 .box:hover{background: #FFF;}
.indexBox3 .box:hover img{ transform: scale(1.1,1.1);}
/* indexBox4 */
.indexBox4{background: url('../img/java/box4_bj.jpg') no-repeat center center #f6fbff;}
/* indexBox5 */
.indexBox5{background:url('../img/java/box5_bj.jpg') no-repeat bottom center #006bf2; padding-bottom: 105px;}
.indexBox5 .title .tit{ color: #ffffff;}
.indexBox5 .title .eng{color: #307df3; }
.indexBox5 .w1200{background: #ffffff; border-radius: 10px; padding: 45px 0 65px; overflow: hidden;}
.indexBox5 .left{ float: left; width: 310px;}
.indexBox5 .left .tit{font-size: 22px; color: #333333; font-weight: bold;text-align: center; line-height: 86px;}
.indexBox5 .left .tab{width: 220px; height: 40px; margin: 0 auto; margin-bottom: 20px; border: 2px solid #c0cad8; border-radius: 5px; line-height: 40px; text-align: center; font-size: 18px; color: #252b3a; transition: 0.3s; position: relative; cursor: pointer;}

.indexBox5 .left .tab:hover,.indexBox5 .left .tab.on{background: #006cff; color: #fff; border-color: #006cff;}
.indexBox5 .left .tab:hover::after,.indexBox5 .left .tab.on::after{content: ''; position: absolute; right:-25px; top: 15px; width:0px;height: 0px;border: 8px solid transparent;border-left:8px solid #006cff;}

.indexBox5 .right{ width: 822px; padding:0 15px 50px; background: #f7faff; border-radius: 10px; float: right; margin-right: 50px; box-sizing: border-box;}
.indexBox5 .right .tit{ height: 72px; line-height: 72px; border-bottom: 1px solid #e1ecff;}
.indexBox5 .right .tit span{ font-size: 18px; color: #333333; font-weight: bold;padding:0 20px; display: block; }
.indexBox5 .right .tit .tag{width: 72px; height: 22px; text-align: center; line-height: 22px; font-size: 12px; border-radius: 22px; margin-left: 12px;}
.indexBox5 .right .tit .tag1{ color: #006bf2; background: #cfe5fe;}
.indexBox5 .right .tit .tag2{ color: #ff5d23; background: #ffe2d5;}
.indexBox5 .right .box{ padding-top: 20px;}
.indexBox5 .right .name{ font-size: 18px; color: #333333; height: 40px; line-height: 40px; padding-left: 17px;}
.indexBox5 .right .name img{ float: left; margin-right: 11px;}
.indexBox5 .right li,.indexBox5 .right p{ font-size: 14px; color: #61656e; line-height: 28px; padding:0 50px 0 75px; position: relative;}
.indexBox5 .right li::before{content: ''; position: absolute; left: 66px; width: 3px; height: 8px; background: #006cff; border-radius: 3px; top: 10px; }
.indexBox5 .moreBtn{ margin-top: -28px; z-index: 1; position: relative;}
.indexBox5 .tabCont{ display: none;}
.indexBox5 .tabCont.on{display: block;}
/*  */
.indexBox6 .box{ position: relative;}
.indexBox6 .box::before{ content:''; position: absolute; width: 100%; top: 66px; height: 2px; background: #d5e5ff; border-top: 1px solid #f4f8ff;}
.indexBox6 .box li{width: 245px; z-index: 1; position: relative;}
.indexBox6 .box li::before{content:''; position: absolute; width: 1px; top: 50px; height: 37px; background: #d5e5ff; left: 50%;}
.indexBox6 .box li::after{content:''; position: absolute; width: 6px; top: 63px; height: 6px; background: #fff; left:118px; border-radius: 50%; border: 2px solid #ff6f05;}
.indexBox6 li:nth-of-type(2)::after{border-color:#00bb9a;}
.indexBox6 li:nth-of-type(3)::after{border-color:#307bf6;}
.indexBox6 li:nth-of-type(4)::after{border-color:#30b7f6;}

.indexBox6 .box .tit{ width: 177px; height: 42px; line-height: 42px;text-align: center; font-size: 20px; background: #ff6f05; border-radius: 5px; color: #fff; margin: 0 auto; margin-bottom: 50px; box-shadow:0 9px 18px rgba(255, 111, 5, 0.2)}
.indexBox6 .box .nr{ height: 135px;border-top: 3px solid #ffad71; border-left: 3px solid #ffad71; background: #fff9f4; border-radius: 4px; box-sizing: border-box; padding: 20px 50px 0 20px; font-size: 16px; color: #333333; margin-bottom: 35px; transition: 0.3s;}
.indexBox6 li:nth-of-type(2) .tit{background:#00bb9a;box-shadow:0 9px 18px rgba(0, 187, 154, 0.2)}
.indexBox6 li:nth-of-type(3) .tit{background:#307bf6;box-shadow:0 9px 18px rgba(48, 123, 246, 0.2)}
.indexBox6 li:nth-of-type(4) .tit{background:#30b7f6;box-shadow:0 9px 18px rgba(48, 183, 246, 0.2)}

.indexBox6 li:nth-of-type(2) .nr{background:#ecfcf9;border-color:#6ed8c6;}
.indexBox6 li:nth-of-type(3) .nr{background:#e6efff;border-color:#89b4fa;}
.indexBox6 li:nth-of-type(4) .nr{background:#e6feff;border-color:#89ebfa;}

.indexBox6 .imgs li{ width: 287px; height: 185px; border-radius: 8px; overflow: hidden;}
.indexBox6 .imgs li img{transition: 0.3s;}
.indexBox6 .moreBtn{ margin:50px auto;}

.indexBox6 li:hover .nr{background: #ff6f05; border-color: #ff6f05; color: #fff;}
.indexBox6 li:nth-of-type(2):hover  .nr{background: #00bb9a; border-color: #00bb9a; }
.indexBox6 li:nth-of-type(3):hover  .nr{background: #307bf6; border-color: #307bf6; }
.indexBox6 li:nth-of-type(4):hover  .nr{background: #30b7f6; border-color: #30b7f6; }

.indexBox6 .imgs li:hover img{transform: scale(1.1,1.1);}
/* indexBox7 */
.indexBox7{background: #f6fbff}
.indexBox7 .w1200{ position: relative;}
.indexBox7 .imgBj{position: absolute; bottom: 0; left:-160px}
.indexBox7 li{ width: 290px; height: 56px; margin: 0 0 20px 55px;}
.indexBox7 li a{display: block; border: 2px solid #d2e2fe; text-align: center; line-height: 52px; box-sizing: border-box; transition: 0.3s;border-radius: 8px;}
.indexBox7 li:hover a{ background: #ff6600; border-color: #ff6600; color: #fff;}
/* indexBox8 */
.indexBox8{background: url('../img/java/box8_bj.jpg') no-repeat top center; padding: 50px 0 60px 0;}
.indexBox8 li{ margin-bottom: 12px; width: 290px; height: 180px; overflow: hidden;}
.indexBox8 li img{ transition: 0.3s;}
.indexBox8 li:hover img{transform: scale(1.1,1.1);}
/* indexBox9 */
.indexBox9{background: url('../img/java/box9_bj.jpg') no-repeat top center;}
.indexBox9 .w1200{ overflow: hidden; padding:114px 0 74px 0;}
.indexBox9 .left{ float: left;}
.indexBox9 .name{ font-size: 36px; font-weight: bold; color: #ffffff; padding-bottom: 22px; line-height: 48px;}
.indexBox9 .name span{ color: #00fff6;}
.indexBox9 .txt{ font-size: 24px; color: #0f3386; width: 320px; height: 48px; text-align: center; line-height: 48px;background: url('../img/java/box90.png') no-repeat top center; padding-bottom: 36px;}
.indexBox9 .img{width: 520px;}
.indexBox9 .right{ margin-right:45px; float: right; background: #fff; width: 448px; height: 334px; border-radius: 15px; padding: 30px 45px; box-sizing: border-box;}
.indexBox9 .tit{ font-size: 26px; font-weight: bold; color: #333;text-align: center; padding-bottom: 15px;}
.indexBox9 .input{ margin-bottom: 15px;}
.indexBox9 .input input{background: #f7f7f7;border-radius: 5px; border: 1px solid #e7e7e7; width: 100%; height: 56px; line-height: 56px; font-size: 20px; color: #929baa; padding-left: 14px;}
.indexBox9 .moreBtn{ margin-top: 30px;}