@charset "utf-8";
/* CSS Document */
body{ font-family:"microsoft yahei", Helvetica, STHeiTi, "helvetica neue", 微软雅黑, SimSun, sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.thead{ width:100%; height:40px; background-color:#eee;}
.thead .head{ width:1200px; margin:auto;}
.thead .head .left{ float:left; font-size:14px; height:40px; line-height:40px; color:#666; display:none;}
.thead .head .right{ float:right;}
.thead .head .right a{ display:block; float:left; font-size:14px; height:40px; line-height:40px; color:#666;}
.thead .head .right a:hover{ color:#5476fe;}
.thead .head .right span{ display:block; float:left; margin:13px 20px; background-color:#ccc; overflow:hidden; width:1px; height:14px;}
.header{ width:100%; height:50px; background-color:#fff; padding:35px 0;}
.header .head{ width:1200px; margin:auto;}
.header .head .left{ height:50px; float:left;}
.header .head .left a{ display:block; float:left;}
.header .head .left a img{ display:block; height:50px;}
.header .head .left b{ display:block; float:left; width:1px; height:46px; background-color:#ddd; margin:2px 20px;}
.header .head .left p{ display:block; float:left; font-size:16px; line-height:24px; height:48px; margin:1px 0;}
.header .head .left p span{ display:block; color:#5476fe;}
.header .head .mil{ height:48px; float:right; margin-right:50px; width:370px; padding:0 19px; border:1px solid #eee; border-radius:10px;}
.header .head .mil span{ display:block; float:left; width:85px; padding-left:25px; height:38px; background-image:url(../images/gg_06.jpg); background-position:left center; background-repeat:no-repeat; font-size:16px; height:48px; line-height:48px; color:#5476fe;}
.header .head .mil ul{ display:block; float:left; position:relative; height:48px; width:260px; overflow:hidden;}
.header .head .mil ul li{ display:block; overflow:hidden; height:48px; background-color:#fff; width:100%;}
.header .head .mil ul li a{ display:block; overflow:hidden; font-size:16px; height:48px; line-height:48px; text-overflow:ellipsis; white-space:nowrap;}
.header .head .mil ul li a:hover{ color:#5476fe;}
.header .head .mil ul li:first-child { margin-top:0; transition:margin-top .8s;}
.header .head .right{ float:right; height:50px; display:flex; align-items:center;}
.header .head .right strong{ width:50px; height:50px; display:block; overflow:hidden; float:left; margin:5px 10px; margin-left:0; border-radius:100%; background-color:#5476fe;}
.header .head .right strong img{ display:block; height:26px; margin:12px auto;}
.header .head .right p{ display:block; overflow:hidden;}
.header .head .right p span{ display:block; height:20px; line-height:20px; font-size:14px; overflow:hidden;}
.header .head .right p a{ display:block; height:26px; line-height:26px; font-size:24px; overflow:hidden; color:#5476fe; margin-top:4px;}

/*导航*/
.navbox{ width:1200px; margin:auto; height:50px; position:relative; z-index:9;}
.navbox .left{ width:240px; height:50px; position:relative; float:left;}
.navbox .left .top{ width:100%; height:50px; background-color:#5476fe; float:left; border-top-left-radius:10px; border-top-right-radius:10px; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:28px; color:#fff;}
.navbox .left .top a{ width:0; height:0; border-width:6px; border-style:solid; border-color:#fff transparent transparent transparent; display:block; margin-left:10px; margin-top:7px;}
.navbox .left .list{ width:100%; height:460px; background-color:rgba(0,0,0,.7); padding:20px 10px; overflow:hidden; box-sizing:border-box;}
.navbox .left .list a{ display:block; width:100%; overflow:hidden; padding:0 10px; border-radius:10px; box-sizing:border-box; height:36px; margin-bottom:12px; background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0));}
.navbox .left .list a:hover{ background:linear-gradient(to right,#5476fe,#3399ff);}
.navbox .left .list a span{ display:block; font-size:14px; height:36px; line-height:36px; float:left; color:#fff;}
.navbox .left .list a:hover span{ font-size:16px; font-weight:bold; color:#fff;}
.navbox .left .list a b{ display:block; height:24px; float:right; margin:6px 0; overflow:hidden; opacity:.1;}
.navbox .left .list a b img{ display:block; height:24px;}
.navbox .left .list a:hover b{ opacity:1;}
.navbox .right{ width:950px; margin-left:10px; height:50px; position:relative; float:left;}
.navbox .right>li{ display:block; float:left; margin-left:50px; position:relative;}
.navbox .right>li>a{ font-size:16px; height:50px; line-height:50px; position:relative; display:block; overflow:hidden;}
.navbox .right>li>a b{ width:20px; height:2px; display:none; position:absolute; left:50%; margin-left:-10px; bottom:10px; background:linear-gradient(to right,#5476fe,#3399ff);}
.navbox .right>li:hover>a,.navbox .right>li>a.on{ color:#5476fe;}
.navbox .right>li:hover>a b,.navbox .right>li>a.on b{ display:block;}
.navbox .right>li>ul{ display:none; width:140px; text-align:center; position:absolute; left:50%; top:50px; margin-left:-70px; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.navbox .right>li>ul li{ display:block; border-bottom:1px solid #eee;}
.navbox .right>li>ul li:last-child{ border-bottom:none;}
.navbox .right>li>ul li a{ display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden;}
.navbox .right>li>ul li a:hover{ color:#5476fe;}
.navbox .right>li:hover ul{ display:block;}

/*banner*/
.banner{ width:100%; height:460px; position:relative; z-index:3;}
.banner .swiper-container{ width:100%; height:460px; position:relative; z-index:1; overflow:hidden;}
.banner .swiper-container a{ width:100%; height:460px; position:relative; z-index:1; overflow:hidden; display:block;}
.banner .swiper-container a img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .sj{ width:920px; height:80px; align-items:center; display:flex; justify-content:center; position:absolute; right:50%; margin-right:-600px; bottom:20px; z-index:9; background-color:#fff; border-radius:10px;}
.banner .sj li{ padding:0 30px; border-right:1px solid #ddd; overflow:hidden; box-sizing:border-box; align-items:center; display:flex; justify-content:center; flex-direction:column;}
.banner .sj li:last-child{ border-right:none;}
.banner .sj li span{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.banner .sj li span img{ display:block; height:20px; float:left; margin-right:10px; margin-top:4px;}
.banner .sj li p{ text-align:center; display:block; font-size:14px; height:24px; line-height:24px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*热门课程*/
.kbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kbox .title{ width:1200px; margin:auto;}
.kbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kbox .title .t01 span{ display:block; width:30px;}
.kbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kbox .box{ width:1200px; margin:auto; margin-top:25px;}
.kbox .box .swiper-slide{ width:285px; display:block; overflow:hidden; height:370px; border-radius:10px;}
.kbox .box .swiper-slide .tu{ width:100%; height:200px;}
.kbox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kbox .box .swiper-slide:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.kbox .box .swiper-slide .wen{ width:100%; height:170px; box-sizing:border-box; padding:15px 20px; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.kbox .box .swiper-slide .wen .w01{ height:28px;}
.kbox .box .swiper-slide .wen .w01 a{ font-size:18px; line-height:28px; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kbox .box .swiper-slide .wen .w01 a:hover{ color:#5476fe;}
.kbox .box .swiper-slide .wen .w02{ height:24px; margin-top:5px;}
.kbox .box .swiper-slide .wen .w02 a{ display:block; float:left; overflow:hidden; padding:0 15px; font-size:14px; line-height:24px; height:24px; color:#fff; border-radius:5px; background:linear-gradient(to right,#dc0000,#ff7700);}
.kbox .box .swiper-slide .wen .w02 p{ display:block; float:right; padding-left:21px; background-image:url(../images/ks_34.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; height:24px; color:#666;}
.kbox .box .swiper-slide .wen .w03{ font-size:14px; line-height:24px; height:24px; color:#666; margin-top:8px;}
.kbox .box .swiper-slide .wen .w04{ width:100%; margin-top:10px;}
.kbox .box .swiper-slide .wen .w04 p{ display:block; float:left; font-size:14px; line-height:36px; height:36px; color:#666;}
.kbox .box .swiper-slide .wen .w04 p span{ color:#5476fe;}
.kbox .box .swiper-slide .wen .w04 a{ width:120px; height:36px; display:flex; align-items:center; justify-content:center; line-height:36px; font-size:14px; color:#fff; border-radius:5px; overflow:hidden; background:linear-gradient(to right,#5476fe,#3399ff); float:right;}
.kbox .box .swiper-slide .wen .w04 a b{ display:block; width:20px; height:20px; border-radius:100%; margin-left:10px; background-color:#fff; overflow:hidden; background-image:url(../images/more_38.jpg); background-position:center; background-repeat:no-repeat;}
.kbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:25px; flex-wrap:wrap;}
.kbox .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:5px; margin-bottom:0;}
.kbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

/*互联网行业热门IT培训课程*/
.pbox{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.pbox .bg{ width:100%; height:400px; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.pbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.pbox .title .t01 span{ display:block; width:30px;}
.pbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.pbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.pbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.pbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.pbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.pbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pbox .gallery-thumbs{ width:100%; height:50px;}
.pbox .gallery-thumbs a{ display:flex; align-items:center; justify-content:center; height:50px; width:100%; border-radius:10px; background-color:rgba(255,255,255,.7); cursor:pointer;}
.pbox .gallery-thumbs a strong{ display:block; height:24px; overflow:hidden;}
.pbox .gallery-thumbs a strong img{ display:block;}
.pbox .gallery-thumbs a strong img.img02{ display:none;}
.pbox .gallery-thumbs a p{ display:block; height:50px; line-height:50px; font-size:18px; margin-left:10px; overflow:hidden;}
.pbox .gallery-thumbs .swiper-slide-thumb-active a{ background:linear-gradient(to right,#5476fe,#3399ff);}
.pbox .gallery-thumbs .swiper-slide-thumb-active a strong img.img01{ display:none;}
.pbox .gallery-thumbs .swiper-slide-thumb-active a strong img.img02{ display:block;}
.pbox .gallery-thumbs .swiper-slide-thumb-active a p{ color:#fff; font-weight:bold;}
.pbox .swiper-button-white{ height:20px; width:12px; position:absolute; top:15px;}
.pbox .swiper-button-white img{ display:block; height:20px;}
.pbox .swiper-button-prev{ left:-22px;}
.pbox .swiper-button-next{ right:-22px;}
.pbox .gallery-top{ width:100%; margin-top:20px; height:490px; background-color:#fff; border-radius:10px; box-shadow:0 0 20px rgba(33,75,247,.3);}
.pbox .gallery-top .swiper-slide{ width:100%; height:490px; padding:20px; box-sizing:border-box;}
.pbox .gallery-top .swiper-slide .p01{ width:800px; height:250px; overflow:hidden; float:left; border-radius:10px;}
.pbox .gallery-top .swiper-slide .p01 img{ width:100%; display:block;}
.pbox .gallery-top .swiper-slide .p02{ width:360px; height:250px; overflow:hidden; float:left; display:block;}
.pbox .gallery-top .swiper-slide .p02 li{ width:160px; display:block; float:left; text-align:center; margin-left:20px; margin-bottom:20px; overflow:hidden;}
.pbox .gallery-top .swiper-slide .p02 li span{ width:100%; font-size:16px; height:36px; line-height:36px; display:block; border-radius:36px; background-color:#5476fe; color:#fff;}
.pbox .gallery-top .swiper-slide .p02 li p{ display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; padding-top:5px;}
.pbox .gallery-top .swiper-slide .p03{ width:800px; height:180px; overflow:hidden; float:left; display:block; margin-top:20px;}
.pbox .gallery-top .swiper-slide .p03 .top{ width:100%; border-bottom:1px solid #eee; padding-bottom:10px;}
.pbox .gallery-top .swiper-slide .p03 .top strong{ display:block; float:left; width:5px; height:20px; border-radius:5px; background-color:#5476fe;}
.pbox .gallery-top .swiper-slide .p03 .top b{ display:block; float:left; font-size:18px; line-height:20px; height:20px; margin-left:10px;}
.pbox .gallery-top .swiper-slide .p03 .top a{ display:block; float:right; font-size:14px; line-height:20px; height:20px;}
.pbox .gallery-top .swiper-slide .p03 .top a:hover{ color:#5476fe;}
.pbox .gallery-top .swiper-slide .p03 .bot{ width:100%; padding-top:15px; display:block;}
.pbox .gallery-top .swiper-slide .p03 .bot dt,.pbox .gallery-top .swiper-slide .p03 .bot dd{ width:142px; display:block; text-align:center; overflow:hidden; float:left;}
.pbox .gallery-top .swiper-slide .p03 .bot dd{ margin:0 12px;}
.pbox .gallery-top .swiper-slide .p03 .bot b{ display:block; width:50px; height:50px; line-height:50px; font-size:24px; color:#fff; background-color:#5476fe; border-radius:100%; margin:auto;}
.pbox .gallery-top .swiper-slide .p03 .bot dd b{ background-color:#dc0000;}
.pbox .gallery-top .swiper-slide .p03 .bot span{ font-size:16px; line-height:26px; margin-top:8px; display:block; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5476fe;}
.pbox .gallery-top .swiper-slide .p03 .bot dd span{ color:#dc0000;}
.pbox .gallery-top .swiper-slide .p03 .bot p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; display:block; color:#666; margin-top:2px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.pbox .gallery-top .swiper-slide .p04{ width:340px; height:180px; overflow:hidden; float:left; display:block; margin-top:20px; margin-left:20px;}
.pbox .gallery-top .swiper-slide .p04 .top{ width:100%; border-bottom:1px solid #eee; padding-bottom:10px;}
.pbox .gallery-top .swiper-slide .p04 .top strong{ display:block; float:left; width:5px; height:20px; border-radius:5px; background-color:#5476fe;}
.pbox .gallery-top .swiper-slide .p04 .top b{ display:block; float:left; font-size:18px; line-height:20px; height:20px; margin-left:10px;}
.pbox .gallery-top .swiper-slide .p04 .top a{ display:block; float:right; font-size:14px; line-height:20px; height:20px;}
.pbox .gallery-top .swiper-slide .p04 .top a:hover{ color:#5476fe;}
.pbox .gallery-top .swiper-slide .p04 .bot{ width:100%; padding-top:8px; display:block;}
.pbox .gallery-top .swiper-slide .p04 .bot a{ display:block; font-size:14px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-left:14px; background-image:url(../images/li_46.jpg); background-position:left center; background-repeat:no-repeat; width:100%;}
.pbox .gallery-top .swiper-slide .p04 .bot a:hover{ color:#5476fe;}

/*实战项目精炼*/
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.sbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.sbox .title .t01 span{ display:block; width:30px;}
.sbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.sbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.sbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.sbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.sbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.sbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.sbox .box .tab_menu{ width:348px; display:block; height:460px; position:relative; z-index:3; float:left;}
.sbox .box .tab_menu li{ display:block; height:90px; margin-bottom:2.5px; position:relative; background-color:#fff; padding:20px 30px; box-sizing:border-box;}
.sbox .box .tab_menu li>img{ display:none; position:absolute; left:100%; top:0; height:90px; overflow:hidden;}
.sbox .box .tab_menu li strong{ display:block; height:50px; float:left; overflow:hidden;}
.sbox .box .tab_menu li strong img{ display:block; height:50px;}
.sbox .box .tab_menu li strong img.img02{ display:none;}
.sbox .box .tab_menu li p{ display:block; float:left; margin-left:20px;}
.sbox .box .tab_menu li p span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.sbox .box .tab_menu li p span b{ font-size:20px; color:#5476fe;}
.sbox .box .tab_menu li p a{ display:block; font-size:14px; line-height:26px; height:26px; overflow:hidden; color:#999;}
.sbox .box .tab_menu li.on{ background:linear-gradient(to right,#5476fe,#3399ff);}
.sbox .box .tab_menu li.on>img{ display:block;}
.sbox .box .tab_menu li.on strong img.img01{ display:none;}
.sbox .box .tab_menu li.on img.img02{ display:block;}
.sbox .box .tab_menu li.on p *{ color:#fff;}
.sbox .box .tabox{ width:850px; height:460px; float:right; position:relative; z-index:1;}
.sbox .box .tabox .tab{ width:100%; height:100%; position:relative;}
.sbox .box .tabox img{ width:100%; display:block;}
.sbox .box .tabox a{ display:block; padding:14px 60px; width:100%; box-sizing:border-box; background-color:rgba(84,118,254,.7); position:absolute; left:0; bottom:0;}
.sbox .box .tabox a span{ display:block; font-size:18px; line-height:28px; color:#fff; overflow:hidden;}
.sbox .box .tabox a p{ display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}

/*精英实战师资团队*/
.tbox{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.tbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.tbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.tbox .title .t01 span{ display:block; width:30px;}
.tbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.tbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.tbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.tbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.tbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.tbox .box{ width:1200px; margin:auto; position:relative; z-index:3; overflow:hidden; padding-top:25px; padding-bottom:70px;}
.tbox .box .swiper-container{ width:1200px; margin:auto;}
.tbox .box .swiper-container .swiper-slide{ width:600px; height:500px; position:relative;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-prev .top{ width:270px; margin-left:300px;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-next .top{ width:270px; margin-left:30px;}
.tbox .box .swiper-container .swiper-slide .top{ width:270px; padding-bottom:30px; padding-top:70px; position:relative; z-index:3;}
.tbox .box .swiper-container .swiper-slide .top .bt{ text-align:center; padding:30px; padding-bottom:0;}
.tbox .box .swiper-container .swiper-slide .top .bt b{ display:block; font-size:24px; line-height:34px; color:#5476fe; overflow:hidden;}
.tbox .box .swiper-container .swiper-slide .top .bt p{ display:block; font-size:18px; line-height:34px; height:34px; background-color:#5476fe; color:#fff; margin-top:15px; overflow:hidden;}
.tbox .box .swiper-container .swiper-slide .top .wen{ text-align:center; padding:15px 30px; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.tbox .box .swiper-container .swiper-slide .top .tu{ width:calc(100% - 120px); height:230px; margin:auto;}
.tbox .box .swiper-container .swiper-slide .top .tu img{ width:100%;}
.tbox .box .swiper-container .swiper-slide .bot{ display:none;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .top{ display:none;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .bot{ width:calc(100% - 60px); padding:30px; padding-top:0; display:block; position:relative; z-index:3;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .bot .tu{ width:313px; height:470px; float:left;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .bot .tu img{ width:100%;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .bot .wen{ width:calc(100% - 340px); float:right;}
.tbox .box .swiper-container .swiper-slide .bot .bt{ width:100%;}
.tbox .box .swiper-container .swiper-slide .bot .bt b{ display:block; font-size:24px; line-height:70px; height:70px; color:#5476fe; overflow:hidden;}
.tbox .box .swiper-container .swiper-slide .bot .bt p{ text-align:center; display:block; font-size:18px; line-height:34px; height:34px; background-color:#5476fe; color:#fff; margin-top:30px; overflow:hidden;}
.tbox .box .swiper-container .swiper-slide .bot .wz{ width:100%; margin-top:15px; font-size:14px; line-height:24px; height:240px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10;}
.tbox .box .swiper-container .swiper-slide .bg{ width:270px; height:calc(100% - 70px); position:absolute; left:0; bottom:0; z-index:1; background-color:#e7efff;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-prev .bg{ left:300px;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-next .bg{ left:30px;}
.tbox .box .swiper-container .swiper-slide.swiper-slide-active .bg{ width:100%; box-shadow:0 0 10px rgba(170,170,170,.3);}
.tbox .box .swi{ position:absolute; right:330px; bottom:100px; z-index:3;}
.tbox .box .swi div{ width:40px; height:40px; background-color:#fff; border-radius:3px; background-position:center; background-repeat:no-repeat; cursor:pointer; float:left; margin-left:10px; overflow:hidden;}
.tbox .box .swi div:hover{ background-color:#5476fe;}
.tbox .box .swi div.swiper-button-prev{ background-image:url(../images/tl.png);}
.tbox .box .swi div.swiper-button-next{ background-image:url(../images/tr.png);}
.tbox .box .swi div.swiper-button-prev:hover{ background-image:url(../images/tlh.png);}
.tbox .box .swi div.swiper-button-next:hover{ background-image:url(../images/trh.png);}
/*.tbox .list{ width:1200px; margin:auto; display:block;}
.tbox .list li{ width:285px; display:block; float:left; margin-top:25px; margin-left:20px; overflow:hidden;}
.tbox .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.tbox .list li strong{ width:60px; display:block; float:left;}
.tbox .list li strong img{ display:block; width:100%;}
.tbox .list li p{ display:block; width:calc(100% - 70px); margin-left:10px; padding-top:5px; float:left;} 
.tbox .list li p span{ font-size:16px; line-height:28px; display:block;}
.tbox .list li p span b{ font-size:20px; color:#5476fe;}
.tbox .list li p a{ font-size:14px; line-height:24px; display:block; color:#666;}
.tbox .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.tbox .box .left{ width:920px; position:relative; height:370px; float:left;}
.tbox .box .left .bg{ width:100%; height:330px; background-color:#fff; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; box-shadow:0 0 10px rgba(170,170,170,.3);}
.tbox .box .left .swi{ position:absolute; right:0; top:0; z-index:3;}
.tbox .box .left .swi div{ width:48px; height:22px; border:1px solid #5476fe; border-radius:3px; background-position:center; background-repeat:no-repeat; cursor:pointer; float:left; margin-left:10px; overflow:hidden;}
.tbox .box .left .swi div:hover{ background-color:#5476fe;}
.tbox .box .left .swi div.swiper-button-prev{ background-image:url(../images/tl.png);}
.tbox .box .left .swi div.swiper-button-next{ background-image:url(../images/tr.png);}
.tbox .box .left .swi div.swiper-button-prev:hover{ background-image:url(../images/tlh.png);}
.tbox .box .left .swi div.swiper-button-next:hover{ background-image:url(../images/trh.png);}
.tbox .box .left .gallery-top{ padding:40px; padding-top:0; width:840px; position:relative; z-index:3; overflow:hidden;}
.tbox .box .left .gallery-top .swiper-slide{ display:block; overflow:hidden;}
.tbox .box .left .gallery-top .zc{ width:250px; height:330px; float:left; overflow:hidden; border-radius:10px; background-color:#fff;}
.tbox .box .left .gallery-top .zc img{ width:100%; display:block;}
.tbox .box .left .gallery-top .yc{ float:right; width:560px; margin-top:75px; height:255px; background-color:#fff;}
.tbox .box .left .gallery-top .yc .w01{ width:100%;}
.tbox .box .left .gallery-top .yc .w01 b{ display:block; font-size:24px; line-height:34px; float:left; height:34px; margin-right:10px;}
.tbox .box .left .gallery-top .yc .w01 p{ display:block; font-size:16px; line-height:26px; float:left; height:26px; padding-top:8px; color:#666;}
.tbox .box .left .gallery-top .yc .w02{ width:100%; font-size:14px; line-height:24px; height:48px; padding-top:10px; color:#666;}
.tbox .box .left .gallery-thumbs{ width:570px; height:140px; position:absolute; right:40px; bottom:40px; overflow:hidden; z-index:5;}
.tbox .box .left .gallery-thumbs .swiper-slide{ display:block; width:106px; height:140px; border-radius:10px; overflow:hidden;}
.tbox .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.tbox .box .right{ width:280px; position:relative; height:370px; float:right;}
.tbox .box .right .t01{ padding-top:65px; font-style:italic; padding-left:50px; font-size:18px; line-height:26px;}
.tbox .box .right .t01 img{ display:block; height:26px; float:left; margin-right:10px;}
.tbox .box .right .t02{ font-style:italic; font-weight:bold; padding-right:22px; font-size:24px; line-height:34px; text-align:right;}
.tbox .box .right .t02 b{ color:#5476fe;}
.tbox .box .right .t03{ width:100%;}
.tbox .box .right .t03 img{ display:block; max-width:100%; float:right;}
.tbox .box .right .t04{ width:250px; margin-left:30px; text-align:center; margin-top:20px; font-size:14px; line-height:24px;}
.tbox .box .right .t05{ width:250px; margin-left:30px; margin-top:25px;}
.tbox .box .right .t05 a{ width:248px; height:42px; border:1px solid #5476fe; display:block; overflow:hidden; border-radius:5px;}
.tbox .box .right .t05 a p{ width:calc(100% - 90px); text-align:center; float:left; line-height:42px; height:42px; font-size:16px;}
.tbox .box .right .t05 a span{ width:90px; height:42px; display:block; overflow:hidden; float:right; background-color:#5476fe; background-image:url(../images/td.png); background-position:center; background-repeat:no-repeat;}
.tbox .box .right .t06{ width:250px; margin-left:30px; text-align:center; margin-top:15px; font-size:14px; line-height:24px; color:#999;}*/

/*就业口径宽*/
.jbox{ width:100%; padding-top:0; padding-bottom:65px; position:relative; z-index:1; background-color:#fff; background-image:none !important; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jbox .title .t01 span{ display:block; width:30px;}
.jbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.jbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.jbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.jbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.jbox .box .t01{ width:100%; display:flex; justify-content:center;}
.jbox .box .t01 b{ padding:10px 20px; padding-left:23px; min-width:300px; box-sizing:border-box; font-size:16px; line-height:20px; border-radius:40px; background:linear-gradient(to right,#5476fe,#3399ff); text-align:center; color:#fff; letter-spacing:3px;}
.jbox .box .t02{ width:100%; text-align:center; margin-top:20px; font-size:30px; line-height:50px; font-weight:bold;}
.jbox .box .t02 span{ color:#dc0000;}
.jbox .box .t02 a{ color:#5476fe;}
.jbox .box .t03{ padding-top:5px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.jbox .box .t03 li{ width:285px; display:block; margin-top:25px; border-radius:10px; background-color:#e7efff; position:relative; overflow:hidden;}
.jbox .box .t03 li .tu{ width:100%; height:180px; position:relative;}
.jbox .box .t03 li .tu img{ width:100%;}
.jbox .box .t03 li .tu span{ padding:0 20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(84,118,254,.7); text-align:center; font-size:16px; height:40px; line-height:40px; overflow:hidden; color:#fff;}
.jbox .box .t03 li .wen{ box-sizing:border-box; padding:35px 20px; padding-top:30px; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; background-color:rgba(84,118,254,.9);}
.jbox .box .t03 li .wen em{ display:block; position:absolute; right:-5px; bottom:-10px; opacity:.1; font-size:72px; line-height:66px; height:66px; color:#fff; font-weight:bold;}
.jbox .box .t03 li .wen p{ width:100%; overflow:hidden; display:block;}
.jbox .box .t03 li .wen p b{ width:40px; height:2px; display:block; background-color:#fff;}
.jbox .box .t03 li .wen p span{ display:block; font-size:18px; line-height:28px; overflow:hidden; font-weight:bold; margin-top:15px; color:#fff;}
.jbox .box .t03 li .wen p a{ padding-right:20px; display:block; font-size:14px; line-height:24px; overflow:hidden; color:#fff; margin-top:5px;}
.jbox .box .t03 li:hover .tu span{ display:none;}
.jbox .box .t03 li:hover .wen{ opacity:1;}

/*就业服务*/
.ebox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ebox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ebox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ebox .title .t01 span{ display:block; width:30px;}
.ebox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.ebox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ebox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ebox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.ebox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.ebox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.ebox .box .list{ width:1220px; display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:-10px;}
.ebox .box .list li{ display:block; margin:0 10px; padding-top:25px; text-align:center; overflow:hidden;}
.ebox .box .list li b{ padding-right:8px; width:52px; text-align:center; height:61px; line-height:60px; color:#fff; font-size:24px; background-image:url(../images/ys_79.png); background-position:center; background-repeat:no-repeat; display:block; margin:auto;}
.ebox .box .list li span{ font-size:18px; line-height:28px; display:block; overflow:hidden; margin-top:15px;}
.ebox .box .list li p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}
.ebox .box .list01{ width:1210px; display:block; margin-top:25px;}
.ebox .box .list01 li{ display:block; float:left; margin-right:10px; width:220px; height:360px; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:#000;}
.ebox .box .list01 li.on{ width:510px;}
.ebox .box .list01 li .tu{ width:510px; height:360px; overflow:hidden; position:relative; z-index:1; opacity:.5;}
.ebox .box .list01 li .tu img{ width:100%; display:block;}
.ebox .box .list01 li .wen{ padding:20px; padding-top:45px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.ebox .box .list01 li .wen span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.ebox .box .list01 li .wen b{ display:block; width:50px; height:2px; margin-top:10px; background-color:#ff7800;}
.ebox .box .list01 li .wen p{ display:none; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.ebox .box .list01 li.on .tu{ opacity:1;}
.ebox .box .list01 li.on .wen{ padding:15px 20px; background:linear-gradient(to bottom,rgba(84,118,254,.7),rgba(84,118,254,0.7));}
.ebox .box .list01 li.on .wen b{ background-color:#fff;}
.ebox .box .list01 li.on .wen p{ display:block;}

/*一站式服务流程*/
.ybox{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#e7efff; display:none;}
.ybox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ybox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ybox .title .t01 span{ display:block; width:30px;}
.ybox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.ybox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ybox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ybox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.ybox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.ybox .tabox{ width:1200px; margin:auto; margin-top:25px; height:460px;}
.ybox .tabox .tab{ width:100%;}
.ybox .tabox .tab .left{ width:460px; height:460px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ybox .tabox .tab .left p{ width:calc(100% - 160px); height:calc(100% - 160px); display:flex; align-items:center; justify-content:center; flex-direction:column; margin:30px; overflow:hidden; background-color:rgba(84,118,254,0.7); padding:50px;}
.ybox .tabox .tab .left p strong{ display:block; color:#fff; font-size:30px; line-height:50px; width:100%; text-align:center;}
.ybox .tabox .tab .left p b{ display:block; color:#fff; font-size:20px; line-height:40px; width:100%; text-align:center;}
.ybox .tabox .tab .right{ width:680px; float:right; height:460px; overflow:auto;}
.ybox .tabox .tab .right::-webkit-scrollbar{ width:5px; height:1px;}
.ybox .tabox .tab .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.ybox .tabox .tab .right::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.ybox .tabox .tab .right ul{ width:100%; display:block; margin-top:-20px;}
.ybox .tabox .tab .right ul li{ display:block; overflow:hidden; margin-top:20px; background-color:#fff; padding:14px 0;}
.ybox .tabox .tab .right ul li .zc{ margin-top:6px; margin-bottom:5px; width:120px; height:40px; line-height:40px; text-indent:20px; border-bottom-right-radius:20px; border-top-right-radius:20px; background:linear-gradient(to right,#5476fe,#3399ff); color:#fff; font-size:18px; float:left;}
.ybox .tabox .tab .right ul li .yc{ width:calc(100% - 160px); margin:0 20px; font-size:14px; line-height:24px; float:left;}
.ybox .box{ width:100%; position:relative; z-index:3; margin-top:30px; border-top-right-radius:20px; background:linear-gradient(to right,#5476fe,#3399ff); height:140px;}
.ybox .box .tab_menu{ width:1200px; display:flex; justify-content:space-between; margin:auto;}
.ybox .box .tab_menu li{ display:block; text-align:center; margin-top:36px; cursor:pointer; overflow:hidden;}
.ybox .box .tab_menu li span{ width:140px; height:40px; line-height:40px; font-size:18px; color:#fff; margin:auto; display:block; border-radius:40px; background-color:rgba(255,255,255,.3);}
.ybox .box .tab_menu li p{ display:block; font-size:18px; line-height:26px; height:26px; overflow:hidden; margin-top:10px; color:#fff; text-transform:uppercase;}
.ybox .box .tab_menu li.on span{ background-color:#ff7800;}

/*最新资讯*/
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.nbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.nbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.nbox .title .t01 span{ display:block; width:30px;}
.nbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.nbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.nbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.nbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.nbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.nbox .box{ width:1200px; margin:auto; margin-top:25px;}
.nbox .box .left{ width:580px; float:left;}
.nbox .box .left .tu{ width:100%; height:320px; position:relative;}
.nbox .box .left .tu img{ width:100%; display:block;}
.nbox .box .left .tu p{ width:140px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0;}
.nbox .box .left .bt{ padding-top:15px;}
.nbox .box .left .bt a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen{ width:100%; font-size:14px; line-height:24px; height:72px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:5px;}
.nbox .box .left .more{ padding-top:30px; height:40px; margin-left:-20px;}
.nbox .box .left .more a{ display:block; float:left; text-align:center; width:130px; height:40px; line-height:40px; font-size:16px; background-color:#e7efff; border-radius:5px; margin-left:20px; overflow:hidden;}
.nbox .box .left .more a:hover,.nbox .box .left .more a.on{ background-color:#5476fe; color:#fff;}
.nbox .box .right{ width:580px; float:right;}
.nbox .box .right ul{ display:block; overflow:hidden; margin-top:-30px;}
.nbox .box .right ul li{ display:block; margin-top:30px; background-color:#e7efff; width:100%;}
.nbox .box .right ul li a{ display:block; height:150px; box-sizing:border-box; padding:20px; position:relative; overflow:hidden;}
.nbox .box .right ul li .tu{ width:272px; height:150px; position:absolute; right:0; top:0; z-index:1;}
.nbox .box .right ul li .tu img{ width:100%; display:block;}
.nbox .box .right ul li .wen{ padding:10px 20px; background-color:#fff; box-sizing:border-box; width:310px; height:100%; position:relative; z-index:3;}
.nbox .box .right ul li .wen span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.nbox .box .right ul li .wen p{ display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.nbox .box .right ul li .wen img{ display:block; margin-top:7px;}
.nbox .box .right ul li:hover .wen p{ color:#5476fe;}

/*环境展示*/
.hbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.hbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.hbox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.hbox .title .t01 span{ display:block; width:30px;}
.hbox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.hbox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.hbox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.hbox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.hbox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.hbox .box{ width:1200px; margin:auto; margin-top:25px;}
.hbox .box .left{ width:700px; height:460px; float:left;}
.hbox .box .left li{ width:100%; height:460px; background-color:#fff; overflow:hidden;}
.hbox .box .left li img{ width:100%; display:block;}
.hbox .box .right{ width:460px; float:right; margin-top:-11px;}
.hbox .box .right li{ width:220px; height:145px; display:block; float:left; margin-top:12px; margin-left:10px; overflow:hidden; position:relative;}
.hbox .box .right li img{ width:100%; display:block;}
.hbox .box .right li b{ border:5px solid rgba(0,0,0,.3); width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; display:block;}
.hbox .box .right li p{ position:absolute; left:5px; bottom:5px; width:calc(100% - 10px); height:30px; line-height:30px; box-sizing:border-box; z-index:4; padding:0 10px; overflow:hidden; color:#fff; background-color:rgba(0,0,0,.5);}
.hbox .box .right li.on b{ border:5px solid #5476fe;}
.hbox .box .right li.on p{ background-color:#5476fe;}

/*关于我们*/
.abox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.abox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.abox .title .t01 span{ display:block; width:30px;}
.abox .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.abox .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.abox .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.abox .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.abox .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.abox .box{ width:1200px; margin:auto; margin-top:20px; position:relative; z-index:1;}
.abox .box .right{ position:absolute; right:0; bottom:0; z-index:1;}
.abox .box .right img{ display:block;}
.abox .box .left{ position:relative; z-index:3; width:780px;}
.abox .box .left .w01{ width:100%;}
.abox .box .left .w01 a{ display:block; float:left;}
.abox .box .left .w01 b{ display:block; float:left; font-size:24px; line-height:34px; margin-right:10px;}
.abox .box .left .w01 p{ display:block; float:left; font-size:16px; line-height:26px; height:34px; color:#666; text-transform:uppercase; position:relative;}
.abox .box .left .w01 p span{ width:50px; height:2px; display:block; position:absolute; left:0; bottom:5px; overflow:hidden; background:linear-gradient(to right,#5476fe,#3399ff);}
.abox .box .left .w02{ width:100%; margin-top:12px; font-size:14px; line-height:30px; height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.abox .box .left .w03{ display:block;}
.abox .box .left .w03 li{ display:block; margin-top:22px; overflow:hidden; float:left; width:175px; margin-right:20px;}
.abox .box .left .w03 li p{ width:100%; box-sizing:border-box; display:block; overflow:hidden; border-left:2px solid #dc0000; padding-left:10px;}
.abox .box .left .w03 li p span{ display:block; float:left; line-height:50px; height:50px; font-size:48px; color:#5476fe;}
.abox .box .left .w03 li p a{ display:block; float:left; font-size:14px; line-height:24px; margin-left:5px; margin-top:25px;}
.abox .box .left .w03 li b{ font-size:14px; line-height:24px; padding-top:1px; display:block; font-weight:normal;}
.abox .box .left .w04{ padding-top:25px;}
.abox .box .left .w04 b{ display:block; overflow:hidden;}
.abox .box .left .w04 b span{ display:block; float:left; text-transform:uppercase; padding-top:2px; font-size:30px; line-height:44px; height:44px;}
.abox .box .left .w04 b img{ display:block; float:left; margin-left:15px;}
.abox .box .left .w04 p{ font-size:16px; line-height:26px; color:#666; padding-bottom:15px; overflow:hidden;}
.abox .list{ width:1200px; margin:auto; position:relative; height:180px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .list .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9;}
.abox .list .wen{ width:100%; position:relative; display:block; z-index:3; padding-bottom:25px;}
.abox .list .wen li{ display:block; width:360px; margin-top:30px; margin-left:30px; float:left; overflow:hidden;}
.abox .list .wen li .left{ width:29px; float:left; padding-bottom:5px;}
.abox .list .wen li .left img{ display:block; width:24px;}
.abox .list .wen li .right{ width:calc(100% - 29px); font-size:16px; line-height:26px; color:#fff; float:left; margin-top:-2px;}

/*footer*/
.footer{ width:100%; background-color:#111;}
.footer .foot{ width:1200px; margin:45px auto;}
.footer .foot .left{ width:400px; float:left; margin-right:60px; padding-bottom:5px;}
.footer .foot .left .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .left .f02{ display:block; margin-top:-5px;}
.footer .foot .left .f02 li{ display:block; overflow:hidden; margin-top:20px;}
.footer .foot .left .f02 li span{ display:block; float:left; overflow:hidden; border-radius:100%; border:1px solid #333; width:30px; height:30px;}
.footer .foot .left .f02 li span img{ height:14px; display:block; margin:8px auto;}
.footer .foot .left .f02 li p{ display:block; float:left; overflow:hidden; width:calc(100% - 42px); margin-left:10px; margin-top:3px; line-height:24px; font-size:14px; color:#aaa;}
.footer .foot .mil{ width:410px; float:left;}
.footer .foot .mil .f01{ width:150px; display:block; float:left;}
.footer .foot .mil .f02{ width:200px; display:none; float:left;}
.footer .foot .mil .f03{ width:100%; display:none; float:left;}
.footer .foot .mil dt{ display:block; font-size:18px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.footer .foot .mil dd{ display:block; padding-top:10px; overflow:hidden;}
.footer .foot .mil dd a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#aaa;}
.footer .foot .mil dd a:hover{ color:#fff;}
.footer .foot .mil .f02 dd a{ width:100px; float:left;}
.footer .foot .mil .f03 dd a{ margin-right:20px; float:left;}
.footer .foot .right{ width:300px; float:left;}
.footer .foot .right .f01{ font-size:18px; line-height:28px; height:28px; color:#fff;}
.footer .foot .right .f02{ padding:20px 0; margin-top:-5px; margin-bottom:15px; border-bottom:1px solid #333; display:flex; align-items:center;}
.footer .foot .right .f02 p{ font-size:14px; line-height:24px; display:block; color:#aaa; flex:1;}
.footer .foot .right .f02 strong{ width:80px; display:block; overflow:hidden;}
.footer .foot .right .f02 strong img{ width:100%; display:block;}
.footer .foot .right .f03{ padding-bottom:5px; margin-left:-10px;}
.footer .foot .right .f03 a{ display:block; background-color:#fff; width:34px; height:34px; border-radius:100%; float:left; margin-left:10px; margin-top:10px; opacity:0.5; overflow:hidden;}
.footer .foot .right .f03 a img{ height:18px; display:block; margin:8px auto;}
.footer .foot .right .f03 a:hover{ opacity:1;}
.footer .bq{ width:100%; background-color:#090909; height:60px; display:flex; justify-content:center; align-items:center;}
.footer .bq p{ display:block; font-size:14px; line-height:24px; color:#fff; height:24px; overflow:hidden; margin:0 20px;}
.footer .bq p a{ color:#fff;}

/*左侧浮动*/
@media only screen and (min-width:1440px){
.base_fixed_sy2{ position:fixed; left:0; top:200px !important; z-index:1000035; width:120px; background:rgba(0, 0, 0, 0);}
.base_fixed_sy2 *{ box-sizing:border-box;}
.fixed_wrap{ position:relative; width:120px;}
.base_fixed_sy2 p{ width:120px; height:241px; position:relative; cursor:pointer;}
.base_fixed_sy2 p strong{ width:100%; display:block; height:241px;}
.base_fixed_sy2 p strong img{ width:100%; display:block;}
.base_fixed_sy2 p span{ font-size:14px; position:absolute; left:19px; top:80px; color:#fff; display:none; width:84px; text-align:center;}
.base_fixed_sy2 p em{ font-style:normal; position:absolute; left:25px; top:98px; display:flex; align-items:center; width:70px; height:70px; overflow:hidden;}
.base_fixed_sy2 p em img{ max-width:100%; max-height:92px; margin:auto; display:block;}
.base_fixed_sy2 a{ display:block; position:relative; width:110px; height:27px; border:1px solid #f7cb2d; box-sizing:border-box; margin:auto; margin-bottom:6px; background:-webkit-linear-gradient(90deg, #326cf6, #3399ff); background:-o-linear-gradient(90deg, #326cf6, #3399ff); background:-moz-linear-gradient(90deg, #326cf6, #3399ff); background:linear-gradient(90deg, #326cf6, #3399ff); border-radius:30px;}
.base_fixed_sy2 a:after{ content:''; display:block; position:absolute; width:90px; height:6px; background:url('../images/fc-after.png') no-repeat center top; background-size:100% 100%; left:10px; bottom:-7px;}
.base_fixed_sy2 a:nth-child(13):after,.base_fixed_sy2 a:nth-child(14):after{ display:none;}
.base_fixed_sy2 a:nth-child(13){ margin-bottom:0;}
.base_fixed_sy2 a span{ display:none; position:relative;}
.base_fixed_sy2 a span:after{ content:''; display:none; position:absolute; width:26px; height:26px; background:url('../images/fc-btn.png') no-repeat center top; background-size:100% 100%; right:-13px; top:10px;}
.base_fixed_sy2 a i{ font-size:12px; color:#fff; display:block; width:100%; height:100%; line-height:25px; text-align:center;}
.base_fixed_sy2 a:hover{ width:110px; height:46px; border:2px solid #f7cb2d; box-sizing:border-box; border-radius:30px;}
.base_fixed_sy2 a:hover:after{ bottom:-8px;}
.base_fixed_sy2 a:hover span{ display:block; width:100%; height:100%; box-sizing:border-box; padding-top:5px; font-size:12px; line-height:16px; color:#f7cb2d; text-align:center; border-radius:30px;}
.base_fixed_sy2 a:hover span:after{ display:block;}
.base_fixed_sy2 a:hover i{ display:none;}
.base_fixed_sy2 .mb0{ margin-bottom:0px;}
.base_fixed_sy2 .qf_fix02{ display:block; width:72px; height:30px; border-radius:0px 0px 10px 10px; margin-left:18px; background:#326cf6; font-size:12px; text-align:center; line-height:30px; color:#f7cc0c; border:0; cursor:pointer;}
}

@media only screen and (max-width:1439px){
.base_fixed_sy2{ display:none;}
}

/*内页*/
.header01{ width:100%; height:50px; background-color:#fff; padding:20px 0; position:relative; z-index:9;}
.header01 .head{ width:1200px; margin:auto;}
.header01 .head .left{ height:50px; float:left;}
.header01 .head .left a{ display:block; float:left;}
.header01 .head .left a img{ display:block; height:50px;}
.header01 .head .left b{ display:block; float:left; width:1px; height:46px; background-color:#ddd; margin:2px 20px;}
.header01 .head .left p{ display:block; float:left; font-size:16px; line-height:24px; height:48px; margin:1px 0;}
.header01 .head .left p span{ display:block; color:#5476fe;}
.header01 .head .right{ float:right; height:50px;}
.header01 .head .right>li{ display:block; float:left; margin-left:30px; position:relative;}
.header01 .head .right>li>a{ font-size:16px; height:50px; line-height:50px; position:relative; display:block; overflow:hidden;}
.header01 .head .right>li>a b{ width:20px; height:2px; display:none; position:absolute; left:50%; margin-left:-10px; bottom:10px; background:linear-gradient(to right,#5476fe,#3399ff);}
.header01 .head .right>li:hover>a,.navbox .right>li>a.on{ color:#5476fe;}
.header01 .head .right>li:hover>a b,.navbox .right>li>a.on b{ display:block;}
.header01 .head .right>li>ul{ display:none; width:140px; text-align:center; position:absolute; left:50%; top:50px; margin-left:-70px; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header01 .head .right>li>ul li{ display:block; border-bottom:1px solid #eee;}
.header01 .head .right>li>ul li:last-child{ border-bottom:none;}
.header01 .head .right>li>ul li a{ display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden;}
.header01 .head .right>li>ul li a:hover{ color:#5476fe;}
.header01 .head .right>li:hover ul{ display:block;}


.ban{ width:100%; height:350px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background-color:#5476fe; opacity:.7;}
.ban .wen{ width:1200px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .wen .w01{ font-size:48px; height:58px; line-height:58px; color:#fff; text-transform:uppercase;}
.ban .wen .w02{ height:60px;}
.ban .wen .w02 span{ display:block; float:left; width:2px; height:40px; margin:10px; margin-left:0; background-color:#dc0000;}
.ban .wen .w02 b{ display:block; float:left; height:60px; font-size:48px; line-height:58px; color:#fff; text-transform:capitalize;}
.ban .wen .w02 strong{ display:block; float:left; height:40px; padding-top:13px; margin-left:20px; font-size:30px; line-height:40px; color:#fff; letter-spacing:5px;}

.wei{ width:100%; height:70px; /*background-image:url(../images/wei_07.jpg); background-position:left bottom; background-repeat:repeat-x;*/ background-color:#f1f1f1;}
.wei .box{ width:1200px; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:70px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:16px; line-height:70px; height:70px; position:relative; padding:0 30px;}
.wei .box .right span{ font-size:14px; color:#ccc; display:none; float:left; margin:0 30px; line-height:70px;}
.wei .box .right a:hover{ color:#5476fe; background-color:#fff;}
.wei .box .right a.on{ color:#5476fe; background-color:#fff;}
.wei .box .right a b{ width:0; height:4px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#5476fe,#3399ff); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.wei .box .right a.on b{ width:100%;}

/*关于我们*/
.ab01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ab01 .title .t01 span{ display:block; width:30px;}
.ab01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.ab01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ab01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ab01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.ab01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.ab01 .box{ width:1200px; margin:auto; margin-top:25px;}
.ab01 .box .left{ width:550px; float:left; border-radius:30px;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:600px; float:left; margin-left:50px; margin-top:30px;}
.ab01 .box .right .w01{ width:100%;}
.ab01 .box .right .w01 p{ display:block; float:left; background:linear-gradient(to right,#5476fe,#3399ff); font-size:18px; line-height:26px; color:#fff; padding:5px 10px; box-sizing:border-box; max-width:100%; text-transform:uppercase;}
.ab01 .box .right .w02{ width:100%; font-size:24px; line-height:34px; margin-top:15px;}
.ab01 .box .right .w03{ width:100%; font-size:14px; line-height:30px; margin-top:17px;}
.ab01 .box .list{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ab01 .box .list li{ width:285px; margin-top:30px; border-left:1px solid #cacaca; padding:5px 0; padding-left:19px; overflow:hidden; box-sizing:border-box;}
.ab01 .box .list li .t01{ font-size:18px; line-height:28px; color:#5476fe;}
.ab01 .box .list li:nth-child(2n) .t01{ color:#dc0000;}
.ab01 .box .list li .t02{ font-size:14px; line-height:24px; margin-top:5px;}

.ab02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ab02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab02 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ab02 .title .t01 span{ display:block; width:30px;}
.ab02 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.ab02 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ab02 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ab02 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.ab02 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.ab02 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.ab02 .box a{ width:380px; height:290px; display:block; background-color:#fff; margin-top:30px; margin-left:30px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.ab02 .box a img{ width:100%; display:block;}
.ab02 .box a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box a span{ width:100%; padding:0 20px; height:40px; line-height:40px; box-sizing:border-box; text-align:center; font-size:14px; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0;}
.ab02 .box a:hover span{ background-color:#5476fe;}

.ab03{ width:100%; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.ab03 .con{ width:100%; padding-top:65px; padding-bottom:55px; position:relative; z-index:2;}
.ab03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab03 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ab03 .title .t01 span{ display:block; width:30px;}
.ab03 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.ab03 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ab03 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ab03 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.ab03 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.ab03 .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.ab03 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.ab03 .swiper-container-android .swiper-slide,.ab03 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.ab03 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.ab03 .swiper-slide{ width:240px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.ab03 .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1);}
.ab03 .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%;}
.ab03 .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0;}
.ab03 .tab{ width:960px; padding-left:240px; position:absolute; left:50%; margin-left:-600px; bottom:55px; z-index:10; height:170px;}
.ab03 .tab .swiper-slide{ width:240px; height:100%; position:relative;}
.ab03 .tab .swiper-slide p{ width:60px; height:60px; border-radius:100%; background-color:rgba(255,255,255,.7); position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-35px; overflow:hidden; padding:5px;}
.ab03 .tab .swiper-slide p a{ width:60px; height:60px; background-color:#fff; font-size:16px; line-height:60px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab03 .tab .swiper-slide span{ width:200px; position:absolute; left:20px; bottom:0; display:block; text-align:center; color:#fff; overflow:hidden; font-size:14px; line-height:44px; height:44px; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab03 .tab .swiper-slide.cur p{ width:70px; height:70px; margin-left:-40px; margin-top:-40px; background-color:#dc0000;}
.ab03 .tab .swiper-slide.cur p a{ background-color:#dc0000; color:#fff; width:70px; height:70px; line-height:70px;}
.ab03 .tab .swiper-slide.cur span{ bottom:138px; font-size:18px; line-height:32px; height:32px;}
.ab03 .line{ width:100%; height:2px; background-color:#f7f7f7; position:absolute; left:0; bottom:139px; z-index:8; opacity:.3;}
.ab03 .tabox{ width:100%; position:relative; z-index:2; margin-top:20px;}
.ab03 .tabox .box{ width:1200px; margin:auto; display:none; height:500px; position:relative;}
.ab03 .tabox .box .wen{ width:100%;}
.ab03 .tabox .box .wen .bt{ color:#fff; font-size:20px; line-height:30px;}
.ab03 .tabox .box .wen .wz{ width:100%; padding-right:10px; box-sizing:border-box; color:#fff; font-size:14px; line-height:30px; height:270px; overflow:auto; margin-top:10px;}
.ab03 .tabox .box .wen .wz::-webkit-scrollbar{ width:5px; height:1px;}
.ab03 .tabox .box .wen .wz::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.ab03 .tabox .box .wen .wz::-webkit-scrollbar-track{ border-radius:10px; background:rgba(25,25,25,0.1);}
.ab03 .tabox .box .shijian{ width:100%; position:absolute; left:0; bottom:80px; font-size:36px; line-height:76px; color:#fff;}
.ab03 .swi{ position:absolute; left:50%; margin-left:-600px; bottom:70px; z-index:11;}
.ab03 .swi div{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.7); margin-right:20px; float:left; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.ab03 .swi div.swiper-button-prev{ background-image:url(../images/left01.png);}
.ab03 .swi div.swiper-button-next{ background-image:url(../images/right01.png);}
.ab03 .swi div.swiper-button-prev:hover{ background-color:#fff; background-image:url(../images/left02.png);}
.ab03 .swi div.swiper-button-next:hover{ background-color:#fff; background-image:url(../images/right02.png);}

.ab04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ab04 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab04 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.ab04 .title .t01 span{ display:block; width:30px;}
.ab04 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.ab04 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.ab04 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.ab04 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.ab04 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.ab04 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.ab04 .box a{ width:380px; height:250px; display:block; background-color:#fff; margin-top:30px; margin-left:30px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.ab04 .box a img{ width:100%; display:block;}
.ab04 .box a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box a span{ width:220px; padding:0 20px; height:40px; line-height:40px; box-sizing:border-box;font-size:16px; color:#fff; background-color:rgba(84,118,254,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box a:hover span{ bottom:0;}

/*师资力量*/
.sz01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.sz01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.sz01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.sz01 .title .t01 span{ display:block; width:30px;}
.sz01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.sz01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.sz01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.sz01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.sz01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.sz01 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.sz01 .list{ width:100%; display:block;}
.sz01 .list li{ width:224px; height:295px; display:block; float:left; margin-top:25px; margin-left:20px; overflow:hidden; position:relative;}
.sz01 .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.sz01 .list li .tu{ width:100%; height:295px;}
.sz01 .list li .tu img{ width:100%; display:block;}
.sz01 .list li .tu p{ width:100%; height:100%; background-image:url(../images/taacher_03.png); background-position:left bottom; background-repeat:repeat-x; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.sz01 .list li .wen{ position:absolute; width:calc(100% - 30px); height:70px; left:15px; bottom:9px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sz01 .list li:hover .tu p{ background-image:none; background-color:rgba(84,118,254,0.7);}
.sz01 .list li:hover .wen{ height:265px;}
.sz01 .list li .wen .t01{ font-size:14px; line-height:26px; height:26px; padding:0 10px; background-color:#d91f11; color:#fff; display:inline-table;}
.sz01 .list li .wen .t02{ font-size:18px; line-height:46px; height:46px; padding-top:2px; color:#fff;}
.sz01 .list li .wen .t03{ font-size:14px; line-height:24px; height:144px; color:#fff;}
.sz01 .list li .wen .t04{ width:100%; border-top:1px solid #fff; margin-top:7px; padding-top:7px; font-size:14px; height:28px; line-height:28px; color:#fff; text-transform:uppercase;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ font-size:16px; background-color:#f1f1f1; width:40px; height:40px; line-height:40px; border-radius:100%; overflow:hidden; display:block;}
.fanye li span{ font-size:16px; background-color:#5476fe; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; overflow:hidden; display:block;}
.fanye li a:hover{ color:#5476fe;}

.tkuang{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.3); z-index:9999; display:none;}
.tkuang .box{ padding:60px 50px; width:900px; border-radius:20px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tkuang .box .close{ position:absolute; right:30px; top:30px; cursor:pointer;}
.tkuang .box .close img{ display:block; -webkit-transition:1s linear; transition:1s ease-in;}
.tkuang .box .close img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkuang .box .left{ width:205px; float:left; text-align:center;}
.tkuang .box .left strong{ width:100%; display:block; overflow:hidden;}
.tkuang .box .left strong img{ width:100%; display:block;}
.tkuang .box .left span{ width:100%; display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:15px;}
.tkuang .box .left p{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.tkuang .box .right{ width:650px; float:right; font-size:14px;}

.sz02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.sz02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.sz02 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.sz02 .title .t01 span{ display:block; width:30px;}
.sz02 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.sz02 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.sz02 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.sz02 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.sz02 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.sz02 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.sz02 .box .table{ width:100%; margin-top:25px;}
.sz02 .box .table table{ width:100%; border-collapse:collapse;}
.sz02 .box .table table th{ background-color:#5476fe; color:#fff; font-weight:normal; font-size:16px;}
.sz02 .box .table table td{ background-color:#fff; color:#333; font-size:14px; padding:0 10px; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca;}
.sz02 .box .table table tr{ border-left:1px solid #cacaca;}
.sz02 .box .table table tr:nth-child(1){ border-left:1px solid #5476fe;}

/*新闻资讯*/
.news01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.news01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.news01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.news01 .title .t01 span{ display:block; width:30px;}
.news01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.news01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.news01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.news01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.news01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.news01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.news01 .box .list{ width:100%; display:block;}
.news01 .box .list li{ width:380px; float:left; display:block; overflow:hidden; margin-left:30px; margin-top:25px;}
.news01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news01 .box .list li .tu{ width:100%; height:209px; position:relative;}
.news01 .box .list li .tu img{ width:100%; display:block;}
.news01 .box .list li .tu p{ width:140px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0;}
.news01 .box .list li .bt{ padding-top:10px;}
.news01 .box .list li .bt a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .box .list li .wen{ width:100%; font-size:14px; line-height:24px; height:72px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:1px;}
.news01 .box .list li .bt a:hover{ color:#5476fe;}
.news01 .fanye{ margin-top:25px;}

/*.news01 .box .picList{ width:100%; display:block;}
.news01 .box .picList li{ width:380px; float:left; display:block; overflow:hidden; margin-left:30px; margin-top:25px;}
.news01 .box .picList li .tu{ width:100%; height:276px; position:relative;}
.news01 .box .picList li .tu img{ width:100%; display:block;}
.news01 .box .picList li .tu p{ width:140px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:0;}
.news01 .box .picList li .bt{ padding-top:10px;}
.news01 .box .picList li .bt a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .box .picList li .wen{ width:100%; font-size:14px; line-height:24px; height:72px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:1px;}
.news01 .box .picList li .bt a:hover{ color:#5476fe;}*/
.mx .picList{ width:100%; display:block;}
.mx .picList li{ width:285px; float:left; display:block; overflow:hidden; margin-left:20px; margin-top:25px;}
.mx .picList li .tu{ width:100%; height:380px; position:relative;}
.mx .picList li .tu img{ width:100%; display:block;}
.mx .picList li .tu .wen{ padding:15px 20px; width:100%; background-color:rgba(0,0,0,.7); color:#fff; max-height:100%; overflow:auto; box-sizing:border-box; position:absolute; left:0; bottom:0; opacity:0;}
.mx .picList li:hover .tu .wen{ opacity:1;}
.mx .picList li .bt{ font-size:18px; line-height:28px; height:28px; margin-top:10px;}
.mx .picList li:hover .bt{ color:#5476fe;}

/*新闻资讯内页*/
.ny{ width:1200px; margin:65px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:1.7;}
.ny .wen img{ max-width:100%; height:auto !important;}
.ny .wen section{ margin-top:0 !important;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}

/*法律声明*/
.falv{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.falv .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.falv .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.falv .title .t01 span{ display:block; width:30px;}
.falv .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.falv .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.falv .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.falv .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.falv .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.falv .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:20px; font-size:14px; line-height:24px;}
.falv .box img{ max-width:100%; height:auto !important;}

/*就业指导*/
.jy01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.jy01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy01 .title .t01 span{ display:block; width:30px;}
.jy01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.jy01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.jy01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.jy01 .box{ width:1200px; margin:25px auto; margin-bottom:0; position:relative; z-index:3;}
.jy01 .box .left{ float:left; width:530px;}
.jy01 .box .left .w01{ font-size:18px; line-height:28px; padding-top:24px; text-transform:uppercase; color:#999;}
.jy01 .box .left .w02{ font-size:30px; line-height:40px; padding-top:14px; font-weight:bold;}
.jy01 .box .left .w03{ font-size:14px; line-height:24px; padding-top:20px;}
.jy01 .box .right{ float:right; width:600px; border-radius:30px;}
.jy01 .box .right img{ width:100%; display:block;}

.jy02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jy02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy02 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy02 .title .t01 span{ display:block; width:30px;}
.jy02 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.jy02 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy02 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy02 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.jy02 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.jy02 .box{ width:1200px; margin:auto; margin-top:5px;}
.jy02 .list{ width:100%; display:flex; flex-wrap:wrap}
.jy02 .list li{ display:flex; justify-content:center; align-items:center; flex-direction:column; float:left; width:285px; padding:20px; box-sizing:border-box; background-color:rgba(255,255,255,.9); border-radius:10px; margin-left:20px; margin-top:20px; overflow:hidden;}
.jy02 .list li p{ display:block; overflow:hidden;}
.jy02 .list li p b{ display:block; font-size:30px; height:34px; line-height:34px; font-weight:normal; color:#5476fe; float:left;}
.jy02 .list li:nth-child(2n) .t01{ color:#dc0000;}
.jy02 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jy02 .list li p span{ display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-left:10px; margin-top:8px;}
.jy02 .list li a{ display:block; overflow:hidden; padding-top:2px; font-size:14px; line-height:24px; color:#666;}
.jy02 .list01{ width:100%; display:flex; flex-wrap:wrap}
.jy02 .list01 li{ display:block; float:left; width:380px; padding:30px; padding-bottom:25px; box-sizing:border-box; background-color:rgba(255,255,255,.9); border-radius:10px; margin-left:30px; margin-top:30px; overflow:hidden; text-align:center;}
.jy02 .list01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jy02 .list01 li .t01{ width:80px; height:80px; background:rgba(84,118,254,0.3); padding:8px; margin:auto; border-radius:100%;}
.jy02 .list01 li .t01 span{ width:80px; height:80px; background-color:#fff; display:flex; align-items:center; border-radius:100%; overflow:hidden;}
.jy02 .list01 li .t01 span img{ max-height:50px; max-width:50px; display:block; margin:auto;}
.jy02 .list01 li .t02{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.jy02 .list01 li .t03{ font-size:14px; line-height:24px; margin-top:5px;}
.jy02 .list01 li:hover .t02{ color:#5476fe;}

@font-face {
	font-family:fine;
	src:url(../fonts/bodonibdbtbold.woff2)
}
.jy03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.jy03 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.jy03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy03 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy03 .title .t01 span{ display:block; width:30px;}
.jy03 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.jy03 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy03 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy03 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.jy03 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.jy03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.jy03 .box .swiper-container{ width:100%; overflow:hidden;}
.jy03 .box .swiper-slide{ width:100%; display:block; overflow:hidden;}
.jy03 .box .swiper-slide .left{ width:700px; height:420px; float:left;}
.jy03 .box .swiper-slide .left img{ width:100%; display:block;}
.jy03 .box .swiper-slide .right{ width:450px; height:420px; float:right; position:relative; text-align:right;}
.jy03 .box .swiper-slide .right .s01{ font-size:50px; line-height:50px; position:relative; z-index:9; padding-top:20px; text-transform:uppercase; color:#fff;}
.jy03 .box .swiper-slide .right .s02{ font-size:24px; line-height:34px; margin-top:10px; position:relative; z-index:9; color:#fff;}
.jy03 .box .swiper-slide .right .s04{ position:absolute; left:0; top:0; font-size:300px; line-height:235px; z-index:0; color:#fff; opacity:0.1; font-family:fine;}
.jy03 .box .swiper-slide .right .s03{ position:absolute; right:0; bottom:30px; z-index:9; padding:5px 28px; padding-left:0; border-right:2px solid #dc0000;}
.jy03 .box .swiper-slide .right .s03 b{ display:block; font-size:18px; line-height:28px; color:#fff;}
.jy03 .box .swiper-slide .right .s03 p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.jy03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.jy03 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#fff; overflow:hidden; margin:0 5px;}
.jy03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#dc0000,#ff7700);}

.jy04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; display:none;}
.jy04 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy04 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy04 .title .t01 span{ display:block; width:30px;}
.jy04 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.jy04 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy04 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy04 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.jy04 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.jy04 .box{ width:1200px; margin:25px auto; margin-bottom:0; position:relative; z-index:3; display:flex; align-items:center;}
.jy04 .box .left{ float:left; width:600px; border-radius:30px;}
.jy04 .box .left img{ width:100%; display:block;}
.jy04 .box .right{ width:550px; padding-left:50px; display:block;}
.jy04 .box .right li{ display:block; padding:10px 0; overflow:hidden;}
.jy04 .box .right li b{ display:block; width:80px; font-size:54px; height:54px; line-height:54px; float:left; color:#5476fe;}
.jy04 .box .right li:nth-child(2n) b{ color:#dc0000;}
.jy04 .box .right li p{ display:block; padding:1px 0; width:calc(100% - 80px); float:left; overflow:hidden;}
.jy04 .box .right li p span{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.jy04 .box .right li p a{ display:block; font-size:14px; line-height:24px; overflow:hidden;}

.jy05{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.jy05 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy05 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy05 .title .t01 span{ display:block; width:30px;}
.jy05 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.jy05 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy05 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy05 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.jy05 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.jy05 .box{ width:1200px; margin:auto; margin-top:-5px;}
.jy05 .list{ width:100%; display:block;}
.jy05 .list li{ width:380px; height:220px; display:block; float:left; position:relative; overflow:hidden; margin-top:30px; margin-left:30px; border-radius:10px;}
.jy05 .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jy05 .list li .top{ width:100%; height:220px; background-color:#fff; position:relative; z-index:1;}
.jy05 .list li .w01{ position:absolute; right:20px; top:30px;}
.jy05 .list li .w01 img{ width:60px; display:block;}
.jy05 .list li .wen{ position:absolute; left:30px; bottom:40px; width:210px;}
.jy05 .list li .w02{ font-size:18px; line-height:28px; height:28px; width:100%; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.jy05 .list li .w03{ font-size:14px; line-height:24px; height:72px; width:100%; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:5px;}
.jy05 .list li .bot{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jy05 .list li .bot a{ width:100%; position:relative; display:block; height:100%; background-color:rgba(84,118,254,.7);}
.jy05 .list li .bot a *{ color:#fff;}
.jy05 .list li:hover .bot{ top:100%;}

.jy06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.jy06 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.jy06 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.jy06 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.jy06 .title .t01 span{ display:block; width:30px;}
.jy06 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.jy06 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.jy06 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.jy06 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.jy06 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.jy06 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.jy06 .box .list{ width:1108px; display:block; float:left;}
.jy06 .box .list01{ width:1108px; display:block; float:right; margin-top:-34px;}
.jy06 .box .list li{ margin-right:47px;}
.jy06 .box .list01 li{ margin-left:47px;}
.jy06 .box li{ width:230px; height:257px; background-image:url(../images/jy06_26.png); background-position:top center; background-repeat:no-repeat; overflow:hidden; float:left; position:relative;}
.jy06 .box li b{ width:70px; height:70px; line-height:70px; display:block; text-align:center; font-size:24px; color:#5476fe; margin:auto;}
.jy06 .box li p{ width:230px; height:230px; position:absolute; left:0; bottom:0; display:flex; align-items:center; overflow:hidden;}
.jy06 .box li p span{ display:block; width:190px; margin:auto; text-align:center;}
.jy06 .box li p span strong{ font-size:18px; line-height:28px; display:block; overflow:hidden;}
.jy06 .box li p span a{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}
.jy06 .box li:hover{ background-image:url(../images/jy06h_24.png);}
.jy06 .box li:hover b{ color:#fff;}

/*联系我们*/
.lx01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.lx01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.lx01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.lx01 .title .t01 span{ display:block; width:30px;}
.lx01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.lx01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.lx01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.lx01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.lx01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.lx01 .box{ width:1200px; margin:auto; margin-top:25px;}
.lx01 .box .left{ width:600px; height:430px; float:left;}
.lx01 .box .left #map{ width:100%; height:100%;}
.lx01 .box .right{ width:550px; float:right; display:block;}
.lx01 .box .right dt{ display:block; overflow:hidden; margin-top:20px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:68px;}
.lx01 .box .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.lx01 .box .right dt p{ display:block; font-size:16px; line-height:24px;}
.lx01 .box .right dd{ display:flex; align-items:center; margin-top:30px;}
.lx01 .box .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.lx01 .box .right dd strong img{ max-width:100%; display:block; margin:auto;}
.lx01 .box .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}

.lx02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.lx02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.lx02 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.lx02 .title .t01 span{ display:block; width:30px;}
.lx02 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.lx02 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.lx02 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.lx02 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.lx02 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.lx02 .box{ width:1200px; margin:auto; margin-top:-5px;}
.lx02 .box ul{ width:100%; display:block; overflow:hidden;}
.lx02 .box ul li{ width:380px; display:block; float:left; height:160px; background-color:#fff; overflow:hidden; margin-top:30px; margin-left:30px;}
.lx02 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx02 .box ul li a{ display:block; width:100%; height:100%; padding:44px 50px; box-sizing:border-box; position:relative;}
.lx02 .box ul li a b{ display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.lx02 .box ul li a p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:20px;}
.lx02 .box ul li a span{ width:30px; height:40px; display:block; position:absolute; top:20px; right:20px; background-image:url(../images/lx02_15.jpg); text-align:center; line-height:32px; font-size:16px; color:#fff; overflow:hidden; background-position:top center; background-repeat:no-repeat;}
.lx02 .box ul li a:hover b{ color:#5476fe;}

.lx03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.lx03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.lx03 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.lx03 .title .t01 span{ display:block; width:30px;}
.lx03 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.lx03 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.lx03 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.lx03 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.lx03 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.lx03 .box{ width:1200px; margin:auto; margin-top:25px; height:500px; position:relative;}
.lx03 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx03 .left img{ width:100%; display:block;}
.lx03 .right{ width:780px; padding:30px; padding-top:73px; float:right; background-image:url(../images/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden; height:420px; position:relative; z-index:2;}
.lx03 .right .r01{ float:left; margin-top:20px; width:360px;}
.lx03 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx03 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px; position:relative;}
.lx03 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx03 .right .r02 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx03 .right .r02 b{ width:10px; height:5px; display:block; background-image:url(../images/xiala_x.png); position:absolute; right:10px; top:50%; margin-top:-3px;}
.lx03 .right .r03{ float:left; margin-top:20px; width:780px;}
.lx03 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx03 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:100px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx03 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}
.lx03 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}
.lx03 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background:#5476fe; display:block; float:right;}
.lx03 .right .r05 input:hover{ background-color:#dc0000;}

/*课程分类*/
.wei .box .right01{ float:right;}
.wei .box .right01 a{ display:block; float:left; font-size:16px; line-height:70px; height:70px; position:relative; padding:0 15px;}
.wei .box .right01 span{ font-size:14px; color:#ccc; display:none; float:left; margin:0 15px; line-height:70px;}
.wei .box .right01 a:hover{ color:#5476fe; background-color:#fff;}
.wei .box .right01 a.on{ color:#5476fe; background-color:#fff;}
.wei .box .right01 a b{ width:0; height:4px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#5476fe,#3399ff); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.wei .box .right01 a.on b{ width:100%;}

/*java*/
.kc01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc01 .title{ width:1200px; margin:auto;}
.kc01 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc01 .title .t01 span{ display:block; width:30px;}
.kc01 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc01 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc01 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc01 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc01 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc01 .box{ width:1200px; margin:auto; margin-top:5px;}
.kc01 .box .list{ width:100%; display:block; overflow:hidden;}
.kc01 .box .list li{ width:285px; display:block; overflow:hidden; height:340px; border-radius:10px; float:left; margin-left:20px; margin-top:20px;}
.kc01 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc01 .box .list li .tu{ width:100%; height:200px;}
.kc01 .box .list li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc01 .box .list li:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.kc01 .box .list li .wen{ width:100%; height:140px; box-sizing:border-box; padding:15px 19px; border:1px solid #ddd; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.kc01 .box .list li .wen .w01{ height:28px;}
.kc01 .box .list li .wen .w01 a{ font-size:18px; line-height:28px; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc01 .box .list li .wen .w01 a:hover{ color:#5476fe;}
.kc01 .box .list li .wen .w02{ height:24px; margin-top:5px;}
.kc01 .box .list li .wen .w02 span{ display:block; float:left; overflow:hidden; font-size:14px; line-height:26px; height:26px; color:#666;}
.kc01 .box .list li .wen .w02 p{ display:block; float:right; padding-left:21px; background-image:url(../images/ks_34.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:26px; height:26px; color:#666;}
.kc01 .box .list li .wen .w04{ width:100%; margin-top:11px;}
.kc01 .box .list li .wen .w04 p{ display:block; float:left; font-size:14px; line-height:36px; height:36px; color:#666;}
.kc01 .box .list li .wen .w04 p span{ color:#5476fe;}
.kc01 .box .list li .wen .w04 a{ width:120px; height:36px; display:flex; align-items:center; justify-content:center; line-height:36px; font-size:14px; color:#fff; border-radius:5px; overflow:hidden; background:linear-gradient(to right,#5476fe,#3399ff); float:right;}
.kc01 .box .list li .wen .w04 a b{ display:block; width:20px; height:20px; border-radius:100%; margin-left:10px; background-color:#fff; overflow:hidden; background-image:url(../images/more_38.jpg); background-position:center; background-repeat:no-repeat;}

.kc02{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#e7efff;}
.kc02 .title{ width:1200px; margin:auto;}
.kc02 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc02 .title .t01 span{ display:block; width:30px;}
.kc02 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc02 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc02 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc02 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc02 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc02 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc02 .box .swiper-slide{ width:285px; overflow:hidden;}
.kc02 .box .swiper-slide a{ width:calc(100% - 5px); margin-left:5px; display:block; padding-top:60px; padding-bottom:30px; box-sizing:border-box; height:100%; background-color:#f9f9f9; position:relative;}
.kc02 .box .swiper-slide .k01{ position:absolute; left:20px; top:20px; font-size:60px; line-height:68px; height:68px; font-weight:bold; color:#5476fe; opacity:.3; z-index:1;}
.kc02 .box .swiper-slide .k02{ position:relative; z-index:3; width:calc(100% - 15px); margin-left:-5px; height:40px; padding-bottom:5px; background-image:url(../images/kc02_05.png); background-position:top left; background-repeat:no-repeat; font-size:18px; line-height:40px; text-indent:20px; color:#fff; font-weight:bold;}
.kc02 .box .swiper-slide .k03{ padding:0 20px; margin-top:-5px; display:block;}
.kc02 .box .swiper-slide .k03 dt{ font-size:14px; line-height:24px; margin-top:15px;}
.kc02 .box .swiper-slide .k03 dd{ margin-top:5px; padding:5px 10px; padding-right:0; box-sizing:border-box; display:block; background-color:#fff; overflow:hidden;}
.kc02 .box .swiper-slide .k03 dd span{ font-size:14px; line-height:24px; display:block; float:left; margin-right:10px; color:#666;}
.kc02 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc02 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.kc02 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.kc03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc03 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc03 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc03 .title .t01 span{ display:block; width:30px;}
.kc03 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc03 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc03 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc03 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc03 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc03 .box{ width:990px; padding:0 105px; margin:auto; margin-top:35px; position:relative; z-index:2;}
.kc03 .box .gallery-top{ width:100%; overflow:hidden;}
.kc03 .box .swiper-button-white{ position:absolute; top:125px; width:32px; height:60px;}
.kc03 .box .swiper-button-white img{ width:100%; display:block;}
.kc03 .box .swiper-button-next{ right:0;}
.kc03 .box .swiper-button-prev{ left:0;}
.kc03 .box .gallery-top .swiper-slide{ width:310px; height:310px; display:block; overflow:hidden; position:relative;}
.kc03 .box .gallery-top .swiper-slide a{ width:226px; height:226px; border:2px solid #fff; background-color:#fff; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100%; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.kc03 .box .gallery-top .swiper-slide a img{ width:100%; display:block;}
.kc03 .box .gallery-top .swiper-slide.swiper-slide-active a{ border:5px solid #5476fe; width:300px; height:300px;}
.kc03 .box .gallery-thumbs{ width:100%; margin:auto; margin-top:35px;}
.kc03 .box .gallery-thumbs .swiper-slide{ text-align:center;}
.kc03 .box .gallery-thumbs .swiper-slide .j01{ width:610px; margin:auto; font-size:20px; line-height:30px; color:#fff;}
.kc03 .box .gallery-thumbs .swiper-slide .j02{ width:610px; margin:auto; font-size:14px; line-height:24px; margin-top:10px; color:#fff;}

.kc04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc04 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc04 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc04 .title .t01 span{ display:block; width:30px;}
.kc04 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc04 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc04 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc04 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc04 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc04 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.kc04 .box a{ width:380px; height:250px; display:block; background-color:#fff; margin-top:30px; margin-left:30px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.kc04 .box a img{ width:100%; display:block;}
.kc04 .box a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.kc04 .box a span{ width:220px; padding:0 20px; height:40px; line-height:40px; box-sizing:border-box;font-size:16px; color:#fff; background-color:rgba(84,118,254,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc04 .box a:hover span{ bottom:0;}

.kc05{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc05 .title{ width:1200px; margin:auto;}
.kc05 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc05 .title .t01 span{ display:block; width:30px;}
.kc05 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc05 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc05 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc05 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc05 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc05 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; padding-bottom:80px;}
.kc05 .box .list{ width:100%; display:flex; position:relative; z-index:3;}
.kc05 .box .list li{ width:285px; display:block; float:left; margin-left:20px; position:relative;}
.kc05 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc05 .box .list li .bg{ width:100%; height:calc(100% - 150px); border-radius:10px; background-color:#fff; position:absolute; left:0; bottom:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc05 .box .list li .wen{ padding:60px 20px; padding-bottom:25px; box-sizing:border-box; position:relative; z-index:2;}
.kc05 .box .list li .k01{ height:60px;}
.kc05 .box .list li .k01 img{ display:block; height:60px; margin:auto;}
.kc05 .box .list li .k02{ padding-top:55px; font-size:18px; line-height:28px; height:28px; text-align:center; font-weight:bold;}
.kc05 .box .list li .k03{ padding-top:10px; font-size:14px; line-height:24px;}
.kc05 .box .list li:hover .bg{ height:100%;}
.kc05 .box .mask{ width:100%; border-radius:10px; background:linear-gradient(to right,#5476fe,#3399ff); height:140px; padding:0 30px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1;}
.kc05 .box .mask .left{ float:left; padding-top:72px; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.kc05 .box .mask .right{ height:140px; float:right;}
.kc05 .box .mask .right img{ display:block; float:right; height:140px;}

.kc06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc06 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc06 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc06 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc06 .title .t01 span{ display:block; width:30px;}
.kc06 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc06 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc06 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc06 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc06 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc06 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc06 .box .left{ width:580px; float:left; padding-top:25px; background-image:url(../images/kc06_22.png); background-position:right top; background-repeat:no-repeat;}
.kc06 .box .left .k01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.kc06 .box .left .k02{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.kc06 .box .left .k03{ width:50px; height:2px; margin-top:15px; background-color:#ff7800;}
.kc06 .box .left .k04{ font-size:14px; line-height:30px; color:#fff; margin-top:17px;}
.kc06 .box .left .k05{ display:flex; width:100%; justify-content:space-between; margin-top:32px;}
.kc06 .box .left .k05 li{ display:block; overflow:hidden;}
.kc06 .box .left .k05 li p{ width:100%; box-sizing:border-box; display:block; overflow:hidden; border-left:2px solid #dc0000; padding-left:8px;}
.kc06 .box .left .k05 li p b{ display:block; float:left; line-height:50px; height:50px; font-size:48px; color:#fff; font-weight:normal;}
.kc06 .box .left .k05 li p span{ display:block; float:left; font-size:18px; line-height:24px; margin-left:5px; margin-top:25px; color:#fff;}
.kc06 .box .left .k05 li a{ font-size:14px; line-height:24px; padding-top:1px; display:block; color:#fff;}
.kc06 .box .right{ width:540px; float:right; position:relative; padding-right:30px; padding-bottom:30px;}
.kc06 .box .right strong{ width:100%; display:block; position:relative; z-index:3;}
.kc06 .box .right strong img{ width:100%; display:block;}
.kc06 .box .right b{ width:calc(100% - 30px); height:calc(100% - 30px); display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#dc0000;}

.kc07{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc07 .title{ width:1200px; margin:auto;}
.kc07 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc07 .title .t01 span{ display:block; width:30px;}
.kc07 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc07 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc07 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc07 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc07 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc07 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative;}
.kc07 .box ul{ width:100%; display:block; overflow:hidden;}
.kc07 .box ul li{ display:block; float:left; margin-left:30px; margin-top:30px; overflow:hidden; width:380px; height:90px; border-bottom-right-radius:20px; border-top-left-radius:20px; background:linear-gradient(to right,#5476fe,#3399ff); position:relative;}
.kc07 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.kc07 .box ul li .wen{ display:flex; width:300px; height:80px; align-items:center; border-bottom-right-radius:20px; border-top-left-radius:20px; background-color:#f9f9f9; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc07 .box ul li .wen a{ display:block; padding:0 20px; overflow:hidden;}
.kc07 .box ul li .wen b{ font-size:18px; line-height:28px; display:block; overflow:hidden;}
.kc07 .box ul li .wen p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}
.kc07 .box ul li:hover .wen{ bottom:10px;}
.kc07 .box ul li:hover .wen b{ color:#5476fe;}
.kc07 .box ul li .tu{ width:80px; height:90px; float:right; display:flex; align-items:center;}
.kc07 .box ul li .tu img{ display:block; margin:auto; max-width:50px; max-height:50px;}

.kc08{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc08 .title{ width:1200px; margin:auto;}
.kc08 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc08 .title .t01 span{ display:block; width:30px;}
.kc08 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc08 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc08 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc08 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc08 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc08 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc08 .box dl{ width:380px; display:block; float:left; background-color:#fff; padding-bottom:10px; overflow:hidden; margin-left:30px;}
.kc08 .box dl:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.kc08 .box dl dt{ width:100%; display:block; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.kc08 .box dl dt a{ width:100%; height:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,.7);}
.kc08 .box dl dt a img{ display:block; margin:34px auto; margin-bottom:10px;}
.kc08 .box dl dt a p{ font-size:18px; line-height:28px; display:block; text-align:center; color:#fff;}
.kc08 .box dl dd{ padding:10px 20px; display:block; overflow:hidden;}
.kc08 .box dl dd p{ display:block; border-bottom:1px dashed #cacaca; padding-top:10px; font-size:14px; height:34px; overflow:hidden;}
.kc08 .box dl dd p a{ display:block; padding-left:14px; background-image:url(../images/li_46.jpg); background-position:left center; background-repeat:no-repeat; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; box-sizing:border-box;}
.kc08 .box dl dd p:last-child{ border-bottom:none;}
.kc08 .box dl dd p a:hover{ color:#5476fe;}

/*Python*/
.kc09{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc09 .title{ width:1200px; margin:auto;}
.kc09 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc09 .title .t01 span{ display:block; width:30px;}
.kc09 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc09 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc09 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc09 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc09 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc09 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative;}
.kc09 .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.kc09 .box ul li{ width:380px; display:block; float:left; border-radius:10px; background-color:#fff; overflow:hidden; margin-top:30px; margin-left:30px; padding:30px; padding-bottom:25px; box-sizing:border-box;}
.kc09 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.kc09 .box ul li .k01{ height:60px;}
.kc09 .box ul li .k01 img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.kc09 .box ul li .k02{ font-size:18px; line-height:28px; margin-top:15px; font-weight:bold; text-align:center;}
.kc09 .box ul li .k03{ width:40px; height:2px; margin:5px auto; margin-bottom:10px; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc09 .box ul li .k04{ font-size:14px; line-height:24px;}
.kc09 .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.kc10{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc10 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc10 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc10 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc10 .title .t01 span{ display:block; width:30px;}
.kc10 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc10 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc10 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc10 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc10 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc10 .box{ width:1000px; padding:0 100px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc10 .box .swiper-container{ width:100%; height:360px; overflow:hidden;}
.kc10 .box .swiper-button-white{ position:absolute; top:145px; width:32px; height:60px;}
.kc10 .box .swiper-button-white img{ width:100%; display:block;}
.kc10 .box .swiper-button-next{ right:0;}
.kc10 .box .swiper-button-prev{ left:0;}
.kc10 .box .swiper-container .swiper-slide{ width:100%; height:360px; display:flex; align-items:center; padding:60px 100px; box-sizing:border-box; overflow:hidden; position:relative; background-image:url(../images/kc10_24.png); background-position:center; background-repeat:no-repeat;}
.kc10 .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.kc10 .box .swiper-container .swiper-slide .tu{ width:150px; height:150px; background-color:rgba(84,118,254,.5); padding:5px; border-radius:100%; float:left;}
.kc10 .box .swiper-container .swiper-slide .tu span{ width:150px; height:150px; display:block; border-radius:100%; overflow:hidden;}
.kc10 .box .swiper-container .swiper-slide .tu span img{ width:100%; display:block;}
.kc10 .box .swiper-container .swiper-slide .wen{ margin-left:50px; width:calc(100% - 210px); float:left;}
.kc10 .box .swiper-container .swiper-slide .wen .k01{ padding-top:5px; font-size:18px; line-height:28px; color:#5476fe;}
.kc10 .box .swiper-container .swiper-slide .wen .k02{ padding-top:10px; font-size:14px; line-height:24px;}
.kc10 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc10 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#fff; overflow:hidden; margin:0 5px;}
.kc10 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#dc0000,#ff7700);}

.kc11{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc11 .title{ width:1200px; margin:auto;}
.kc11 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc11 .title .t01 span{ display:block; width:30px;}
.kc11 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc11 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc11 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc11 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc11 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc11 .box{ width:1200px; margin:auto; margin-top:20px; position:relative;}
.kc11 .box .right{ width:470px; float:right; padding-top:5px;}
.kc11 .box .right img{ width:100%; display:block;}
.kc11 .box .left{ width:660px; float:left;}
.kc11 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1;}
.kc11 .box .gallery-top .swiper-slide{ width:100%; display:block; min-height:310px;}
.kc11 .box .gallery-top .swiper-slide .k01{ font-size:24px; line-height:34px; font-weight:bold;}
.kc11 .box .gallery-top .swiper-slide .k02{ font-size:14px; line-height:22px; color:#666; text-transform:uppercase;}
.kc11 .box .gallery-top .swiper-slide .k03{ width:70px; height:2px; background:linear-gradient(to right,#5476fe,#3399ff); margin-top:15px;}
.kc11 .box .gallery-top .swiper-slide .k04{ font-size:14px; line-height:30px; margin-top:22px;}
.kc11 .box .cont{ width:570px; padding-right:90px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.kc11 .box .gallery-thumbs{ width:100%; position:relative; z-index:1; overflow:hidden; margin-top:25px;}
.kc11 .box .gallery-thumbs .swiper-slide{ width:120px; text-align:center; display:block; cursor:pointer;}
.kc11 .box .gallery-thumbs .swiper-slide:last-child{ margin-right:0;}
.kc11 .box .gallery-thumbs .swiper-slide span{ width:70px; height:70px; display:block; line-height:70px; margin:auto; border-radius:100%; overflow:hidden; background-color:#fff; font-size:30px;}
.kc11 .box .gallery-thumbs .swiper-slide p{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden;}
.kc11 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#5476fe; color:#fff;}
.kc11 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#5476fe;}
.kc11 .box .gallery-thumbs .swiper-slide:hover{ color:#5476fe;}
.kc11 .box .cont .swi{ position:absolute; right:0; top:5px; z-index:9;}
.kc11 .box .cont .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#fff; border-radius:100%; margin-bottom:10px;}
.kc11 .box .cont .swiper-button-white:hover{ background-color:#5476fe;}
.kc11 .box .cont .swiper-button-prev{ background-image:url(../images/left01.png);}
.kc11 .box .cont .swiper-button-next{ background-image:url(../images/right01.png);}
.kc11 .box .cont .swiper-button-prev:hover{ background-image:url(../images/left01h.png);}
.kc11 .box .cont .swiper-button-next:hover{ background-image:url(../images/right01h.png);}

.kc12{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc12 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc12 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc12 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc12 .title .t01 span{ display:block; width:30px;}
.kc12 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc12 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc12 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc12 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc12 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc12 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.kc12 .box ul{ width:100%; display:flex; flex-wrap:wrap;}
.kc12 .box ul li{ width:580px; display:flex; align-items:center; padding:25px 0; background-color:#fff; overflow:hidden; margin-left:40px; margin-top:30px;}
.kc12 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.kc12 .box ul li strong{ width:150px; display:block;}
.kc12 .box ul li strong img{ display:block; margin:auto; max-width:100px;}
.kc12 .box ul li p{ width:calc(100% - 180px); margin-right:30px; display:block; overflow:hidden;}
.kc12 .box ul li p b{ display:block; padding-left:30px; background-image:url(../images/kc12_24.jpg); background-position:0 4px; background-repeat:no-repeat; font-size:18px; line-height:28px;}
.kc12 .box ul li p span{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.kc12 .box ul li:hover p b{ color:#5476fe;}

.kc13{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.kc13 .title{ width:1200px; margin:auto;}
.kc13 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc13 .title .t01 span{ display:block; width:30px;}
.kc13 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc13 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc13 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc13 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc13 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc13 .box{ width:1200px; margin:auto; margin-top:20px; position:relative;}
.kc13 .box .left{ float:left; width:525px; padding-top:5px;}
.kc13 .box .left img{ width:100%; display:block;}
.kc13 .box .right{ width:620px; float:right; margin-bottom:30px; min-height:485px; background-image:url(../images/kc13_54.jpg); background-position:left bottom; background-repeat:no-repeat;}
.kc13 .box .right .k01{ font-size:30px; line-height:40px; font-weight:bold;}
.kc13 .box .right .k02{ font-size:20px; line-height:30px; margin-top:5px;}
.kc13 .box .right .k03{ width:50px; height:2px; background:linear-gradient(to right,#5476fe,#3399ff); margin-top:15px;}
.kc13 .box .right .k04{ font-size:14px; line-height:30px; margin-top:17px;}
.kc13 .box .right .k05{ width:100%; margin-top:26px;}
.kc13 .box .right .k05 dl{ display:block; overflow:hidden; float:right;}
.kc13 .box .right .k05 dl dt{ display:block; float:left;}
.kc13 .box .right .k05 dl dt p{ display:flex; align-items:center; overflow:hidden;}
.kc13 .box .right .k05 dl dt p b{ display:block; font-size:48px; line-height:58px; height:58px; overflow:hidden;}
.kc13 .box .right .k05 dl dt p img{ display:block; margin-left:10px;}
.kc13 .box .right .k05 dl dt span{ display:block; font-size:18px; line-height:38px; height:38px; overflow:hidden; color:#999;}
.kc13 .box .right .k05 dl dd{ display:block; float:left; width:1px; height:80px; background-color:#eee; margin:8px 50px; overflow:hidden;}

/*WEB前端*/
.kc14{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc14 .title{ width:1200px; margin:auto;}
.kc14 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc14 .title .t01 span{ display:block; width:30px;}
.kc14 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc14 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc14 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc14 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc14 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc14 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc14 .box .left{ width:880px; height:420px; position:relative; z-index:3; float:left;}
.kc14 .box .left .swiper-container{ width:100%; display:block; overflow:hidden; height:340px;}
.kc14 .box .left .swiper-slide{ width:880px; display:block; overflow:hidden; height:340px;}
.kc14 .box .left .swiper-slide .tu{ width:340px; height:340px; float:left; background-color:#fff;}
.kc14 .box .left .swiper-slide .tu img{ width:100%; display:block;}
.kc14 .box .left .swiper-slide .wen{ width:540px; height:340px; float:left; padding:45px 50px; box-sizing:border-box; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc14 .box .left .swiper-slide .wen .w01{ font-size:18px; line-height:28px; color:#fff;}
.kc14 .box .left .swiper-slide .wen .w02{ font-size:14px; line-height:24px; color:#eee; margin-top:5px;}
.kc14 .box .left .swiper-slide .wen .w03{ font-size:14px; line-height:30px; color:#fff; margin-top:17px;}
.kc14 .box .left .swi{ position:absolute; left:90px; bottom:0; z-index:5; width:160px; height:160px; background-color:#da0000;}
.kc14 .box .left .swi div{ width:80px; height:160px; float:left; cursor:pointer; display:flex; align-items:center;}
.kc14 .box .left .swi div img{ display:block; margin:auto;}
.kc14 .box .right{ width:320px; float:right;}
.kc14 .box .right span{ width:160px; height:160px; display:block; overflow:hidden;}
.kc14 .box .right p{ width:160px; height:160px; display:block; overflow:hidden; margin-left:160px;}
.kc14 .box .right img{ width:100%; display:block;}

.kc15{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc15 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc15 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc15 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc15 .title .t01 span{ display:block; width:30px;}
.kc15 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc15 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc15 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc15 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc15 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc15 .box{ width:1000px; padding:0 100px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc15 .box .swiper-container{ width:100%; overflow:hidden; height:400px;}
.kc15 .box .swiper-button-white{ position:absolute; top:170px; width:32px; height:60px;}
.kc15 .box .swiper-button-white img{ width:100%; display:block;}
.kc15 .box .swiper-button-next{ right:0;}
.kc15 .box .swiper-button-prev{ left:0;}
.kc15 .box .swiper-container .swiper-slide{ height:calc((100% - 20px)/2);}
.kc15 .box .swiper-container .swiper-slide .item{ width:calc(100% - 70px); padding:0 30px; margin:0 5px; background-color:#fff; height:190px; position:relative;}
.kc15 .box .swiper-container .swiper-slide .item .k01{ width:100%; height:5px; background-color:#dc0000; position:absolute; left:0; top:0;}
.kc15 .box .swiper-container .swiper-slide .item .k01 b{ width:0; display:block; height:5px; background-color:#ff7800; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc15 .box .swiper-container .swiper-slide .item .k02{ font-size:14px; line-height:22px; padding-top:30px;}
.kc15 .box .swiper-container .swiper-slide .item .k03{ font-size:18px; line-height:28px; padding-top:5px; font-weight:bold;}
.kc15 .box .swiper-container .swiper-slide .item .k04{ font-size:14px; line-height:24px; padding-top:10px; color:#666;}
.kc15 .box .swiper-container .swiper-slide .item .k05{ position:absolute; right:30px; top:35px;}
.kc15 .box .swiper-container .swiper-slide .item .k05 img{ display:block;}
.kc15 .box .swiper-container .swiper-slide .item:hover .k01 b{ width:100%;}
.kc15 .box .swiper-container .swiper-slide .item:hover .k03{ color:#5476fe;}
.kc15 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc15 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#fff; overflow:hidden; margin:0 5px;}
.kc15 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#dc0000,#ff7700);}

.kc16{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc16 .title{ width:1200px; margin:auto;}
.kc16 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc16 .title .t01 span{ display:block; width:30px;}
.kc16 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc16 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc16 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc16 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc16 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc16 .box{ width:1200px; margin:auto; margin-top:5px; position:relative;}
.kc16 .box ul{ width:100%; display:block; overflow:hidden;}
.kc16 .box ul li{ width:285px; height:450px; position:relative; display:block; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; margin-left:20px; margin-top:20px;}
.kc16 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc16 .box ul li .bg{ width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0)); position:relative; z-index:1;}
.kc16 .box ul li:hover .bg{ background:#5476fe; opacity:.7;}
.kc16 .box ul li .wen{ padding:25px 30px; position:absolute; left:0; bottom:0; z-index:9; width:100%; box-sizing:border-box;}
.kc16 .box ul li .wen .k01{ height:50px;}
.kc16 .box ul li .wen .k01 img{ display:block; height:50px;}
.kc16 .box ul li .wen .k02{ font-size:14px; line-height:18px; color:#fff; text-transform:uppercase; margin-top:17px;}
.kc16 .box ul li .wen .k03{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:2px;}
.kc16 .box ul li .wen .k04{ display:none; padding:5px 10px; font-size:14px; text-align:right; line-height:24px; position:relative; color:#fff;}
.kc16 .box ul li .wen .k04 b{ width:80px; height:1px; display:block; background-color:#fff; overflow:hidden; position:absolute; right:0; bottom:0;}
.kc16 .box ul li:hover .wen .k04{ display:block;}

.kc17{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc17 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc17 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc17 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc17 .title .t01 span{ display:block; width:30px;}
.kc17 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc17 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc17 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc17 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc17 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc17 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc17 .box ul{ width:100%; display:flex; overflow:hidden;}
.kc17 .box ul li{ width:25%; padding:50px 30px; position:relative; display:block; overflow:hidden; border-left:1px solid #fff; box-sizing:border-box;}
.kc17 .box ul li:nth-child(4n+1){ clear:left; float:left;}
.kc17 .box ul li .k01{ width:4px; height:50px; position:absolute; left:0; top:60px; background-color:#dc0000; display:none;}
.kc17 .box ul li .k02{ height:60px;}
.kc17 .box ul li .k02 img{ display:block; height:60px;}
.kc17 .box ul li .k02 img.img02{ display:none;}
.kc17 .box ul li .k03{ font-size:20px; line-height:30px; font-weight:bold; margin-top:25px; color:#fff;}
.kc17 .box ul li .k04{ font-size:14px; line-height:22px; text-transform:uppercase; margin-top:5px; color:#ccc;}
.kc17 .box ul li .k05{ font-size:14px; line-height:24px; margin-top:27px; color:#fff;}
.kc17 .box ul li .k06{ margin-top:45px; height:30px; width:30px; background-image:url(../images/kc17.png); background-position:center; background-repeat:no-repeat;}
.kc17 .box ul li:hover{ background-color:#fff;}
.kc17 .box ul li:hover .k01{ display:block;}
.kc17 .box ul li:hover .k02 img.img01{ display:none;}
.kc17 .box ul li:hover .k02 img.img02{ display:block;}
.kc17 .box ul li:hover .k03{ color:#333;}
.kc17 .box ul li:hover .k04{ color:#999;}
.kc17 .box ul li:hover .k05{ color:#666;}
.kc17 .box ul li:hover .k06{ background-image:url(../images/kc17h.png);}

.kc18{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc18 .title{ width:1200px; margin:auto;}
.kc18 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc18 .title .t01 span{ display:block; width:30px;}
.kc18 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc18 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc18 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc18 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc18 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc18 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; padding-bottom:20px;}
.kc18 .box .tu{ width:100%; position:relative; z-index:1;}
.kc18 .box .tu img{ display:block; margin:auto; max-width:100%;}
.kc18 .box .item{ width:338px; border:1px solid #f1f1f1; border-radius:50px; display:flex; align-items:center; position:absolute; z-index:3; background-color:#f1f1f1; height:48px; overflow:hidden;}
.kc18 .box .item span{ width:48px; height:48px; line-height:48px; text-align:center; font-size:24px; color:#fff; background-color:#5476fe; border-radius:100%;}
.kc18 .box .item p{ width:calc(100% - 70px); margin:0 10px; display:block; font-size:16px; line-height:22px;}
.kc18 .box .item:nth-child(1),.kc18 .box .item:nth-child(2),.kc18 .box .item:nth-child(3){ flex-direction:row-reverse;}
.kc18 .box .item:nth-child(1) p,.kc18 .box .item:nth-child(2) p,.kc18 .box .item:nth-child(3) p{ text-align:right;}
.kc18 .box .item:nth-child(1){ top:50px; left:0;}
.kc18 .box .item:nth-child(2){ top:190px; left:80px;}
.kc18 .box .item:nth-child(3){ top:330px; left:0;}
.kc18 .box .item:nth-child(4){ top:50px; right:0;}
.kc18 .box .item:nth-child(5){ top:190px; right:80px;}
.kc18 .box .item:nth-child(6){ top:330px; right:0;}
.kc18 .box .item:nth-child(7){ top:450px; left:430px;}
.kc18 .box .item:hover{ background-color:#fff; border:1px solid #5476fe;}

/*大数据*/
.kc19{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc19 .title{ width:1200px; margin:auto;}
.kc19 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc19 .title .t01 span{ display:block; width:30px;}
.kc19 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc19 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc19 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc19 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc19 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc19 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc19 .box .gallery-thumbs{ width:100%; position:relative; z-index:1; overflow:hidden;}
.kc19 .box .gallery-thumbs .swiper-slide{ width:270px; display:block; cursor:pointer;}
.kc19 .box .gallery-thumbs .swiper-slide .k01{ width:100%; height:2px; background-color:#999;}
.kc19 .box .gallery-thumbs .swiper-slide .k01 p{ width:0; height:2px; display:block; background-color:#5476fe; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc19 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k01 p{ width:80px;}
.kc19 .box .gallery-thumbs .swiper-slide .k02{ width:100%; font-size:12px; height:20px; line-height:20px; color:#999; text-transform:uppercase; margin-top:10px;}
.kc19 .box .gallery-thumbs .swiper-slide .k03{ width:100%; font-size:18px; height:28px; line-height:28px;}
.kc19 .box .gallery-thumbs .swiper-slide .k04{ width:100%; font-size:40px; height:30px; line-height:42px; font-weight:bold;}
.kc19 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1; margin-top:20px;}
.kc19 .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.kc19 .box .gallery-top .swiper-slide .left{ width:700px; height:360px; float:left;}
.kc19 .box .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.kc19 .box .gallery-top .swiper-slide .right{ padding:55px 30px; box-sizing:border-box; width:500px; height:360px; float:left; position:relative; background-color:#5476fe;}
.kc19 .box .gallery-top .swiper-slide .right .k01{ position:absolute; right:30px; top:35px; font-size:40px; line-height:42px; height:42px; opacity:.1; color:#fff;}
.kc19 .box .gallery-top .swiper-slide .right .k02{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.kc19 .box .gallery-top .swiper-slide .right .k03{ font-size:14px; line-height:24px; opacity:.5; color:#fff;}
.kc19 .box .gallery-top .swiper-slide .right .k04{ font-size:14px; line-height:24px; color:#fff; margin-top:20px;}
.kc19 .box .swi{ position:absolute; right:30px; bottom:40px; z-index:9;}
.kc19 .box .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#fff; border-radius:100%; margin-left:10px; float:left;}
.kc19 .box .swiper-button-prev{ background-image:url(../images/left01.png);}
.kc19 .box .swiper-button-next{ background-image:url(../images/right01.png);}
.kc19 .box .swiper-button-prev:hover{ background-image:url(../images/left02.png);}
.kc19 .box .swiper-button-next:hover{ background-image:url(../images/right02.png);}

.kc20{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc20 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc20 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc20 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc20 .title .t01 span{ display:block; width:30px;}
.kc20 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc20 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc20 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc20 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc20 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc20 .box{ width:1100px; padding:0 50px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc20 .box .swiper-container{ width:100%; overflow:hidden;}
.kc20 .box .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#fff; border-radius:100%; position:absolute; top:180px;}
.kc20 .box .swiper-button-prev{ background-image:url(../images/left01.png); left:0;}
.kc20 .box .swiper-button-next{ background-image:url(../images/right01.png); right:0;}
.kc20 .box .swiper-button-prev:hover{ background-image:url(../images/left02.png);}
.kc19 .box .swiper-button-next:hover{ background-image:url(../images/right02.png);}
.kc20 .box .swiper-container .swiper-slide{ width:270px; display:block; overflow:hidden; background-color:#fff;}
.kc20 .box .swiper-container .swiper-slide .tu{ width:calc(100% - 20px); margin:10px; margin-bottom:0; position:relative; height:316px;}
.kc20 .box .swiper-container .swiper-slide .tu span{ width:100%; height:316px; display:block; overflow:hidden;}
.kc20 .box .swiper-container .swiper-slide .tu span img{ width:100%; display:block;}
.kc20 .box .swiper-container .swiper-slide .tu p{ padding:15px; width:100%; height:100%; box-sizing:border-box; font-size:14px; line-height:24px; color:#fff; background-color:rgba(84,118,254,.9); position:absolute; left:0; top:0; overflow:auto; opacity:0;}
.kc20 .box .swiper-container .swiper-slide .tu p::-webkit-scrollbar{ width:5px; height:1px;}
.kc20 .box .swiper-container .swiper-slide .tu p::-webkit-scrollbar-thumb{ border-radius:10px; background:#dc0000;}
.kc20 .box .swiper-container .swiper-slide .tu p::-webkit-scrollbar-track{ border-radius:10px;}
.kc20 .box .swiper-container .swiper-slide .wen{ width:calc(100% - 40px); padding:11px 20px;}
.kc20 .box .swiper-container .swiper-slide .wen .k01{ font-size:18px; line-height:28px;}
.kc20 .box .swiper-container .swiper-slide .wen .k02{ font-size:14px; line-height:24px; color:#999;}
.kc20 .box .swiper-container .swiper-slide:hover .wen .k01{ color:#5476fe;}
.kc20 .box .swiper-container .swiper-slide:hover .tu p{ opacity:1;}
.kc20 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc20 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#fff; overflow:hidden; margin:0 5px;}
.kc20 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#dc0000,#ff7700);}

.kc21{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc21 .title{ width:1200px; margin:auto;}
.kc21 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc21 .title .t01 span{ display:block; width:30px;}
.kc21 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc21 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc21 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc21 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc21 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc21 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc21 .box .tu{ width:100%; position:relative; z-index:1;}
.kc21 .box .tu img{ display:block; margin:auto;}
.kc21 .box .tu a{ display:block; width:180px; height:40px; line-height:40px; border-radius:40px; text-align:center; overflow:hidden; font-size:14px; background:linear-gradient(to right,#5476fe,#3399ff); color:#fff; position:absolute; left:50%; margin-left:-90px; bottom:0; z-index:3;}
.kc21 .box .item{ position:absolute; z-index:3; width:330px; background-repeat:no-repeat;}
.kc21 .box .item:nth-child(2n+1){ padding-right:40px; text-align:right; background-image:url(../images/kc211_03.png); background-position:top right;}
.kc21 .box .item:nth-child(2n){ padding-left:40px; background-image:url(../images/kc212_05.png); background-position:top left;}
.kc21 .box .item .t01{ display:block; font-size:18px; line-height:30px; height:30px; font-weight:bold;}
.kc21 .box .item .t02{ display:block; font-size:14px; line-height:24px; height:72px; margin-top:5px;}
.kc21 .box .item:nth-child(1){ top:10px; right:740px;}
.kc21 .box .item:nth-child(2){ top:10px; left:740px;}
.kc21 .box .item:nth-child(3){ top:180px; right:850px;}
.kc21 .box .item:nth-child(4){ top:180px; left:850px;}
.kc21 .box .item:nth-child(5){ top:350px; right:830px;}
.kc21 .box .item:nth-child(6){ top:350px; left:830px;}
.kc21 .box .item:hover .t01{ color:#5476fe;}

.kc22{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc22 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc22 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc22 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc22 .title .t01 span{ display:block; width:30px;}
.kc22 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc22 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc22 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc22 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc22 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc22 .box{ width:1200px; margin:auto; margin-top:15px; position:relative; z-index:2;}
.kc22 .box ul{ width:100%; display:block; overflow:hidden;}
.kc22 .box ul li{ display:block; width:245px; padding:0 20px; height:210px; overflow:hidden; float:left; margin-top:10px; margin-left:20px;}
.kc22 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc22 .box ul li:nth-child(1),.kc22 .box ul li:nth-child(3),.kc22 .box ul li:nth-child(6),.kc22 .box ul li:nth-child(8){ background-image:url(../images/a04h.png);}
.kc22 .box ul li:nth-child(1):hover,.kc22 .box ul li:nth-child(3):hover,.kc22 .box ul li:nth-child(6):hover,.kc22 .box ul li:nth-child(8):hover{ background-image:url(../images/a04.png);}
.kc22 .box ul li:nth-child(2),.kc22 .box ul li:nth-child(4),.kc22 .box ul li:nth-child(5),.kc22 .box ul li:nth-child(7){ background-image:url(../images/a04rh.png);}
.kc22 .box ul li:nth-child(2):hover,.kc22 .box ul li:nth-child(4):hover,.kc22 .box ul li:nth-child(5):hover,.kc22 .box ul li:nth-child(7):hover{ background-image:url(../images/a04r.png);}
.kc22 .box ul li strong{ padding-top:35px; display:block; overflow:hidden;}
.kc22 .box ul li strong img{ display:block; height:60px; margin:auto;}
.kc22 .box ul li strong img.img02{ display:none;}
.kc22 .box ul li:hover img.img01{ display:none;}
.kc22 .box ul li:hover img.img02{ display:block;}
.kc22 .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.kc22 .box ul li span{ font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden;}
.kc22 .box ul li p{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.kc22 .box ul li:hover a,.kc22 .box ul li:hover span,.kc22 .box ul li:hover p{ color:#fff;}

.kc23{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc23 .title{ width:1200px; margin:auto;}
.kc23 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc23 .title .t01 span{ display:block; width:30px;}
.kc23 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc23 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc23 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc23 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc23 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc23 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.kc23 .box .list{ width:1240px; display:block;}
.kc23 .box .list dt{ width:270px; display:block; float:left; margin-top:42px; margin-right:40px; overflow:hidden;}
.kc23 .box .list dd{ width:270px; display:block; float:left; margin-right:40px; overflow:hidden;}
.kc23 .box .list dt .top{ margin-bottom:20px;}
.kc23 .box .list dd .top{ margin-top:12px;}
.kc23 .box .list .top{ width:160px; height:36px; border-bottom:2px solid #333;}
.kc23 .box .list .top b{ display:block; float:left; font-size:24px; line-height:36px; height:36px; color:#999;}
.kc23 .box .list .top a{ display:block; float:right; font-size:18px; line-height:36px; height:36px; color:#333; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kc23 .box .list dt:hover .top,.kc23 .box .list dd:hover .top{ border-bottom:2px solid #5476fe;}
.kc23 .box .list .bot{ width:100%; height:400px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc23 .box .list .bot a{ padding:45px 30px; padding-bottom:42px; display:block; overflow:auto; background-color:rgba(84,118,254,.9); width:100%; height:100%; box-sizing:border-box; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc23 .box .list .bot .bt{ font-weight:bold; color:#fff; font-size:18px; line-height:28px;}
.kc23 .box .list .bot .wen{ color:#fff; font-size:14px; line-height:30px; margin-top:7px;}
.kc23 .box .list .bot a::-webkit-scrollbar{ width:5px; height:1px;}
.kc23 .box .list .bot a::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#dc0000;}
.kc23 .box .list .bot a::-webkit-scrollbar-track{ border-radius:10px;}
.kc23 .box .list .bot a:hover{ opacity:1;}

/*全媒体营销*/
.kc24{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc24 .title{ width:1200px; margin:auto;}
.kc24 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc24 .title .t01 span{ display:block; width:30px;}
.kc24 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc24 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc24 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc24 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc24 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc24 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc24 .box .gg{ position:absolute; right:60px; top:20px; width:410px; text-align:right; z-index:3;}
.kc24 .box .gg span{ display:block; font-size:24px; line-height:34px;}
.kc24 .box .gg p{ display:block; font-size:14px; line-height:24px;}
.kc24 .box .swiper-container{ width:100%; padding-right:60px; padding-left:50px; box-sizing:border-box; height:470px; background-image:url(../images/kc24_03.png); background-position:bottom center; background-repeat:no-repeat; position:relative; z-index:1;}
.kc24 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; height:420px;}
.kc24 .box .swiper-container .swiper-slide .left{ width:640px; height:420px; float:left; background-color:#fff;}
.kc24 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.kc24 .box .swiper-container .swiper-slide .right{ width:350px; height:260px; float:left; padding:50px; margin-top:70px; padding-bottom:40px; text-align:right; background-color:#fff;}
.kc24 .box .swiper-container .swiper-slide .right .k01{ width:100%;}
.kc24 .box .swiper-container .swiper-slide .right .k01 b{ display:block; float:right; width:40px; height:4px; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc24 .box .swiper-container .swiper-slide .right .k02{ width:100%; padding-top:24px; text-transform:uppercase; font-weight:bold; font-size:30px; line-height:36px;}
.kc24 .box .swiper-container .swiper-slide .right .k03{ width:100%; padding-top:40px; color:#5476fe; font-weight:bold; font-size:18px; line-height:28px;}
.kc24 .box .swiper-container .swiper-slide .right .k04{ width:100%; padding-top:5px; font-size:14px; line-height:24px;}
.kc24 .box .swiper-pagination{ position:absolute; right:110px; bottom:50px; z-index:9; overflow:hidden;}
.kc24 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-left:10px; float:left;}
.kc24 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#5476fe;}

.kc25{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc25 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc25 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc25 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc25 .title .t01 span{ display:block; width:30px;}
.kc25 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc25 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc25 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc25 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc25 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc25 .box{ width:1200px; height:480px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc25 .box .mask{ width:100%; background-color:#fff; position:absolute; left:0; bottom:0; z-index:1; height:350px; border-radius:10px;}
.kc25 .box .gallery-top{ width:100%; position:relative; z-index:2; height:100%; overflow:hidden;}
.kc25 .box .gallery-top .left{ float:left; margin:0 50px; width:255px; height:480px; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
.kc25 .box .gallery-top .left img{ width:100%; display:block;}
.kc25 .box .gallery-top .right{ float:left; padding-top:175px; width:710px;}
.kc25 .box .gallery-top .right .k01{ font-size:24px; line-height:34px; font-weight:bold;}
.kc25 .box .gallery-top .right .k02{ width:100%; height:1px; background-color:#ddd; margin-top:15px;}
.kc25 .box .gallery-top .right .k02 b{ width:50px; height:1px; display:block; overflow:hidden; background-color:#5476fe;}
.kc25 .box .gallery-top .right .k03{ font-size:18px; line-height:28px; color:#5476fe; margin-top:25px;}
.kc25 .box .gallery-top .right .k04{ font-size:14px; line-height:24px; margin-top:10px;}
.kc25 .box .swi{ position:absolute; right:50px; bottom:108px; z-index:3; width:30px; height:134px;}
.kc25 .box .swi .swiper-button-prev{ width:30px; height:16px; background-image:url(../images/top.png); background-position:center; background-repeat:no-repeat;}
.kc25 .box .swi .swiper-button-prev:hover{ background-image:url(../images/toph.png);}
.kc25 .box .swi .swiper-button-next{ width:30px; height:16px; background-image:url(../images/bot.png); background-position:center; background-repeat:no-repeat;}
.kc25 .box .swi .swiper-button-next:hover{ background-image:url(../images/both.png);}
.kc25 .box .swi .line{ width:16px; height:2px; background-color:#ddd; margin:50px auto;}
.kc25 .box .gallery-thumbs{ width:548px; position:absolute; right:0; top:0; z-index:9;}
.kc25 .box .gallery-thumbs .swiper-slide{ width:83px; height:110px; display:block; overflow:hidden; position:relative; background-color:#fff;}
.kc25 .box .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.kc25 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ width:100%; height:100%; border:2px solid #ff7700; box-sizing:border-box; display:block; position:absolute; left:0; top:0; overflow:hidden;}

.kc26{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc26 .title{ width:1200px; margin:auto;}
.kc26 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc26 .title .t01 span{ display:block; width:30px;}
.kc26 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc26 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc26 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc26 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc26 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc26 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc26 .box ul{ width:100%; display:block; overflow:hidden;}
.kc26 .box ul li{ width:285px; height:430px; display:block; float:left; margin-left:20px; overflow:hidden;}
.kc26 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.kc26 .box ul li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.kc26 .box ul li a .tu{ width:100%; height:100%;}
.kc26 .box ul li a .tu img{ width:100%; display:block;}
.kc26 .box ul li a .wen{ width:100%; height:100%; background-color:rgba(84,118,254,0.7); position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; text-align:center;}
.kc26 .box ul li a .wen .s01{ height:60px; padding-top:145px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc26 .box ul li a .wen .s01 img{ display:block; height:60px; margin:auto;}
.kc26 .box ul li a .wen .s02{ width:215px; margin:auto; color:#fff; font-size:18px; line-height:28px; margin-top:25px;}
.kc26 .box ul li a .wen .s03{ width:215px; margin:auto; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.kc26 .box ul li a .wen .s04{ display:none; width:1px; height:20px; margin:15px auto; background-color:#fff;}
.kc26 .box ul li a .wen .s05{ width:215px; margin:auto; color:#fff; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden; display:none;}
.kc26 .box ul li a:hover .wen{ width:245px; height:390px; background-color:rgba(84,118,254,0.9); top:20px; left:20px;}
.kc26 .box ul li a:hover .wen .s01{ padding-top:60px;}
.kc26 .box ul li a:hover .wen .s04,.kc26 .box ul li a:hover .wen .s05{ display:block;}

.kc27{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc27 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc27 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc27 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc27 .title .t01 span{ display:block; width:30px;}
.kc27 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc27 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc27 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc27 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc27 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc27 .box{ width:1200px; height:490px; margin:auto; margin-top:25px; position:relative; z-index:2; background-color:#dc0000; border-radius:30px;}
.kc27 .box .left{ float:left; width:300px; padding-top:50px;}
.kc27 .box .left .tu{ width:160px; height:160px; padding:9px; border:1px solid #fff; border-radius:100%; margin:auto;}
.kc27 .box .left .tu p{ width:160px; height:160px; border-radius:100%; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc27 .box .left .swiper-pagination{ height:100px; width:100%; display:flex; justify-content:center; margin-top:110px;}
.kc27 .box .left .swiper-pagination span{ display:block; width:10px; height:50px; border-radius:10px; background-color:#fff; opacity:.5; overflow:hidden; margin:50px 15px; margin-bottom:0; float:left;}
.kc27 .box .left .swiper-pagination span.swiper-pagination-bullet-active{ height:100px; opacity:1; margin-top:0;}
.kc27 .box .right{ float:right; background-color:#fff; border-radius:30px; width:900px; height:490px;}
.kc27 .box .right ul{ width:100%; display:block; padding-top:20px; overflow:hidden;}
.kc27 .box .right ul li{ width:360px; margin-left:60px; margin-top:30px; float:left; display:block; overflow:hidden;}
.kc27 .box .right ul li .k01{ width:100%;}
.kc27 .box .right ul li .k01 strong{ width:50px; height:50px; display:flex; align-items:center; float:left; border-radius:100%; overflow:hidden; background-color:#f1f1f1;}
.kc27 .box .right ul li .k01 strong img{ display:block; margin:auto; max-width:30px; max-height:30px;}
.kc27 .box .right ul li .k01 p{ width:calc(100% - 60px); margin-left:10px; display:block; float:left; overflow:hidden;}
.kc27 .box .right ul li .k01 p b{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.kc27 .box .right ul li .k01 p span{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999;}
.kc27 .box .right ul li .k02{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}

.kc28{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc28 .title{ width:1200px; margin:auto;}
.kc28 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc28 .title .t01 span{ display:block; width:30px;}
.kc28 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc28 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc28 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc28 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc28 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc28 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc28 .box ul{ width:100%; overflow:hidden; display:flex; justify-content:space-between; background-position:center; background-size:cover; background-size:cover;}
.kc28 .box ul li{ display:block; padding:30px; padding-bottom:50px; box-sizing:border-box; width:280px; background-color:rgba(84,118,254,0.7); overflow:hidden;}
.kc28 .box ul li p{ display:block; overflow:hidden; margin-top:20px; padding:16px 20px; padding-right:0; background-image:url(../images/kc28_06.jpg); background-position:top left; background-repeat:repeat-y;}
.kc28 .box ul li p b{ display:block; color:#fff; font-size:18px; line-height:28px; overflow:hidden;}
.kc28 .box ul li p strong{ display:block; width:20px; height:2px; background-color:#fff; margin:7px 0; overflow:hidden;}
.kc28 .box ul li p span{ display:block; color:#fff; font-size:14px; line-height:24px; overflow:hidden;}

/*新媒体培训*/
.kc29{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc29 .title{ width:1200px; margin:auto;}
.kc29 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc29 .title .t01 span{ display:block; width:30px;}
.kc29 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc29 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc29 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc29 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc29 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc29 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc29 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc29 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.kc29 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc29 .box .swiper-container{ width:100%;}
.kc29 .box .swiper-container .swiper-slide{ width:100%; display:flex; padding:30px; background-color:#fff; overflow:hidden; box-sizing:border-box;}
.kc29 .box .swiper-container .swiper-slide .left{ width:220px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.kc29 .box .swiper-container .swiper-slide .left .bg{ width:100%; height:100%; background-color:#5476fe; opacity:.7;}
.kc29 .box .swiper-container .swiper-slide .left .wen{ text-align:center; width:calc(100% - 40px); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.kc29 .box .swiper-container .swiper-slide .left .wen b{ display:block; color:#fff; font-size:24px; line-height:34px; overflow:hidden;}
.kc29 .box .swiper-container .swiper-slide .left .wen p{ display:block; color:#fff; font-size:16px; line-height:24px; overflow:hidden; margin-top:5px; text-transform:uppercase;}
.kc29 .box .swiper-container .swiper-slide .right{ margin-left:30px; width:calc(100% - 250px);}
.kc29 .box .swiper-container .swiper-slide .right .k01{ width:100%; margin-top:25px; width:140px; height:30px; border-radius:15px; border-bottom-right-radius:0; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc29 .box .swiper-container .swiper-slide .right .k01 strong{ width:24px; height:24px; display:block; margin:3px; background-color:#fff; overflow:hidden; border-radius:100%; background-image:url(../images/kc29.png); background-position:center; background-repeat:no-repeat; float:left;}
.kc29 .box .swiper-container .swiper-slide .right .k01 p{ display:block; float:left; margin-left:7px; font-size:18px; height:30px; line-height:30px; overflow:hidden; color:#fff;}
.kc29 .box .swiper-container .swiper-slide .right .k01:nth-child(1){ margin-top:0;}
.kc29 .box .swiper-container .swiper-slide .right .k02{ width:100%; margin-top:10px;}
.kc29 .box .swiper-container .swiper-slide .right .k02 .zc{ font-size:14px; line-height:24px; width:420px; float:left;}
.kc29 .box .swiper-container .swiper-slide .right .k02 .yc{ font-size:14px; line-height:24px; width:420px; float:right;}

.kc30{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc30 .title{ width:1200px; margin:auto;}
.kc30 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc30 .title .t01 span{ display:block; width:30px;}
.kc30 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc30 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc30 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc30 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc30 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc30 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc30 .box .left{ width:630px; float:left;}
.kc30 .box .left .k01{ width:100%;}
.kc30 .box .left .k01 b{ display:block; box-sizing:border-box; max-width:100%; float:left; background:linear-gradient(to right,#5476fe,#3399ff); padding:5px 20px; font-size:20px; line-height:30px; color:#fff;}
.kc30 .box .left .k02{ width:100%; font-size:14px; line-height:22px; color:#666; margin-top:10px;}
.kc30 .box .left .k03{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.kc30 .box .left .k04{ margin-top:10px; display:block;}
.kc30 .box .left .k04 li{ display:flex; overflow:hidden; margin-top:20px;}
.kc30 .box .left .k04 li strong{ display:block; font-size:72px; line-height:76px; height:76px; color:#5476fe;}
.kc30 .box .left .k04 li p{ display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:9px;}
.kc30 .box .left .k04 li p span{ display:block; font-size:16px; line-height:18px; color:#aaa; overflow:hidden;}
.kc30 .box .left .k04 li p b{ display:block; font-size:20px; line-height:30px; overflow:hidden; margin-top:1px;}
.kc30 .box .left .k04 li p a{ display:block; width:20px; height:2px; margin-top:5px; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc30 .box .left .k04 li:nth-child(2n) strong{ color:#dc0000;}
.kc30 .box .left .k04 li:nth-child(2n) p a{ background:linear-gradient(to right,#dc0000,#ff7700);}
.kc30 .box .right{ width:510px; height:560px; float:right; overflow:hidden; background-image:url(../images/kc30_03.png); background-position:0 20px; background-repeat:no-repeat;}
.kc30 .box .right dl{ width:100%; height:100%; display:block; overflow:hidden;}
.kc30 .box .right dl dt{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px;}
.kc30 .box .right dl dd{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px; margin-top:60px;}
.kc30 .box .right dl img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc30 .box .right dl dt:hover img,.kc30 .box .right dl dd:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.kc31{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc31 .title{ width:1200px; margin:auto;}
.kc31 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc31 .title .t01 span{ display:block; width:30px;}
.kc31 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc31 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc31 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc31 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc31 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc31 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc31 .box .swiper-slide{ width:280px; height:400px; background-color:#f1f1f1; border-radius:10px;}
.kc31 .box .swiper-slide .t01{ width:100%; height:200px; position:relative; z-index:1;}
.kc31 .box .swiper-slide .t01 img{ width:100%; display:block;}
.kc31 .box .swiper-slide .t01 b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-image:url(../images/kc31.png);}
.kc31 .box .swiper-slide .t02{ width:80px; height:80px; border-radius:100%; background-color:#fff; margin:auto; margin-top:-40px; position:relative; z-index:2; display:flex; align-items:center;}
.kc31 .box .swiper-slide .t02 img{ max-height:40px; max-width:40px; display:block; margin:auto;}
.kc31 .box .swiper-slide .t03{ width:calc(100% - 40px); margin:20px auto; margin-bottom:10px; font-size:18px; line-height:28px; height:28px; font-weight:bold; text-align:center;}
.kc31 .box .swiper-slide .t04{ width:calc(100% - 40px); margin:auto; font-size:14px; line-height:24px; height:72px; color:#666; text-align:center;}
.kc31 .box .swiper-slide:hover .t03{ color:#5476fe;}
.kc31 .box .swi{ width:200px; height:18px; padding-top:27px; margin:auto; margin-top:25px; position:relative;}
.kc31 .box .swi .swiper-button-prev{ width:16px; height:18px; cursor:pointer; float:left; background-image:url(../images/zb.png);}
.kc31 .box .swi .swiper-button-next{ width:16px; height:18px; cursor:pointer; float:right; background-image:url(../images/yb.png);}
.kc31 .box .swi .swiper-button-prev:hover{ background-image:url(../images/zbh.png);}
.kc31 .box .swi .swiper-button-next:hover{ background-image:url(../images/ybh.png);}
.kc31 .box .swi .swiper-pagination{ width:140px; height:1px; position:absolute; left:50%; margin-left:-70px; background-color:#ddd; bottom:8px;}
.kc31 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill{ height:2px; background-color:#dc0000;}
.kc31 .box .swi .swiper-num{ width:140px; height:22px; line-height:22px; text-align:center; position:absolute; left:50%; margin-left:-70px; top:0;}
.kc31 .box .swi .swiper-num .active{ color:#5476fe;}

/*UI/UE*/
.kc32{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc32 .title{ width:1200px; margin:auto;}
.kc32 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc32 .title .t01 span{ display:block; width:30px;}
.kc32 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc32 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc32 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc32 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc32 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc32 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.kc32 .box .left{ width:500px; float:left;}
.kc32 .box .left .t01{ width:100%;}
.kc32 .box .left .t01 b{ display:block; color:#5476fe; margin-right:10px; font-weight:bold; font-size:36px; line-height:40px; float:left;}
.kc32 .box .left .t01 p{ display:block; color:#333; margin-top:10px; font-size:20px; line-height:30px; float:left;}
.kc32 .box .left .t02{ width:100%; margin-top:4px; font-size:16px; line-height:26px;}
.kc32 .box .left .tab-hd{ padding-top:40px; display:block; width:360px;}
.kc32 .box .left .tab-hd li{ width:100%; display:block; overflow:hidden; margin-top:19px;}
.kc32 .box .left .tab-hd li p{ width:100%; display:block; overflow:hidden;}
.kc32 .box .left .tab-hd li p a{ display:block; font-size:16px; height:40px; line-height:40px; float:left;}
.kc32 .box .left .tab-hd li.on p a{ font-size:20px; color:#5476fe;}
.kc32 .box .left .tab-hd li span{ width:24px; height:20px; display:block; float:right; margin:10px 0; overflow:hidden;}
.kc32 .box .left .tab-hd li span img{ display:block; height:20px; margin:auto;}
.kc32 .box .left .tab-hd li span img.img02{ display:none;}
.kc32 .box .left .tab-hd li.on span img.img01{ display:none;}
.kc32 .box .left .tab-hd li.on span img.img02{ display:block;}
.kc32 .box .left .tab-hd li b{ width:100%; height:1px; display:block; background-color:#ddd; overflow:hidden;}
.kc32 .box .left .tab-hd li b strong{ display:block; width:0; height:1px; overflow:hidden; background-color:#5476fe; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc32 .box .left .tab-hd li.on b strong{ width:90px;}
.kc32 .box .tab-bd{ width:650px; height:470px; overflow:hidden; float:right;}
.kc32 .box .tab-bd .tab-pal{ width:100%; height:470px; overflow:hidden; border-radius:10px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc32 .box .tab-bd .tab-pal .cont{ width:100%; height:100%; position:relative; background-color:rgba(84,118,254,.7); padding:50px; box-sizing:border-box; overflow:auto;}
.kc32 .box .tab-bd .tab-pal .cont::-webkit-scrollbar{ width:5px; height:1px;}
.kc32 .box .tab-bd .tab-pal .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#dc0000;}
.kc32 .box .tab-bd .tab-pal .cont::-webkit-scrollbar-track{ border-radius:10px;}
.kc32 .box .tab-bd .tab-pal .cont .t01{ position:absolute; right:50px; top:50px;}
.kc32 .box .tab-bd .tab-pal .cont .t01 img{ display:block; height:70px;}
.kc32 .box .tab-bd .tab-pal .cont .t02{ padding-top:10px;}
.kc32 .box .tab-bd .tab-pal .cont .t02 p{ display:block; font-size:16px; line-height:26px; color:#fff;}
.kc32 .box .tab-bd .tab-pal .cont .t02 b{ display:block; font-size:24px; line-height:34px; color:#fff; margin-top:5px;}
.kc32 .box .tab-bd .tab-pal .cont .t03{ padding-top:15px; display:block; font-size:16px; line-height:36px; color:#fff;}

.kc33{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc33 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc33 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc33 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc33 .title .t01 span{ display:block; width:30px;}
.kc33 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc33 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc33 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc33 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc33 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc33 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.kc33 .box ul{ width:100%; display:block; overflow:hidden;}
.kc33 .box ul li{ display:block; float:left; overflow:hidden; width:380px; height:200px; border-radius:10px; background-color:rgba(255,255,255,.7); margin-left:30px; margin-top:30px; padding:25px 30px; box-sizing:border-box; position:relative;}
.kc33 .box ul li:nth-child(1){ margin-left:0;}
.kc33 .box ul li:nth-child(4){ margin-left:0; width:580px;}
.kc33 .box ul li:nth-child(5){ margin-left:40px; width:580px;}
.kc33 .box ul li .k01{ width:100%;}
.kc33 .box ul li .k01 b{ display:block; float:left; padding-right:10px; position:relative;}
.kc33 .box ul li .k01 b span{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.kc33 .box ul li .k01 b p{ width:100px; height:10px; border-radius:10px; position:absolute; right:0; bottom:0; z-index:1; display:block; overflow:hidden; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.3;}
.kc33 .box ul li .k02{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.kc33 .box ul li .k03{ height:50px; font-size:70px; line-height:66px; font-weight:bold; position:absolute; right:-10px; bottom:0; color:#5476fe; opacity:0.1;}
.kc33 .box ul li:hover{ background-color:#fff;}

.kc34{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc34 .title{ width:1200px; margin:auto;}
.kc34 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc34 .title .t01 span{ display:block; width:30px;}
.kc34 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc34 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc34 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc34 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc34 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc34 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.kc34 .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.kc34 .box ul li{ display:block; float:left; overflow:hidden; width:580px; margin-left:40px; margin-top:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc34 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.kc34 .box ul li .wen{ width:290px; height:100%; box-sizing:border-box; float:right; padding:30px 20px; padding-bottom:70px; position:relative; background-color:rgba(84,118,254,.7);}
.kc34 .box ul li .wen .k01{ width:231px; height:50px; margin-left:19px; background-image:url(../images/kc34t_08.png); background-position:center; background-repeat:no-repeat;}
.kc34 .box ul li .wen .k01 span{ width:50px; height:50px; line-height:50px; font-size:24px; text-align:center; color:#fff; display:block; float:left;}
.kc34 .box ul li .wen .k01 p{ margin-left:17px; height:50px; line-height:50px; font-size:18px; color:#5476fe; display:block; float:left;}
.kc34 .box ul li .wen .k02{ width:100%; line-height:28px; font-size:17px; text-align:right; color:#fff; margin-top:17px;}
.kc34 .box ul li .wen .k03{ width:100%; line-height:14px; font-size:8px; text-align:right; color:#fff; text-transform:uppercase; margin-top:10px; opacity:.3;}
.kc34 .box ul li .wen .k04{ width:100%; position:absolute; right:0; bottom:30px;}
.kc34 .box ul li .wen .k04 img{ display:block; margin:auto;}

.kc35{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc35 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc35 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc35 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc35 .title .t01 span{ display:block; width:30px;}
.kc35 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc35 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc35 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc35 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc35 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc35 .box{ width:1200px; height:470px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc35 .box .gallery-top{ float:right; overflow:hidden; width:980px; height:470px;}
.kc35 .box .gallery-top .swiper-slide .left{ width:650px; height:460px; float:left; position:relative;}
.kc35 .box .gallery-top .swiper-slide .left a{ width:100%; height:430px; overflow:hidden; display:block;}
.kc35 .box .gallery-top .swiper-slide .left a img{ width:100%; display:block;}
.kc35 .box .gallery-top .swiper-slide .left p{ display:block; text-transform:uppercase; color:#fff; font-size:18px; height:26px; line-height:26px; padding-top:10px; overflow:hidden; text-align:right;}
.kc35 .box .gallery-top .swiper-slide .right{ width:320px; height:470px; float:right; position:relative; background-color:#fff; padding:25px 30px; box-sizing:border-box;}
.kc35 .box .gallery-top .swiper-slide .right .t01{ font-weight:bold; font-size:20px; line-height:33px;}
.kc35 .box .gallery-top .swiper-slide .right .t02{ width:50px; height:2px; background:linear-gradient(to right,#5476fe,#3399ff); margin-top:10px;}
.kc35 .box .gallery-top .swiper-slide .right .t03{ font-size:16px; line-height:30px; margin-top:18px;}
.kc35 .box .left{ width:190px; height:470px; float:left; position:relative;}
.kc35 .box .left .gallery-thumbs{ width:100%; display:block; overflow:hidden; height:401px;}
.kc35 .box .left .gallery-thumbs .swiper-slide{ display:block; overflow:hidden; position:relative; width:180px; height:118px;}
.kc35 .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.kc35 .box .left .gallery-thumbs .swiper-slide b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.3);}
.kc35 .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ width:100%; height:125px;}
.kc35 .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ display:none;}
.kc35 .box .left .swi{ height:40px; width:100%; position:absolute; left:0; bottom:0; width:190px;}
.kc35 .box .left .swi div{ display:block; width:40px; height:40px; cursor:pointer; overflow:hidden; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; margin-right:10px; float:left; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.kc35 .box .left .swi div.swiper-button-prev{ background-image:url(../images/left01.png);}
.kc35 .box .left .swi div.swiper-button-prev:hover{ background-image:url(../images/left01h.png); background-color:#dc0000;}
.kc35 .box .left .swi div.swiper-button-next{ background-image:url(../images/right01.png);}
.kc35 .box .left .swi div.swiper-button-next:hover{ background-image:url(../images/right01h.png); background-color:#dc0000;}

.kc36{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc36 .title{ width:1200px; margin:auto;}
.kc36 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc36 .title .t01 span{ display:block; width:30px;}
.kc36 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc36 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc36 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc36 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc36 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc36 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc36 .box .swiper-container{ width:1198px; margin:auto; position:relative; overflow:hidden; display:block;}
.kc36 .box .swiper-container .swiper-slide{ width:280px; display:block; height:420px; background-color:#f1f1f1; background-image:url(../images/kc36_24.jpg);}
.kc36 .box .swiper-container .swiper-slide:hover{ background-image:url(../images/kc36h_22.jpg);}
.kc36 .box .swiper-container .swiper-slide .t01{ width:130px; height:130px; border-radius:100%; margin:25px auto; margin-top:50px; border:5px solid #ededed;}
.kc36 .box .swiper-container .swiper-slide .t01 img{ width:100%; display:block;}
.kc36 .box .swiper-container .swiper-slide .t02{ width:calc(100% - 60px); margin:auto; font-size:18px; line-height:28px; font-weight:bold; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.kc36 .box .swiper-container .swiper-slide .t03{ width:calc(100% - 60px); margin:auto; text-align:center; font-size:14px; line-height:24px; height:72px; margin-top:10px;}
.kc36 .box .swiper-container .swiper-slide .t04{ width:140px; height:36px; margin:19px auto; line-height:36px; font-size:14px; text-align:center; border-radius:36px; background:linear-gradient(to right,#5476fe,#3399ff); color:#fff; text-transform:uppercase;}
.kc36 .box .swiper-container .swiper-slide:hover:hover .t02,.kc36 .box .swiper-container .swiper-slide:hover:hover .t03{ color:#fff;}
.kc36 .box .swiper-container .swiper-slide:hover:hover .t04{ background:#fff; color:#5476fe;}
.kc36 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc36 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.kc36 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

/*PR/PS培训*/
.kc37{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc37 .title{ width:1200px; margin:auto;}
.kc37 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc37 .title .t01 span{ display:block; width:30px;}
.kc37 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc37 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc37 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc37 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc37 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc37 .box{ width:1200px; height:460px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc37 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc37 .box ul{ width:110%; height:100%; display:block; position:relative; z-index:3; overflow:hidden;}
.kc37 .box ul li{ width:211px; display:block; float:left; border-right:1px solid #fff; height:100%; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:40px 20px; box-sizing:border-box; position:relative;}
.kc37 .box ul li:last-child{ border:none;}
.kc37 .box ul li.on{ width:356px;}
.kc37 .box ul li.on{ padding:40px 30px;}
.kc37 .box ul li span{ display:block; color:#fff; overflow:hidden; font-size:24px; line-height:38px; height:38px;}
.kc37 .box ul li.on span{ line-height:48px; font-size:36px;}
.kc37 .box ul li h1{ width:100%; display:block; height:15px; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s; -o-transition:height 1s;}
.kc37 .box ul li h4{ display:block; color:#fff; overflow:hidden; font-size:18px; line-height:28px; font-weight:normal;}
.kc37 .box ul li strong{ display:block; color:#fff; overflow:hidden; font-size:14px; line-height:22px; font-weight:normal; margin-top:10px;}
.kc37 .box ul li.on h1{ height:35px;}
.kc37 .box ul li.on h4{ font-size:24px; line-height:34px;}
.kc37 .box ul li.on strong{ font-size:16px; line-height:24px; margin-top:0;}
.kc37 .box ul li p{ width:calc(100% - 40px); color:#fff; font-size:14px; line-height:24px; max-height:168px; opacity:0; overflow:auto; position:absolute; left:20px; bottom:85px; display:block;}
.kc37 .box ul li.on p{ opacity:1; left:30px; width:calc(100% - 60px);}
.kc37 .box ul li img{ display:block; position:absolute; left:20px; bottom:50px; opacity:0; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out;}
.kc37 .box ul li.on img{ opacity:1; left:30px;}
.kc37 .box ul li p::-webkit-scrollbar{ width:5px; height:1px;}
.kc37 .box ul li p::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fff;}
.kc37 .box ul li p::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

.kc38{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc38 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc38 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc38 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc38 .title .t01 span{ display:block; width:30px;}
.kc38 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc38 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc38 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc38 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc38 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc38 .mask{ width:calc(50% + 340px); height:540px; background-color:#e7efff; position:absolute; left:0; bottom:0; z-index:2;}
.kc38 .swi{ position:absolute; right:50%; margin-right:-420px; top:50%; margin-top:-67px; z-index:5; width:30px; height:134px;}
.kc38 .swi .swiper-button-prev{ width:30px; height:16px; background-image:url(../images/top01.png); background-position:center; background-repeat:no-repeat;}
.kc38 .swi .swiper-button-prev:hover{ background-image:url(../images/top01h.png);}
.kc38 .swi .swiper-button-next{ width:30px; height:16px; background-image:url(../images/bot01.png); background-position:center; background-repeat:no-repeat;}
.kc38 .swi .swiper-button-next:hover{ background-image:url(../images/bot01h.png);}
.kc38 .swi .line{ width:16px; height:2px; background-color:#ddd; margin:50px auto;}
.kc38 .gallery-thumbs{ width:130px; height:550px; position:absolute; right:50%; margin-right:-600px; top:50%; margin-top:-275px; overflow:hidden; z-index:5;}
.kc38 .gallery-thumbs .swiper-slide{ display:block; width:130px; height:130px; box-sizing:border-box; border-radius:100%; border:5px solid rgba(255,255,255,.1); overflow:hidden; background-color:#fff;}
.kc38 .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.kc38 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:5px solid #dc0000;}
.kc38 .box{ width:1200px; height:540px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.kc38 .box .ww{ position:absolute; left:0; bottom:45px; font-size:60px; line-height:70px; text-transform:uppercase; opacity:.1;}
.kc38 .box .swiper-pagination{ position:absolute; left:510px; bottom:65px; font-size:14px; line-height:24px;}
.kc38 .box .swiper-pagination a,.kc38 .box .swiper-pagination .swiper-pagination-current{ color:#5476fe; font-size:24px;}
.kc38 .box .gallery-top{ width:870px; float:left; position:relative; z-index:3;}
.kc38 .box .gallery-top .swiper-slide{ display:block; overflow:hidden;}
.kc38 .box .gallery-top .right{ width:322px; height:509px; padding-top:31px; float:right; overflow:hidden;}
.kc38 .box .gallery-top .right img{ width:100%; display:block;}
.kc38 .box .gallery-top .left{ float:left; width:510px; margin-top:45px;}
.kc38 .box .gallery-top .left .t01{ width:100%; font-size:24px; line-height:34px; font-weight:bold; color:#5476fe;}
.kc38 .box .gallery-top .left .t02{ width:100%; font-size:16px; line-height:26px; margin-top:5px;}
.kc38 .box .gallery-top .left .t03{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}

.kc39{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc39 .title{ width:1200px; margin:auto;}
.kc39 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc39 .title .t01 span{ display:block; width:30px;}
.kc39 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc39 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc39 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc39 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc39 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc39 .box{ width:1200px; margin:auto; margin-top:15px; position:relative; z-index:2;}
.kc39 .box .left{ float:left; width:600px;}
.kc39 .box .left .k01{ position:relative; padding-bottom:12px;}
.kc39 .box .left .w01{ font-size:60px; line-height:68px; height:68px; text-transform:uppercase; float:left;}
.kc39 .box .left .w02{ margin-left:10px; float:left;}
.kc39 .box .left .w02 span{ display:block; padding-top:6px; font-size:20px; line-height:24px; height:24px; color:#666; text-transform:uppercase;}
.kc39 .box .left .w02 p{ display:block; font-size:24px; line-height:30px; height:30px; color:#666;}
.kc39 .box .left .w03{ width:100px; height:4px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#5476fe,#3399ff);}
.kc39 .box .left .k02{ font-weight:bold; font-size:30px; line-height:40px; padding-top:25px;}
.kc39 .box .left .k02 span{ color:#5476fe;}
.kc39 .box .left .k03{ font-size:20px; line-height:30px; padding-top:10px;}
.kc39 .box .left .k04{ width:50px; height:2px; background-color:#dc0000; margin-top:15px;}
.kc39 .box .left .k05{ font-size:14px; line-height:30px; margin-top:22px;}
.kc39 .box .right{ float:right; width:540px; padding-top:10px;}
.kc39 .box .right img{ width:100%;}

.kc40{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc40 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc40 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc40 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc40 .title .t01 span{ display:block; width:30px;}
.kc40 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc40 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc40 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc40 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc40 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc40 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.kc40 .box img{ display:block; max-width:100%; margin:auto;}

.kc41{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc41 .title{ width:1200px; margin:auto;}
.kc41 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc41 .title .t01 span{ display:block; width:30px;}
.kc41 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc41 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc41 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc41 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc41 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc41 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc41 .box .swiper-container{ width:1200px; margin:auto; position:relative; overflow:hidden; display:block;}
.kc41 .box .swiper-container .swiper-slide{ width:285px; display:block; height:350px; background-color:#f1f1f1; position:relative;}
.kc41 .box .swiper-container .swiper-slide .tu{ width:100%; height:230px;}
.kc41 .box .swiper-container .swiper-slide .tu img{ width:100%;}
.kc41 .box .swiper-container .swiper-slide .wen{ width:100%; height:120px; padding:30px 20px; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:#f1f1f1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kc41 .box .swiper-container .swiper-slide .wen::-webkit-scrollbar{ width:5px; height:1px;}
.kc41 .box .swiper-container .swiper-slide .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.kc41 .box .swiper-container .swiper-slide .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.kc41 .box .swiper-container .swiper-slide .wen .k01{ font-size:16px; line-height:30px; text-transform:uppercase; color:#999;}
.kc41 .box .swiper-container .swiper-slide .wen .k02{ font-size:18px; line-height:28px; margin:2px 0;}
.kc41 .box .swiper-container .swiper-slide .wen .k03{ font-size:14px; line-height:30px; height:0;}
.kc41 .box .swiper-container .swiper-slide:hover .wen{ height:212px; overflow:auto;}
.kc41 .box .swiper-container .swiper-slide:hover .wen .k03{ height:auto;}
.kc41 .box .swiper-container .swiper-slide:hover .wen .k02{ font-weight:bold; color:#5476fe;}
.kc41 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.kc41 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.kc41 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

/*办公软件*/
.kc42{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.kc42 .title{ width:1200px; margin:auto;}
.kc42 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc42 .title .t01 span{ display:block; width:30px;}
.kc42 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc42 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc42 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc42 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc42 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc42 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.kc42 .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.kc42 .box ul li{ width:380px; display:block; position:relative; overflow:hidden; float:left; margin-left:30px; margin-top:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc42 .box ul li:nth-child(3n+1){ margin-left:0;}
.kc42 .box ul li .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.8; position:absolute; left:0; top:0; z-index:1;}
.kc42 .box ul li .wen{ padding:25px 30px; width:100%; height:100%; min-height:22px; box-sizing:border-box; position:relative; z-index:3; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.kc42 .box ul li .wen .k01{ font-size:18px; line-height:28px; color:#fff;}
.kc42 .box ul li .wen .k02{ width:20px; height:2px; margin-top:5px; background-color:#dc0000;}
.kc42 .box ul li .wen .k03{ font-size:14px; line-height:24px; color:#fff; margin-top:15px;}

.kc43{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc43 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc43 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc43 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc43 .title .t01 span{ display:block; width:30px;}
.kc43 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc43 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc43 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc43 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc43 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc43 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.kc43 .swi{ position:absolute; right:0; top:0; z-index:5;}
.kc43 .swi div{ width:48px; height:22px; border:1px solid #fff; border-radius:3px; background-position:center; background-repeat:no-repeat; cursor:pointer; float:left; margin-left:10px; overflow:hidden;}
.kc43 .swi div:hover{ background-color:#fff;}
.kc43 .swi div.swiper-button-prev{ background-image:url(../images/tlh.png);}
.kc43 .swi div.swiper-button-next{ background-image:url(../images/trh.png);}
.kc43 .swi div.swiper-button-prev:hover{ background-image:url(../images/tl.png);}
.kc43 .swi div.swiper-button-next:hover{ background-image:url(../images/tr.png);}
.kc43 .gallery-thumbs{ width:300px; height:450px; float:left;}
.kc43 .gallery-thumbs .swiper-slide{ display:block; width:300px; height:90px; position:relative; overflow:hidden;}
.kc43 .gallery-thumbs .swiper-slide .left{ width:90px; height:90px; border-radius:100%; position:relative; z-index:3; background-color:#fff;}
.kc43 .gallery-thumbs .swiper-slide .left img{ width:100%; display:block;}
.kc43 .gallery-thumbs .swiper-slide .right{ width:280px; height:70px; padding:9px 90px; padding-right:20px; background-color:#fff; position:absolute; right:0; top:10px; z-index:1; border-radius:10px; box-sizing:border-box;}
.kc43 .gallery-thumbs .swiper-slide .right .k01{ font-size:18px; height:28px; line-height:28px;}
.kc43 .gallery-thumbs .swiper-slide .right .k02{ font-size:14px; height:24px; line-height:24px; color:#666;}
.kc43 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .right{ background-color:#dc0000;}
.kc43 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .right .k01,.kc43 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .right .k02{ color:#fff;}
.kc43 .box .gallery-top{ width:840px; height:470px; float:right;}
.kc43 .box .gallery-top .swiper-slide{ display:block; overflow:hidden; position:relative; height:470px;}
.kc43 .box .gallery-top .left{ width:470px; height:470px; border-radius:20px; position:relative; z-index:1; overflow:hidden; background-color:#fff;}
.kc43 .box .gallery-top .left img{ width:100%; display:block;}
.kc43 .box .gallery-top .right{ width:430px; height:340px; border-radius:20px; background-color:#fff; position:absolute; right:0; top:50%; margin-top:-170px; box-sizing:border-box; padding:25px 30px; overflow:auto; z-index:3;}
.kc43 .box .gallery-top .right::-webkit-scrollbar{ width:5px; height:1px;}
.kc43 .box .gallery-top .right::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#dc0000;}
.kc43 .box .gallery-top .right::-webkit-scrollbar-track{ border-radius:10px;}
.kc43 .box .gallery-top .right .k01{ width:100%; font-size:24px; line-height:34px;}
.kc43 .box .gallery-top .right .k02{ width:100%; font-size:16px; line-height:26px; color:#dc0000;}
.kc43 .box .gallery-top .right .k03{ width:100%; font-size:14px; line-height:24px; margin-top:10px; padding-top:15px; border-top:1px solid #ddd;}

.kc44{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc44 .title{ width:1200px; margin:auto;}
.kc44 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc44 .title .t01 span{ display:block; width:30px;}
.kc44 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc44 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc44 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc44 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc44 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc44 .box{ width:1200px; height:470px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc44 .box .k01{ position:absolute; left:50px; top:0; width:255px; height:210px;}
.kc44 .box .k01 img{ width:100%; display:block;}
.kc44 .box .k05{ position:absolute; left:360px; top:100px; width:520px; height:310px; background-image:url(../images/kc444_06.png);}
.kc44 .box .k05 b{ width:380px; display:block; font-size:24px; line-height:34px; text-align:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.kc44 .box .k02{ width:340px; height:162px; position:absolute; right:0; top:0; background-image:url(../images/kc441_05.png);}
.kc44 .box .k02 p{ display:block; padding-top:45px; padding-left:25px; width:calc(100% - 45px); height:90px; color:#fff;}
.kc44 .box .k02 p span{ display:block; overflow:hidden; font-size:18px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k02 p a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k02 p b{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; font-weight:normal; color:#fff;}
.kc44 .box .k03{ width:340px; height:147px; position:absolute; right:0; bottom:0; background-image:url(../images/kc442_12.png);}
.kc44 .box .k03 p{ display:block; padding-top:45px; padding-left:25px; width:calc(100% - 45px); height:90px; color:#fff;}
.kc44 .box .k03 p span{ display:block; overflow:hidden; font-size:18px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k03 p a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k03 p b{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; font-weight:normal; color:#fff;}
.kc44 .box .k04{ width:340px; height:147px; position:absolute; left:0; bottom:78px; background-image:url(../images/kc443_10.png);}
.kc44 .box .k04 p{ display:block; padding-top:45px; padding-left:20px; width:calc(100% - 45px); height:90px; color:#fff;}
.kc44 .box .k04 p span{ display:block; overflow:hidden; font-size:18px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k04 p a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; color:#fff;}
.kc44 .box .k04 p b{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; font-weight:normal; color:#fff;}

.kc45{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.kc45 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.kc45 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.kc45 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc45 .title .t01 span{ display:block; width:30px;}
.kc45 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#ff7800; overflow:hidden;}
.kc45 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc45 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc45 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px; color:#fff;}
.kc45 .title .t02{ text-align:center; font-size:16px; color:#fff; margin-top:8px; line-height:26px; width:100%;}
.kc45 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.kc45 .box .left{ float:left; width:600px;}
.kc45 .box .left dl{ width:100%; display:block; overflow:hidden;}
.kc45 .box .left dl dt{ display:block; margin-top:25px; overflow:hidden;}
.kc45 .box .left dl dt img{ display:block; height:20px; float:left;}
.kc45 .box .left dl dt b{ display:block; font-size:18px; color:#fff; margin-left:10px; line-height:20px; height:20px; float:left;}
.kc45 .box .left dl dd{ display:block; margin-top:5px; overflow:hidden; font-size:14px; color:#fff; line-height:24px;}
.kc45 .box .right{ float:right; width:550px;}
.kc45 .box .right img{ max-width:100%; display:block; float:right;}

.kc46{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.kc46 .title{ width:1200px; margin:auto;}
.kc46 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc46 .title .t01 span{ display:block; width:30px;}
.kc46 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc46 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc46 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc46 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc46 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc46 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.kc46 .box .left{ width:600px; float:left;}
.kc46 .box .left .k01{ padding-left:20px; margin-left:-20px; background-image:url(../images/kc46_16.png); background-position:top left; background-repeat:no-repeat; height:80px;}
.kc46 .box .left .k01 b{ display:block; float:left; font-size:40px; line-height:72px; height:72px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.kc46 .box .left .k01 span{ display:block; float:left; margin-top:10px; margin-left:10px; font-size:20px; line-height:70px; height:70px;}
.kc46 .box .left .k01 p{ display:block; float:left; margin-top:10px; margin-left:5px; font-size:20px; line-height:70px; height:70px;}
.kc46 .box .left .k02{ margin-top:25px; font-size:24px; line-height:34px; font-weight:bold;}
.kc46 .box .left .k03{ margin-top:5px; position:relative;}
.kc46 .box .left .k03 span{ display:block; float:left; position:relative; overflow:hidden;}
.kc46 .box .left .k03 span a{ display:block; position:relative; padding-right:15px; width:100%; box-sizing:border-box; z-index:3; font-size:16px; line-height:24px; text-transform:uppercase; color:#666;}
.kc46 .box .left .k03 span b{ width:200px; height:10px; display:block; border-radius:10px; background:linear-gradient(to right,#5476fe,#3399ff); overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; opacity:0.1;}
.kc46 .box .left .k04{ margin-top:25px; font-size:14px; line-height:24px;}
.kc46 .box .right{ width:500px; padding-top:20px; padding-right:20px; padding-left:30px; padding-bottom:30px; float:right; position:relative;}
.kc46 .box .right p{ width:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.kc46 .box .right p img{ width:100%; display:block;}
.kc46 .box .right a{ width:190px; height:140px; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden; background-color:#5476fe;}
.kc46 .box .right b{ width:190px; height:190px; display:block; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; background-color:#dc0000;}

.kc47{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.kc47 .title{ width:1200px; margin:auto;}
.kc47 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc47 .title .t01 span{ display:block; width:30px;}
.kc47 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc47 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc47 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc47 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc47 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kc47 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; min-height:460px;}
.kc47 .box .tu{ width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.kc47 .box .tu img{ display:block; margin:auto; max-height:460px;}
.kc47 .box .item{ z-index:3; width:330px; background-repeat:no-repeat; margin:10px 0;}
.kc47 .box .item:nth-child(2n+1){ padding-right:40px; text-align:right; background-image:url(../images/kc211_03.png); background-position:top right; clear:both; float:left;}
.kc47 .box .item:nth-child(2n){ padding-left:40px; background-image:url(../images/kc212_05.png); background-position:top left; float:right;}
.kc47 .box .item .t01{ display:block; font-size:18px; line-height:30px; height:30px; font-weight:bold;}
.kc47 .box .item .t02{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.kc47 .box .item:hover .t01{ color:#5476fe;}
.kc47 .box .wen{ width:1200px; text-align:center; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}

.kc48{ width:100%; padding-top:65px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.kc48 .title{ width:1200px; margin:auto;}
.kc48 .title .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.kc48 .title .t01 span{ display:block; width:30px;}
.kc48 .title .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.kc48 .title .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.kc48 .title .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.kc48 .title .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.kc48 .title .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}
.kcej{ width:1200px; margin:auto; height:100px; margin-top:30px; background:#f6f6f6;}
.kcej div{ float:left; width:20%; text-align:center; border-right:1px solid #e9e9e9; height:100%; position:relative; box-sizing:border-box;}
.kcej div .sjsjx{ width:0!important; height:0!important; border-left:12px solid transparent; border-right:12px solid transparent!important; border-top:14px solid #5476fe; display:none; position:absolute; left:50%; margin-left:-12px; bottom:-14px;}
.kcej div.sjyjxz .sjsjx{ display:block;}
.sjyjxz{ background:#5476fe;}
.kcej div p:nth-child(1){ margin-top:25px; line-height:1; color:#333333; font-size:20px;}
.kcej div p:nth-child(2){ font-size:16px; color:#888888; margin-top:10px;}
.kcej div.sjyjxz p{ color:#fff !important;}
.kcsad{ width:100%;}
.kcsjdh{ width:1200px; margin:auto; margin-top:40px;}
.kcsjdh div{ width:170px; height:40px; display:block; margin:0 10px; float:left; margin-bottom:20px; line-height:40px; text-align:center; border:1px solid #5476fe; border-radius:5px; font-size:16px; color:#333333;}
.kcsjdh div.sjerjxz { background:#7388f1; color:#fff!important;}
.sjnrsm { width:1200px; margin:auto; border-top:1px solid #dddddd; margin-top:20px;}
.sjnr{ color:#666666; font-size:14px; line-height:24px; padding-top:25px;}

/*java*/
.banner01{ width:100%; height:460px; position:relative; z-index:3;}
.banner01 .swiper-container{ width:100%; height:460px; position:relative; z-index:1; overflow:hidden;}
.banner01 .swiper-container a{ width:100%; height:460px; position:relative; z-index:1; overflow:hidden; display:block;}
.banner01 .swiper-container a img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner01 .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; position:absolute; left:0; bottom:30px;}
.banner01 .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:rgba(0,0,0,.7); overflow:hidden; margin:5px; margin-bottom:0;}
.banner01 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.java01{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.java01 ul{ display:flex; width:1200px; margin:auto;}
.java01 ul li{ display:block; padding:0 30px; border-right:1px dashed #ddd; flex:1; box-sizing:border-box; text-align:center;}
.java01 ul li:last-child{ border-right:none;}
.java01 ul li p{ display:flex; position:relative; justify-content:center;}
.java01 ul li p b{ display:block; align-items:center; font-size:50px; line-height:52px; color:#dc0000;}
.java01 ul li p em{ display:block; font-style:normal; margin-left:5px; position:relative;}
.java01 ul li p strong{ text-align:left; display:block; font-size:20px; line-height:26px; color:#dc0000; position:absolute; left:0; top:0;}
.java01 ul li p a{ text-align:left; display:block; font-size:14px; line-height:20px; padding-top:26px;}
.java01 ul li span{ display:block; font-size:14px; line-height:24px;}

.mtitle{ width:1200px; margin:auto;}
.mtitle .t01{ display:flex; align-items:center; justify-content:center; width:100%;}
.mtitle .t01 span{ display:block; width:30px;}
.mtitle .t01 span a{ display:block; width:100%; height:5px; border-radius:5px; background-color:#5476fe; overflow:hidden;}
.mtitle .t01 span b{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-left:10px; margin-top:4px;}
.mtitle .t01 span strong{ display:block; width:20px; height:5px; border-radius:5px; background-color:#dc0000; overflow:hidden; margin-right:10px; margin-top:4px;}
.mtitle .t01 p{ font-size:36px; line-height:46px; height:46px; overflow:hidden; display:block; margin:0 20px;}
.mtitle .t02{ text-align:center; font-size:16px; color:#666; margin-top:8px; line-height:26px; width:100%;}

.java02{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#e7efff;}
.java02 .box{ width:1200px; margin:auto; margin-top:30px; text-align:center;}
.java02 .box .t01{ display:inline-table; position:relative; margin:auto;}
.java02 .box .t01 p{ display:block; font-size:24px; font-weight:bold; line-height:34px; position:relative; z-index:2; padding:0 20px;}
.java02 .box .t01 b{ display:block; width:100%; height:10px; border-radius:10px; background-color:#5476fe; position:absolute; left:0; bottom:0; opacity:.3; z-index:1; overflow:hidden;}
.java02 .box .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:15px;}
.java02 .box .t03{ display:flex; width:100%; justify-content:space-between; padding-top:20px; flex-wrap:wrap;}
.java02 .box .t03 li{ display:block; width:190px; overflow:hidden; margin-top:25px; text-align:center;}
.java02 .box .t03 li strong{ display:block; width:100%; height:190px; line-height:190px; font-size:30px; color:#dc0000; background-image:url(../images/java02.png); background-position:center; background-repeat:no-repeat;}
.java02 .box .t03 li strong a{ font-size:16px; color:#dc0000;}
.java02 .box .t03 li p{ display:block; font-size:16px; line-height:26px; margin-top:15px;}

.java03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.java03 .box{ width:1200px; margin:auto; margin-top:35px;}
.java03 .box .tab_menu{ width:100%; margin:auto; display:flex; justify-content:center;}
.java03 .box .tab_menu li{ display:block; margin:0 10px; position:relative; cursor:pointer; padding:0 20px; font-size:16px; line-height:40px; height:40px; border-radius:10px; background-color:#e7efff;}
.java03 .box .tab_menu li b{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #5476fe; display:none; position:absolute; left:50%; margin-left:-6px; top:100%;}
.java03 .box .tab_menu li.on{ background-color:#5476fe; color:#fff;}
.java03 .box .tab_menu li.on b{ display:block;}
.java03 .box .tabox{ width:100%; margin-top:45px; text-align:center;}
.java03 .box .tabox .t01{ display:inline-table; position:relative; margin:auto;}
.java03 .box .tabox .t01 p{ display:block; font-size:24px; font-weight:bold; line-height:34px; position:relative; z-index:2; padding:0 20px;}
.java03 .box .tabox .t01 b{ display:block; width:100%; height:10px; border-radius:10px; background-color:#5476fe; position:absolute; left:0; bottom:0; opacity:.3; z-index:1; overflow:hidden;}
.java03 .box .tabox .t02{ text-align:center; font-size:16px; line-height:26px; margin-top:15px;}
.java03 .box .tabox .t03{ width:100%; margin-top:25px;}
.java03 .box .tabox .t03 img{ max-width:100%; display:block; margin:auto;}

.java04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.java04 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative;}
.java04 .box ul{ width:100%; display:block; overflow:hidden;}
.java04 .box ul li{ display:block; float:left; margin-left:30px; margin-top:30px; overflow:hidden; width:380px; height:90px; border-bottom-right-radius:20px; border-top-left-radius:20px; background:linear-gradient(to right,#5476fe,#3399ff); position:relative;}
.java04 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.java04 .box ul li .wen{ display:flex; width:300px; height:80px; align-items:center; border-bottom-right-radius:20px; border-top-left-radius:20px; background-color:#f9f9f9; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.java04 .box ul li .wen a{ display:block; padding:0 20px; overflow:hidden;}
.java04 .box ul li .wen b{ font-size:18px; line-height:28px; display:block; overflow:hidden;}
.java04 .box ul li .wen p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}
.java04 .box ul li:hover .wen{ bottom:10px;}
.java04 .box ul li:hover .wen b{ color:#5476fe;}
.java04 .box ul li .tu{ width:80px; height:90px; float:right; display:flex; align-items:center;}
.java04 .box ul li .tu img{ display:block; margin:auto; max-width:50px; max-height:50px;}

.java05{ width:100%; padding-top:65px; padding-bottom:65px; position:relative; z-index:1; background-color:#fff;}
.java05 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative;}
.java05 .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.java05 .box ul li{ display:block; float:left; margin-left:30px; margin-top:30px; overflow:hidden; width:380px; border-radius:10px; background-color:#ef5452; position:relative; padding:50px 30px; padding-bottom:45px; box-sizing:border-box; text-align:center;}
.java05 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.java05 .box ul li:nth-child(2){ background-color:#1f91e9;}
.java05 .box ul li:nth-child(3){ background-color:#38c370;}
.java05 .box ul li:nth-child(4){ background-color:#5476fe;}
.java05 .box ul li:nth-child(5){ background-color:#f0a23d;}
.java05 .box ul li:nth-child(6){ background-color:#38bbc3;}
.java05 .box ul li .t01{ width:80px; height:90px; margin:auto; background-image:url(../images/java05.png); background-position:center; background-repeat:no-repeat; display:flex; align-items:center;}
.java05 .box ul li .t01 img{ max-width:80px; max-height:90px; display:block; margin:auto;}
.java05 .box ul li .t02{ font-size:18px; line-height:28px; color:#fff; margin-top:15px;}
.java05 .box ul li .t03{ font-size:16px; line-height:26px; color:#fff;}
.java05 .box ul li .t04{ width:100px; height:1px; background-color:#fff; margin:auto; margin-top:10px;}
.java05 .box ul li .t05{ font-size:14px; line-height:24px; max-height:120px; overflow:auto; color:#fff; margin-top:15px;}
.java05 .box ul li .t05::-webkit-scrollbar{ width:2px; height:1px;}
.java05 .box ul li .t05::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fff;}
.java05 .box ul li .t05::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

.java06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.java06 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.java06 .box img{ max-width:100%; display:block; margin:auto;}

.java07{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.java07 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.java07 .box .swiper-slide{ width:285px; overflow:hidden; height:auto;}
.java07 .box .swiper-slide a{ width:calc(100% - 5px); margin-left:5px; display:block; padding-top:60px; padding-bottom:25px; box-sizing:border-box; height:100%; background-color:#f9f9f9; position:relative; max-height:480px; overflow:auto;}
.java07 .box .swiper-slide a::-webkit-scrollbar{ width:2px; height:1px;}
.java07 .box .swiper-slide a::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.java07 .box .swiper-slide a::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.java07 .box .swiper-slide .k01{ position:absolute; left:20px; top:20px; font-size:60px; line-height:68px; height:68px; font-weight:bold; color:#5476fe; opacity:.3; z-index:1;}
.java07 .box .swiper-slide .k02{ position:relative; z-index:3; width:calc(100% - 15px); margin-left:-5px; height:40px; padding-bottom:5px; background-image:url(../images/kc02_05.png); background-position:top left; background-repeat:no-repeat; font-size:18px; line-height:40px; text-indent:20px; color:#fff; font-weight:bold;}
.java07 .box .swiper-slide .k03{ padding:0 20px; display:block; padding-top:5px;}
.java07 .box .swiper-slide .k03 dt{ font-size:14px; line-height:24px; margin-top:10px; padding:5px 10px; box-sizing:border-box; display:block; background-color:#e7efff; overflow:hidden;}
.java07 .box .swiper-slide .k03 dd{ font-size:14px; line-height:24px; margin-top:5px;}
.java07 .box .swiper-slide .k04{ padding-left:20px; padding-right:10px; padding-bottom:5px; display:block;}
.java07 .box .swiper-slide .k04 dt{ max-width:240px; margin-right:10px; font-size:14px; line-height:24px; margin-top:15px; padding:5px 10px; box-sizing:border-box; display:block; background-color:#e7efff; overflow:hidden; float:left;}
.java07 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.java07 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.java07 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.java08{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.java08 .box{ width:1200px; margin:auto; margin-top:15px;}
.java08 .box .tab_menu{ width:100%; margin:auto; display:flex; justify-content:center; flex-wrap:wrap;}
.java08 .box .tab_menu li{ display:block; margin:20px 10px; margin-bottom:0; position:relative; cursor:pointer; padding:0 20px; font-size:16px; line-height:40px; height:40px; border-radius:10px; background-color:#fff;}
.java08 .box .tab_menu li b{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #5476fe; display:none; position:absolute; left:50%; margin-left:-6px; top:100%;}
.java08 .box .tab_menu li.on{ background-color:#5476fe; color:#fff;}
.java08 .box .tab_menu li.on b{ display:block;}
.java08 .box .tabox{ width:100%; margin-top:30px;}
.java08 .box .tabox>div{ width:100%; overflow:hidden;}
.java08 .box .tabox .wen{ width:370px; float:left; background-color:#fff; padding:20px; box-sizing:border-box; height:480px; overflow:auto;}
.java08 .box .tabox .wen .t01{ position:relative; padding-bottom:12px;}
.java08 .box .tabox .wen .t01 p{ display:block; font-size:18px; font-weight:bold; line-height:28px; position:relative; z-index:2;}
.java08 .box .tabox .wen .t01 b{ display:block; width:100px; height:10px; border-radius:10px; background-color:#5476fe; position:absolute; left:0; bottom:10px; opacity:.3; z-index:1; overflow:hidden;}
.java08 .box .tabox .wen .t02{ font-size:14px; line-height:24px; word-break:break-all;}
.java08 .box .tabox .wen .t03{ font-size:16px; line-height:26px; margin-top:10px; color:#5476fe;}
.java08 .box .tabox .wen::-webkit-scrollbar{ width:5px; height:1px;}
.java08 .box .tabox .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.java08 .box .tabox .wen::-webkit-scrollbar-track{ border-radius:10px;}
.java08 .box .tabox .tu{ width:800px; float:right; height:480px; background-color:#fff;}
.java08 .box .tabox .tu img{ width:100%; display:block;}

.java09{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.java09 .box{ width:1200px; margin:auto; margin-top:25px;}
.java09 .box dl{ width:20%; float:left; display:block; overflow:hidden;}
.java09 .box dt{ width:100%; height:240px; display:block; position:relative; overflow:hidden;}
.java09 .box dt img{ width:100%; display:block;}
.java09 .box dl dt:nth-child(2n+1) b{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; display:block; position:absolute; left:50%; margin-left:-10px; bottom:0;}
.java09 .box dl:nth-child(2n) dt b{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; display:block; position:absolute; left:50%; margin-left:-10px; top:0;}
.java09 .box dl:nth-child(1) dt b{ border-bottom:10px solid #ef5452;}
.java09 .box dl:nth-child(2) dt b{ border-top:10px solid #1f91e9;}
.java09 .box dl:nth-child(3) dt b{ border-bottom:10px solid #38c370;}
.java09 .box dl:nth-child(4) dt b{ border-top:10px solid #5476fe;}
.java09 .box dl:nth-child(5) dt b{ border-bottom:10px solid #f0a23d;}
.java09 .box dl dd{ width:100%; height:240px; display:flex; justify-content:center; align-items:center; flex-direction:column; overflow:hidden; padding:20px; box-sizing:border-box; text-align:center;}
.java09 .box dl:nth-child(1) dd{ background-color:#ef5452;}
.java09 .box dl:nth-child(2) dd{ background-color:#1f91e9;}
.java09 .box dl:nth-child(3) dd{ background-color:#38c370;}
.java09 .box dl:nth-child(4) dd{ background-color:#5476fe;}
.java09 .box dl:nth-child(5) dd{ background-color:#f0a23d;}
.java09 .box dl dd span{ display:block; font-size:18px; line-height:28px; width:100%; margin:0; color:#fff;}
.java09 .box dl dd b{ display:block; width:50px; height:2px; background-color:#fff; margin:5px auto; margin-bottom:10px; opacity:.5;}
.java09 .box dl dd p{ display:block; font-size:14px; line-height:24px; width:100%; margin:0; color:#fff;}

.java10{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.java10 .box{ width:1200px; margin:auto; margin-top:5px; position:relative;}
.java10 .box .swiper-slide{ width:100%; overflow:hidden; display:block;}
.java10 .box .swiper-slide a{ width:190px; height:85px; float:left; display:flex; align-items:center; overflow:hidden; background-color:#fff; margin-left:12px; margin-top:20px;}
.java10 .box .swiper-slide a:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.java10 .box .swiper-slide a img{ max-width:100%; max-height:100px; display:block; margin:auto;}
.java10 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.java10 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.java10 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.java11{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.java11 .box{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.java11 .topRec_List{ width:100%; overflow:hidden; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.java11 .topRec_List dl{ width:100%; overflow:hidden; display:block;}
.java11 .topRec_List dl dt{ width:14.28%; display:block; float:left; font-size:16px; line-height:60px; height:60px; overflow:hidden; text-align:center; background-color:#ddd;}
.java11 .topRec_List dl dd{ width:14.32%; display:block; float:left; font-size:16px; line-height:60px; height:60px; overflow:hidden; text-align:center; background-color:#5476fe; color:#fff;}
.java11 .topRec_List .maquee{ height:472px; overflow:hidden;}
.java11 .topRec_List .maquee ul{ display:block; overflow:hidden;}
.java11 .topRec_List li{ width:100%; overflow:hidden; display:block; border-top:1px solid #ddd;}
.java11 .topRec_List li p{ width:14.28%; display:block; float:left; font-size:14px; line-height:58px; height:58px; overflow:hidden; text-align:center;}
.java11 .topRec_List li span{ width:14.32%; display:block; float:left; font-size:14px; line-height:58px; height:58px; overflow:hidden; text-align:center; background-color:#829af8; color:#fff;}
.java11 .wen{ width:100%; font-size:14px; height:58px; line-height:58px; text-align:center; border-top:1px solid #ddd;}

.java12{ width:100%; padding-top:65px; position:relative; z-index:1; background-color:#e7efff;}
.java12 .box{ width:1200px; margin:auto; position:relative;}
.java12 .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.java12 .box ul li{ width:270px; margin-top:25px; margin-left:40px; display:block; float:left; overflow:hidden; text-align:center;}
.java12 .box ul li:nth-child(4n+1){ margin-left:0;}
.java12 .box ul li strong{ width:140px; height:140px; display:block; overflow:hidden; margin:auto;}
.java12 .box ul li strong img{ width:100%; display:block;}
.java12 .box ul li span{ font-size:18px; line-height:28px; display:block; font-weight:bold; margin-top:15px;}
.java12 .box ul li p{ font-size:14px; line-height:24px; display:block; color:#666; margin-top:5px;}

.java13{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.java13 .box{ width:1200px; margin:auto; position:relative; padding-top:5px;}
.java13 .box .left{ width:915px; float:left;}
.java13 .box .left a{ width:285px; height:140px; display:block; float:left; margin-right:20px; margin-top:20px; position:relative; padding:20px; box-sizing:border-box;}
.java13 .box .left a:nth-child(1){ background-color:#ef5452;}
.java13 .box .left a:nth-child(2){ background-color:#f0a23d;}
.java13 .box .left a:nth-child(3){ background-color:#38c370;}
.java13 .box .left a:nth-child(4){ background-color:#f0a23d;}
.java13 .box .left a:nth-child(5){ background-color:#38c370;}
.java13 .box .left a:nth-child(6){ background-color:#ef5452;}
.java13 .box .left a .t01{ font-size:18px; line-height:28px; color:#fff; position:relative; z-index:3;}
.java13 .box .left a .t02{ font-size:16px; line-height:26px; color:#fff; position:relative; z-index:3;}
.java13 .box .left a .t03{ font-size:14px; line-height:30px; height:30px; width:80px; text-align:center; background-color:rgba(255,255,255,.7); border-radius:5px; color:#5476fe; margin-top:10px; position:relative; z-index:3;}
.java13 .box .left a:hover .t03{ background-color:#fff;}
.java13 .box .left a .t04{ height:50px; position:absolute; right:20px; bottom:20px; z-index:1;}
.java13 .box .left a .t04 img{ height:50px; display:block; opacity:.5;}
.java13 .box .right{ width:285px; float:right; margin-top:20px; height:300px; background-color:#5476fe;}
.java13 .box .right .t01{ width:245px; margin:35px auto; margin-bottom:20px;}
.java13 .box .right .t01 img{ max-width:100%; display:block; margin:auto;}
.java13 .box .right .t02{ width:100%; text-align:center;}
.java13 .box .right .t02 a{ display:inline-table; padding:0 20px; font-size:14px; line-height:30px; height:30px; background-color:rgba(255,255,255,.7); border-radius:5px; color:#5476fe;}
.java13 .box .right .t02 a:hover{ background-color:#fff;}

/*python*/
.py01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.py01 .box .left{ float:left; width:525px;}
.py01 .box .left img{ width:100%; display:block;}
.py01 .box .right{ width:620px; float:right; margin-top:15px; background-image:url(../images/kc13_54.jpg); background-position:right bottom; background-repeat:no-repeat;}
.py01 .box .right .k01{ font-size:24px; line-height:34px; font-weight:bold;}
.py01 .box .right .k02{ width:50px; height:2px; background:linear-gradient(to right,#5476fe,#3399ff); margin-top:15px;}
.py01 .box .right .k03{ font-size:14px; line-height:30px; margin-top:17px;}

.py03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; display:block;}
.py03 .box dt{ display:block; float:left; width:580px; float:left;}
.py03 .box dd{ display:block; float:right; width:580px; float:right;}
.py03 .box strong{ width:100%; display:block; overflow:hidden;}
.py03 .box strong img{ width:100%; display:block;}
.py03 .box p{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:15px; text-align:center;}

.py04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.py04 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.py04 .box .tu{ width:100%; position:absolute; top:0; left:450px; width:300px; height:100%; z-index:1; background-color:#5476fe; text-align:center; border-radius:10px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.py04 .box .tu b{ display:block; width:calc(100% - 60px); position:relative; margin-bottom:10px;}
.py04 .box .tu a{ display:block; font-size:24px; font-weight:bold; line-height:34px; position:relative; z-index:2; padding:0 20px; color:#fff;}
.py04 .box .tu span{ display:block; width:220px; height:10px; border-radius:10px; background-color:#fff; position:absolute; left:50%; margin-left:-110px; bottom:0; opacity:.3; z-index:1; overflow:hidden;}
.py04 .box .tu p{ font-size:16px; line-height:26px; margin-top:10px; color:#fff; width:100%;}
.py04 .box .item{ position:relative; z-index:3; width:360px; background-repeat:no-repeat; margin:30px 0;}
.py04 .box .item:nth-child(2n){ clear:both; float:left; padding-right:40px; text-align:right; background-image:url(../images/kc211_03.png); background-position:top right;}
.py04 .box .item:nth-child(2n+1){ float:right; padding-left:40px; background-image:url(../images/kc212_05.png); background-position:top left;}
.py04 .box .item .t01{ display:block; font-size:18px; line-height:30px; height:30px; font-weight:bold;}
.py04 .box .item .t02{ display:block; font-size:14px; line-height:24px; height:72px; margin-top:5px;}
.py04 .box .item:hover .t01{ color:#5476fe;}

.py05{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py05 .box{ width:1200px; margin:auto; margin-top:20px; position:relative; display:block; text-align:center;}
.py05 .box .t01{ display:inline-table; position:relative; margin:auto; display:none;}
.py05 .box .t01 p{ display:block; font-size:24px; font-weight:bold; line-height:34px; position:relative; z-index:2; padding:0 20px;}
.py05 .box .t01 b{ display:block; width:100%; height:10px; border-radius:10px; background-color:#5476fe; position:absolute; left:0; bottom:0; opacity:.3; z-index:1; overflow:hidden;}
.py05 .box .t02{ width:100%; text-align:center; /*padding-top:30px;*/}
.py05 .box .t02 p{ display:inline-table; font-size:16px; line-height:24px; padding:10px 20px; border-radius:10px; background-color:#fff;}
.py05 .box .t03{ font-size:16px; color:#999; margin-top:15px;}
.py05 .box .t04{ display:block; width:100%; margin-top:25px;}
.py05 .box .t04 dt{ display:block; float:left; width:575px; float:left;}
.py05 .box .t04 dd{ display:block; float:right; width:575px; float:right;}
.py05 .box .t04 img{ width:100%; display:block;}

.py06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.py06 .mtitle .t02{ margin-top:20px;}
.py06 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.py06 .box a{ width:380px; height:250px; display:block; background-color:#fff; margin-top:30px; margin-left:30px; float:left; position:relative; overflow:hidden; cursor:pointer;}
.py06 .box a img{ width:100%; display:block;}
.py06 .box a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.py06 .box a span{ width:220px; padding:0 20px; height:40px; line-height:40px; box-sizing:border-box;font-size:16px; color:#fff; background-color:rgba(84,118,254,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.py06 .box a:hover span{ bottom:0;}

.py07{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py07 .box{ width:1200px; margin:auto; padding-top:25px; position:relative;}
.py07 .box .left{ width:630px; float:left; margin-top:25px;}
.py07 .box .left .k01{ width:100%;}
.py07 .box .left .k01 b{ display:block; box-sizing:border-box; max-width:100%; float:left; background:linear-gradient(to right,#5476fe,#3399ff); padding:5px 20px; font-size:20px; line-height:30px; color:#fff;}
.py07 .box .left .k02{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.py07 .box .left .k03{ margin-top:5px; display:block;}
.py07 .box .left .k03 li{ display:flex; overflow:hidden; margin-top:10px;}
.py07 .box .left .k03 li strong{ display:block; font-size:72px; line-height:76px; height:76px; color:#5476fe;}
.py07 .box .left .k03 li p{ display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:9px;}
.py07 .box .left .k03 li p b{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.py07 .box .left .k03 li p a{ display:block; width:20px; height:2px; margin:5px 0; background:linear-gradient(to right,#5476fe,#3399ff);}
.py07 .box .left .k03 li p span{ display:block; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.py07 .box .left .k03 li:nth-child(2n) strong{ color:#dc0000;}
.py07 .box .left .k03 li:nth-child(2n) p a{ background:linear-gradient(to right,#dc0000,#ff7700);}
.py07 .box .right{ width:510px; height:560px; float:right; overflow:hidden; background-image:url(../images/kc30_03.png); background-position:0 20px; background-repeat:no-repeat;}
.py07 .box .right dl{ width:100%; height:100%; display:block; overflow:hidden;}
.py07 .box .right dl dt{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px;}
.py07 .box .right dl dd{ width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px; margin-top:60px;}
.py07 .box .right dl img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.py07 .box .right dl dt:hover img,.kc30 .box .right dl dd:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.py08{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.py08 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.py08 .box ul{ width:100%; display:block; overflow:hidden;}
.py08 .box ul li{ display:block; float:left; overflow:hidden; width:580px; height:200px; border-radius:10px; background-color:rgba(255,255,255,.7); margin-left:40px; margin-top:30px; padding:25px 30px; box-sizing:border-box; position:relative;}
.py08 .box ul li:nth-child(1){ margin-left:0;}
.py08 .box ul li:nth-child(3){ margin-left:0; width:100%;}
.py08 .box ul li .k01{ width:100%;}
.py08 .box ul li .k01 b{ display:block; float:left; padding-right:10px; position:relative;}
.py08 .box ul li .k01 b span{ display:block; position:relative; z-index:3; font-size:18px; line-height:28px;}
.py08 .box ul li .k01 b p{ width:100px; height:10px; border-radius:10px; position:absolute; right:0; bottom:0; z-index:1; display:block; overflow:hidden; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.3;}
.py08 .box ul li .k02{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.py08 .box ul li .k03{ height:50px; font-size:70px; line-height:66px; font-weight:bold; position:absolute; right:-10px; bottom:0; color:#5476fe; opacity:0.1;}
.py08 .box ul li:hover{ background-color:#fff;}

.py09{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py09 .box{ width:1200px; margin:auto; margin-top:5px; position:relative;}
.py09 .box .swiper-slide{ width:100%; overflow:hidden; display:block;}
.py09 .box .swiper-slide a{ width:222px; height:100px; border:1px solid #ddd; float:left; display:flex; align-items:center; overflow:hidden; background-color:#fff; margin-left:20px; margin-top:20px;}
.py09 .box .swiper-slide a:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.py09 .box .swiper-slide a img{ max-width:100%; max-height:100px; display:block; margin:auto;}
.py09 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.py09 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.py09 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.py10{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.py10 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.py10 .box img{ max-width:100%; display:block; margin:auto;}

.py11{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.py11 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.py11 .box .gallery-thumbs{ width:1100px; margin-right:100px; position:relative; z-index:1; overflow:hidden;}
.py11 .box .gallery-thumbs .swiper-slide{ width:270px; display:block; cursor:pointer;}
.py11 .box .gallery-thumbs .swiper-slide .k01{ width:100%; height:2px; background-color:#999;}
.py11 .box .gallery-thumbs .swiper-slide .k01 p{ width:0; height:2px; display:block; background-color:#5476fe; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.py11 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k01 p{ width:80px;}
.py11 .box .gallery-thumbs .swiper-slide .k02{ width:100%; font-size:14px; height:24px; line-height:24px; color:#999; text-transform:uppercase; margin-top:10px;}
.py11 .box .gallery-thumbs .swiper-slide .k03{ width:100%; font-size:18px; height:28px; line-height:28px;}
.py11 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k03{ color:#5476fe;}
.py11 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1; margin-top:20px;}
.py11 .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.py11 .box .gallery-top .swiper-slide table{ width:100%; background-color:#ddd;}
.py11 .box .gallery-top .swiper-slide table th{ background-color:#e7efff; text-align:center; padding:10px 20px; font-size:16px;}
.py11 .box .gallery-top .swiper-slide table td{ background-color:#fff; text-align:center; padding:10px 20px;}
.py11 .box .gallery-top .swiper-slide table td:last-child{ text-align:left;}

.py11 .box .swi{ position:absolute; right:0; top:22px; z-index:9;}
.py11 .box .swiper-button-white{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#e7efff; border-radius:100%; margin-left:10px; float:left;}
.py11 .box .swiper-button-prev{ background-image:url(../images/left01.png);}
.py11 .box .swiper-button-next{ background-image:url(../images/right01.png);}
.py11 .box .swiper-button-prev:hover{ background-image:url(../images/left02.png);}
.py11 .box .swiper-button-next:hover{ background-image:url(../images/right02.png);}

.py12{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.py12 .box{ width:1200px; margin:auto; margin-top:15px;}
.py12 .box .tab_menu{ width:100%; margin:auto; display:flex; justify-content:center; flex-wrap:wrap;}
.py12 .box .tab_menu li{ display:block; margin:20px 10px; margin-bottom:0; position:relative; cursor:pointer; padding:0 20px; font-size:16px; line-height:40px; height:40px; border-radius:10px; background-color:#fff;}
.py12 .box .tab_menu li b{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #5476fe; display:none; position:absolute; left:50%; margin-left:-6px; top:100%;}
.py12 .box .tab_menu li.on{ background-color:#5476fe; color:#fff;}
.py12 .box .tab_menu li.on b{ display:block;}
.py12 .box .tabox{ width:100%; margin-top:30px;}
.py12 .box .tabox>div{ width:100%; overflow:hidden;}
.py12 .box .tabox .wen{ width:370px; float:left; background-color:#fff; padding:20px; box-sizing:border-box; height:480px; overflow:auto;}
.py12 .box .tabox .wen .t01{ position:relative; padding-bottom:12px;}
.py12 .box .tabox .wen .t01 p{ display:block; font-size:18px; font-weight:bold; line-height:28px; position:relative; z-index:2;}
.py12 .box .tabox .wen .t01 b{ display:block; width:100px; height:10px; border-radius:10px; background-color:#5476fe; position:absolute; left:0; bottom:10px; opacity:.3; z-index:1; overflow:hidden;}
.py12 .box .tabox .wen .t02{ font-size:14px; line-height:24px; word-break:break-all;}
.py12 .box .tabox .wen::-webkit-scrollbar{ width:5px; height:1px;}
.py12 .box .tabox .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#5476fe;}
.py12 .box .tabox .wen::-webkit-scrollbar-track{ border-radius:10px;}
.py12 .box .tabox .tu{ width:800px; float:right; height:480px; background-color:#fff;}
.py12 .box .tabox .tu img{ width:100%; display:block;}

/*ui/ue*/
.ui01.java01 ul li:last-child p b{ font-size:42px;}

.ui02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ui02 .box{ width:1200px; box-sizing:border-box; padding:30px; background:#fbfbfb; background-image:url(../images/ui02bg.png); background-position:center; border:2px solid #ffffff; border-radius:20px; margin:25px auto 0; position:relative; display:flex; align-items:center;}
.ui02 .box .left{ width:calc(100% - 800px); float:left; margin-right:50px;}
.ui02 .box .left .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.ui02 .box .left .t02{ font-size:16px; line-height:26px; margin-top:10px;}
.ui02 .box .right{ width:750px; float:right;}
.ui02 .box .right img{ width:100%; display:block; margin:auto;}

.ui03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ui03 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.ui03 .box ul{ width:100%; display:flex; flex-wrap:wrap;}
.ui03 .box ul li{ display:block; width:380px; padding:10px; box-sizing:border-box; background-color:#e7efff; margin-top:30px; margin-left:30px;}
.ui03 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ui03 .box ul li .t01{ width:80px; height:2px; background:linear-gradient(to right,#5476fe,#3399ff); margin-top:10px;}
.ui03 .box ul li .t02{ font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.ui03 .box ul li .t03{ width:100%; padding:20px; min-height:92px; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:15px;}
.ui03 .box ul li .t03 p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#fff;}
.ui03 .box ul li .t03 p b{ width:6px; height:6px; display:block; border-radius:100px; margin:10px; margin-left:0; float:left; background-color:#fff;}

.ui04{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ui04 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.ui04 .box .swiper-slide{ width:285px; overflow:hidden; height:auto;}
.ui04 .box .swiper-slide a{ width:calc(100% - 5px); margin-left:5px; display:block; padding-top:60px; padding-bottom:25px; box-sizing:border-box; height:100%; background-color:#fff; position:relative;}
.ui04 .box .swiper-slide .k01{ position:absolute; left:20px; top:20px; font-size:60px; line-height:68px; height:68px; font-weight:bold; color:#5476fe; opacity:.3; z-index:1;}
.ui04 .box .swiper-slide .k02{ position:relative; z-index:3; width:calc(100% - 15px); margin-left:-5px; height:40px; padding-bottom:5px; background-image:url(../images/kc02_05.png); background-position:top left; background-repeat:no-repeat; font-size:18px; line-height:40px; text-indent:20px; color:#fff; font-weight:bold;}
.ui04 .box .swiper-slide .k03{ padding:0 20px; display:block; padding-top:5px;}
.ui04 .box .swiper-slide .k03 dt{ font-size:16px; line-height:24px; margin-top:10px; padding:5px 10px; box-sizing:border-box; display:block; background-color:#e7efff; overflow:hidden;}
.ui04 .box .swiper-slide .k03 dt b{ width:24px; height:24px; display:block; background-color:#fff; overflow:hidden; border-radius:100%; background-image:url(../images/kc29.png); background-position:center; background-repeat:no-repeat; float:left; margin-right:10px;}

.ui04 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.ui04 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:0 5px;}
.ui04 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#5476fe,#3399ff);}

.ui06{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ui06 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.ui06 .mtitle{ position:relative; z-index:3;}
.ui06 .mtitle .t01 p{ color:#fff;}
.ui06 .mtitle .t02{ color:#fff;}
.ui06 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.ui06 .box ul{ width:100%; display:flex; overflow:hidden;}
.ui06 .box ul li{ width:20%; padding:30px 15px; position:relative; display:block; overflow:hidden; border-left:1px solid #fff; box-sizing:border-box;}
.ui06 .box ul li:nth-child(5n+1){ clear:left; float:left;}
.ui06 .box ul li .k01{ width:4px; height:50px; position:absolute; left:0; top:30px; background-color:#dc0000; display:none;}
.ui06 .box ul li .k02{ height:60px;}
.ui06 .box ul li .k02 img{ display:block; height:60px;}
.ui06 .box ul li .k02 img.img02{ display:none;}
.ui06 .box ul li .k03{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px; color:#fff;}
.ui06 .box ul li .k04{ font-size:14px; line-height:22px; text-transform:uppercase; margin-top:5px; color:#ccc;}
.ui06 .box ul li .k05{ font-size:14px; line-height:24px; margin-top:7px; color:#fff;}
.ui06 .box ul li .k06{ margin-top:15px; height:30px; width:30px; background-image:url(../images/kc17.png); background-position:center; background-repeat:no-repeat;}
.ui06 .box ul li:hover{ background-color:#fff;}
.ui06 .box ul li:hover .k01{ display:block;}
.ui06 .box ul li:hover .k02 img.img01{ display:none;}
.ui06 .box ul li:hover .k02 img.img02{ display:block;}
.ui06 .box ul li:hover .k03{ color:#333;}
.ui06 .box ul li:hover .k04{ color:#999;}
.ui06 .box ul li:hover .k05{ color:#666;}
.ui06 .box ul li:hover .k06{ background-image:url(../images/kc17h.png);}

/*新媒体*/
.xm01{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.xm01 .box{ width:1200px; margin:auto; padding-top:10px; position:relative;}
.xm01 .box dl{ display:flex; overflow:hidden; margin-top:15px;}
.xm01 .box dl dt{ width:260px; display:flex; justify-content:center; align-items:center; padding:13px 20px; background-color:#333; color:#fff; overflow:hidden; line-height:26px; font-size:16px;}
.xm01 .box dl dd{ width:calc(100% - 360px); display:flex; align-items:center; padding:13px 30px; background-color:#5476fe; color:#fff; overflow:hidden; line-height:26px; font-size:14px;}

.xm02{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.xm02 .box{ width:1200px; margin:auto; margin-top:-5px; position:relative; z-index:2;}
.xm02 .box ul{ width:100%; display:flex; flex-wrap:wrap;}
.xm02 .box ul li{ display:block; width:380px; border:10px solid #e7efff; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:30px; margin-left:30px;}
.xm02 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.xm02 .box ul li .t03{ width:100%; padding:20px 30px; min-height:92px; box-sizing:border-box; background-color:rgba(84,118,254,.9);}
.xm02 .box ul li .t03 p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#fff; padding:5px 20px; margin:10px 0; background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0)); border-radius:50px;}
.xm02 .box ul li .t03 p b{ width:6px; height:6px; display:block; border-radius:100px; margin:10px; margin-left:0; float:left; background-color:#fff;}

.xm03{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.xm03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.xm03 .box .gallery-thumbs{ width:1190px; padding:0 5px; margin:auto; position:relative; z-index:1; overflow:hidden;}
.xm03 .box .gallery-thumbs .swiper-slide{ width:110px; height:110px; display:flex; align-items:center; cursor:pointer;}
.xm03 .box .gallery-thumbs .swiper-slide a{ width:80px; height:80px; display:flex; align-items:center; font-size:14px; line-height:1.2; justify-content:center; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); overflow:hidden; border-radius:100%; padding:15px; box-sizing:border-box; text-align:center; margin:auto;}
.xm03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ width:100px; height:100px; box-shadow:0 0 10px rgba(84,118,254,.9); font-size:16px; color:#5476fe;}
.xm03 .box .gallery-top{ width:100%; overflow:hidden; position:relative; z-index:1; margin-top:20px;}
.xm03 .box .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden;}
.xm03 .box .gallery-top .swiper-slide img{ width:1000px; display:block; margin:auto;}
.xm03 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-20px; z-index:9; width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#e7efff; border-radius:100%;}
.xm03 .box .swiper-button-prev{ left:30px; background-image:url(../images/left01.png);}
.xm03 .box .swiper-button-next{ right:30px; background-image:url(../images/right01.png);}
.xm03 .box .swiper-button-prev:hover{ background-image:url(../images/left02.png);}
.xm03 .box .swiper-button-next:hover{ background-image:url(../images/right02.png);}

/*UI新*/
.ui07{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ui07 .box{ width:1200px; margin:auto; margin-top:5px; position:relative; z-index:2;}
.ui07 .box ul{ width:100%; display:block;}
.ui07 .box ul li{ display:block; width:285px; margin-top:20px; margin-left:20px; overflow:hidden; float:left; padding:10px; background-color:#fff; box-sizing:border-box; border-radius:10px; position:relative;}
.ui07 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ui07 .box ul li strong{ width:265px; height:205px; display:block; overflow:hidden;}
.ui07 .box ul li strong img{ width:100%; display:block;}
.ui07 .box ul li p{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; font-size:16px; padding:0 20px; border-top-right-radius:20px; background-color:#fff; overflow:hidden;}

.ui08{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ui08 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:2;}
.ui08 .box .left{ width:570px; float:left;}
.ui08 .box .right{ width:600px; float:right;}
.ui08 .box img{ width:100%; display:block;}

.ui09{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#e7efff;}
.ui09 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; min-height:460px; display:flex; align-items:center;}
.ui09 .box .tu{ width:100%; position:absolute; top:0; left:0; z-index:1;}
.ui09 .box .tu img{ display:block; margin:auto;}
.ui09 .box ul{ width:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.ui09 .box .item{ display:block; float:left; width:300px; background-repeat:no-repeat; margin:30px 0;}
.ui09 .box .item:nth-child(2n+1){ clear:both; float:left; padding-right:40px; text-align:right; background-image:url(../images/kc211_03.png); background-position:top right;}
.ui09 .box .item:nth-child(2n){ float:right; padding-left:40px; background-image:url(../images/kc212_05.png); background-position:top left;}
.ui09 .box .item .t01{ display:block; font-size:18px; line-height:30px; height:30px; font-weight:bold;}
.ui09 .box .item .t02{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
.ui09 .box .item:nth-child(1){ margin-left:40px;}
.ui09 .box .item:nth-child(2){ margin-right:40px;}
.ui09 .box .item:nth-child(5){ margin-left:40px;}
.ui09 .box .item:nth-child(6){ margin-right:40px;}

.ui10{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.ui10 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; min-height:460px; display:flex; align-items:center;}
.ui10 .box .tu{ width:100%; position:absolute; top:0; left:0; z-index:1;}
.ui10 .box .tu img{ display:block; margin:auto;}
.ui10 .box ul{ width:100%; display:block; overflow:hidden; position:relative; z-index:3; margin-top:-40px;}
.ui10 .box ul li{ display:block; float:left; width:330px; position:relative; height:210px; margin-top:40px;}
.ui10 .box ul li:nth-child(2n+1){ clear:both; float:left; padding-left:10px;}
.ui10 .box ul li:nth-child(2n){ float:right; padding-right:10px;}
.ui10 .box ul li .t01{ padding-top:15px; width:220px; height:195px; background-color:#5476fe; border-radius:10px; position:absolute; left:0; top:0; z-index:1; font-size:18px; line-height:30px; font-weight:bold; color:#fff;}
.ui10 .box ul li:nth-child(2n) .t01{ text-align:right; left:auto; right:0;}
.ui10 .box ul li .t01 b{ width:6px; height:6px; margin:12px 10px; background-color:#fff; overflow:hidden; display:block; border-radius:100%;}
.ui10 .box ul li:nth-child(2n+1) .t01 b{ margin-left:20px; float:left;}
.ui10 .box ul li:nth-child(2n) .t01 b{ margin-right:20px; float:right;}
.ui10 .box ul li .t02{ padding:10px; box-sizing:border-box; width:100%; height:150px; background-color:#e7efff; border-radius:10px; position:relative; z-index:3; margin-top:50px; display:flex; align-items:center; justify-content:space-between;}
.ui10 .box ul li:nth-child(2n+1) .t02{ flex-direction:row-reverse;}
.ui10 .box ul li .t02 strong{ width:120px; height:130px; display:block; display:block; border-radius:10px; overflow:hidden;}
.ui10 .box ul li .t02 strong img{ display:block; width:100%;}
.ui10 .box ul li .t02 p{ width:calc(100% - 130px); display:block; font-size:14px; line-height:24px; overflow:hidden;}

.ui11{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ui11 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.ui11 .mtitle{ position:relative; z-index:3;}
.ui11 .mtitle .t01 p{ color:#fff;}
.ui11 .mtitle .t02{ color:#fff;}
.ui11 .box{ width:1200px; margin:auto; margin-top:15px; position:relative; z-index:2;}
.ui11 .box ul{ width:100%; display:block; overflow:hidden; position:relative; z-index:3;}
.ui11 .box ul li{ display:block; width:110px; margin:0 5px; float:left; margin-top:10px; border-radius:10px; overflow:hidden;}
.ui11 .box ul li img{ width:100%; display:block;}

.ui12{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.ui12 .bg{ width:100%; height:100%; background:linear-gradient(to right,#5476fe,#3399ff); opacity:.9; position:absolute; left:0; top:0; z-index:1;}
.ui12 .mtitle{ position:relative; z-index:3;}
.ui12 .mtitle .t01 p{ color:#fff;}
.ui12 .mtitle .t02{ color:#fff;}
.ui12 .tab_menu{ display:block; margin:25px auto; width:1200px; display:flex; justify-content:center; flex-wrap:wrap; position:relative; z-index:3;}
.ui12 .tab_menu li{ margin:0 10px; margin-top:10px; width:276px; height:46px; position:relative; border:2px solid #fff; border-radius:30px;}
.ui12 .tab_menu li span{ display:none;}
.ui12 .tab_menu li p{ width:100%; height:46px; color:#fff; text-align:center; font-size:18px; line-height:46px;}
.ui12 .tab_menu li.act{ margin-top:0; width:280px; height:60px; background:url('../images/p10-li-act.png') no-repeat center; background-size:280px 60px; border-radius:none; border:none;}
.ui12 .tab_menu li.act span{ top:8px; left:7px; width:46px; font-weight:bold; text-align:center; font-size:24px; color:#fff; line-height:46px; display:block; position:absolute;}
.ui12 .tab_menu li.act p{ margin-top:10px; width:100%; height:50px; text-indent:85px; color:#fff; text-align:left; font-size:17px; line-height:50px;}
.ui12 .tabox{ width:1200px; margin:auto; margin-top:50px; position:relative; z-index:2;}
.ui12 .box{ width:100%; display:none;}
/*.ui12 .box ul{ width:100%; display:block;}
.ui12 .box ul li{ display:block; width:285px; margin-top:20px; margin-left:20px; overflow:hidden; float:left; border-radius:10px;}
.ui12 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}*/
.ui12 .box img{ width:100%; display:block;}