@charset "utf-8";

@font-face {
    font-family: 'MiSans Latin Normal';
    src:  url('../fonts/MiSansLatin-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* frame */
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;background: transparent;}
.clear{clear: both;}
#content{overflow: hidden; zoom: 1;width: 100%;}
.row{width: 1400px; margin: auto; position: relative;}

.rowTi {text-align:center;margin-bottom:30px;padding:10px;height: 40px;line-height: 40px;}
.rowTi h2 { font-size:40px; font-weight:bold; color:#0E49A8; }
.rowTi h2:before { content:""; width:39px; height:23px; background:url(../img/rowtileftarr.png) no-repeat; display:inline-block; margin-right:20px;}
.rowTi h2:after { content:""; width:39px; height:23px; background:url(../img/rowtirightarr.png) no-repeat; display:inline-block; margin-left:20px;}

#products_atlas {background:url(../img/atlasbg.png) no-repeat center -40px;padding-top:188px;margin-bottom: 40px;}
#products_atlas .row {background:#fff;border-radius:20px;padding: 30px 30px;width:1340px;}

.atlasBox .hd { position:relative; float:left;margin-right:20px;overflow:hidden;}
.atlasBox .hd a { display:block; overflow:hidden;width:145px;height:360px; display:flex;flex-direction: column;justify-content: center;transition: all 0.5s;background: #2165D0;background:linear-gradient(to bottom, #20AEFB, #1667F0);border-radius:5px;    background: url(../img/linkico.png) no-repeat 90% 5%;}
.atlasBox .hd a:hover{filter:brightness(120%)}
.atlasBox .hd a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.atlasBox .hd a:hover:after { left: 150%; transition: left 1s ease 0s; }

.atlasBox .hd i {display:block;height:60px;background :url(../img/atlasico1.png) no-repeat center;width: 100%;}
.atlasBox .hd h4 { font-size:18px; font-weight:bold; color:#fff; padding:0 20px; text-align:center; margin-top:10px;}
.atlasBox dl {background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox .dl3 { margin:0;}
.atlasBox dt {float:left; height:36px; width:50px; margin-right:20px; padding:20px 10px; background:#2165D0; border-radius:5px; display:flex;flex-direction: column;justify-content: center; color:#fff; font-size:14px; font-weight:bold; line-height:18px; text-align:center;}
.atlasBox dd {overflow:hidden;position:relative;margin: -5px 0;}
.atlasBox ul {position:relative;display:flex;flex-wrap: wrap;justify-content: flex-start;margin-right: -0.7%;min-height: 76px;align-content: center;}
.atlasBox ul li {height:36px;line-height:36px;margin: 5px 10px 5px 0;background:#fff;border-radius:5px;text-align:center;width: 19.3%;margin-right: 0.7%;font-size: 15px;color: #333; overflow:hidden;}
.atlasBox .dl1 dt { height:88px; width:30px; padding:20px;}
.atlasBox ul li a {display:block;background:url(../img/linkico.png) no-repeat 95%;padding:0 8%;height: 100%;}
.atlasBox ul li a:hover { background-color:#2165D0; color:#fff;}

.atlasLink { margin:20px 0; height:80px;}
.atlasLink a { display: block; position: relative; transition: all 500ms ease 0s; overflow: hidden; }
.atlasLink a:hover { filter:brightness(120%)}
.atlasLink a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.atlasLink a:hover:after { left: 150%; transition: left 1.5s ease 0s; }
.atlasLink .powerMonitor {height:80px;line-height:80px;text-align:center;float:right;width:583px;background:#5842DF;background:linear-gradient( 100deg, #8175E9, #5842DF);border-radius:5px;font-size:18px;font-weight:bold;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerMonitor i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico3.png) no-repeat center; vertical-align:middle;}
.atlasLink .powerSSO {height:80px;line-height:80px;text-align:center;float:left;width:727px;background:#0193BF;background:linear-gradient( 100deg, #37C3E2, #0193BF);border-radius:5px;font-size:18px;font-weight:bold;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerSSO i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico2.png) no-repeat center; vertical-align:middle;}

.atlasBox.hyywxt .hd { height:286px;background:#0B9B90;background:linear-gradient(to bottom, #14BAA7, #04827D);}
.atlasBox.hyywxt .hd i {background :url(../img/atlasico4.png) no-repeat center;}
.atlasBox.hyywxt .bd { background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox.hyywxt ul { margin:-5px -10px -5px 0;}
.atlasBox.hyywxt ul li { width:24.3%}
.atlasBox.hyywxt ul li a { background-position:96%;}
.atlasBox.hyywxt ul li a:hover { background-color:#0B9B90; color:#fff;}

.tips { text-align:center; font-size:14px; color:#333; line-height:60px; font-size:20px; color:#666; color:#0e49a8; font-weight:bold;}

#translate{padding: 30px 0 0;margin-bottom: -10px;}
.translate_ul { padding-top:50px;display:flex;flex-wrap: wrap;justify-content: space-between; margin:0 -50px;}
.translate_ul li{float: left; width: 200px; margin:0 50px;line-height:24px; font-size:15px; text-align:center;}
.translate_ul li img { display:block; }
.translate_ul li p { height:118px;padding:7px 0; color:#666}
#translate .tips2 { text-align:center;  margin-top:-60px; color:#777; font-size:14px; margin-bottom:70px;}
#translate .tips2 a { text-decoration:underline}

#products_introduce{padding: 0 0 150px;background-color: #fff;    position: relative;}
#products_introduce .text-box {padding: 50px; background-color: #F9F9F9; border-radius: 50px 0;}
#products_introduce .text-box p {font-weight: 400; font-size: 16px; line-height: 40px; color: #666; text-indent: 2em; text-align: justify;}
#products_introduce .p1{font-weight: 900; font-size: 50px; line-height: 64px; text-align: center; background: linear-gradient(180deg, #216EAE 0%, #1F4686 65.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; position: relative; padding-bottom: 20px; margin-bottom: 44px;}
#products_introduce .p1 span{padding-bottom: 20px;}
#products_introduce .p1 .line{border-bottom: 1px solid #CACACA; width: 400px; margin: auto; position: absolute; left: 0; right: 0; bottom: -2px; display: block;}
#products_introduce .p1 em{display: block; width: 60px; height: 5px; background: #2D67A5; border-radius: 5px; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto;}
.introduce_ul { margin-right:-80px;}
.introduce_ul li{float: left;width: 660px;height: 260px;margin: 60px 80px 0 0;position: relative; transition:all .5s!important;}
.introduce_ul li.animated { /*animation-fill-mode:none;-webkit-animation-fill-mode:none*/ } 
.introduce_ul li:hover{ z-index: 10;}
.introduce_ul li:hover .introduce_msg { height: 450px; position: relative;}
.introduce_ul li:hover .introduce_msg .intro { -webkit-line-clamp:10;    }
.introduce_ul li:hover { /*transform:translateY(-10px)!important;*/}
.introduce_ul li .introduce_msg{height:272px;overflow: hidden;transition: all 0.5s;}
.introduce_ul li .introduce_msg .title { position:absolute; top:0; left:8px;box-shadow: -8px 8px 0 rgb(30 64 117 / 10%);border-radius: 0 0 0 30px;background: url(../img/tibg_zf.png) center no-repeat 0 0;}
.introduce_ul li .introduce_msg .title p{ width:256px;padding-left:24px; height:58px;padding-bottom:34px;line-height:58px;transition: all 0.5s;opacity: 1;border-radius: 0 0 0 30px;}
.introduce_ul li .introduce_msg .title i {  }
.introduce_ul .li1 .introduce_msg .title {background: url(../img/tibg_zf.png) center no-repeat;}
.introduce_ul .li2 .introduce_msg .title {background: url(../img/tibg_jy.png) center no-repeat;}
.introduce_ul .li3 .introduce_msg .title {background: url(../img/tibg_gx.png) center no-repeat;}
.introduce_ul .li4 .introduce_msg .title {background: url(../img/tibg_yy.png) center no-repeat;}
.introduce_ul .li5 .introduce_msg .title {background: url(../img/tibg_nw.png) center no-repeat;}
.introduce_ul .li6 .introduce_msg .title {background: url(../img/tibg_qj.png) center no-repeat;}
.introduce_ul .li7 .introduce_msg .title {background: url(../img/tibg_qy.png) center no-repeat;}
.introduce_ul .li8 .introduce_msg .title {background: url(../img/tibg_dq.png) center no-repeat;}
.introduce_ul li .introduce_msg .title p { font-weight: 700; font-size: 20px; line-height: 58px; color:#fff; }
.introduce_ul li .introduce_msg .title p:after { position:absolute; top:23px; content:""; left:45%; width:40px; height:10px; background:url(../img/arr.png) no-repeat; opacity:.5; transition:all.5s;}
.introduce_ul li .introduce_msg .intro {position:relative;margin:58px 20px 0 32px;z-index:9;text-indent: 2em;font-weight: 400;font-size: 16px;line-height: 30px;min-height: 180px;padding:20px;background:#fff;box-shadow:0px -15px 30px rgb(0 0 0 / 5%);;color:#666;border-radius: 5px;transition:all .5s;     overflow: hidden;   display: -webkit-box; /*  -webkit-line-clamp: 6; */   -webkit-box-orient: vertical;   text-overflow: ellipsis;}
.introduce_ul li .introduce_msg .intro p{padding: 0 15px 20px;}

.introduce_ul .li2 .introduce_msg .title p:after ,
.introduce_ul .li8 .introduce_msg .title p:after ,
.introduce_ul .li5 .introduce_msg .title p:after { left:60% }
.introduce_ul .li6 .introduce_msg .title p:after { left:55% }
.introduce_ul li:hover .introduce_msg{ }
.introduce_ul li:hover .introduce_msg:hover .title p:after {position:absolute;left:75%;margin:0;opacity: 1;}
.introduce_ul li:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li2:hover .introduce_msg:hover .title p{ background:rgb(30 64 117 / 70%); }
.introduce_ul .li3:hover .introduce_msg:hover .title p{ background:rgb(22 47 84 / 50%); }
.introduce_ul .li4:hover .introduce_msg:hover .title p{ background:rgb(0 99 121 / 70%); }
.introduce_ul .li5:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li6:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li7:hover .introduce_msg:hover .title p{ background:rgb(22 47 84 / 50%); }
.introduce_ul .li8:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul li:hover .introduce_msg .intro { color: #333;  box-shadow: 0 5px 20px rgb(0 0 0 / 20%);}

 
.introduce_ul li img {  }

.apply_link{text-align:center;position: absolute;left: 0;right: 0;bottom: 30px;}
.apply_link a{font-size:18px;color: #005DD8;border: #d4d4d4 solid 1px;display: inline-block;/* background: #f0f0f0; */padding: 10px 30px;border-radius: 30px;transition: 0.5s;}
.apply_link a:hover{background:#0E49A8; color:#fff; font-weight:bold;}


#course{ padding: 48px 0;}
#course .rowTi { margin-bottom:60px;}
#course .text-box{padding:50px;background-color: #F9F9F9;margin-bottom: 30px;border-radius:50px 0;}
#course .text-box p{ font-weight: 400; font-size: 16px; line-height: 40px; color: #666; text-indent: 2em; text-align: justify;}
.course_box { background:url(../img/historybg.jpg) no-repeat; overflow:hidden; }
.course_ul{ width:1px;height: auto;padding: 10px 0;margin: auto;position: relative;}
.course_ul li{position: relative;width: 622px;}
.course_ul li .icon{position: absolute;height: 13px;width: 73px;}
.course_ul li .icon i{position: absolute;display: block;width: 13px;height: 13px;background-color: #517BB6;border-radius: 50%;display: none;}
.course_ul li .icon em{ position: absolute;display: block;width: 60px;height: 1px; border-bottom: #fff 1px dashed;opacity: 0.3;}
.course_ul li .msg-box .time{font-weight: 700;font-size: 16px;line-height: 24px;color: #fff; font-family: 'MiSans Latin Normal';}
.course_ul li .msg-box .text{font-weight: 400;font-size: 14px;line-height: 24px;color: #fff;opacity: 0.8;}
.course_ul li .msg-box .text_right{text-align: right;}
.course_ul li .msg-box .text_left{text-align: justify;}
.course_ul .course_left .icon{right: 0; top: 5px;}
.course_ul .course_left .icon i{right: 0;}
.course_ul .course_left .icon em{top: 6px; left: 0;}
.course_ul .course_left .msg-box{text-align: right;padding-right: 90px;}
.course_ul .course_left{left: -611px;width: 605px;}
.course_ul .course_right .icon{left: 0; top: 5px;}
.course_ul .course_right .icon i{left: 0;}
.course_ul .course_right .icon em{top: 6px;left: 14px;}
.course_ul .course_right .msg-box{text-align: left;padding-left: 90px;}
.course_ul .course_right{left: 7px;}
.course_ul li:hover .icon i,.course_ul li:hover .icon em{}
.course_ul li:hover .msg-box .time{}

.course_ul.future {height: 58px;padding: 146px 0;}
.course_ul.future .course_right .icon {top:6px;}
.course_ul.future li .msg-box .text { font-size:16px; font-weight:bold; color:#546785;}
.course_ul.future li .msg-box .time{ display:none; }
.course_ul.future li .icon em{border-bottom: #c3c3c3 1px dashed;opacity: 1;}
.course_ul.life {padding:30px 0;height: 644px;}
.course_ul.life li{ margin-top:-5px;}

.course_ul.prelife {padding: 60px 0 64px;}
.course_ul.prelife li .msg-box .text { color:#546785;}
.course_ul.prelife li .msg-box .time{ color:#0E49A8;}
.course_ul.prelife li .icon em{border-bottom: #c3c3c3 1px dashed;opacity: 1;}
.course_ul.prelife li{ margin-top:-15px;}

.lxss{padding: 30px 0;text-align: center;clear: both;}
.lxss a{width: 200px;height: 60px;border-radius: 30px;display: inline-block;margin: 0 10px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;font-weight: 700;background: url(../img/lx-icon.png) 36px 50% no-repeat #007fc6;text-indent: 50px;}
.lxss a.sq{background: url(../img/tymk-icon.png) 25px 50% no-repeat #007fc6;background-size: 14%;text-indent: 40px;}
.lxss a:hover{text-decoration:underline;}

@media only screen and (max-width: 1400px){}