@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;}
body{ font-family:"Microsoft YaHei","Verdana";font-size: 12px;color:#000; background:#fff}
input,select,textarea{ font-family:"Microsoft YaHei","Verdana";outline: none;}
img{border:none;}
ul,li,dl,dt,dd{list-style:none; }
em{font-style: normal;}
a{ text-decoration: none; color:#000;cursor: pointer;}
a:hover {text-decoration: none; color:#eb1f28;}
:focus{ outline:none}
.cl{clear:both; overflow:hidden; }
.blank5{height:5px; clear:both; overflow:hidden}
.blank10{height:10px; clear:both; overflow:hidden;}
.main{width:1358px; margin:0 auto; position:relative }
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center}
.ts{transition: .6s ease all;-webkit-transition: .6s ease all;-moz-transition: .6s ease all;-o-transition: .6s ease all;-ms-transition: .6s ease all; }
.middle_inner{display: table-cell;vertical-align:middle;text-align:center;}
.down_sub{ position:absolute; z-index:200;top:0; display:none}
.hover:hover:before{content: "";display: inline-block;position:absolute;left:0;top:-20px;-webkit-transform: rotate(35deg);transform: rotate(35deg);
-webkit-animation: sweeps .8s linear infinite;animation: sweeps .8s linear infinite; background:url(images/hover.png) no-repeat; width:19px; height:80px}
@-webkit-keyframes sweeps {
0% {left: -50px}
to {left: 50px}
}
@keyframes sweeps {
0% {left: -50px}
to {left: 50px}
}
/*head*/
.topbar_new{ background:#f6f6f6; height:32px; line-height:32px; color:#666; font-size:14px}
.topbar_new .fl em{ padding:0 12px; font-size:12px; color:#999; font-family:"Times New Roman", Times, serif; float:left}
.topbar_new .fl a{ color:#666}
.topbar_new .fl .offline,.topbar_new .fl .online{ float:left; font-family:Verdana, Geneva, sans-serif}
.topbar_new .fl .down_sub{top:32px; background:#fff;box-shadow: #cccccc 0 0 6px;}
.topbar_new .fl .down .up{ position:relative}
.topbar_new .fl .down .up:before{content: "\e619";font-family: "iconfont";font-size:12px;}
.topbar_new .fl .down .down{ position:relative}
.topbar_new .fl .down .down:before{content: "\e618";font-family: "iconfont";font-size:12px;}
.topbar_new .fl .down .on,.topbar_new .fl .down .on i{color:#eb1f28;}
.topbar_new .fl .down i{ padding-left:5px; font-style:normal; color:#999}
.topbar_new .fl .offline .box{background:#fff;padding:10px 20px; box-shadow:0 5px 20px rgba(0,0,0,.2);font-family:Verdana, Geneva, sans-serif}
.topbar_new .fl .offline .box a{ color:#333}
.topbar_new .fl .offline .box a:hover{ color:#eb1f28}
.topbar_new .fl .online .box{ background:#fff;padding:20px 0 10px 30px; box-shadow:0 5px 20px rgba(0,0,0,.2); width:721px; font-family:Verdana, Geneva, sans-serif}
.topbar_new .fl .online .box .l_new{float:left; width:520px;border-right:#eee solid 1px}
.topbar_new .fl .online .box .title{ padding-bottom:5px; text-align:left}
.topbar_new .fl .online .box .title b{ font-size:20px; color:#333}
.topbar_new .fl .online .box .title span{ font-size:14px; padding-left:10px}
.topbar_new .fl .online .box .l_new dl dd{ float:left; width:50%; padding-top:10px; text-align:left}
.topbar_new .fl .online .box .l_new dl dd h4{ font-size:16px; color:#333}
.topbar_new .fl .online .box .l_new dl dd p{ font-size:14px; color:#333}
.topbar_new .fl .online .box .l_new dl dd a:hover h4{color: #f52f3e;}
.topbar_new .fl .online .box .r{ float:left; width:200px }
.topbar_new .fl .online .box .r dl dd{ text-align:center; padding-bottom:15px}
.topbar_new .fl .online .box .r dl dd img{ width:120px}
.topbar_new .fr i{ font-size:12px; padding-right:5px; color:#999}
.head{ width:100%; background:#fff; position:relative; z-index:100}
.head .logo{ float:left; padding:25px 0 }
.head .city{ float:right; font-size:18px; color:#eb1f28; margin:38px 0 0 0; cursor:pointer; display:block; position:relative}
.head .city i{ font-size:18px; padding-right:5px}
.head .city .down_sub{top:22px; right:0;}
.head .city .down_sub .box{box-shadow:0 5px 20px rgba(0,0,0,.2);background:#fff; margin-top:10px; width:403px; overflow:hidden; border-radius:5px; height:187px}
.head .city .down_sub .box ul{ position:relative; width:404px}
.head .city .down_sub .box ul li{ float:left; width:100px; text-align:center; font-size:14px; border-right:#eee solid 1px;border-bottom:#eee solid 1px; }
.head .city .down_sub .box ul li i{ font-size:26px; color:#666}
.head .city .down_sub .box ul li p{ padding:8px 0 0 0}
.head .city .down_sub .box ul li:hover{box-shadow: 0 0 20px #ddd; background:#eb1f28}
.head .city .down_sub .box ul li a{ display:block;padding:20px 0; color:#555}
.head .city .down_sub .box ul li a:hover,.head .city .down_sub .box ul li a:hover i{ color:#fff} 
.head .wx{ float:right; margin:15px 15px 0 30px}
.head .wx .img{ border:#eb1f28 solid 1px; position:relative;border:rgba(235,31,40,.5) solid 1px;}
.head .wx .img:before {content: "";display: inline-block;position: absolute; background:url(images/wx_icon.png) no-repeat; width:14px; height:76px;right:-14px;top:-1px}
.head .wx .img img{ width:74px; height:74px; border:#fff solid 0px; vertical-align:bottom}
.nav{ height:46px; position:relative;}
.nav .bd{ position:absolute;top:46px; z-index:100; background:#fff; background:rgb(255,255,255,.9); width:280px; height:430px;overflow: hidden;transition: height 0.5s ease-out;}
.nav .bd .noMore{ display:none}
.nav .bd.expanded {height: auto !important; background:#fff !important}
.nav .bd .icondown-copy{ float: none!important; padding-left:8px; color:#333!important}

.nav .bd .sub{ padding:0}
.nav .bd .sub h4{font-size:16px;padding:15px 20px 0px}
.nav .bd .sub h4.line{border-top:solid 1px rgba(0,0,0,.05); margin-top:15px}
.nav .bd .sub ul li{ padding:14px 0 0 0}
.nav .bd .sub ul li h3{ font-size:15px;  padding-bottom:5px}
.nav .bd .sub ul li .subCate{ font-size:14px; clear:both; display:block; overflow:hidden; line-height:22px}
.nav .bd .sub ul li .subCate a{ width:33.333333%; float:left; color:#444}
.nav .bd .sub ul li .subCate a:hover{color:#eb1f28;}
.nav .bd .sub ul li .subCate a:nth-child(2),.nav .bd .sub ul li .subCate a:nth-child(5){ text-align:center}
.nav .bd .sub ul li .subCate a:nth-child(3),.nav .bd .sub ul li .subCate a:nth-child(6){ text-align:right}
.nav .bd .sub dl{ padding-top:3px}
.nav .bd .sub dl dd{ line-height:40px; font-size:15px}
.nav .bd .sub dl dd a{ display:block; padding: 0 20px}
.nav .bd .sub dl dd.on{ background:#fff}
.nav .bd .sub dl dd.on:before {content: '';display: inline-block;position: absolute;background: #fff;width:640px;height:430px;left: 280px;top: 0;}
.nav .bd .sub dl dd:nth-child(11).on:before,.nav .bd .sub dl dd:nth-child(12).on:before{ display:none}
.nav .bd .sub dl dd i{ font-size:12px; float:right; color:#999; line-height:40px}
.nav .hd{ float:left; width:280px;background:#333; color:#fff; border-radius:5px 5px 0 0}
.nav .hd ul li{ float:left; width:140px; text-align:center; line-height:46px; font-size:16px; cursor:pointer }
.nav .hd ul li.on{ background:#eb1f28; border-radius:5px 5px 0 0}
.nav .page_hd{float:left; width:280px;background:#eb1f28; color:#fff; border-radius:5px 5px 0 0;  cursor:pointer }
.nav .page_hd p{text-align:center;line-height:46px; font-size:16px;}
.nav .menu{ float:left; width:1078px; height:46px}
.nav .menu ul li{ float:left; font-size:16px; line-height:46px; padding:0 20px 0 60px; overflow:hidden; height:46px}
.nav .menu ul li a{ position:relative }
.nav .menu ul li i{ padding-left:5px; font-style:normal}
.nav .menu ul li .down_sub{ top:46px}
.nav .menu ul li .down_sub .box{ background:#fff;box-shadow: #999 0 0 8px; margin-left:-10px; border-radius:3px; overflow:hidden}
.nav .menu ul li .down_sub .box a{ line-height:36px; display:block; padding:0 20px; font-size:14px}
.nav .menu ul li .down_sub .box a:hover{ background:#f4f4f4}
.nav .menu ul li .up{ position:relative}
.nav .menu ul li .up:before{content: "\e253";font-family: "iconfont";font-size:12px;}
.nav .menu ul li .down{ position:relative}
.nav .menu ul li .down:before{content: "\e254";font-family: "iconfont";font-size:12px;}
.nav .menu ul li .on{color:#eb1f28;}
.nav .itbaizhan{ position:relative}
.nav .itbaizhan .unfold{ display:none; background:#fff; left:280px;top:0; position:absolute; width:580px; padding:30px;box-shadow: 0 0 10px #ddd; min-height:370px}
.nav .itbaizhan .unfold .banner_xioake_box{margin-bottom: 20px;border-bottom: 1px solid #FF982A; overflow:hidden}
.nav .itbaizhan .unfold .banner_xioake_box a{display: block;width: auto;padding: 0 10px;height: 32px;line-height: 32px;border-radius: 5px;background: #FF982A;border: 1px solid #FF982A;font-size: 16px;color: #fff;text-align: center;float: left;margin-right: 15px;margin-bottom: 20px;transition: .5s;}
.nav .itbaizhan .unfold .banner_xioake_box a:hover{background: #fff;border: 1px solid #FF982A;color:#FF982A ;}
.nav .itbaizhan .unfold .nav_link{ position:relative; width:610px}
.nav .itbaizhan .unfold .nav_link a{padding:0 20px;display:block;height:32px;line-height:32px;border-radius:5px;background:#00b783;border:1px solid #00b783;font-size:16px;color:#fff;text-align:center;float:left;margin-right:15px;margin-bottom:20px;transition:.5s}
.nav .itbaizhan .unfold .nav_link a:hover{background:#fff;color:#00b783}
.nav .itbaizhan .unfold .txt{ clear:both; display:block; overflow:hidden}
.nav .itbaizhan .unfold .txt ol{ position:relative; width:610px}
.nav .itbaizhan .unfold .txt ol li{ float:left; margin-right:30px; width:275px}
.nav .itbaizhan .unfold .txt ol li h4{ color:#00b783; font-size:16px; font-weight:normal; border-top:#00b783 solid 1px; padding-top:10px}
.nav .itbaizhan .unfold .txt ol li p{ font-size:14px; color:#666; line-height:24px; margin-bottom:20px}
.nav .itbaizhan .unfold .txt ol li:nth-child(2n) h4{ color:#ff8330;border-top:#ff8330 solid 1px;}
.nav .itbaizhan .unfold .n_img{display:block;text-align:center;width: 580px;height: 60px;line-height: 60px;font-size: 18px;color: #fff; padding:0 !important}
.nav .itbaizhan .unfold .n_img1{background: url("https://www.itbaizhan.com/public/new/index/images/nimg1.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img2{background: url("https://www.itbaizhan.com/public/new/index/images/nimg2.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img3{background: url("https://www.itbaizhan.com/public/new/index/images/nimg3.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img4{background: url("https://www.itbaizhan.com/public/new/index/images/nimg4.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img5{background: url("https://www.itbaizhan.com/public/new/index/images/nimg5.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img6{background: url("https://www.itbaizhan.com/public/new/index/images/nimg6.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img7{background: url("https://www.itbaizhan.com/public/new/index/images/nimg7.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img8{background: url("https://www.itbaizhan.com/public/new/index/images/nimg8.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img9{background: url("https://www.itbaizhan.com/public/new/index/images/nimg9.jpg?v=1.0.0") no-repeat center}
.nav .itbaizhan .unfold .n_img10{background: url("https://www.itbaizhan.com/public/new/index/images/nimg10.jpg?v=1.0.0") no-repeat center}

.banner_new{ width:100%; height:430px; position:relative; overflow:hidden}
.banner_new .bd{ position:relative; width:100%; height:100%; }
.banner_new .bd ul {width:100%; height:100%; }
.banner_new .bd ul li{ width:100%; height:100%; position:relative}
.banner_new .bd ul li a{ width:100%; height:100%; display:block; background-repeat:no-repeat; background-position:center }
.banner_new .hd{width:1078px;  position:absolute; bottom:15px; left:50%; z-index:9; text-align:center;margin-left:-399px}
.banner_new .hd ul li{ display:inline-block; width:30px; height:4px; margin:0 5px; background:#fff; background:rgba(255,255,255,.5); cursor:pointer; text-indent:-9999px; border-radius:3px}
.banner_new .hd ul li.on{ background:#fff}
.banner_new .prev,.banner_new .next{background:rgb(0,0,0,.4);height:40px; width:40px;line-height:40px; color:#fff; position:absolute;top:50%; margin-top:-20px; display:none; border-radius:50%; text-align:center}
.banner_new .prev{left:50%; margin-left:-389px}
.banner_new .next{right:50%; margin-right:-659px}
.banner_new .prev i,.banner_new .next i{ font-size:16px}
.footer_new{ background:#262933; overflow:hidden; padding:50px 0 0 0;min-width: 1200px;}
.footer_new a{ color:#fff}
.footer_new a:hover{color:#eb1f28;}
.footer_new .footer_new_nav{ float:left}
.footer_new .footer_new_nav ul li{ float:left; padding-right:130px; max-width:360px }
.footer_new .footer_new_nav ul li h5{font-size:16px; padding-bottom:12px; color:#a6a7ab; font-weight:normal}
.footer_new .footer_new_nav ul li a{ line-height:30px; font-size:14px}
.footer_new .footer_new_nav ul li .fl{ float:left; width:180px}
.footer_new .foot_right{ float:right; padding:45px 0 0 0 }
.footer_new .foot_right ul li{ float:left;color:#fff; text-align:center; font-size:14px; margin-left:50px}
.footer_new .foot_right ul li img{ width:100px; height:100px;border:#fff solid 5px; margin-bottom:10px}
.footer_new_bottom{ background:#21242c; margin-top:50px}
.footer_new .copy{color:#a6a7ab; font-size:14px;border-top:#323640 solid 1px; padding:30px 0; margin-top:30px; overflow:hidden; line-height:26px}
.footer_new .copy p{ font-size:16px; color:#fff; padding-bottom:10px}
.foot_school{ padding:30px 0 0 0}
.foot_school .hd{border-bottom:#323640 solid 1px; }
.foot_school .hd ul li{ float:left; margin-right:50px; font-size:18px; color:#a6a7ab; cursor:pointer;padding-bottom:15px}
.foot_school .hd ul li.on{color:#eb1f28; position:relative}
.foot_school .hd ul li.on:before {content: "";display: inline-block;position: absolute;bottom: -2px;left: 0;width: 100%;height: 3px;background: #eb1f28;}
.foot_school .bd{ font-size:16px; color:#fff; padding:20px 0 0 0; line-height:32px }
.right_fixed{width: 60px; position:fixed; right:0; top:50%; margin-top:-150px; z-index: 10000; border-radius:5px;}
.right_fixed li{width: 58px; height: 58px; border: 1px solid #E0E0E0; margin-bottom: -1px; background: #fff; position: relative; z-index: 99999; text-align:center}
.right_fixed li i{ font-size:18px; overflow:hidden; padding:10px 0 5px 0; display:block}
.right_fixed li a{display: block; width:58px; height: 58px; color:#333; overflow:hidden;}
.right_fixed li p{font-size:12px; text-align: center;font-weight: bold;}
.right_fixed li:hover{background: #E60012; border-color:#E60012;}
.right_fixed li:hover p,.right_fixed li:hover i{color:#fff;}
.right_fixed li.li_1{ background: #E60012; border-color:#E60012; border-top-left-radius:5px; border-top-right-radius:5px;}
.right_fixed li.li_1 .icon_s {display: block;width: 24px;height: 26px;background: url(images/zxzx1.gif) no-repeat center top;margin: 7px auto 4px;}
.right_fixed li.li_1 p{ color:#fff;}
.right_fixed li.li_2{ background: #E60012; border-color:#E60012;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.right_fixed li.li_2 a{color:#fff;}
/*index*/
.bg_f5{ background:#f5f7f9; overflow:hidden}
.index_link{ float:left; width:280px; background:#333; border-radius:5px; height:160px}
.index_link ul{ padding:5px; text-align:center}
.index_link ul li{position: relative;float: left;width: 80px;height:75px;padding: 0 5px;}
.index_link ul li:before {top: -1px;left: 7px;width: 75px;height: 1px;}
.index_link ul li:after {top: 6px;left: 0;width: 1px;height:65px;}
.index_link ul li:before,.index_link ul li:after{position: absolute;content: "";background: #484848;}
.index_link ul li:nth-child(1):before,.index_link ul li:nth-child(2):before,.index_link ul li:nth-child(3):before{ height:0;}
.index_link ul li:nth-child(1):after,.index_link ul li:nth-child(4):after{ width:0px}
.index_link ul li i{ font-size:24px; margin:15px 0 5px 0; display:block}
.index_link ul li a{ display:block; height:100%; color:#e0e0e0; color:rgba(255,255,255,.6)}
.index_link ul li a:hover{ color:#fff}
.index_link ul li:hover i{transform: rotateY(360deg);transition: 1s;}*
.index_path{ float:right}
.index_path ul li{ float:left; margin-left:20px; vertical-align:bottom; position:relative;width:339px; height:160px; overflow:hidden; background:url(images/path.jpg) no-repeat; border-radius:5px;}
.index_path ul li h4{ font-size:20px; padding:30px 0 10px 30px; color:#fff}
.index_path ul li p{ font-size:16px; padding:0 0 10px 30px; color:#fff}
.index_path ul li .btn{ background:#fff; color:#31d097; font-size:14px; margin-left:30px; display:inline-block; border-radius:10px; padding:1px 8px;font-weight:bold}
.index_path ul li .btn em{font-family: SimSun; padding-left:3px; }
.index_path ul li .icon{ position:absolute;right:30px;top:0; line-height:160px;}
.index_path ul li .icon i{ font-size:80px; color:rgba(255,255,255,.7)}
.index_path ul li.l2{ background-position:0 -160px}
.index_path ul li.l3{ background-position:0 -320px}
.index_path ul li .mask{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.6);left:0;top:160px;border-radius:5px; text-align:center; display:table;transition: 0.3s linear; z-index:10}
.index_path ul li .mask p{ font-size:18px; color:#fff; padding:0}
.index_path ul li .mask i{ font-size:18px; padding-right:5px}
.index_path ul li:hover .mask{top:0;transition: 0.3s linear;}
.index_path ul li img:hover {-webkit-box-shadow: 0 15px 30px rgba(0 0 0 / 10%);box-shadow: 0 15px 30px rgb(0 0 0 / 10%);}
.index_title_new{ text-align:center; padding:50px 0 20px}
.index_title_new h3{ color:#262626; font-size:32px; padding-bottom:18px}
.index_title_new p{ font-size:16px; color:#666; line-height:28px}
.index_title_new a{ padding-left:15px; color:#eb1f28}
.index_title_new em{font-family: SimSun; padding-left:5px}
.index_video{ padding-bottom:80px;}
.index_video .hd{ text-align:center; margin:10px 0}
.index_video .hd ul li{ display:inline-block; font-size:16px; color:#666; padding:0 20px; margin:0 5px; cursor:pointer; height:36px; line-height:36px}
.index_video .hd ul li.on{ background:#eb1f28; border-radius:30px; color:#fff}
.index_video .bd ul{ position:relative; width:1380px} 
.index_video .bd ul li{ width:254px; float:left; margin:22px 22px 0px 0; background:#fff;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%); border-radius:8px;transition: .4s ease all;}
.index_video .bd ul li .img{ position:relative; width:254px; height:144px}
.index_video .bd ul li .img img{ width:254px; border-radius:8px 8px 0 0; height:144px}
.index_video .bd ul li:hover{transform: translateY(-5px);box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);}
.index_video .bd ul li .t{ padding:18px 20px}
.index_video .bd ul li .t h4{ font-size:16px; font-weight:normal; line-height:24px; height:24px; overflow:hidden; color:#333}
.index_video .bd ul li .t p{ padding-top:8px; font-size:14px; color:#666;}
.index_video .bd ul li .t p em{padding:0 5px}
.index_video .bd ul li a:hover h4{ color:#eb1f28}
.index_video .bd ul li .img:before{content:"\e635";display: inline-block;position:absolute;left:0;top:0; width:100%; height:100%;background:rgba(0,0,0,.6); border-radius:8px 8px 0 0; text-align:center;font-family: "iconfont";
 line-height:148px; color:#fff; font-size:32px;transition: .6s ease all; display:none}
.index_video .bd ul li:hover .img:before{ display:block}
.index_teacher{ padding:10px 0 50px}
.index_teacher ul{ position:relative; width:1380px} 
.index_teacher ul li{ width:254px; float:left; margin:0 22px 22px 0; background:#fff;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%); border-radius:8px;transition: .4s ease all; position:relative; overflow:hidden}
.index_teacher ul li .img{ position:relative; width:254px; height:320px}
.index_teacher ul li .img img{ width:254px; border-radius:8px 8px 0 0; height:320px}
.index_teacher ul li .t{ padding:18px 20px}
.index_teacher ul li .t h4{ font-size:18px; line-height:24px; height:24px; overflow:hidden; color:#000}
.index_teacher ul li .t p{ padding-top:8px; font-size:16px; color:#333;}
.index_teacher ul li .mask{  position:absolute;left:0;bottom:-409px; width:100%; height:100%; background:rgba(0,0,0,.6);border-radius:8px;transition: .4s ease all; color:#fff}
.index_teacher ul li .mask h4{ padding:30px 20px 10px; font-size:20px}
.index_teacher ul li .mask p{ font-size:16px; line-height:28px; padding: 0 20px}
.index_teacher ul li:hover .mask{ bottom:0} 
.index_teacher ul li:hover{box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);}
.index_tx{ background:url(images/bg2.jpg) no-repeat center bottom #f5f7f9; padding:20px 0 50px }
.index_tx .select{width: 180px;height: 37px;border: 1px solid #ddd;border-radius: 3px;font-size: 16px;color: #333;padding: 0 10px;outline: none;position: relative;z-index: 10; background:#fff; position:absolute}
.index_tx .select h5{font-size: 16px;line-height: 37px;color: #333;position: relative; font-weight:normal}	
.index_tx .select i{ position:absolute;top:1px;right:0; font-size:12px}
.index_tx .select ul{ display:none;position: absolute;top: 38px;left: 0;width: 180px;background: #fff;padding: 10px 10px;box-shadow: 0 0px 3px #e9e9e9;}
.index_tx .select ul li{font-size: 14px;line-height: 36px;color: #737373;cursor: pointer;}
.index_tx .tx{ display:none}
.index_tx .java_tx .top{ background:url(images/java_tx.png) no-repeat right; height:318px; width:100%; margin-top:-60px}
.index_tx .java_tx .box{ margin-top:2px; font-size:16px; overflow:hidden}
.index_tx .java_tx .box .t{ float:left; width:71px; height:42px; line-height:42px; color:#fff; text-align:center; background:#649cf0}
.index_tx .java_tx .box ul{ float:left}
.index_tx .java_tx .box ul li{ background:#649cf0; height:42px; line-height:42px; text-align:center; color:#fff; width:140px; margin-left:3px; float:left}
.index_tx .java_tx .box1{ border-top:3px solid #fff; font-size:16px; overflow:hidden}
.index_tx .java_tx .box1 .t{ float:left; width:71px;  color:#fff; text-align:center; background:#649cf0; display:table}
.index_tx .java_tx .box1 ul{ float:left; width:calc(100% - 71px)}
.index_tx .java_tx .box1 ul li{line-height:28px; color:#649cf0; width:426px; border-left:3px solid #fff; float:left; background:#eff5fd; text-align:center; padding:20px 0; display:table}
.index_tx .java_tx .box1 ul li .txt{ padding:0 20px; }
.index_tx .java_tx .box2{ border-top:3px solid #fff; font-size:16px; overflow:hidden}
.index_tx .java_tx .box2 .t{ float:left; width:71px;  color:#fff; text-align:center; background:#649cf0; display:table; border-radius:0 0 0 8px; line-height:70px}
.index_tx .java_tx .box2 .r{ float:right; width:1284px;border-radius:0 0 8px 0; background:#649cf0; color:#fff; border-left:3px solid #fff; padding:15px 0 }
.index_tx .java_tx .box2 .r ul li{ float:left; width:214px; display:table; font-size:15px }
.index_tx .java_tx .box2 .r ul li i{ font-size:18px; }
.index_tx .java_tx .box2 .r ul li .icon{ float:left; width:30px; height:30px; border:#fff solid 1px;margin:5px 10px 0 20px; border-radius:50%; text-align:center; line-height:30px }
.index_tx .java_tx .box2 .r ul li span{ float:left}
.index_tx .web_tx{ position:relative; margin:0px 0 0 0}
.index_tx .web_tx .top{ background:url(images/web_tx.png) no-repeat; width:100%; height:210px; position:absolute;left:0;top:-60px}
.index_tx .web_tx .hd{  position:relative; padding:80px 0 0 0 ; height:200px;}
.index_tx .web_tx .hd ul{ position:relative; width:1366px;}
.index_tx .web_tx .hd ul li{width:146px; height:260px; border-radius:10px; float:left; margin-right:5px;position:relative; cursor:pointer;transition: .4s ease all; position:relative; z-index:100; display:table}
.index_tx .web_tx .hd ul li span{font-size:24px; color:#fff; font-weight:bold; font-family: "Times New Roman", Times, serif; display:block; text-align:center; display: table-cell;vertical-align: middle;line-height: 20px;}
.index_tx .web_tx .hd ul li.on{ transform: translateY(-20px);}
.index_tx .web_tx .hd ul li.on.l1{ height:60px !important}
.index_tx .web_tx .hd ul li.on.l2{ height:80px !important}
.index_tx .web_tx .hd ul li.on.l3{ height:100px !important}
.index_tx .web_tx .hd ul li.on.l4{ height:120px !important}
.index_tx .web_tx .hd ul li.on.l5{ height:140px !important}
.index_tx .web_tx .hd ul li.on.l6{ height:160px !important}
.index_tx .web_tx .hd ul li.on.l7{ height:180px !important}
.index_tx .web_tx .hd ul li.on.l8{ height:200px !important}
.index_tx .web_tx .hd ul li.on.l9{ height:220px !important}
.index_tx .web_tx .hd ul li.on:after{content: "";display: inline-block;position:absolute;left:50%;bottom:0; margin-left:-18px;
width: 0;height: 0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:12px solid #fff;}
.index_tx .web_tx .hd .b{ text-align:center;top:0; height:390px;position:absolute; border-radius:10px; text-align:center }
.index_tx .web_tx .hd .b p{ font-size:20px; padding:30px 0 0 0}
.index_tx .web_tx .bd{box-shadow:0 10px 20px  rgb(0 0 0 / 10%); border-radius:10px; background:#fff;  position:relative; width:100%; }
.index_tx .web_tx .bd .info{ padding:30px 30px 10px;}
.index_tx .web_tx .bd .info h3{ font-size:24px; font-weight:normal; padding:0 0 10px; color:#333}
.index_tx .web_tx .bd .info p{ font-size:16px; color:#333; line-height:28px}
.index_tx .web_tx .bd .info .l{ float:left; width:700px; padding:20px 0 20px 0}
.index_tx .web_tx .bd .info .l ul li{ background:#fafafa; border-radius:5px; margin-bottom:15px; font-size:14px; clear:both; display: table; overflow:hidden;}
.index_tx .web_tx .bd .info .l ul li span{ background:#e3f0ff; height:60px;float:left; border-radius:5px; width:100px; text-align:center; line-height:60px; color:#666}
.index_tx .web_tx .bd .info .l ul li em{width:560px; padding:0 20px;display: table-cell;vertical-align:middle; line-height:20px; color:#000}
.index_tx .web_tx .bd .info .r{ float:right; width:555px; margin-top:20px; padding-bottom:35px}
.index_tx .web_tx .bd .info .r img{ width:100%; border-radius:8px}
.index_kc{ overflow:hidden; width:1365px; position:relative; padding:5px 0 20px}
.index_kc .box{ width:335px; float:left; margin-right:5px}
.index_kc .box .title{ height:80px; line-height:80px; background:#fa5349; font-size:18px; padding-left:20px; color:#fff; border-radius:5px 5px 0 0}
.index_kc .box .info{ position:relative; height:170px; background:#ffede9; margin:5px 0 0 0; display:block}
.index_kc .box .info h3{ padding:35px 0 0 20px; color:#eb1f28; font-size:16px; font-weight:normal}
.index_kc .box .info p{ font-size:14px; padding:10px 0 20px 20px; color:#666}
.index_kc .box .info .btn{ width:75px; height:28px; line-height:28px; font-size:12px; color:#fff; background:#fa5349; margin:0 0 0 20px; display:block; text-align:center}
.index_kc .box .info .icon{ position: absolute;right:20px;top:50%; width:90px; height:90px; border-radius:50%; background:#ffdbd3; margin:-45px 0 0 0; text-align:center; line-height:90px}
.index_kc .box .info .icon i{ font-size:46px; color:#fff; text-shadow:0 0 10px rgba(250,83,73,.3)}
.index_kc .box .info:hover{ background:#fff}
.index_kc .box .info:hover .btn{ background:#eb1f28}
.index_kc .box .sub{ width:340px; position:relative;  overflow:hidden}
.index_kc .box .sub ul li{ float:left; background:#ffede9; width:165px; height:90px; margin:5px 5px 0 0}
.index_kc .box .sub ul li p{ padding:0 20px; font-size:12px; color:#666; line-height:18px}
.index_kc .box .sub ul li .t{ font-size:14px; color:#333; padding:20px 0 5px 20px}
.index_kc .box .sub ul li a{ display:block; height:100%}
.index_kc .box .sub ul li a:hover{ background:#fff; }
.index_kc .box .sub ul li a:hover p{ color:#eb1f28}
.index_kc .box .kb{ background:url(images/bg3.jpg) no-repeat left top; width:335px; height:150px; margin-top:5px; border-radius:0 0 5px 5px}
.index_kc .box .kb h4{ font-size:18px; color:#fff; padding:20px 20px 10px; font-weight:normal}
.index_kc .box .kb ul li{ font-size:14px; padding:0 20px; color:#fff; line-height:28px}
.index_kc .box .kb ul li span{ width:120px; color:#fff; float:left}
.index_kc .box .kb ul li em{ width:100px; color:#fff; float:left; text-align: center}
.index_kc .box .kb ul li b{ width:75px; text-align:right; float:right; color:#fff; font-weight: normal}
.index_kc .box .kb_h5{ background:url(images/bg3.jpg) no-repeat left -150px;}
.index_kc .box .kb_data{ background:url(images/bg3.jpg) no-repeat left -300px;}
.index_kc .box .kb_ai{ background:url(images/bg3.jpg) no-repeat left bottom;}
.index_sm{ overflow:hidden; position:relative;background:url(images/bg6.jpg) no-repeat top center #f9f9fa; margin:50px 0 0 0; padding-bottom:20px}
.index_sm .box{ background:#fff;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%); border-radius:10px; padding:30px}
.index_sm .hd{ overflow:hidden}
.index_sm .hd ul{position: relative; white-space: nowrap;}
.index_sm .hd ul li{ display:inline-block; background:#f0f0f0; padding:10px 20px; font-size:16px; color:#333; margin-right:15px; border-radius:8px; cursor:pointer}
.index_sm .hd ul li.on{ background:#ff6a1a; color:#fff; }
.index_sm .bd .sm_box .img{ float:left; width:50%}
.index_sm .bd .sm_box .img img{ width:100%;border-radius:10px; height:369px}
.index_sm .bd .sm_box .info{ float:right; width:48%; overflow:hidden; height:368px;}
.index_sm .bd .sm_box .info h4 {font-size: 22px;color: #333;border-bottom: #eee solid 1px;overflow: hidden;padding:0 0 15px 0; margin-bottom:20px; margin-right:10px}
.index_sm .bd .sm_box .info .t{ font-size:20px; color:#333; padding:0px 0 10px}
.index_sm .bd .sm_box .info .t i{ color:#216df4; padding-right:8px; font-size:20px}
.index_sm .bd .sm_box .info p{ font-size:15px; color:#333; line-height:26px; padding-right:10px}
.index_sm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#999 !important; width:4px !important}
.index_sm .mCSB_scrollTools .mCSB_draggerRail{ width:4px !important; background:#ddd  !important}
.index_bg{ background:url(images/bg4.jpg) no-repeat center bottom #f9f9fa; padding-bottom:70px}
.index_jy{ margin:30px 0 0 0; background:#fff; border-radius:8px; overflow:hidden;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%);}
.index_jy .l{ background:url(images/jy_img.jpg) no-repeat; width:280px; height:280px; color:#fff; text-align:center; float:left}
.index_jy .l h4{ padding:150px 0 0 0; font-size:30px; color:#fff;}
.index_jy .l p{ font-size:16px; line-height:26px; padding:8px 0 0 0 }
.index_jy .r{ float:left; width:1038px; padding:20px}
.index_jy .bd{ height:240px; overflow:hidden }
.index_jy .bd ul{ width:207px}
.index_jy .bd ul li{ height:120px; text-align:center; font-size:14px; color:#333; line-height:26px; border-left:#f5f7f9 solid 1px ;border-bottom:#f5f7f9 solid 1px;font-family:Verdana, Geneva, sans-serif; background:#fff; display:block }
.index_jy .bd ul li .t{ font-size:16px}
.index_jy .bd ul li .icon{ padding:20px 0 8px 0 }
.index_jy .bd ul li .icon i{ font-size:26px; color:#eb1f28}
.index_jy .bd ul li b{ font-size:18px; color:#eb1f28; }
.index_jy .bd ul li:hover i{ font-size:30px;transition: 0.3s; }
.index_news .pic_news{ position:relative; width:800px; height:390px; float:left}
.index_news .pic_news .t{ position:absolute;left:0;bottom:0; background:rgba(0,0,0,.5); width:100%; height:100px; color:#fff}
.index_news .pic_news .t h4{ font-size:19px;padding-left:15px; margin:25px 0 0 20px; position:relative}
.index_news .pic_news .t h4:before{content: "";display: inline-block;position:absolute; width:3px; height:20px;left:0;top:4px; background:#eb1f28}
.index_news .pic_news .t p{ font-size:16px; padding:8px 0 0 20px}
.index_news .pic_news .t b{ color:#ffff00}
.index_news .pic_news .bd ul li .pic{width:800px; height:390px; overflow:hidden}
.index_news .pic_news .bd ul li:hover .pic img{transform: scale(1.03);transition: 0.5s;}
.index_news .pic_news .hd{ position:absolute;right:20px; bottom:25px}
.index_news .pic_news .hd ul li{ border-radius:50%; width:10px; height:10px; background:#fff; text-indent:-9999px; display:inline-block; margin:0 3px; background:rgba(255,255,255,.5); cursor:pointer}
.index_news .pic_news .hd ul li.on{ background:#fff}
.index_news .tabs_news{ float:right; width:520px}
.index_news .tabs_news .hd ul{ font-size:16px; border-bottom:#e0e2e2 solid 1px; padding-bottom:15px;display: flex; justify-content: space-between;}
.index_news .tabs_news .hd ul li{ cursor:pointer; display:inline-block}
.index_news .tabs_news .hd ul li.on{ color:#eb1f28; font-weight:bold; position:relative}
.index_news .tabs_news .hd ul li.on:before{content: "";display: inline-block;position:absolute;bottom:-17px;left:0; width:100%; height:3px; background:#eb1f28}
.index_news .tabs_news .hd ul li.on:after{content: "";display: inline-block;position:absolute;left:50%;bottom:-22px; margin-left:-5px;
width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #eb1f28;}
.index_news .tabs_news .bd{ padding:10px 0 0 0}
.index_news .tabs_news .bd ul li{ font-size:16px; line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:40px}
.index_news .tabs_news .bd ul li .n{ font-size:16px; font-weight:bold; color:#444;font-family:Verdana, Geneva, sans-serif}
.index_news .tabs_news .bd ul li .n em{ font-weight:normal; color:#666; padding:0 7px}
.index_news .tabs_news .bd ul li .red{ color:#eb1f28}
.index_news .tabs_news .bd ul li a{ display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index_news .tabs_news .bd ul li:hover p{transform: translateY(-44px);transition: 0.3s;}
.index_news .tabs_news .bd ul .more_new a{color: #666;font-size: 14px;}
.index_fit{ padding:10px 0 0 0}
.index_fit ul li{float: left;width: 225px;text-align: center;border-right: #eee solid 1px;border-bottom: #eee solid 1px;transition: .6s;padding:25px 0}
.index_fit ul li .icon{ padding:0 0 0px;transition:2s; border-radius:50%; width:50px; height:50px;  display:inline-block; color:#eb1f28; background:rgba(235,31,40,.1)}
.index_fit ul li .icon i{ font-size:26px; line-height:50px}
.index_fit ul li h4{ color:#333; font-size:16px;  padding:15px 0 8px}
.index_fit ul li p{ font-size:14px; color:#444; line-height:20px}
.index_fit ul li:hover{box-shadow: 0 0 20px #ddd; background:#fff}
.index_fit ul li:hover i,.index_fit ul li:hover p,.index_fit ul li:hover h4{ transition: .6s;}
.index_fit ul li:hover .icon{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.index_fit ul li:nth-child(6),.index_fit ul li:nth-child(12),.index_fit ul li:nth-child(18){ border-right:none}
.index_fit ul li:nth-child(13),.index_fit ul li:nth-child(14),.index_fit ul li:nth-child(15),.index_fit ul li:nth-child(16),.index_fit ul li:nth-child(17),.index_fit ul li:nth-child(18){ border-bottom:none}
.index_fz{ background:url(images/bg5.jpg) no-repeat center; height:589px}
.index_fz .bd{ margin:50px 0 0 0; position:relative;}
.index_fz .bd:before{content: "";display: inline-block;position:absolute; width:100%; height:1px; background:#2f5f6a;left:0;top:9px; background:rgba(48,199,202,.3)}
.index_fz .bd .tempWrap{ width:1208px; float:left}
.index_fz .bd ul li{ width:195px; margin:0 30px 0; color:#fff; font-size:16px; line-height:28px; position:relative; padding:20px 0 0 0  }
.index_fz .bd ul li h4{ font-size:44px; padding:60px 0 20px 0; font-weight:normal;font-family:Verdana, Geneva, sans-serif}
.index_fz .bd ul li h4 em{ font-size:16px}
.index_fz .bd ul li:before{content: "";display: inline-block;position:absolute;left:0;top:0; border-radius:50%; border:#30c7ca solid 1px; width:18px; height:18px; background:#213549}
.index_fz .bd ul li:after{content: "";display: inline-block;position:absolute;left:5px;top:5px; border-radius:50%; border:#30c7ca solid 3px; width:4px; height:4px; }
.index_fz .bd .prev,.index_fz .bd .next{  float:left; color:#fff; background:#6a6c78; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; background:rgba(255,255,255,.3); cursor:pointer; margin-top:120px}
.index_fz .bd .next{ float:right}
.index_fz .bd .prevStop,.index_fz .bd .nextStop{ opacity:.3;pointer-events: unset;cursor: not-allowed;}
.index_honor{ overflow:hidden; padding-bottom:70px}
.index_honor .bd ul{ position:relative; width:1400px}
.index_honor .bd ul li{ width:320px; margin:10px 26px 16px 0; float:left; background:#ebebed; text-align:center; border-radius:8px}
.index_honor .bd ul li img{ width:280px; margin:20px 0}
.index_honor .bd ul li .t{ background:#fff; border-radius:8px; border:#ebebed solid 1px; padding:15px 0 15px 30px; text-align:left; overflow:hidden}
.index_honor .bd ul li .t .icon{ float:left; width:45px; height:45px; background:#fff; border-radius:50%; border:#eb1f28 solid 1px; text-align:center; margin:5px 10px 0 0}
.index_honor .bd ul li .t .icon i{ font-size:24px; color:#eb1f28; line-height:45px}
.index_honor .bd ul li .t span{ float:left; font-size:16px; line-height:26px; color:#333}
.index_honor .bd ul li:hover{box-shadow: 0 5px 20px 0 rgb(95 101 105 / 15%);transition: 0.5s;}
.index_honor .bd ul li:hover span{color:#eb1f28;}
.index_honor .bd ul li:hover img{transform: scale(1.03);transition: 0.5s;}
.index_honor .hd{ text-align:center; margin-top:20px}
.index_honor .hd ul li{ display:inline-block; width:50px; height:6px; margin:0 5px; background:#ccc; border-radius:3px; text-indent:-9999px; cursor:pointer}
.index_honor .hd ul li.on{ background:#eb1f28}
.index_hj{ padding:10px 0 70px}
.index_hj .hd{ border-top:#ddd solid 1px; text-align:center}
.index_hj .hd ul li{ display:inline-block; position:relative; font-size:20px; color:#666; margin:0 70px; padding-top:20px; cursor:pointer}
.index_hj .hd ul li.on{ color:#eb1f28}
.index_hj .hd ul li.on:before{content: "";display: inline-block;position:absolute;top:-2px;left:0; width:100%; height:3px; background:#eb1f28}
.index_hj .bd{ clear:both; display:block; overflow:hidden; padding:0 0 20px 0}
.index_hj .bd .hj1 ul{ position:relative; width:1400px}
.index_hj .bd .hj1 ul li{ float:left; margin:0 25px 25px 0; border-radius:8px; overflow:hidden; width:436px}
.index_hj .bd .hj1 ul li img{ width:436px; height:220px}
.index_hj .bd .hj1 ul li:hover img{transform: scale(1.03);transition: 0.5s;}
.index_hj .bd .hj2 ul{ position:relative; width:1400px}
.index_hj .bd .hj2 ul li{ float:left; margin:0 25px 25px 0; border-radius:8px; overflow:hidden;}
.index_hj .bd .hj2 ul li img{ vertical-align:bottom}
.index_hj .bd .hj2 ul li:hover img{transform: scale(1.03);transition: 0.5s;}
.index_hj .bd .hj3{ width:1500px; position:relative}
.index_hj .bd .hj3 ul{ position:relative;}
.index_hj .bd .hj3 ul li{ float:left; margin:0 25px 25px 0; border-radius:8px; overflow:hidden;}
.index_hj .bd .hj3 ul li img{ vertical-align:bottom}
.index_hj .bd .hj3 ul li:hover img{transform: scale(1.03);transition: 0.5s;}
.index_jx{ position:relative; margin:60px 0 0 0}
.index_jx .border{ border:#b7d1f8 solid 3px; border-radius:20px;  width:1300px; position:absolute;left:29px; height:365px;top:0}
.index_jx .border .l,.index_jx .border .r{ position:absolute;left:-32px; border-radius:8px; border:#b7d1f8 solid 3px; background:#fff; width:52px;top:80px; text-align:center; font-size:20px; font-weight:bold; color:#649cf0; padding:15px 0 }
.index_jx .border .r{ left:auto;right:-32px}
.index_jx .border .l:before{content: "";display: inline-block;position:absolute;width: 0;height: 0;border-top: 11px solid transparent;border-left: 20px solid #b7d1f8;border-bottom: 11px solid transparent;top:-95px;left:60px; z-index:200}
.index_jx .border .r:before{content: "";display: inline-block;position:absolute;width: 0;height: 0;border-top: 11px solid transparent;border-right: 20px solid #b7d1f8;border-bottom: 11px solid transparent;top:-95px;right:65px; z-index:200}
.index_jx .box{ width:1200px; background:#fff; margin:0 auto;position:relative; z-index:100; height:460px }
.index_jx .box .hd{ height:100px; width:1150px; margin:-50px auto 0; border-radius:8px 25px 8px 25px;/*background-image: linear-gradient(90deg,#649cf0,#0d6af7)*/}
.index_jx .box .hd ul{ position:relative; width:1400px}
.index_jx .box .hd ul li{ width:360px; float:left; line-height:100px; font-size:26px; color:#fff; font-weight:bold; text-align:center;border-radius:8px 25px 8px 25px; margin-right:35px}
.index_jx .box .hd ul em{ width:1px; float:left; height:100px; margin:0 17px;background-image: linear-gradient(to bottom, rgba(255,255,255,.0), rgba(255,255,255,.2), rgba(255,255,255,.5), rgba(255,255,255,.2), rgba(255,255,255,.0));}
.index_jx .box .bd{ position:relative; width:1230px}
.index_jx .box .bd ul.l1{ width:360px; float:left; margin:0 10px 0 25px}
.index_jx .box .bd ul.l1 li{ height:80px;border-radius:5px 20px 5px 20px;background:#649cf0; margin-top:40px; font-size:20px; text-align:center; line-height:80px; color:#fff; position:relative; display:block}
.index_jx .box .bd ul.l1 li::before{content: "\e6a9";display: inline-block;position:absolute; font-family:iconfont;left:50%; top:-58px; font-size:28px; margin-left:-14px;
background-image: linear-gradient(180deg,#b7d1f8,#649cf0);background-clip:text;-webkit-background-clip:text;color: transparent;}
.index_jx .box .bd ul.l2{ width:360px; float:left; margin:0 10px 0 25px}
.index_jx .box .bd ul.l2 li{ height:80px;border-radius:5px 20px 5px 20px;background:#8cc360; margin-top:40px; font-size:20px; text-align:center; line-height:80px; color:#fff; position:relative; display:block}
.index_jx .box .bd ul.l2 li::before{content: "\e6a9";display: inline-block;position:absolute; font-family:iconfont;left:50%; top:-58px; font-size:28px; margin-left:-14px;
background-image: linear-gradient(180deg,#cce7b6,#8cc360);background-clip:text;-webkit-background-clip:text;color: transparent;}
.index_jx .box .bd ul.l3{ width:360px; float:left; margin:0 10px 0 25px}
.index_jx .box .bd ul.l3 li{ height:80px;border-radius:5px 20px 5px 20px;background:#fdb736; margin-top:40px; font-size:20px; text-align:center; line-height:80px; color:#fff; position:relative; display:block}
.index_jx .box .bd ul.l3 li::before{content: "\e6a9";display: inline-block;position:absolute; font-family:iconfont;left:50%; top:-58px; font-size:28px; margin-left:-14px;
background-image: linear-gradient(180deg,#fee0a7,#fdb736);background-clip:text;-webkit-background-clip:text;color: transparent;}
.index_jx .box .bd ul li:hover{transform: scale(1.03);transition: 0.5s;}
.index_jx .box .bd ul li a{ color:#fff}
/*page*/
.crumbs{ height:50px; line-height:50px; font-size:14px; color:#333}
.crumbs i{ font-size:14px; padding-right:5px}
.crumbs em{padding:0 5px; font-family:SimSun}
.page_box{ background:#fff; overflow:hidden; margin-bottom:40px}
.news_list{ padding:20px 50px;}
.news_list ul li{padding: 20px 0;border-bottom: 1px #d6d6d6 solid;overflow:hidden}
.news_list ul li .newsdate{float: left;width: 115px;height: 100px;background: #f3f3f3; }
.news_list ul li .newsdate .md{display: block;font-size: 26px;color: #eb1f28;padding:18px 0 0 20px;}
.news_list ul li .newsdate .year{font-size: 16px;color: #424242;padding:5px 0 0 20px;}
.news_list ul li .newsbody{width:1115px;float: right;padding:10px 0 0;}
.news_list ul li .newsbody .title{height:25px;font-size:18px;}
.news_list ul li .newsbody .description{line-height:24px;font-size:14px;color:#6a6a6a;margin:10px 0 0 0;overflow:hidden; padding:0 20px 0 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.news_list ul li:hover{background: #f3f3f3; }
.page_new {padding:30px 0 60px;overflow: hidden;clear: both;text-align: center;}
.page_new span, .page-disabled {display: inline-block;padding: 0 4px;min-width: 24px;height: 32px;line-height: 32px;font-size: 14px;color: #c8cdd2;text-align: center;}
.page_new a {display: inline-block;margin: 0 8px;padding: 0 4px;min-width: 24px;line-height: 32px;font-size: 14px;color: #4d555d;text-align: center;border-radius: 16px;-webkit-transition: border-color .2s;
-moz-transition: border-color .2s;transition: border-color .2s;}
.page_new a.text-page-tag:hover {background: #d9dde1;color: #4d555d;text-decoration: none;}
.page_new a.text-page-tag.active {background: #eb1f28;color: #fff;}
.news_show{padding:50px 80px;}
.news_show h2{font-size:30px; text-align:center; font-weight:normal; color:#333}
.news_show .time{ text-align:center;color: #666;padding: 10px 0 20px;border-bottom: 1px dashed #ccc; font-size:14px; }
.news_show .time a{ color:#666}
.news_show .sub_txt{ padding:20px 0; border-bottom: 1px dashed #ccc;margin-bottom: 40px;}
.news_show .sub_txt p {line-height: 30px;color: #333;font-size: 16px;margin-bottom: 5px;}
.news_show .hotspot_txt p{margin-bottom: 25px;}
.news_show .hotspot_txt img{display: block;margin: 0 auto;}
.news_show .hotspot_txt a{color: #3814c1;}
.news_show .relevant{ overflow:hidden}
.news_show .relevant .t{ font-size:20px; padding-bottom:15px; color:#eb1f28}
.news_show .relevant ul li{ font-size:16px; line-height:36px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_show .relevant ul li a{ color:#6B6B6B;}
.news_show .relevant ul li a:hover{ color:#eb1f28;}
.news_show .relevant ul li em{ padding-right:5px;color:#e1251b;}
.news_show .relevant .box{ width:45%}
/*开班计划*/
.kb_banner{ height:500px; width:100%; background:url(images/kb_banner.jpg?v=1.2) no-repeat center; cursor:pointer}
.kb_title{ text-align:center; font-size:32px; font-weight:bold; color:#262626; padding:60px 0 10px}
.kb_title em{ color:#eb1f28}
.kb_list{ padding-bottom:10px; overflow:hidden; padding-bottom:70px }
.kb_list .t{ text-align:center}
.kb_list .t .iconfont{ display:inline-block; width:60px; height:60px; border:#ccc solid 1px; border-radius:50%; line-height:60px;font-size:32px; margin:30px 0 10px; color:#eb1f28}
.kb_list .t h3{ font-size:20px;color:#333; padding-bottom:15px; text-align:center}
.kb_list ul { width:1420px; position:relative;}
.kb_list ul li{ float:left; width:427px; margin-right:39px; padding:10px 0; font-size:16px;}
.kb_list ul li i{width:20px; height:20px; float:left; background:#eb1f28; text-align:center; line-height:19px; color:#fff; font-style:normal; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:12px}
.kb_list ul li span{ float:left; width:230px; padding-left:8px}
.kb_list ul li em{ width:90px; float:left;}
.kb_list ul li b{ float:left; width:79px; color:#e51f2e; text-align:right; font-weight:normal}
.kb_list ul li .ykb{ color:#666}
.kb_btn{ font-size:18px; background:#e51f2e; padding:15px 80px; border-radius:30px; color:#fff; display: inline-block; margin:30px 0 0 0; cursor:pointer}
.kb_qq{ padding:30px 0 50px 0; overflow:hidden}
.kb_qq ul{ position:relative; width:1420px}
.kb_qq ul li{ float:left; width:647px; padding:15px 0; font-size:16px; margin-right:60px; line-height:32px; border:#eee solid 1px; background:#fff; border-radius:30px; margin-bottom:20px}
.kb_qq ul li span{ float:left; width:389px}
.kb_qq ul li span i{ padding:0 5px 0 20px; color:#999}
.kb_qq ul li em{ float:left; width:150px}
.kb_qq ul li a.qq_btn{background: #e51f2e; width:90px;line-height:32px; color:#fff; font-size:14px; float:left; text-align:center; border-radius:20px}
.kb_qq ul li a.qq_btn:hover{background:#167ed9;transition: 0.5s;}
/*来校路线*/
.route{background:#fff;overflow:hidden; padding:50px; margin:0px 0 50px}
.route .tit{ background:url(../images/bjsxt/images/bj_ico.gif) no-repeat left top; font-size:24px; font-weight:bold; color:#e51f2e; height:60px; line-height:60px; padding-left:80px;}
.route .txt{padding:0px 0 30px 80px; line-height:26px; font-size:16px; color:#333}
.route .txt b{ clear:both; display:block; padding:10px 0 15px 0; color:#e51f2e; font-size:20px}
.route .t1{background:url(../images/bjsxt/images/bj_ico.gif) no-repeat left -60px !important;}
.route .t6{background:url(../images/bjsxt/images/bj_ico.gif) no-repeat left -360px !important;}
/*报名流程*/
.bm_banner{ height:260px; width:100%; background:url(images/bm_banner.jpg) no-repeat center}
.bm_form{ background:#fff; overflow:hidden;box-shadow: 0 5px 15px #eee; padding:20px 100px 30px 60px; margin-bottom:20px}
.bm_form h4{ font-size:20px; text-align:center; color:#e51f2e; padding:20px 0 30px 0}
.bm_form .form{ width:calc(100% - 280px); float:left}
.bm_form .info_input{ position:relative; margin-bottom: 20px; width:50%; float:left}
.bm_form .info_input .t{ float:left; font-size:14px; line-height:42px; padding-right:5px; width:80px; text-align:right; color:#333}
.bm_form .info_input .t em{ color:#ff0000}
.bm_form .info_input .ipt{ width:calc(100% - 100px); float:left;height: 42px;line-height: 20px;box-sizing: border-box;padding: 0 14px 0;background:#fff;border-radius:3px;border: 0; font-size:16px;border:#ddd solid 1px}
.bm_form .info_input .select{ width:calc(100% - 100px); float:left;height: 42px;line-height: 20px;box-sizing: border-box;padding: 0 10px 0;background:#fff;border-radius:3px;border: 0; font-size:16px;border:#ddd solid 1px; color:#666}
.bm_form .tip{line-height:20px; color:#ff0000;position: absolute;bottom:0;font-size: 12px;top:40px;display: none;left:85px}
.bm_form .btn{ float:right; width:250px; margin-top:10px}
.bm_form .submit{ font-size:14px; color:#fff; background:#e51f2e; border:none; padding:12px 0; width:250px; text-align:center; cursor:pointer}
.bm_form .btn p{ padding:10px 0 0 0; color:#666}
.bm_form .get_dxcode{ background:none;border:none; position:absolute;right:30px; color:#37f;top:12px; cursor:pointer}
.bm_lc{ background:#fff; overflow:hidden;box-shadow: 0 5px 15px #eee; padding:40px 50px 50px; margin-bottom:10px }
.bm_lc h4{ font-size:18px; color:#e51f2e; padding:20px 0 10px}
.bm_lc p{ font-size:14px; color:#666; line-height:24px}
.bm_lc .t{ font-size:16px; color:#333; padding:0 0 5px}
.bm_lc h4 em{ font-family:Verdana, Geneva, sans-serif}
.bm_yw{ background:#fff; overflow:hidden;box-shadow: 0 15px 15px #eee; padding:20px 0 20px 50px; margin-bottom:10px}
.bm_yw ul li{line-height: 38px; width:33.333%; float:left; font-size:14px;}
.bm_yw ul li em{width:5px;height:5px;border-radius: 50%;background: #e51f2e;margin: 16px 5px 0 0; float:left}
/*about*/
.about_banner{background: #f4f4f4;width: 100%;max-height:640px;min-height:600px;margin: 0 auto;position: relative;overflow: hidden;}
.about_banner:before {content: "";display: inline-block;position: absolute; background:rgba(0,0,0,.4); width:100%; height:100%}
.about_banner_video{ height:100%; width:100%}
.about_banner .txt{ text-align:center; color:#fff; position: absolute; width:100%;left:0;top:0}
.about_banner .txt h2{ font-size:90px; margin:120px 0 20px}
.about_banner .txt h3{ font-size:36px; margin-bottom:20px}
.about_banner .txt p{ font-size:18px}
.about_banner .txt .icon{ width:84px; height:84px; position:absolute; background:#fff; border-radius:50%;left:30px;top:30px; cursor:pointer}
.about_banner .txt .icon i{ color:#eb1f28; line-height:84px; font-size:34px; padding-left:9px; text-shadow:0 2px 5px rgba(235,31,40,.5)}
.about_banner .ban_play{ width:144px; height:144px; position: absolute;left:50%;top:370px; margin-left:-72px}
.about_banner .ban_play span {display: block;width: 84px;height: 84px;background: url(images/about/ban_play.png) no-repeat;background-size: 100% 100%;animation: waves 1.5s linear infinite;padding: 30px;}
@keyframes waves{0% { transform:scale(.9); opacity: 1;}50% { transform:scale(1.15);opacity: .5; }100% { transform:scale(1.4);opacity: 0;}}
@keyframes waves2{0% { transform:scale(1);}50% { transform:scale(1.3); }100% { transform:scale(1.6); }}
.about_video{ position:relative; z-index:99999; display:none}
.about_video .video{position:fixed;left:50%;top:50%; margin:-236px 0 0 -420px;}
.about_video:before {content: "";display: inline-block;position: fixed; background:rgba(0,0,0,.4); width:100%; height:100%;left:0;top:0;}
.about_video .about_video_close{ position: absolute;right:-36px;color:#fff;top:-36px; cursor:pointer}
.about_video .about_video_close i{ font-size:36px}
.about_nav{text-transform: uppercase; background:#fff; border-radius:10px; box-shadow:0 5px  20px rgba(14,5,10,.05); margin-top:-55px; margin-bottom:60px;  height:110px}
.about_nav ul li{ float:left; width:20%; text-align:center; height:70px; margin-top:20px; position:relative;}
.about_nav ul li:before {content: "";display: inline-block;position: absolute;right:0;top:0; height:100%; width:1px; background:#eee;}
.about_nav ul li:nth-child(5):before{ width:0px}
.about_nav ul li h4{ font-size:20px; font-weight:normal; padding:10px 0 5px}
.about_nav ul li p{ font-size:16px; color:#666}
.about_nav ul li a{ display:block}
.about_title{ padding:70px 0 0 0; text-align:center}
.about_title h2{ font-size:38px; color:#262626}
.about_title p{ font-size:18px; line-height:30px; padding:15px 0 0 0; color:#666}
.about_a{ background:#fff; border-radius:10px; box-shadow:0 5px 20px rgba(14,5,10,.05); margin-bottom:50px; overflow:hidden}
.about_a .l{ float:left;width:483px}
.about_a .l .t{ height:200px; width:100%; text-align:center}
.about_a .l .t h2{ font-size:38px; color:#eb1f28; padding:50px 0 10px}
.about_a .l .t h3{ font-size:24px; color:#666666;}
.about_a .r{ float:right; width:875px}
.about_a .r .txt{ width:545px; float:left; height:300px; padding:20px 30px; font-size:16px; color:#333; line-height:29px}
.about_a .r .img{ float:left}
.about_a .r .img3{ margin-left:3px}
.about_b{ background:url(images/about/5.jpg) no-repeat center; border-radius:10px; text-align:center; height:360px; margin-bottom:60px}
.about_b .txt{ font-size:18px; color:#fff; line-height:30px; text-shadow:0 1px 1px rgba(0,0,0,.75); padding-top:25px}
.about_b .txt p{ padding-bottom:10px}
.about_c{ background:url(images/about/6.jpg) no-repeat top center #f5f7f9; overflow: hidden}
.about_c .box{ margin-top:40px; border-radius:10px; overflow:hidden; height:356px;box-shadow:0 5px 20px rgba(14,5,10,.05); position:relative; cursor:pointer}
.about_c .box .title{ position:absolute;left:0; bottom:0; height:100px; background:rgba(0,0,0,0.5); width:100%; text-align:center; display:table}
.about_c .box .title p{ color:#fff; font-size:18px; line-height:30px;display:table-cell; vertical-align:middle;}
.about_c .box:hover img{transform: scale(1.03);transition: 0.5s;}
.about_d{ background:#fff; box-shadow:0 5px 20px rgba(14,5,10,.05); text-align:center; line-height:56px; font-size:15px; color:#666; border-radius:10px; margin:25px 0 30px}
.about_e{ margin:50px 0 70px 0; cursor:pointer}
.about_e img{ width:100%}
.about_f{ padding:20px 0 60px;}
.about_f ul{ position:relative; width:1450px}
.about_f ul li{ float:left; width:311px; background:#fff; box-shadow:0 5px 20px rgba(14,5,10,.05); margin:30px 38px 20px 0; text-align:center; border-radius:8px; position:relative; padding:30px 0; cursor:pointer}
.about_f ul li .icon{ position: absolute;left:-15px; width:80px; height:80px; border:#f5f7f9 solid 10px; border-radius:100%; background:#ff541d;top:-30px}
.about_f ul li .icon i{ color:#fff; font-size:34px; line-height:80px}
.about_f ul li h3{ font-size:22px; color:#ff541d; padding:20px 0 10px}
.about_f ul li p{ font-size:18px; color:#666; line-height:30px}
.about_f ul li .line{ width:46px; height:3px; margin:10px auto 12px; background:#ff541d; border-radius:5px}
.about_f ul li:hover{transform: translateY(-5px);box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);transition: .6s ease all;}
.about_f ul li:hover .icon{transform:rotate(360deg);transition: .6s ease all;-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);}
.about_g{ padding:20px 0 60px;position:relative; width:1450px}
.about_g dl{ float:left; width:311px; background:#fff; box-shadow:0 5px 20px rgba(14,5,10,.05); margin:20px 38px 60px 0; text-align:center;padding:30px 0; cursor:pointer }
.about_g dl dt{ font-size:20px; color:#333}
.about_g dl .line{width:39px; height:3px; margin:10px auto 12px; background:#ff541d; border-radius:5px}
.about_g dl .t{ font-size:16px; color:#666; line-height:26px; margin:0 20px; border-bottom:#eee dashed 1px; padding-bottom:15px}
.about_g ul{ padding:0 20px}
.about_g ul li{ float:left; width:50%; margin:15px 0 0 0}
.about_g ul li .icon{ position: relative; width:54px; margin:0 auto; height:54px}
.about_g ul li .icon:before {content: "\e64a";display: inline-block;position: absolute;font-size: 54px;left: 0;font-family: "iconfont";color: #ff541d;}
.about_g ul li p{ font-size:14px; color:#666; padding:5px 0 0 0}
.about_g ul li .icon i{ position:relative; z-index:100; line-height:54px; color:#fff; font-size:22px}
.about_g ul li:hover .icon{ transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transition: .6s ease all;}
.about_g dl:nth-child(2) ul li .icon:before{ color:#ffa235}
.about_g dl:nth-child(3) ul li .icon:before{ color:#3599ff}
.about_g dl:nth-child(4) ul li .icon:before{ color:#42d1cb}
.about_g dl:hover{transform: translateY(-5px);box-shadow: 0 5px 20px 0 rgb(95 101 105 / 15%);transition: .6s ease all;}
.about_h{ background:url(images/about/10.jpg) no-repeat center; height:645px}
.about_h .box{ text-align:center; margin-top:25px}
.about_h .box img{ border:#a9aaae solid 1px; padding:10px; cursor:pointer}
.about_i{ padding-bottom:60px}
.about_i ul{ position:relative; width:1440px}
.about_i ul li{ float:left; background:#fff;box-shadow:0 5px 20px rgba(14,5,10,.05); width:317px; border-radius:10px; text-align:center;padding:19px 0; margin:25px 30px 0 0}
.about_i ul li img{ vertical-align:bottom}
.about_i ul li:hover img{transform: scale(1.03);transition: 0.5s;}
.about_j{ padding:30px 0 60px; overflow:hidden; cursor:pointer}
.about_j img{ border-radius:10px}
.about_j .box{ overflow:hidden; border-radius:10px; box-shadow:0 5px 20px rgba(14,5,10,.05);}
.about_j .box:hover img{transform: scale(1.03);transition: 0.5s;} 

.nav_main{ width:1358px; margin:0 auto;}
.all_course{ float:left; }
.all_course h3{ cursor:pointer; height:44px; line-height:44px; text-align:center; background:#f4f4f4; font-size:16px;border-radius: 5px 5px 0 0; color:#333; width:280px;}
.all_course h3 i{ padding-left:5px; font-size:14px}
.all_course_sub{ background:#f4f4f4;width:100%; display:none; z-index:100; position:relative; position:absolute;left:0;padding:10px 0px}
.all_course_sub .box{ clear:both; display:block; margin:25px 0; overflow:hidden}
.all_course_sub h4{ font-size:15px; color:#000; float:left;margin-right:30px; width:90px; text-align:left; line-height:30px; position:relative}
.all_course_sub h4:before {content: "";display: inline-block;position: absolute; width:1px; background:#ddd; height:20px;right:0;top:6px}
.all_course_sub ul{ float:left; font-size:15px; width:1200px}
.all_course_sub ul li{ float:left; width:200px; line-height:30px}
.all_course_sub ul li a{ color:#393939}
.all_course_sub ul li a:hover{ color:#eb1f28}
.seventeen{ position:fixed; width:100%; height:100%; z-index:999999;top:0;left:0}
.seventeen:before {content: "";display: inline-block;position: absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,.6)}
.seventeen .back{position: absolute;left: 50%;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 1920px;height: auto;}
.seventeen .activity{ width:538px; height:541px;margin:-300px 0 0 -269px; background:url(images/seventeen/activity.png) no-repeat}
.seventeen .seventeenbox{ position:absolute;left:50%;top:50%;z-index:100; }
.seventeen .activity .btn{ position:absolute;width:210px; height:50px;bottom:75px;left:50%; margin-left:-234px;animation: zoom-dragon 1s ease infinite;}
.seventeen .close{ position:absolute;right:0px;top:-270px; cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-moz-keyframes zoom-dragon{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.1);transform:scale(1.1)}100%{-moz-transform:scale(1);transform:scale(1)}}
@keyframes zoom-dragon{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

/*文档*/
.wiki-list {overflow: hidden}
.wiki-list ul {position: relative;width:1390px}
.wiki-list ul li {float: left;width:320px;margin: 15px 26px 15px 0;background: #e1f4fe;border-radius:10px;text-align: center}
.wiki-list ul li .icon {width: 70px;height: 70px;background: #1584fc;border-radius: 20px;color: #fff;display: inline-block;margin: 50px 0 20px}
.wiki-list ul li .icon i {font-size: 40px;line-height: 70px}
.wiki-list ul li h3 {font-size: 22px}
.wiki-list ul li h4 {font-size: 16px;color: #666;font-weight: normal;padding: 10px 0 20px}
.wiki-list ul li p {font-size: 14px;color: #666;}
.wiki-list ul li p i {font-size: 14px;padding: 0 5px 0 10px}
.wiki-list ul li .btn {padding: 25px 0 40px}
.wiki-list ul li .btn a {background: #1584fc;display: inline-block;width: 160px;height: 45px;line-height: 45px;border-radius: 30px;font-size: 18px;color: #fff;font-weight: bold}
.wiki-list .l1,.wiki-list .l7 {background: linear-gradient(180deg,#fcfcf8,#e1f4fe);}
.wiki-list .l1 .icon,.wiki-list .l7 .icon {background: linear-gradient(-128deg,#27ceeb,#1584fc,#6857ff);}
.wiki-list .l2,.wiki-list .l8 {background: linear-gradient(180deg,#fffcf7,#ffe8c6);}
.wiki-list .l2 .icon,.wiki-list .l8 .icon {background: linear-gradient(-128deg,#ffb722,#ff762f,#ff6e22);}
.wiki-list .l2 .btn a,.wiki-list .l8 .btn a {background: #ff762f}
.wiki-list .l2:hover .btn a,.wiki-list .l8:hover .btn a {box-shadow: 0 5px 20px rgba(255,118,47,.5)}
.wiki-list .l3,.wiki-list .l5 {background: linear-gradient(180deg,#fffbf9,#ffdbda);}
.wiki-list .l3 .icon,.wiki-list .l5 .icon {background: linear-gradient(-128deg,#ff9443,#ff2b3c,#ff1e88);}
.wiki-list .l3 .btn a,.wiki-list .l5 .btn a {background: #ff2b3c}
.wiki-list .l3:hover .btn a,.wiki-list .l5:hover .btn a {box-shadow: 0 5px 20px rgba(255,43,60,.5)}
.wiki-list .l4,.wiki-list .l6 {background: linear-gradient(180deg,#f8fff9,#d6f2ed);}
.wiki-list .l4 .icon,.wiki-list .l6 .icon {background: linear-gradient(-128deg,#8df78c,#13cfbb,#0cb2c4);}
.wiki-list .l4 .btn a,.wiki-list .l6 .btn a {background: #13cfbb}
.wiki-list .l4:hover .btn a,.wiki-list .l6:hover .btn a {box-shadow: 0 5px 20px rgba(19,207,187,.5)}
.wiki-list ul li:hover {transform: translateY(-5px);}
.wiki-list ul li:hover .icon {transform: rotateY(360deg);}
.wiki-list ul li:hover .btn a {box-shadow: 0 5px 20px rgba(21,132,252,.5)}