/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*css comment*/
*,*:before,*:after{
margin:0;
padding:0;
outline:none;
list-style:none;
text-decoration:none;
blr:expression(this.onFocus=this.blur());
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body,html {
color:#666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #fff;
overflow-x: hidden;
font-family:arial, "微软雅黑", Microsoft YaHei;
font-size: 14px;
line-height:1.72;
text-align:justify;
}
img {
border:none;
display:inline-block;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
_width:auto;
}
button, input, textarea ,select{
border:none;
background:none;
font-size:14px;
vertical-align:middle;
color:#333;
font-family:arial, "微软雅黑", Microsoft YaHei;
}
select {
border:inherit;
background: inherit;
}
a {
text-decoration:none;
blr:expression(this.onFocus=this.blur());
outline: none;
color:#333;
}
a:hover,a:active,a:focus {
text-decoration:none;
}
em, i {
font-style:normal;
}
a:focus, input, select {
outline:none;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
content:"\200B";
display: block;
clear: both;
height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
-webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
opacity: 0.90;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.3; font-family:arial, "微软雅黑", Microsoft YaHei;}
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;}
/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:0; left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#666;color:#fff;text-align:center}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
/*owl-theme*/
.owl-carousel .owl-nav a{ display:inline-block; vertical-align: middle;}
.owl-carousel .owl-nav a span{ display:block; width:100%; height: 100%; text-align: center;}
.owl-carousel .owl-dots{ position:absolute; bottom:0; left:0; width:100%; text-align: center;}
.owl-carousel .owl-dots .owl-dot{ display:inline-block; vertical-align: middle; margin: 0 5px; width:10px; height: 10px; border:1px solid #fff; border-radius:50%; }
.owl-carousel .owl-dots .owl-dot.active{ background: #d93732; border-color:#d93732;}
.inner,
.slide .owl-dots{ width:1400px; margin: 0 auto;}
/*===================header========================*/
header{ position:absolute; top:0; left:0; z-index:1003; width:100%; padding:0 2%;box-sizing:border-box;}
.header_warp{ max-width:1700px; margin:0 auto;}
.logo{ float:left; position:relative; top:35px;}
.logo img{ display:block; }
.nav_wrap{ float: right; position:relative; top:56px;}
.nav{ float:right; margin:0 -15px; padding-right: 20px;}
.nav li.li_item0{ float:left; padding-bottom: 25px;}
.nav li.li_item0 a.a_item0{ display:block; position:relative; color: #fff; text-transform:uppercase; text-align:center; border-radius:15px; line-height:30px; padding: 0 15px;}
.nav li.li_item0 a.a_item0:before{ content:""; position:absolute; bottom:-25px; left:0; width:100%; height:13px; background:url(../image/ico_01.png) center 13px no-repeat;}
.down_menu { width: 100%; position: absolute; top:95%; left:0; color:#fff; height: 0; overflow: hidden; opacity:0;}
.down_menu_block{ /*width:100%; *//*max-width: 980px; float: right;*/ background: #d93732; border-radius:5px; padding:3%;}
/*tel_400*/
.tel_400{ overflow:hidden; line-height: 44px; margin-top:10px;}
.tel_400 img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.tel_phone{ float:right; color: #fff; font-size: 16px; line-height:30px; padding-left:20px; position:relative;}
.tel_phone:before{ content:""; position:absolute; top:50%; left:0; width:1px; height: 15px; margin-top: -7px; background: rgba(255,255,255,.20);}
.tel_phone img{ width:18px; height: 18px; display:inline-block; vertical-align:middle; margin-right:7px;}
/*nav_class*/
/*.nav_class{ float: left; width:65%;padding-right:2%;border-right:1px solid rgba(255,255,255,.50); position: relative; margin-right: 4%;}*/
.nav_class a.a_item1{ display:block; color:#fff; opacity: 0.80; position: relative; padding-left: 18px; margin-bottom:10px; float:left;width:29%; line-height: 24px;}
.nav_class a.a_item1:before{ content:""; position:absolute; top:50%; left:0; width:10px; height: 10px; margin-top:-5px; background: url(../image/ico_03.png) no-repeat; opacity:0.60;}
.nav_class a.a_item1:after{ content: ""; position: absolute; bottom: -100%; left: 50%; width: 10px; height: 10px; background: url(../image/ico_nav01.png) center -10px no-repeat; margin-bottom: 4px; margin-left: -23px;}
.nav_class a.a_item1:hover, .nav_class a.a_item1:hover:before{ opacity:1;}
.third_level{ width:100%; clear:both; border-top:1px solid rgba(255,255,255,.40); padding: 15px 0; display:none;}
.third_level a{ display:block; position:relative; float: left; font-size: 13px; line-height: 24px; color:#a1f9ff; padding-left:18px; margin-right:3%;}
.third_level a:before{ content:""; position:absolute; top:50%; left:0; width:0; height:1px; background: #fff;}
.third_level a:hover{ color:#fff;}
.third_level a:hover:before{ width:12px;}
.nav_class a.has_third.active{ opacity:1;}
.nav_class a.has_third.active:after{ background-position:center bottom;}
.nav li.li_item0.nav_li02 .down_menu .nav_class a.a_item1,
.nav li.li_item0.nav_li09 .down_menu .nav_class a.a_item1{ width:33.33%;}
.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1{ width:22.5%;}
.nav li.li_item0.nav_li04 .down_menu .nav_class a.a_item1:nth-child(4){ width:32.5%;}
.nav li.li_item0:hover .down_menu{ top:100%; height: auto; opacity: 1;}
.nav li.li_item0:hover a.a_item0,
.nav li.li_item0.on a.a_item0{ background: #d93732;}
.nav li.li_item0:hover a.a_item0:before{ background-position:center top;}
/*menu_ico*/
.menu_ico{ cursor: pointer; display: none; width:30px; height:24px; position: absolute; top:15px; right:15px;}
.menu_ico i{ display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; top:0;}
.menu_ico i:nth-of-type(2){ top:10px;}
.menu_ico i:nth-of-type(3){ top:20px;}
.menu_active i{ background-color: #fff;}
.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top: 10px;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}
/*============================footer=======================*/
footer{ position:relative; padding-top: 110px; }
.waveWrapper { overflow: hidden; height:110px; width:100%; position:absolute; top:0; left:0; z-index: 0;}
.waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height: 100%; bottom: -1px; /* background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/}
.bgTop { z-index:10; opacity:0.20; }
.bgMiddle {z-index:15; opacity: 1; }
.wave {position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveTop { background-size:100% 87px; }
.waveAnimation .waveTop {
-webkit-animation: move_wave 4s infinite linear alternate;
animation: move_wave 4s infinite linear alternate;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.waveMiddle { background-size: 100% 107px;}
.waveAnimation .waveMiddle {
-webkit-animation: move_wave 8s infinite linear alternate;
animation: move_wave 8s infinite linear alternate;
}
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-20%) translateZ(0) scaleY(0.50)
}
100% {
transform: translateX(-40%) translateZ(0) scaleY(1)
}
}
.footer_top{ background:url(../image/footer_01.jpg) center top no-repeat; background-size:cover; padding-bottom:3%; color: #fff;}
/*footer_l*/
.footer_l{ width:24%; float: left; }
.footer_logo{ display:block; margin-bottom:15px;}
/*shared*/
.shared{ margin:-7px;}
.shared li{ float:left;}
.shared li a{ display:block; padding:7px;}
.shared li a img{ display:block; transition: transform 12s cubic-bezier(.23, 1, .32, 1); transform: scale(1); opacity: .60;}
.shared li:hover a img{ opacity:1; transform: scale(1.1);}
/*bdshare-button-style*/
.bd_weixin_popup{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.footer_l .bdshare-button-style1-16{ }
.footer_l .bdshare-button-style1-16 a{ float:none; display:inline-block; vertical-align:middle; width:30px; height: 30px; line-height:30px; position:relative; padding:0; margin:0 10px 0 0; background-position: center center; opacity:.80;}
.footer_l .bdshare-button-style1-16 a:hover{ opacity:1;}
.footer_l .bdshare-button-style1-16 a.bds_sqq{ background-image:url(../image/shared_ico01.png);}
.footer_l .bdshare-button-style1-16 a.bds_weixin{ background-image:url(../image/shared_ico02.png);}
.footer_l .bdshare-button-style1-16 a.bds_tsina{ background-image:url(../image/shared_ico03.png);}
/*hot_line*/
.hot_line{ margin-top:25px;}
.hot_line span{ display:block; position:relative; margin-top:10px; border:1px solid rgba(255,255,255,.50); line-height: 48px; max-width: 310px; padding-left: 85px; padding-right: 10px;}
.hot_line span:before{ content:""; position:absolute; top:0; left:0; width:55px; height: 100%; border-right:1px solid rgba(255,255,255,.50); background: url(../image/ico_08.png) center center no-repeat; background-size:24px;}
/*footer_m*/
.footer_m{ position:relative; width:44%; float: left; text-align:center; padding-top:60px; padding-left: 2%; padding-right:2%; margin:0 3%;}
.footer_m:before,
.footer_m:after{ content:""; position: absolute; top:30%; left:0; width:1px; height:60%; background:rgba(255,255,255,.30);}
.footer_m:after{ left:auto; right:0;}
.erweima_block{ display:inline-block; vertical-align:top; text-align:center; padding:0 5px;}
.erweima_img{ display:inline-block; padding:2px; border:1px solid rgba(255,255,255,.50);}
.erweima_img img{ display:block;}
.erweima_txt{ position:relative; padding-bottom:10px; margin-top:10px;}
.erweima_txt:before{ content:""; position:absolute; bottom: 0; left:50%; width:22px; height: 1px; background:#fff; margin-left:-11px;}
/*footer_r*/
.footer_r{ overflow:hidden; padding-top: 18px;}
.ask_box{ float:right; width:100%; max-width:400px; position: relative;}
.footer_item{ margin-bottom: 20px; text-align: left;}
.ask_form{ margin:-5px;}
.form_line{ width:100%; clear:both; padding:5px;}
.line_dif{ width:100%; float: left; clear:none;}
.form_txt{ display:block; width:100%; height:45px; line-height: 25px; padding:10px 0 10px 20px; background:rgba(255,255,255,.20); color:rgba(255,255,255,.80); transition: all 0.5s ease-in-out;}
.form_yu{ resize:none; height: 85px;}
.form_txt:focus,.form_txt:hover{ background:rgba(255,255,255,.10); color: #fff;}
.ask_submit{ cursor:pointer;position: absolute; top:0; right:0; color:#fff;}
.ask_submit:hover{ text-decoration:underline;}
.footer_bot{ line-height: 24px; padding:1% 0; background:#0e396e; color:rgba(255,255,255,.50); text-align: center;}
.footer_bot a{ color:rgba(255,255,255,.50);}
.footer_bot a:hover{ color: #fff; text-decoration:underline;}
.form_txt::-webkit-input-placeholder{ color:rgba(255,255,255,.80);}
.form_txt::-moz-placeholder{ color:rgba(255,255,255,.80);}
.form_txt:-moz-placeholder{ color:rgba(255,255,255,.80);}
.form_txt:-ms-input-placeholder{ color:rgba(255,255,255,.80); }
.form_txt:focus::-webkit-input-placeholder{ color:#fff;}
.form_txt:focus::-moz-placeholder{ color:#fff;}
.form_txt:focus:-moz-placeholder{ color:#fff;}
.form_txt:focus:-ms-input-placeholder{ color:#fff; }
/*==============tan_warp*/
.tan_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 4000; display:none;}
.tan_warp .table{ position:absolute; top:0; left:0; height: 100%;}
.tan_bg{ background: rgba(0,0,0,.80); position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.tan_closed{ display: block; position:absolute; top:0; right:0; z-index: 10; width:60px; line-height:60px; text-align: center; background:rgba(255,255,255,.60); font-size: 40px; color:#fff;}
.tan_closed:hover{ background-color:#c70019;}
.tan_box{ display:inline-block; position: relative; z-index: 2;}
/*notice_warp*/
#notice_warp{ text-align: center; color: #fff; font-size:16px;}
#notice_warp img{ display:block; margin: 0 auto 20px;}
/*===================main========================*/
main{ }
/*==============
focus_warp*/
.focus_warp{ width:100%;/* height: 870px;*/ overflow: hidden; position: relative; min-height:500px;}
.slide{ display:block;}
.slide,.slide .owl-stage-outer,.slide .owl-stage,.slide .owl-item,.slide li, .slide_item img.slide_img0{ width: 100%; height: 100%; overflow: hidden;}
.slide .owl-item .slide_item img.slide_img0{ display:block;}
.slide_item { position: relative; background-repeat:no-repeat; background-position: center center; background-size: cover;}
.slide .owl-nav{ }
.slide .owl-nav a{ width:35px; height:65px; position:absolute; top:50%; left:6%; margin-top: -32px; background:url(../image/arrow_01.png) left top no-repeat; opacity: .10;}
.slide .owl-nav a span{ font-size:0;}
.slide .owl-nav a.owl-prev:hover{ opacity:1; background-position:right top;}
.slide .owl-nav a.owl-next{ left:auto; right:6%; background-position:right bottom;}
.slide .owl-nav a.owl-next:hover{ opacity:1; background-position:left bottom;}
.slide-counter{ color: #d93732; position: absolute; left:0; width:100%; bottom:3%;}
.slide-counter i{ color:#fff; margin: 0 5px;}
.slide-counter em{ color:#fff;}
.slide .owl-dots{ text-align: right; left:50%; margin-left: -700px;}
.slide-counter, .slide .owl-dots{ margin-bottom: 45px;}
/*slide_01*/
.slide_text{ position:absolute; top:50%; margin-top: -12%; left:0; z-index: 1; width:100%;}
.slide01_text img{ width:52%; max-width:726px; position: relative; top:50px; opacity: 0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ie9 .slide01_text img{ top:0; opacity: 1;}
.slide .owl-item.active li.slide_item .slide01_text img{
animation: 2s .2s move01 both;
}
.move01{
animation: move01 1s forwards alternate;
-moz-animation: move01 1s forwards alternate;
-webkit-animation:move01 1s forwards alternate;
-o-animation:move01 1s forwards alternate;
}
@keyframes move01{
0% { top:50px; opacity: 0;}
100% { top:0; opacity: 1;}
}
@-moz-keyframes move01{
0% { top:50px; opacity: 0;}
100% { top:0; opacity: 1;}
}
@-webkit-keyframes move01{
0% { top:50px; opacity: 0;}
100% { top:0; opacity: 1;}
}
@-o-keyframes move01{
0% { top:50px; opacity: 0;}
100% { top:0; opacity: 1;}
}
@media only screen and (max-width: 1599px){
.inner,
.slide .owl-dots{ width:1200px;}
/*header*/
.nav li.li_item0 a.a_item0{ padding:0 8px;}
/*focus*/
/*.focus_warp{ height: 670px;}*/
.slide .owl-dots{ margin-left:-600px;}
.slide .owl-nav a.owl-prev{ left:2%;}
.slide .owl-nav a.owl-next{ right:2%;}
}
@media only screen and (max-width: 1279px){
.inner,
.slide .owl-dots{ width:100%; max-width: 1054px; padding-left:15px; padding-right:15px;box-sizing:border-box;}
.slide .owl-dots{ left:auto; margin-left: 0; right:0;}
/*header*/
header{ position:fixed; background: #000; height: 55px;}
.logo{ top:10px;}
.logo img{ height:35px; width:auto;}
.menu_ico{ display: block;}
.tel_phone{ display:block; float:none; padding-left: 0; margin-bottom:30px;}
.tel_phone:before{ display:none;}
.nav_wrap{background: #d93732; width: 100%; height:100%; height: -webkit-calc(100% - 55px);
height: calc(100% - 55px); position: fixed; top:55px; left: 0; padding:30px 15px; overflow-y: auto; display:none;}
.shared{ float:none; padding: 0; margin:20px -7px;}
.shared:before{ display:none;}
.nav{ float: none; margin:0; padding: 0; border-top: 1px solid rgba(255,255,255,0.15);}
.nav li.li_item0{ float: none; padding-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.15);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: returnToNormal;
animation-name: returnToNormal;
}
.nav li.li_item0 a.a_item0,
.nav li.li_item0:hover a.a_item0,
.nav li.li_item0.nav_cur a.a_item0{ padding: 10px; text-align:left; font-size:16px;}
.nav li.li_item0 a.a_item0:before{ display:none;}
@-webkit-keyframes returnToNormal {
from{
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes returnToNormal {
from{
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.down_menu, .nav li.li_item0:hover .down_menu{ position:relative; width:100%; left:auto; margin: 0;}
.down_menu_block{ max-width:none; float: none; padding: 10px;}
.down_menu .tel_400{ display:none;}
.nav_class{ width:100%; float: none; padding: 0; margin:0; border:none;}
.nav li.li_item0:nth-child(n) .down_menu .nav_class a.a_item1{ width:50%; margin-bottom:5px; font-size:14px;}
.third_level a{ width:50%; margin: 0;}
/*footer*/
.erweima_block{ width:112px;}
.erweima_txt{ margin-top:0;}
.line_dif{ width:100%;}
.form_txt{ height:35px; padding-top:5px; padding-bottom:5px;}
.form_yu{ height:85px;}
/*focus*/
main{ padding-top:55px;}
.focus_warp{ min-height:200px;}
}
@media only screen and (max-width: 991px){
footer{ padding-top: 40px;}
.waveWrapper, .footer_top{ display:none;}
.footer_l, .footer_m, .footer_r{ width:100%; float: none; text-align:center; padding: 0; margin:0;}
.footer_logo{ width:210px; margin-left:auto; margin-right:auto;}
.hot_line{ margin-top:0;}
.hot_line span{ line-height:38px; display:inline-block;}
.footer_m{ padding:30px 0;}
.footer_m:before, .footer_m:after{ display:none;}
.erweima_block{ width:92px;}
.ask_box{ float:none; margin:0 auto;}
.focus_warp{ min-height:0;}
}
/*================================================首页================================================*/
.index_sec{ }
/*bgImg*/
.bgImg{ width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all .5s ease-in-out;}
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; position:relative; box-sizing: border-box;}
.cell{ display:table-cell; vertical-align: middle;}
/*more01*/
.more01{overflow: hidden; display: inline-block; width: 172px; height: 45px; line-height: 41px; border-radius:23px; text-align: center; background-color: #d93732; border:2px solid #d93732; color: #fff;}
.more01 span{ display:inline-block; padding-right:30px; position:relative;}
.more01 span:before{ content:""; position: absolute; top:0; right:0; width:18px; height:100%; background:url(../image/ico_05.png) right center no-repeat;}
.more01:hover{ background:#fff; color:#d93732;}
.more01:hover span:before{ background-position:left center;}
/*more02*/
.more02{ display:block; width:132px; line-height:34px; border:1px solid rgba(255,255,255,.50); text-align:center; color: #fff;}
.more02 span{ display:inline-block; padding-right: 15px; position: relative;}
.more02 span:before{ content:""; position: absolute; top:50%; margin-top:-6px; right:0; width:11px; height:11px; background:url(../image/ico_06.png) right top no-repeat; background-size:22px;}
.more02:hover span:before{ background-position:left top;}
/*more03*/
.more03{ display:block; width:104px; line-height: 30px; border:1px solid #fff; border-radius:5px; text-align:center;}
.more03 span{ display:inline-block; padding-right: 15px; position: relative; }
.more03 span:before{ content:""; position: absolute; top:50%; right:0; margin-top: -4px; width:8px; height:8px; background:url(../image/ico_06.png) right top no-repeat; background-size:16px;}
.more03:hover span:before{ background-position:left top;}
/*==================sec_about*/
.sec_about{ }
/*major_load*/
.major_load{ width:50%; max-width: 700px; margin-top: -45px;}
.major_load li{ width:50%; height: 160px; overflow: hidden; float: left; position:relative; text-align: center; background:#000;}
.major_load li a{ display:block; width:100%; height: 100%; background:#043477; color:#fff;}
.major_load li .bgImg{ position:absolute; top:0; left:0; opacity:.25;}
.load_tit{ position:relative; z-index: 1; display:inline-block; padding-right:25px; background:url(../image/ico_04.png) right center no-repeat; background-size:12px;}
.load_tit img{ display:inline-block; vertical-align: middle; margin-right:10px;}
.major_load li:hover a{ opacity: .96;}
/*sec_top*/
.sec_top{/* height:80px; */ position:relative; margin-bottom: 30px;}
.sec_top .more01{ float:right; margin-top:1.5%;}
.title01{ float:left;}
.title01 a{ display:block; color:#000;}
.title01 a em{ display:block; position:relative;}
.title01 a em:before{ content:""; position: absolute; top:50%; left:-40px; width:24px; height: 1px; background:#b2b2b2;}
.title01_style2 a{ color:#fff;}
.title01_style2 a em:before{ background-color:#fff;}
/*about_warp*/
.about_warp{ color: #333; height:636px;position: relative}
.about_info{ width:39%; float: left; padding-top:100px;}
.about_item{ margin-bottom: 10px;}
.about_des{ line-height: 24px; max-height:168px; overflow: hidden; margin-bottom: 8%;}
.about_img{ overflow: hidden; height: 100%; position: relative;}
.about_img_01{ width:82%; max-width:700px; height: 100%; float:right; overflow: hidden;}
.about_img_02{ display:block; z-index:2; position:absolute; left:36%; bottom: -15%; opacity: 0; width:75%; max-width: 700px;}
/*==================sec_news*/
.sec_news{overflow: hidden; background:url(../image/news_01.jpg) center top no-repeat; background-size:cover; color:#fff; padding: 4% 0 3%;}
#news_scr{ border-top:1px solid rgba(255,255,255,.30); border-bottom:1px solid rgba(255,255,255,.30); position: relative; top:10%; opacity: 0;}
#news_scr .owl-item .item{ position:relative; padding:10%;}
#news_scr .owl-item .item:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%;}
#news_scr .owl-item .item:after{ content:""; position:absolute; top:15%; left:1px; width:1px; height:70%; background: rgba(255,255,255,.30);}
#news_scr .owl-item:first-child .item:after{ display:none;}
.news_block{ position:relative; max-width:304px; margin: 0 auto;}
.news_date{ margin-bottom: 20px;}
.news_date em{ vertical-align:baseline; margin-right:8px;}
.news_tit{ margin-bottom: 15px;}
.news_tit a{ display:block; overflow:hidden; color: #fff; line-height:28px; max-height:56px;}
.news_des{ line-height:22px; max-height:44px; overflow: hidden; opacity: .80; margin-bottom: 40px;}
#news_scr .owl-item:hover .item:before{ background:rgba(255,255,255,.10);}
#news_scr .owl-nav a{ position:absolute; top:50%; left:-45px; width:25px; height: 50px; margin-top:-25px; background:url(../image/arrow_02.png) left center no-repeat; opacity: .50;}
#news_scr .owl-nav a:hover, #news_scr .owl-nav a.disabled{ opacity:1;}
#news_scr .owl-nav a.owl-next{ left:auto; right:-45px; background-position:right center;}
#news_scr .owl-nav a span{ font-size: 0;}
/*==================sec_business*/
.sec_business{overflow: hidden; position:relative; color:#fff;}
.sec_business:before{ content:""; position: absolute; top:0; left:0; width:100%; height:32.65%; background:url(../image/news_02.jpg) center top no-repeat; background-size:cover;}
.business_list{/* background: #000;*/ overflow: hidden; box-shadow:0 0 50px 10px rgba(0,0,0,.11); margin-bottom:50px;}
.business_list li{ float:left; width:33.33%; height:266px;}
.business_info{overflow: hidden; position:relative; height: 100%;}
.business_list li .bgImg{ position:absolute; top:0; left:0;}
.business_list li .table{ padding:0 10%;}
.business_list li a{ color:#fff;}
.business_item{ position:relative; z-index:2; margin-bottom: 20px; text-transform: uppercase;}
.business_item img{ display:block; margin-bottom: 15px; width:45px;}
.business_item em{ display:block; text-transform:none; text-align:left;}
.business_list li.align_center, .business_list li.align_center .business_item em{ text-align:center;}
.business_list li.align_center .business_item img,
.business_list li.align_center .more03{ margin-left: auto; margin-right: auto;}
.business_list li.color_black a{ color: #333;}
.business_list li.color_black .business_item em{ opacity:.50;}
.business_list li.color_black .more03{ border-color:#b2b2b2;}
.business_list li.color_black .more03 span:before{ background-position: right bottom;}
.business_list li.color_black .more03:hover span:before{ background-position:left bottom;}
.business_list li.business_02{ height:532px;}
.business_list li.business_02 .business_item{ margin-bottom: 40px;}
.business_list li.business_04{ margin-left:-100%; /*margin-top:266px;*/}
.business_list li.business_06,.business_list li.business_07{ height:290px;}
.business_list li.business_06 .business_info{ overflow: visible;}
.business_list li.business_06 .bgImg{ transition: transform 6s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.business_list li.business_06:hover .bgImg{ transform: scale(1); }
.business_06_img{ position:absolute; bottom:10px; right:-10%; z-index: 1; width:50%; max-width:230px;}
.business_list li.business_07{ width:66.66%;}
.business_list li.business_07 .business_img{ width:50%; height: 100%; overflow:hidden; position:relative; float:right;}
.business_list li.business_07 .business_info{ width:50%; float: left;}
.adv{ overflow: hidden; position: relative;}
.adv_line{ position: absolute; top:0; right:0; z-index: 2; width:100%; height: 50%; background:#fff;}
.adv_line02{ top:50%;}
.adv img{ display:block;}
.adv .txt{position: absolute;z-index: 2;top: 60px;left: 80px;}
.adv p{font-size: 32px;margin-bottom: 50px;}
/*==================sec_honor*/
.sec_honor{ padding: 4% 0 50px; background: url(../image/honor_01.jpg) center bottom no-repeat;}
.honor_show{}
.honor_scr{ padding:40px 0;}
.honor_scr li{ width:250px; height: 340px; margin-right: 37px; float: left; text-align:center; position: relative;}
.honor_scr li:before{ content:""; position:absolute; top:-40px; left:0; width:100%; height: 100%; background: url(../image/honor_02.png) center top no-repeat; background-size:contain; opacity: 0; transform: scale(0);}
.honor_scr li a{ display:block; height: 100%; position:relative; color: #fff;}
.focus_img{ position: relative; z-index: 1; width:100%; margin: 0 auto; transition: all 0.5s ease-in-out;}
.focus_img img{ display:block; width:100%; height: 100%;}
.honor_txt{ position:absolute; bottom:0; left:0; transition: all 0.5s ease-in-out; width:100%; opacity: 0; transform:translate(0,100%);}
.honor_txt span{ display:block; line-height: 22px; padding:0 12%; overflow: hidden; /* white-space: nowrap; text-overflow: ellipsis;*/}
.honor_scr li:hover:before{ opacity: 1; transform: scale(1);}
.honor_scr li a:hover .focus_img{ box-shadow:0 5px 16px 0 rgba(0,0,0,.15); width:88%; transform:translate(0,-30px);}
.honor_scr li a:hover .honor_txt{ opacity: 1; transform:translate(0,0);}
.honor_show .mCSB_scrollTools .mCSB_draggerContainer{ left:24%; width:52%;}
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ margin:7px auto; height: 2px; background-color:#fff;}
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:45px; height: 14px; margin:2px 0; background:url(../image/honor_03.png) no-repeat;}
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft,
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ left:0; top:-215px; width:22px; overflow: hidden; height: 0; background: url(../image/arrow_03.png) left bottom no-repeat; background-size:44px; }
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ left:auto; right:0; background-position:right top;}
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft:hover{ background-position:right bottom;}
.honor_show .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight:hover{ background-position:left top;}
/*==================sec_course*/
.sec_course{ padding:4% 0 160px; margin-bottom:-80px; background: #f4f4f4;}
.course_box{ position:relative; margin-bottom:30px;}
.sec_course .sec_top{ position:absolute; top:0; right:0; z-index: 2; text-align:right;}
.sec_course .title01, .title01_des{ padding-right:40px;}
.sec_course .title01{ float: none;}
.sec_course .title01 a em:before{ left:auto; right:-40px;}
.title01_des{ text-align:right; margin-top:10px;}
#course_scr{}
#course_scr .owl-item .item{ margin:-15px -23px;}
.course_block{ width:50%; float: left; height:282px; padding:15px 23px;}
.course_block dl{ position:relative; overflow: hidden; background:#fff; color: #333; text-transform:uppercase; transition: all 0.5s ease-in-out;}
.course_block dl:before{ content:""; position:absolute; top:0; left:0; width:0; height: 100%; opacity: 0; background:#01b4ec;}
.course_block dl dt{ position:relative; float:left; width:50.3%; height: 252px; overflow: hidden;}
.course_block dl dt a{ display:block; height:100%;}
.course_block dl dd{ position:relative; overflow: hidden; padding:30px 30px 0;}
.course_item{ margin-bottom: 10px;}
.course_item a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.course_base{ margin:0 -10px 15px;}
.course_base span{ display:inline-block; padding:0 10px;}
.course_base span.course_num{ float: right;}
.course_base span.course_num a{ color:#01b4ec;}
.course_line{ opacity:.20;}
.course_des{ opacity:.80; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom: 20px;}
.course_more{ display:block; position: relative; border-top:1px solid rgba(0,0,0,.10); padding-top: 15px;}
.course_more:before{ content:""; position:absolute; top:15px; right:0; width:14px; height: 14px; background:url(../image/ico_07.png) right center no-repeat;}
.course_block dl:hover{ color:#fff; box-shadow:0 5px 20px 0 rgba(0,0,0,.20);}
.course_block dl:hover:before{ width:100%; opacity:1;}
.course_block dl:hover .course_item a{ color:#fff;}
.course_block dl:hover .course_more{ border-top-color:rgba(255,255,255,.30); color:#fff;}
.course_block dl:hover .course_more:before{ background-position:left center;}
.course_block dl:hover .course_base span.course_num a{ color:#fff;}
#course_scr .owl-nav{ position:absolute; top:160px; right:40px; width:220px; height: 46px; background:#fff;}
#course_scr .owl-nav, #course_scr .owl-nav a{ border-radius:23px;}
#course_scr .owl-nav a{display:block; float:left; width:50%; height:100%; background:#01b4ec url(../image/arrow_04a.png) center center no-repeat;}
#course_scr .owl-nav a span{ font-size:0;}
#course_scr .owl-nav a.owl-next{ background-color:#fff; background-image: url(../image/arrow_04b.png);}
#course_scr .owl-nav a:hover{ opacity:.80;}
/*================================================关于我们================================================*/
/*==============profile*/
.about_sec{ background-color:#fff; position:relative;}
.profile{ overflow: hidden; height:100vh;}
.profile .bgImg{ position:absolute; top:0; left:0; width:100%; height: 100%; background-attachment:fixed; opacity:0;}
.profile .bgImg.on{ opacity:1;}
.profile_warp{ position:relative; width:100%; height: 100%; background:rgba(0,0,0,.60); color: #fff; padding-top:15%;}
.profile_warp .inner{ position:relative; height: 100%;}
.about_tit{ position:relative; padding-bottom: 15px; margin-bottom:50px; text-align:left; color:#fff;}
.about_tit:before{ content:""; position:absolute; bottom: 0; left:0; width:32px; height:1px; background: #fff;}
.about_tit em{ display:block;}
.about_tit.color_black{ color: #333;}
.about_tit.color_black:before{ background: #043477;}
.about_tit.align_center{ text-align:center;}
.about_tit.align_center:before{ left:50%; margin-left: -16px;}
.profile .about_tit{ border-bottom: 1px solid #fff; padding-bottom: 4.5%;}
.profile .about_tit:before{ display:none;}
.data{}
.data li{ width:25%; line-height:1.6; float: left; position:relative; text-align:center;}
.data li:before{ content:""; position:absolute; top:29%; left:0; height:42%; width:1px; background:#fff;}
.data li:first-child{ width:18%;}
.data li:last-child{ width:32%;}
.data li:first-child:before{ display:none;}
.data li img{ display:block; margin:0 auto; width:25%; max-width:65px;}
.data_num{ display:block; font-weight: bold; line-height:0.9; margin:15px 0;}
/*==============sub_nav*/
.sub_nav{ width:100%; top:-100px; left:0; z-index: 1003; background:#fff; border-bottom:1px solid rgba(0,0,0,0); transition: all 0.5s ease-in-out;}
.nav_list{ position: relative;}
.nav_list li{ float:left;}
.nav_list li a{ display:block; position:relative; padding:0 30px; line-height: 97px;}
.nav_list li a:before{ content:""; position: absolute; top:50%; left:0; background:#cacaca; width:1px; height:18px; margin-top:-9px;}
.nav_list li a:after{ content:""; position: absolute; bottom:-9px; left:0;z-index:3; width:100%; height: 9px; background: url(../image/ico_21.png) center -9px no-repeat;}
.nav_list li:first-child a:before{ display:none;}
.nav_list li:hover a,
.nav_list li.active a{ background: #043477; color: #fff;}
.nav_list li.has_class.active{ padding-bottom: 78px;}
.nav_list li.has_class:hover a:after, .nav_list li.has_class.active a:after{background-position: center bottom;}
.nav_list li .nav_subclass{ position: absolute; top:97px; left:0; z-index: 1; width:100%; display:none;}
/*.nav_list li:last-child .nav_subclass{ text-align:right;}*/
.nav_list li .nav_subclass:before{ content:""; position: absolute; top:0; left:-50%; width:200%; height: 1px; background:#e5e5e5;}
.nav_list li .nav_subclass:after{ content:""; position: absolute; top:1px; left:-50%; width:200%; height: 100%; background:#fff;}
.nav_list li .nav_subclass a{ position:relative; z-index: 2; float:none; display:inline-block; padding:0; margin-right:4%; line-height:78px;}
.nav_list li .nav_subclass a:before, .nav_list li .nav_subclass a:after{ display:none;}
.nav_list li:hover .nav_subclass{z-index:2;}
.nav_list li:hover .nav_subclass,
.nav_list li.active .nav_subclass{ display:block;}
.nav_list li:hover .nav_subclass a,
.nav_list li.active .nav_subclass a{ background:none; color: #666666;}
.nav_list li .nav_subclass a em{ display:inline-block; padding: 0 10px;}
.nav_list li .nav_subclass a em:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height:3px; background:#043477;}
.nav_list li .nav_subclass a:hover, .nav_list li .nav_subclass a.class_cur{ color:#043477;}
.nav_list li .nav_subclass a.class_cur em:before{ width:100%;}
.sub_nav.on{ position:fixed; top:0; border-bottom:1px solid rgba(0,0,0,.10); box-shadow:0 0 10px -2px rgba(0,0,0,.10);}
.sub_nav.on .nav_list li a{ line-height: 77px;}
.sub_nav.on .nav_list li .nav_subclass{ top:77px;}
.sub_nav.on .nav_list li.has_class.active{ padding-bottom: 58px;}
.sub_nav.on .nav_list li .nav_subclass a{ line-height:58px;}
.sub_nav_dif{ background:#f8f8f8;}
.sub_nav_dif .nav_list li .nav_subclass:after{ background:#f8f8f8;}
/*scroll_i*/
.scroll_i { cursor:pointer; background: url(../image/scroll_i.png) left center no-repeat; background-size: contain; position: absolute; bottom:8%; right:0; width:20px; height:35px; z-index:1;}
.wheel { position: absolute; top: 6px; left:8px; width:3px; height: 10px; display: block; background: #fff;
-webkit-animation: mouse-wheel 1.2s ease infinite;
-moz-animation: mouse-wheel 1.2s ease infinite;
}
@-webkit-keyframes mouse-wheel {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel {
0% {
top: 1px;
}
50% {
top: 2px;
}
100% {
top: 3px;
}
}
/*==============intro*/
.intro{ background:#f8f8f8; color:#333; position:relative;}
.intro_warp{}
.intro_info{ width:51.5%; max-width: 690px; padding-top:80px;}
.intro_img{ width:50%; max-width:940px; height:100%; position: absolute; top:0; right:0;}
.intro_img .about_img_01{ width:84%; max-width:790px;}
/*==============patent*/
.patent{ padding:4% 0; background:url(../image/patent_02.jpg) center top no-repeat; background-size:cover; color: #fff;}
.patent .bgImg{position:absolute; top:0; left:0; width:100%; height: 100%; background-attachment:fixed; opacity:.20;}
.patent .about_tit{ margin-bottom:10px;}
.patent .about_tit:before{ background-color:#fff;}
.patent .honor_scr li .honor_txt{ bottom:10px;}
/*==============culture*/
.culture{ padding: 4% 0;}
.culture .about_tit{ padding-bottom: 0;}
.culture .about_tit:before{ display:none;}
.culture_list{ margin-bottom: 3%;}
.culture_list li{ width:50%; height:190px; padding:0 3% 0 6%; float:left; overflow: hidden; border-left:1px solid rgba(0,0,0,.10);box-sizing: border-box;}
.culture_list li:first-child{ border:none; padding:0 6% 0 3%;}
.culture_ico{ display:block; float: left; width:28%; max-width:156px; margin-right:5%;}
.culture_info{ overflow:hidden; line-height:1.5; color: #666;}
.culture_item{ color:#333; position:relative; padding-bottom: 15px; margin-bottom: 20px;}
.culture_item:before{ content:""; position:absolute; bottom: 0; left:0; width:32px; height:1px; background: #043477;}
.culture_img{ overflow:hidden;}
.culture_img img{ display:block;}
/*==============banner_warp*/
.banner_warp{ height:650px;position:relative; color: #fff;}
.banner_warp:before{ content:""; position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background:rgba(0,0,0,.50);}
.banner_warp .bgImg{ position:absolute; top:0; left:0; z-index: 0; width:100%; height: 100%;}
.banner_warp .inner{ height:100%; position:relative; z-index: 2;}
.banner_tit{ display:inline-block; position:absolute; bottom:12%; z-index:2; padding-bottom:50px;}
.banner_tit i{ position: absolute; bottom:0; left:0; width:0; height: 1px; background:#fff; transition: all 1s ease-in-out; opacity:0;}
.banner_tit em{ display:block;}
/*==============history*/
.history{ padding-top:4%; color: #333;}
.history_tree{}
.history_block{ width:50%; position: relative; }
.history_block:after{ content:""; position:absolute; top:0; right:-4px; width:16px; height:40px; background:url(../image/history_01.jpg) center top no-repeat;}
.history_block dt{ line-height: 1; color:#043477; padding:20% 10% 0 0; position: relative;}
.history_block dt:before{ content:""; position:absolute; top:0; right:1px; width:4px; height:100%; background:url(../image/ico_09.jpg) center top repeat-y;}
.history_block dd{ position:relative; z-index:2; background:url(../image/history_02.jpg) right top no-repeat; padding:50px 10% 0 10px;}
.history_block:first-child dt{ padding-top:20px;}
.history_list{}
.history_list li{ padding-left: 20px; background: url(../image/ico_10.png) left 7px no-repeat; margin-bottom:20px;}
.history_block_dif{ float:right; margin-top:-20%;}
.history_block_dif dt:before{ right:auto; left:-6px;}
.history_block_dif:after{ right:auto; left:-12px;}
.history_block_dif dt{ padding-right: 0; padding-left: 10%;}
.history_block_dif dd{ margin-left:-7px; padding-right: 0; padding-left:10%; background-image:url(../image/history_02b.jpg); background-position:left top;}
/*==============partner*/
.common_bg{ padding:80px 0 160px; margin-bottom:-80px; background:#f5f5f5;}
.partner{ }
.partner_list{ position:relative; z-index: 1; margin:-10px -10px 50px;}
.partner_list li{ width:20%; float:left; padding: 10px;}
.partner_list li a{ display:block; border:1px solid #eeeeee; background:#fff;}
.partner_list li a img{ display:block;
transition:all .5s ease-in-out;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
}
.partner_list li a:hover img{
-webkit-transform:rotateY( 30deg);
-moz-transform:rotateY( 30deg);
transform:rotateY( 30deg);
}
.partner_list li a:hover{ box-shadow:0 0 20px -2px rgba(0,0,0,.10);}
/*page*/
.page{ text-align:center; position: relative; z-index: 1;}
.page a{ display:inline-block; vertical-align:middle; width:36px; line-height: 34px; color: #666; border:1px solid rgba(43,195,207,.0); text-align: center;}
.page a:hover{ color: #043477;}
.page a.active, .page a.page_btn:hover{ background:#043477; border:1px solid rgba(43,195,207,1); color: #fff;}
.page a.page_btn{ width:70px; font-size:12px; border-color:#a7a7a7; background:#fff; margin: 0 30px;}
/*==============alliance*/
.alliance{}
/*alliance_base*/
.alliance_base{ padding-bottom: 3.5%; margin-bottom:3.5%; border-bottom: 1px solid #dcdcdc;}
.alliance_l{ width:47.5%; max-width: 665px; float: left; position:relative;}
.alliance_pic{ overflow: hidden; float: left; width:89%; max-width:590px;}
.alliance_pic img{ display:block;}
.alliance_notice{ position:absolute; bottom: -14%; right:0; width:200px; padding-bottom: 20px; background: #fff; text-align:center; line-height: 20px;}
.alliance_notice img{ display:block;}
.alliance_info{ overflow:hidden; color: #333; padding:3% 0 0 4%;}
.alliance_txt{ width: 100%; max-width: 650px; float: right; line-height:1.8;}
/*alliance_scr*/
#alliance_scr{}
#alliance_scr .item a{ overflow: hidden; display:block;}
#alliance_scr .item a .caption{ padding:20px; background: #fff; transition: all 0.5s ease-in-out;}
#alliance_scr .item a .caption p{ line-height:24px; height:48px; overflow: hidden;}
.alliance_img{ overflow: hidden;}
.alliance_img img{ display:block; width:100%;}
#alliance_scr .owl-nav a{ width:32px; height:62px; position: absolute; top:50%; margin-top:-82px; left:-82px; background: url(../image/arrow_05.png) left center no-repeat; opacity: .20;}
#alliance_scr .owl-nav a span{ font-size:0;}
#alliance_scr .owl-nav a.owl-next{ left:auto; right:-82px; background-position:right center;}
#alliance_scr .owl-nav a.disabled{ opacity: .60;}
#alliance_scr .owl-dots{ position:relative; margin-top:3%;}
#alliance_scr .owl-dots .owl-dot{ position: relative; width:35px; border-radius: 0; border:none;}
#alliance_scr .owl-dots .owl-dot:before,
#alliance_scr .owl-dots .owl-dot:after{ content:""; position: absolute; top:50%; left:0; margin-top:-1px; width:100%; height: 2px; background: #c4c4c4;}
#alliance_scr .owl-dots .owl-dot:after{ width:0; background: #24b9d8;}
#alliance_scr .owl-dots .owl-dot.active{ border:none; background:none;}
#alliance_scr .owl-dots .owl-dot.active:after{ width:100%;}
#alliance_scr .item a:hover .caption{ background:#043477; color: #fff;}
/*education*/
.education_base{}
.education_base .alliance_l{ width:42.5%; max-width: 590px;}
.education_base .alliance_l .alliance_pic{ width:100%;}
.education_base .alliance_info .alliance_txt{ max-width:710px;}
/*==============contact*/
.contact{}
.contact_top{ text-align:center; background:url(../image/contact_02.png) center bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.contact_list{ margin:-10px -8px; text-align:center;}
.contact_list li.li_item{ display:inline-block; vertical-align:top; width:33.33%; padding:10px 8px; text-align:left;}
.contact_block{ background:#fff; color: #333; transition: all 0.5s ease-in-out; height:240px; padding:45px 6.5% 0 13%;}
.contact_item{ margin-bottom:25px;}
.contact_ico{ display:inline-block; vertical-align: middle; position:relative; margin-right:8px; width:24px; height: 24px; overflow:hidden;}
.contact_ico img{ display:block; transition: all 0.5s ease-in-out; position:absolute; top:-100%; left:0;}
.contact_txt{}
.contact_txt li{ margin-bottom:10px;}
.contact_list li.li_notice{ width:33%;}
.contact_list li.li_notice .contact_block{ padding-left:8.5%;}
.notice_code{ display:block; float: left; border:1px solid #e5e5e5; width:45%; max-width:170px;}
.notice_info{ overflow:hidden; font-size:14px; line-height: 2; padding: 6% 0 0 6%; }
.notice_item{ position:relative; padding-bottom:15px; margin-bottom:20px;}
.notice_item:before{ content:""; position:absolute; bottom: 0; left:0; width:26px; height: 2px; background:#043477;}
.contact_block:hover{ background:#043477; color:#fff;}
.contact_block:hover .contact_ico img{ top:0;}
.contact_list li.li_notice .contact_block:hover .notice_item:before{ background:#fff;}
/*================================================新闻中心================================================*/
/*==============news*/
.news{}
.news_list{ max-width: 1200px; margin:-20px auto 30px;}
.news_list li{ position:relative; height: 268px; overflow: hidden; margin-top: 20px;}
.news_img{ width:357px; overflow: hidden; float: left;}
.news_img img{ display:block;}
.news_con{ position: absolute; top:14px; left:347px; z-index: 2; height:240px; background:#fff; padding:40px 3% 0 5%; transition: all 0.5s ease-in-out;box-sizing: border-box;width: 70%;}
.news_con:before{ content:""; position:absolute; top:40px; left:-12px; width:12px; height:16px; background: url(../image/ico_16.png) left center no-repeat;}
.news_time{ display:block; float:left; font-size:12px; width:90px; padding: 10px 0;}
.news_time b{ display:block; line-height: 1.1; color:#333; transition: all 0.5s ease-in-out;}
.n_c_r{ overflow:hidden; border-left:1px solid #ececec; padding:10px 10px 0 5%;}
.news_item{ margin-bottom:10px;}
.news_item a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_overview{ line-height: 26px; max-height:52px; overflow:hidden;}
.news_more02{ display:block; clear:both; position:relative; width:100%; margin-top:40px; padding-top:10px; border-top:1px solid #e5e5e5; text-transform:uppercase;}
.news_more02:before{content: ""; position: absolute; top:0; right:0; width:24px; height: 100%; background: url(../image/ico_15.png) right center no-repeat;}
.news_list li:hover .news_con{ background:#043477; color:#fff;}
.news_list li:hover .news_con:before{ background-position:right center;}
.news_list li:hover .news_more02,
.news_list li:hover .news_item a,
.news_list li:hover .news_time b{ color:#fff;}
.news_list li:hover .news_more02:before{ background-position:left center;}
.news .page,.edu_pro .page{ padding:20px 0; background:#fff;margin-top: 40px;}
/*==============article*/
.article{ padding:80px 0;}
.article_box{ max-width:1200px; margin:0 auto;}
.article_top{ padding-bottom:3%; border-bottom:1px solid #e5e5e5; margin-bottom:3%;}
.article_tit{ color: #333; margin-bottom: 10px;}
.article_func{ float:right; margin-left:4%;}
.article_shared,.back_list{ display:inline-block; vertical-align: middle;}
.article_shared{ padding-right: 15px; border-right:1px solid #cccccc;}
.back_list{ line-height: 30px; position: relative; padding:0 30px 0 15px; color: #8d8d8d;}
.back_list:before{ content:""; position: absolute; top:0; right:0; width:22px; height: 100%; background: url(../image/ico_12.png) left center no-repeat; background-size:44px;}
.back_list:hover{ color: #043477;}
.back_list:hover:before{ background-position:right center;}
/*article_handle*/
.article_handle{ margin-top:5%; padding:3.5% 8%; background: #f8f8f8; line-height: 28px;}
.article_btn,.back_list02{ display:block; float: left; width:40%;}
.article_next{ float:right; text-align: right;}
.article_btn em{ display:block; width:30px; height: 100%; font-size: 0; position: relative;}
.article_btn em:before{ content:""; position: absolute; top:50%; left:0; width: 12px; height: 12px; margin-top: -6px;}
.article_btn em:after{ content:""; position: absolute; top:50%; right:0; width:1px; height: 14px; margin-top: -7px; background: #e5e5e5;}
.article_prev em{ float:left; margin-right: 15px;}
.article_prev em:before{ background: url(../image/article_arrow01.png) left center no-repeat;}
.article_prev:hover em:before{ background-position: right center;}
.article_btn span{ display:block; overflow: hidden; }
.article_next em{ float:right; margin-left: 18px;}
.article_next em:before{ left:auto; right:0; background: url(../image/article_arrow02.png) right center no-repeat;}
.article_next em:after{ right:auto; left:0;}
.article_next:hover em:before{ background-position: left center;}
.back_list02{ width:20%; text-align: center; font-size: 0; position: relative;}
.back_list02:before{ content:""; position: absolute; top:50%; left:50%; width: 20px; height:20px; margin: -10px 0 0 -10px; background: url(../image/article_ico01a.png) no-repeat;}
.back_list02:hover:before{ background-image: url(../image/article_ico01b.png);}
.article_handle a.article_btn:hover{ color:#043477;}
.article_handle a.article_btn:hover em:after{ background-color: #043477;}
/*================================================产品课程================================================*/
/*==============idea*/
.idea{ }
.idea_block{ color: #333; margin-bottom:50px;}
.idea_block:last-child{ margin-bottom:0;}
.idea_block dt{ width:50%; float: right; text-align: center;}
.idea_block dd{ width:50%; float: left; line-height: 2;}
.idea_txt{ max-width:635px;}
.idea_block_dif{}
.idea_block_dif dt{ float:left; text-align:left;}
.idea_block_dif .idea_txt{ float:right;}
/*==============curriculum*/
.curriculum{ padding: 0;}
.edu_sec{ position:relative; padding:80px 0; color:#333; background-position: center center; background-repeat: no-repeat; background-size:cover;}
/*system*/
.system{}
.system_tit{ width:50%; max-width: 680px; padding-bottom:0; margin-bottom: 0;}
.system_tit:before{ display:none;}
.system_base{ color: #333;}
.system_base dt{ width:50%; float: right; text-align:center;}
.system_base dd{ width:50%; float: left;}
.system_preschool .system_base{ padding-bottom: 2%; border-bottom:1px solid #d6d6d6; margin-bottom: 4%;}
.system_preschool .system_base dd{ margin-top: 3%; padding-top: 3%; border-top:1px solid #d6d6d6;}
.system_txt{ max-width: 690px;}
.system_list{}
.system_list li.li_item{ float:left; padding-left: 3%;}
.system_ico{ display:block; float: left; width:146px; height: 146px; padding-top:25px; margin-right:6%; border-radius:6px; color: #fff; text-align: center; background: #26bed7;}
.system_ico img{ display:block; margin: 0 auto 15px;}
.system_info{ overflow:hidden;}
.system_info li{ line-height:2;}
.system_list li.li_item01{ width:28%; padding-left:0; }
.system_idea{ color:#333;}
.system_list li.li_item02{ width:34%;}
.system_list li.li_item02 .system_ico{ background:#d93732;}
.system_target{ max-width:240px;}
.system_target li{ width:50%; float: left;}
.system_target li a{ display:block; padding-left:14px; position:relative; color:#666;}
.system_target li a:before{ content:""; position:absolute; top:50%; left:0; margin-top:-3px; width:6px; height: 6px; background:#8a83d3;}
.system_list li.li_item03{ width:38%;}
.system_list li.li_item03 .system_ico{ background:#52c98a;}
.system_way{}
.system_way li a{ display:block; padding-left:14px; position:relative; color:#666;}
.system_way li a:before{ content:""; position:absolute; top:50%; left:0; margin-top:-3px; width:6px; height: 6px; background:#cd7f9f;}
/*accord*/
.accord{ background-image:url(../image/curriculum_01.jpg); color:#fff;}
.accord_tit{ margin-bottom:20px;}
.accord_l{ width:47.5%; padding-right:3%; float:left; line-height:1.85;}
.accord_txt{ max-width:548px;}
.accord_r{ overflow:hidden; padding:0 40px;}
/*accord_scr*/
#accord_scr .owl-nav a{ position:absolute; top:50%; left:-40px; margin-top:-15px; width:30px; height:30px; background:url(../image/arrow_06.png) left top no-repeat; opacity: .20;}
#accord_scr .owl-nav a span{ font-size:0;}
#accord_scr .owl-nav a.owl-prev.disabled{ opacity:1; background-position:right top;}
#accord_scr .owl-nav a.owl-next{ left:auto; right:-40px; background-position:right bottom;}
#accord_scr .owl-nav a.owl-next.disabled{ opacity:1; background-position:left bottom;}
#accord_scr .item a{ display:block; overflow: hidden; background:#000;}
#accord_scr .item img{ display:block; width:100%;}
#accord_scr .item:hover a img{ opacity:.98;}
/*system_school*/
.system_school{ background-color:#fff;}
.ability{ max-width: 420px; margin:30px -5px -5px;}
.ability li{ width:50%; float: left; padding:5px;}
.ability li img{ display:inline-block; vertical-align: middle; margin-right: 6px;}
.training{ margin-top: 45px;}
.training_tit{ color:#06b7e6; margin-bottom:15px;}
/*accord_school*/
.accord_school{ padding-bottom: 160px;}
.accord_school .accord_l{ width:36%; float: right; padding: 6% 0 0 4%;}
.accord_school .accord_r{ padding:0;}
/*support*/
.support{}
.support .about_tit{ margin-bottom:20px;}
.support_block{ line-height:1.85; margin-bottom:3%;}
.support_block:last-child{ margin-bottom:0;}
.support_block dt, .support_block dd{ width:47.5%;}
.support_block dt{ float:right;}
.support_block dd{ float: left;}
.support_block_dif dt{ float:left;}
.support_block_dif dd{ float:right;}
/*shifu*/
.shifu{ background-color:#fff; padding-bottom: 160px;}
.shifu_xg{}
.shifu_xg li{ float:left; text-align:center; line-height:1; margin-right: 6%;}
.shifu_xg li img{ display:block; margin:0 auto;}
/*support_show*/
.support_show{ margin-top:30px; padding-top: 30px; border-top:1px solid #e5e5e5;}
#support_scr .owl-nav a{ position:absolute; top:50%; left:-40px; margin-top:-15px; width:30px; height:30px; background:url(../image/arrow_06b.png) left top no-repeat;}
#support_scr .owl-nav a span{ font-size:0;}
#support_scr .owl-nav a.owl-prev.disabled{ background-position:right top;}
#support_scr .owl-nav a.owl-next{ left:auto; right:-40px; background-position:right bottom;}
#support_scr .owl-nav a.owl-next.disabled{ background-position:left bottom;}
#support_scr .item a{ display:block; overflow: hidden; background:#000;}
#support_scr .item img{ display:block; width:100%;}
#support_scr .item:hover a img{ opacity:.98;}
/*edu_pro*/
.edu_pro{ }
.pro_sort{ margin: -15px; overflow: hidden;}
.pro_sort li{ width:25%; float:left; padding: 15px; color: #fff; text-align: center;}
.pro_block{ overflow:hidden; position:relative;}
.pro_block img.img_item0, .pro_cover{ border-radius:10px;}
.pro_block img.img_item0{ display:block; width:100%;}
.pro_tit{ position:absolute; bottom:0; left:0; width:100%; background: rgba(43,195,207,.90); padding:22px 0; border-radius:0 0 10px 10px; transition: all 1s ease-in-out;}
.pro_cover{ display:block; position:absolute; bottom:0; left:0; width:100%; height: 100%; z-index: 1; background: url(../image/pro_01.png) center top no-repeat; background-size: cover; color: #fff; opacity:0;}
img.pro_ico ,.pro_tit_cn, .pro_tit_en{ position: relative; opacity:0;}
img.pro_ico{ display:block; margin:0 auto 20px; width:30%; max-width: 60px; transition: all 0.5s ease-in-out; top:-30px;}
.pro_tit_cn{ transition: all 1s ease-in-out; top:30px;}
.pro_tit_en{ transition: all 1.5s ease-in-out; position:relative; padding-bottom:10px; top:60px;}
.pro_tit_en:before{ content:""; position:absolute; bottom: 0; left:50%; width:18px; height: 1px; background: #fff; margin-left: -9px;}
.pro_block:hover .pro_tit{ bottom:-100%; opacity: 0;}
.pro_block:hover .pro_cover{ opacity:1;}
.pro_block:hover .pro_cover img.pro_ico,
.pro_block:hover .pro_cover .pro_tit_cn,
.pro_block:hover .pro_cover .pro_tit_en{ opacity:1; top:0;}
/*pro_category*/
.pro_category{ margin: -7px;}
.pro_category li{ width:25%; float: left; padding: 7px; text-align:center;box-sizing: border-box}
.pro_category li a{ display:block; overflow: hidden; position: relative; color: #fff;}
.pro_category li a img{ display:block; width:100%; border-radius:10px; }
.category_tit{ position:absolute; bottom:0; left:0; width:100%; background: rgba(4, 52, 119, 0.8); padding:15px 10px; border-radius:0 0 10px 10px; transition: all 1s ease-in-out;box-sizing: border-box}
.category_tit span{ display:inline-block; width:90%; position:relative;}
//.category_tit span:before, .category_tit span:after{ content:""; position:absolute; top:50%; left:0; width:20px; height: 1px; background: #fff; opacity: .70;}
//.category_tit span:after{ left:auto; right:0;}
.pro_category li a:hover{
box-shadow:0 5px 20px -2px rgba(0,0,0,.20);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
/*pro_detail*/
.pro_detail{ padding:80px 0;}
.pro_detail .about_tit{ border-bottom:1px solid #e5e5e5;}
.detail_box{ margin-bottom: 40px;}
.detail_tit{ margin-bottom: 20px;}
.detail_tit i{ color: #043477; font-style: italic;}
.detail_list{ margin:-5px; overflow:hidden;}
.detail_list li{ width:20%; float: left; padding:5px;}
.detail_block, .detail_block img, .detail_block .market_cover, .detail_more{ border-radius: 10px;}
.detail_block{ background:#f4f4f4; overflow: hidden; position: relative;}
.detail_block img{ display:block; width:100%;}
.detail_block .market_cover{ top:0; left:0; width:100%; height: 100%; background: rgba(43,195,207,.80);}
.detail_more{ display:block; text-align:center; position:absolute; top:0; left:0; width:100%; height: 100%; border:1px solid #b9ebef; background: #fff; color: #043477;}
.detail_more i{ display:block; margin:0 auto 15px; width:58px; height: 58px; border-radius: 50%; border:3px solid #aae7ec; position: relative; transition: all 0.5s ease-in-out;}
.detail_more i:before{ content:""; position:absolute; top:50%; left:50%; width:22px; height:22px; margin: -11px 0 0 -11px; background: url(../image/ico_more02.png) center bottom no-repeat;}
.detail_block:hover .detail_more{ border-color:#043477; background-color: #043477; color: #fff;}
.detail_block:hover .detail_more i{ border-color:#fff;}
.detail_block:hover .detail_more i:before{ background-position:center top;}
/*pro_album*/
.pro_album{ border-radius:8px; overflow: hidden;}
.pro_album img{ display:block; border-radius:8px;}
.pro_big{ margin-bottom:15px;}
.pro_big .owl-nav a{ position:absolute; top:50%; left:20px; margin-top:-65px; width:36px; height:130px; background:rgba(0,0,0,.05);}
.pro_big .owl-nav a span{ font-size: 0;}
.pro_big .owl-nav a:before{ content:""; width:12px; height:25px; position:absolute; top:50%; left:50%; margin: -12px 0 0 -6px; background:url(../image/arrow_12.png) left top no-repeat;}
.pro_big .owl-nav a:hover{ background:rgba(0,0,0,.10);}
.pro_big .owl-nav a.owl-prev.disabled:before{ background-position:right top;}
.pro_big .owl-nav a.owl-next{ left:auto; right:20px;}
.pro_big .owl-nav a.owl-next:before{ background-position:right bottom;}
.pro_big .owl-nav a.owl-next.disabled:before{ background-position:left bottom;}
.pro_thumbs{ padding:0 60px; overflow: hidden;}
.pro_thumbs .item:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 8px; border:3px solid transparent;}
.pro_thumbs .current .item:before{ border-color:#043477;}
.pro_thumbs .owl-nav a{ position:absolute; top:0; left:0; width:36px; height:100%; background:#fff; border-radius: 8px;}
.pro_thumbs .owl-nav a span{ font-size: 0;}
.pro_thumbs .owl-nav a:before{ content:""; width:12px; height:25px; position:absolute; top:50%; left:50%; margin: -12px 0 0 -6px; background:url(../image/arrow_12b.png) left top no-repeat;}
.pro_thumbs .owl-nav a.disabled{ background-color:#043477;}
.pro_thumbs .owl-nav a.owl-prev.disabled:before{ background-position:right top;}
.pro_thumbs .owl-nav a.owl-next{ left:auto; right:0;}
.pro_thumbs .owl-nav a.owl-next:before{ background-position:right bottom;}
.pro_thumbs .owl-nav a.owl-next.disabled:before{ background-position:left bottom;}
/*================================================各地分校================================================*/
/*local_map*/
.local{ padding:130px 0 80px;}
.local_map{ border:8px solid #e8f7fd; position: relative;}
.map_China{ width:76%; float: left; padding: 0 3% 3%; border-right:8px solid #e8f7fd;}
.map_China img{ display:block; margin: -8% auto 0;}
.map_other{ position:absolute; top:0; right:0; width:24%; height: 100%; text-align:center;}
.map_other li{ height:50%; padding:6%; position:relative;}
.map_other li:before{ content:""; position:absolute; bottom: 0; left:34%; width:32%; height:1px; background:#a5e1f7;}
.map_other li:last-child:before{ display:none;}
/*campus*/
.campus{ padding-top:80px;}
.campus_top{}
.campus_top .about_tit{ overflow:hidden;}
/*campus_form*/
.campus_form{ float:right;}
.campus_all{ display:block; float:left; padding:0 30px; line-height: 50px; text-align:center; background:#1fb5e8; color: #fff;}
/*sel_box*/
.sel_box{ display:block; float: left; margin-left:10px; background:#1fb5e8; min-width: 170px;}
.dropdown{ position: relative; cursor: pointer; width: 100%; height: 50px; line-height:50px;}
.dropdown:before{ content: ""; position: absolute; top:0; right: 0; width:45px; height: 100%; background:url(../image/ico_17.png) left center no-repeat;}
.dropdown:hover,.dropdown.sel_focus{}
.dropdown.sel_focus:before{ background-image:url(../image/ico_17b.png);}
.dropdown .old{ position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.dropdown .selected{display: block; width: 100%; padding-left: 30px; color: #fff;}
.dropdown.disabled .selected{ color: #000;}
.carat{ display:none;}
.dropdown div { position: absolute; height: 0; left: 0; right:0; top: 100%; background: #1fb5e8; color:#fff; border-top:1px solid #e8f7fd; overflow: hidden; opacity: 0; }
.dropdown.open div{ opacity: 1; z-index: 200;}
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; }
.dropdown.scrollable.open ul { overflow-y:auto;}
.dropdown li{ font-size:14px; padding:0 10px; text-align:center; height:36px; line-height:36px; overflow: hidden;}
.dropdown li.sel_focus{ position: relative; z-index: 3; }
.dropdown li.active{ background:#e8f7fd; color: #333;}
/*sel_area*/
.sel_area{ background:#e8f7fd;}
.sel_area .selected{ color: #333;}
.sel_area div{ background:#e8f7fd; color: #333; border-color:#1fb5e8;}
.sel_area li.active{ background:#1fb5e8; color: #fff;}
.sel_area .dropdown:before{ background-image:url(../image/ico_18.png);}
.sel_area .dropdown.sel_focus:before{ background-image:url(../image/ico_18b.png);}
/*campus_list*/
.campus_list{ margin:-8px -8px 40px;}
.campus_list li.li_item{ width:33.33%; float: left; padding:8px;}
.campus_list li.li_item a{ display:block; padding:8% 7%; height: 240px; background:#f8f8f8; overflow: hidden; position: relative;}
.campus_list li.li_item a:before{ content:""; position:absolute; top:-10%; left:-10%; opacity: 0; width:120%; height: 120%; background:url(../image/campus_01.jpg) center center no-repeat; background-size:cover;}
.campus_item{ position: relative; line-height:28px; padding-bottom:20px; margin-bottom: 20px; }
.campus_item:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background: rgba(0,0,0,.10)}
.campus_des{ position: relative;}
.campus_des li{ margin-bottom: 5px;}
.ico{ display:block; float: left; width:20px; height: 20px; margin: 2px 10px 0 0; background-repeat:no-repeat; background-position:left bottom; transition: all 0.5s ease-in-out;}
.ico.ico_user{ background-image: url(../image/campus_ico01.png);}
.ico.ico_tel{ background-image: url(../image/campus_ico02.png);}
.ico.ico_local{ background-image: url(../image/campus_ico03.png);}
.campus_txt{ overflow:hidden;}
.campus_list li.li_item:hover a{ color:#fff;}
.campus_list li.li_item:hover a:before{ top:0; left:0; opacity: 1; width:100%; height: 100%; }
.campus_list li.li_item:hover .campus_item:before{ background: rgba(255,255,255,.20) }
.campus_list li.li_item:hover .campus_des li .ico{ background-position:left top;}
.load_more{ display:block; text-align:center; color: #1fb5e8;}
.load_more img{ display:inline-block; vertical-align: middle; margin-right:10px;}
/*================================================招贤纳士================================================*/
.talent{}
/*view*/
.view{ background:#fff;}
.view .inner{ padding-top:80px; padding-bottom: 50px;}
.view .inner{ border-bottom:1px solid #e5e5e5;}
.view_img{ width:45%; float: left; max-width: 627px; margin-right: 5%;}
.view_info{ overflow:hidden; padding-top: 2.5%;}
.view_list{ max-width: 540px;}
.view_list li{ width:50%; float: left; background: url(../image/ico_10.png) left center no-repeat; padding-left: 20px; margin-top: 24px;}
/*strategy*/
.strategy{ }
.strategy_top{ background:#fff; padding-top:50px;}
.strategy_con{ padding:60px 0 0; background:url(../image/ico_11.png) center top no-repeat;}
.strategy_list{ margin-top: -15px; margin-bottom:-15px; position:relative;}
.strategy_list:before{ content:""; position: absolute; top:17%; left:50%; width:1px; height:50%; background: rgba(0,0,0,.10);}
.strategy_list li{ width:50%; height:200px; overflow: hidden; float: left; padding-top: 15px; padding-bottom: 15px;}
.strategy_list li:nth-child(odd){ padding-right:5%; padding-left:2%;}
.strategy_list li:nth-child(even){ padding-right:2%; padding-left:5%;}
.strategy_block{ max-width:540px;}
.strategy_ico{ display:block; width:65px; float: left; margin-right: 6%;}
.strategy_info{ overflow:hidden;}
.strategy_item{ margin-bottom: 15px;}
/*join*/
.join{ margin-top: 30px;}
.join_box{ background: #fff; color: #333; overflow: hidden; margin-bottom: 4%;}
.join_sort{ background:url(../image/join_01.jpg) no-repeat; background-size:cover; color: #fff;}
.join_sort span,
.join_tit span{ display:block; float: left; text-align: center; line-height: 28px; width:14%; padding:21px 10px; transition: all 0.5s ease-in-out;}
span.join_post{ text-align:left; width:30%; padding-left:4%;}
.join_tit{ position:relative; overflow:hidden; cursor: pointer; border-bottom:1px solid #eaeaea;}
.join_tit:before, .join_tit:after{ content:""; position:absolute; bottom:-1px; left:0; width:30px; height: 100%; background:#fff;}
.join_more{ font-size: 0; display:block; width:100%; height: 100%; background: url(../image/ico_13.png) center center no-repeat;}
.post_info{ margin:0 30px; background:#f5f5f5; padding:40px; color: #7d7d7d; line-height: 1.75; display:none;}
.post_info:last-child{ margin-bottom:30px;}
.post_caption{ color:#333; margin-bottom: 20px;}
.post_bot{ line-height: 50px; margin-top: 5%;}
a.post_hide{ display:block; float: right; color: #9f9f9f; position: relative; padding-right: 30px;}
a.post_hide:before{ content:""; position: absolute; top:50%; right:0; width:14px; height: 14px; margin: -7px 0 0 -7px; background: url(../image/ico_19.png) center top no-repeat;}
a.post_hide:hover{ color:#0098d9;}
a.post_hide:hover:before{ background-position:center bottom;}
a.post_apply{ display:block; float: left; text-align: center; width: 50%; max-width:180px; background:url(../image/join_02.png) no-repeat; border:1px solid rgba(0,0,0,.10); background-size:cover; color: #fff;}
a.post_apply em{ display:inline-block; padding-left: 35px; position: relative;}
a.post_apply em:before{ content:""; width:23px; height: 23px; background: url(../image/ico_14.png) right center no-repeat; position: absolute; top:50%; left:0; margin-top: -12px;}
a.post_apply:hover{ background:#fff; border-color:#0098d9; color:#0098d9;}
a.post_apply:hover em:before{ background-position:left center;}
.join_tit.active{ border-bottom-color: #fff;}
.join_tit.active .join_more{ background-image:url(../image/ico_13b.png);}
/*================================================品牌授权================================================*/
/*brand_focus*/
.brand_sec{ padding:80px 0; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.brand_focus{ overflow: hidden;}
.brand_focus:before{ display:none;}
.brand_focus_img01{ display:block; position:absolute; bottom:22%; left:15px; z-index: 1; width:60%; max-width:835px; height:42%; max-height:385px; width:auto;}
/*market*/
.market{ background-attachment:fixed;}
.brand_tit{ text-align: center; font-weight: bold; margin-bottom: 4%; color:#1fb5ea; padding-bottom:30px; background:url(../image/brand_02.png) center bottom no-repeat;}
.brand_tit em{ font-style:italic;}
.market_txt{ text-align:center; line-height: 1.5; margin:-5px -25px;}
.market_txt li{ display:inline-block; padding-left:30px; background:url(../image/brand_02_a.png) left center no-repeat; margin:5px 25px; color:#545e65;}
.market_txt li span{ color:#1fb5ea;}
#market_scr{ max-width: 1200px; margin:4% auto 0; padding:0 8.5%;}
#market_scr .item{ position:relative;}
#market_scr .item:before{ content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height: 100%; border:4px solid #fff; }
#market_scr .item img{ display:block; width:100%;}
.market_cover{ display:block; position:absolute; z-index:2; top:4px; left:4px; width:-webkit-calc(100% - 8px); width: calc(100% - 8px); height:-webkit-calc(100% - 8px); height: calc(100% - 8px); text-align:center; color: #fff; background:rgba(31,181,234,.80); opacity: 0;
-webkit-transform: scale(1.20, 1.20);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:500ms;
-moz-transform: scale(1.20, 1.20);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:500ms;
transform: scale(1.20, 1.20);
transition-timing-function: ease-out;
transition-duration:500ms;
}
.market_cover span{ display:block; padding-top:40px; background:url(../image/ico_sou01.png) center top no-repeat;}
#market_scr .item:hover:before{ border-color:#ddd;}
#market_scr .item:hover .market_cover,
.r_p_list li .r_p_block:hover .market_cover,
.detail_list li .detail_block:hover .market_cover,
.added_list li .added_img:hover .market_cover{ opacity: 1;
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:500ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:500ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration:500ms;
}
#market_scr .owl-nav a{ position:absolute; top:50%; left:0; margin-top:-15px; width:30px; height:50px; background:url(../image/arrow_07.png) left top no-repeat; }
#market_scr .owl-nav a span{ font-size:0;}
#market_scr .owl-nav a.owl-prev.disabled{ opacity:1; background-position:right top;}
#market_scr .owl-nav a.owl-next{ left:auto; right:0; background-position:right bottom;}
#market_scr .owl-nav a.owl-next.disabled{ opacity:1; background-position:left bottom;}
/*experience*/
.experience{ background-attachment:fixed; color:#fff;}
.experience .brand_tit{ color:#fff; background-image:url(../image/brand_02b.png);}
.experience_list{ text-align:center; color: #ffcf89; margin:0 auto; line-height:1.3; max-width: 1120px;}
.experience_list li{ width:25%; float:left; position:relative;}
.experience_list li:before{ content:""; position:absolute; top:35%; left:0; width:1px; height:14%; background:rgba(255,255,255,.50);}
.experience_list li:first-child:before{ display:none;}
.experience_list li img{ display:block; margin:0 auto 15px; width:60%; max-width: 163px;}
.experience_overview{ margin:30px auto; text-align:center; line-height:1.7; max-width: 1160px;}
/*brand_scr*/
.brand_scr{}
.brand_pic{ overflow:hidden; background:#fff;}
.brand_pic img{ display:block;
transition:all .5s ease-in-out;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
}
.brand_scr .item:hover .brand_pic img{
-webkit-transform:rotateY( 30deg);
-moz-transform:rotateY( 30deg);
transform:rotateY( 30deg);
}
.brand_caption{ padding:20px 8%; background: #f5f5f5; color: #333;}
.brand_caption p{ line-height: 30px; height: 60px; overflow: hidden;}
.brand_scr .owl-nav a{ position:absolute; top:50%; left:-60px; margin-top:-76px; width:40px; height:96px; border-radius:20px; background:rgba(255,255,255,.20); }
#care_scr .owl-nav a{ background:rgba(0,0,0,.20);}
.brand_scr .owl-nav a span{font-size:0; width:15px; height:25px; position:absolute; top:50%; left:50%; margin: -12px 0 0 -8px; background:url(../image/arrow_08.png) left top no-repeat;}
.brand_scr .owl-nav a.disabled,
#care_scr .owl-nav a.disabled{ opacity:1; background:#d93732;}
.brand_scr .owl-nav a.owl-next{ left:auto; right:-60px;}
.brand_scr .owl-nav a.owl-next span{ background-position: right top;}
.brand_scr .owl-dots{ position:relative; margin-top:30px;}
.brand_scr .owl-dots .owl-dot{ position: relative; width:24px; border-radius: 0; border:none;}
.brand_scr .owl-dots .owl-dot:before,
.brand_scr .owl-dots .owl-dot:after{ content:""; position: absolute; top:50%; left:0; margin-top:-2px; width:100%; height: 3px; background: #fff;}
#care_scr .owl-dots .owl-dot:before{ background: #cccccc;}
.brand_scr .owl-dots .owl-dot:after{ width:0; background: #d93732;}
.brand_scr .owl-dots .owl-dot.active{ border:none; background:none; width:44px;}
.brand_scr .owl-dots .owl-dot.active:after{ width:100%;}
/*care*/
.care{}
#care_scr{}
#care_scr .item:hover .brand_pic img,
#megagame_scr .item:hover .brand_pic img{
-webkit-transform: scale(1.20, 1.20);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:500ms;
-moz-transform: scale(1.20, 1.20);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:500ms;
transform: scale(1.20, 1.20);
transition-timing-function: ease-out;
transition-duration:500ms;
}
/*function*/
.function_img{ overflow: hidden;}
.function_img img{ display:block;}
/*campus_map*/
.campus_map{}
.campus_map .brand_tit{ margin-bottom: 6%;}
/*advance*/
.advance{ background-attachment:fixed; color:#fff;}
.advance .brand_tit{ color:#fff; background-image:url(../image/brand_02b.png); background-position: center bottom;}
.advance_list{ overflow: hidden; padding:10px 0; position:relative; background: url(../image/advance_02c.gif) center top repeat-y; line-height:1.55;}
.advance_list:before, .advance_list:after{ content:""; position: absolute; top:0; left:50%; margin-left: -11px; width:22px; height: 22px; background: url(../image/advance_02.png) center center no-repeat;}
.advance_list:after{ top:auto; bottom:0; background-image:url(../image/advance_02b.png);}
.advance_list li{ margin-bottom: 30px;}
.advance_box{ position:relative; width:50%;}
.advance_box:before, .advance_box:after{ content:""; position: absolute; top:90px; right:-12px; width:24px; height: 24px; background:url(../image/advance_03a.png) no-repeat;}
.advance_box:after{ background-image:url(../image/advance_03b.png); opacity: 0;}
.advance_block{ display:block; float: left; position: relative; width: 92.85%; padding: 7%; min-height:280px; background: rgba(255,255,255,.10); color:#fff;}
.advance_block:before{ content:""; position: absolute; top:80px; right:-20px; width:20px; height:43px; background: url(../image/advance_03c.png) -20px center no-repeat;}
.advance_item{ margin-bottom:15px;}
.advance_list li.li_dif{}
.advance_list li.li_dif .advance_box{ float:right; margin-top: -12%;}
.advance_list li.li_dif .advance_box:before, .advance_list li.li_dif .advance_box:after{ right:auto; left:-12px;}
.advance_list li.li_dif .advance_block{ float:right;}
.advance_list li.li_dif .advance_block:before{ right:auto; left:-20px; background-image: url(../image/advance_03d.png); background-position:20px center;}
.advance_list li:hover .advance_box:after{ opacity: 1;}
.advance_list li:hover .advance_block{ background: rgba(31,181,234,.50);}
.advance_list li:hover .advance_block:before{ background-position:left center;}
/*course_advance*/
.course_advance{ background-size:contain; background-position: center bottom;}
.c_a_block{}
.c_a_block dt{ width:50%; float: left; max-width: 700px;}
.c_a_img{ margin:0 auto; width:92%; position: relative;}
.img_box{ overflow: hidden; position: relative; z-index:1;}
.c_a_deco{ position:absolute; bottom:-20px; right:-20px; width:100%; height: 100%; border:1px solid #1fb5ea;}
.c_a_block dd{ overflow:hidden; padding-left: 6%; background: url(../image/advance_img02.png) right bottom no-repeat; background-size:39%;}
.c_a_block dd .brand_tit{ text-align:left; background-position:left bottom;}
.c_a_txt{ line-height: 1.1;}
.c_a_txt li{ padding-top: 5.5%;}
.c_a_txt li b{ display:inline-block; vertical-align:middle; line-height: 1; font-style:italic; padding-right: 40px; margin-right:20px; position: relative; color: #20b6e7;}
.c_a_txt li b:before{ content:""; position: absolute; top:50%; right:0; margin-top:-2px; width:20px; height: 4px; background:#20b6e7;}
/*backing*/
.backing{ color:#fff; background-attachment:fixed;}
.backing .brand_tit{ color:#fff; background-image:url(../image/brand_02b.png);}
.backing_list{ text-align:center; margin:-10px; line-height:1.2;}
.backing_list li{ width:16.66%; float:left; padding: 10px; margin-bottom: 3.5%;}
.backing_list li img{ display:block; margin: 0 auto 15px; width: 70px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.backing_list li span{ display:inline-block; position:relative; padding-bottom:15px;}
.backing_list li span:before{ content:""; position: absolute; bottom:0; left:50%; margin-left:-9px; height: 2px; width:18px; background: #fff; opacity:.50;}
.backing_list li:hover img{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.backing_list li:hover span:before{ left:0; width:100%;}
/*backing_show*/
.backing_show{ background-color:#f8f8f8;}
.b_s_list{}
.b_s_list li{ width:20%; float:left; overflow: hidden; text-align:center; position:relative; border-left:1px solid rgba(255,255,255,.50);}
.b_s_list li a ,.b_s_list li img{ display:block; color:#fff;}
.b_s_caption{ position:absolute; bottom: 0; left:0; z-index:1; width:100%; line-height: 52px; padding:0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(31,181,234,.90);}
.b_s_list li.li_dif{ width:25%;}
/*teach*/
.teach{ }
.teach_box{}
.teach_box dt{ width:50%; float:right; text-align: right; padding-left: 4%;}
.teach_box dd{ overflow:hidden;}
.teach_item{ color:#333; margin-bottom: 30px;}
.teach_list{}
.teach_list li{ overflow: hidden; line-height: 30px; margin-bottom: 15px;}
.teach_list li em{ display:block; float:left; color: #20b6e7; font-weight: bold; font-style:italic; margin-right:15px;}
.teach_des{ overflow: hidden;}
/*megagame*/
.megagame{ background-color:#f8f8f8;}
.megagame_foreword{ text-align:center; margin-bottom: 30px;}
#megagame_scr{}
.megagame_txt{ height:100px; background:#fff; padding:20px 12% 0; transition: all 0.5s ease-in-out;}
.megagame_item,
.megagame_txt p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.megagame_item{ color: #333; margin-bottom:6px; transition: all 0.5s ease-in-out;}
#megagame_scr .item:hover .megagame_txt{ background:#20b6e7; color:#fff;}
#megagame_scr .item:hover .megagame_txt .megagame_item{ color:#fff;}
#megagame_scr .owl-nav a{ background:rgba(0,0,0,.15); border-radius:0; margin-top:-96px;}
#megagame_scr .owl-nav a.disabled{ opacity:1; background:#20b6e7;}
#megagame_scr .owl-dots{ display:none;}
.megagame_more{ display:block; margin:4% auto 0; width: 390px; line-height: 70px; text-align:center; background:#20b6e7; color:#fff;}
.megagame_more span{ display:inline-block; padding-right: 50px; background: url(../image/ico_20.png) right center no-repeat;}
.megagame_more:hover{ background-color:#05a5d9;}
/*show_album*/
.show_album{}
.album_list{ text-align:center; margin:-10px -8px;}
.album_list li{ display:inline-block; width:24.6%; padding:10px 8px;}
.album_list li a{ display:block; overflow:hidden;}
.album_list li a img{ display:block;}
/*intention*/
.intention{ padding: 0; background: url(../image/news_01.jpg) center top no-repeat; background-size:cover; position:relative; color: #fff;}
.intention .bgImg{ position:absolute; top:0; right:0; width:50%; height: 100%;}
.intention_box{ width:50%; height: 660px; padding: 4% 4% 4% 0;}
.intention_tit{ margin-bottom: 30px;}
.intention_form{ max-width: 584px;}
.intention_form .form_txt{ height:47px; line-height: 27px;}
.intention_form .form_yu{ height:115px;}
.form_btn{ display:block; cursor:pointer; width:100%; height:60px; color: #fff; background: #d93732;}
.btn_reset{ color: #20b7e5; background: #fff;}
/*contact_ways*/
.contact_ways{}
.ways_list{ margin: -10px -20px;}
.ways_list li.li_item{ width:50%; float: left; padding: 10px 20px; line-height: 36px;}
.ways_block{ overflow:hidden; position:relative; height:305px; padding:7%; border-radius:10px; background:#f8f8f8; color: #333; transition: all 0.5s ease-in-out;}
.ways_block:before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; overflow: hidden; background:url(../image/ways_01.jpg) center center no-repeat; background-size:cover; border-radius:10px; opacity:0;}
.ways_item{ position: relative; margin-bottom:20px;}
.ways_block .ico{ margin-top:8px;}
.ico.ico_user02{ background-image: url(../image/ways_ico01.png);}
.ico.ico_email02{ background-image: url(../image/ways_ico02.png);}
.ico.ico_local02{ background-image: url(../image/ways_ico03.png);}
.ways_list li.li_item:hover .ways_block{ color:#fff;}
.ways_list li.li_item:hover .ways_block:before{ opacity: 1; }
.ways_list li.li_item:hover .ico{ background-position:left top;}
/*================================================主营业务================================================*/
/*==========校内业务*/
/*tech*/
.tech{ padding: 0; background-color:#f5f5f5; line-height: 1.85;}
.tech .bgImg{ width:50.52%; height: 100%; position: absolute; top:0; right:0;}
.tech_box{ width:50%; padding:4% 4% 4% 0; height: 500px;}
.tech_block{ max-width:590px;}
/*policy*/
.policy{ overflow: hidden; padding-bottom: 0; text-align: center;}
.policy .about_tit{ margin-bottom: 24px;}
.policy_dec01{ position:absolute; top:0; left:29%; z-index: 1; display:block; margin:0 auto; width:42%;}
.policy_box{ width:50%; max-width: 484px; margin:0 auto; overflow:hidden; position:relative; z-index: 2;}
img.policy_kuang{ display:block; width: 100%;}
.policy_show{ overflow: hidden; position: absolute; top:12%; left: 10%; width:80.7%; height:88%;}
.policy_show img{ display:block; width:100%;}
.policy_cover{ position:absolute; top:0; left:0; z-index:2; width:100%; height: 100%; opacity:0; background: url(../image/policy_05.png) center top no-repeat; background-size:cover; text-align:center; color: #fff;}
.policy_cover p{ position: absolute; bottom:15%; left:0; width:100%;}
.policy_cover p span{ display:inline-block; line-height: 48px; padding: 0 30px; border:1px solid #fff; border-radius: 25px;}
.policy_box:hover .policy_cover{ opacity:1;}
.policy_detail{ background: #fff; text-align:center; padding: 5%;}
.policy_detail .about_tit{ padding-bottom:0; text-align:center;}
.policy_detail .about_tit:before{ display:none;}
.policy_detail img{ display:block; margin: 0 auto; border:1px solid #e5e5e5;}
/*case*/
.case{ padding-bottom:160px; margin-bottom: -80px; background-color:#f5f5f5; }
.case_pic{ overflow: hidden;}
.case_pic img{ display:block; width:100%;}
.case_txt{ padding: 6%;}
.case_item{ margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_des{ line-height:26px; max-height:52px; overflow: hidden; opacity: .80;}
/*theme_common*/
.theme_common .owl-nav a{ position:absolute; top:50%; left:-70px; margin-top:-60px; width:30px; height:60px; background:url(../image/arrow_10.png) left center no-repeat; opacity:.20;}
.theme_common .owl-nav a span{font-size:0;}
.theme_common .owl-nav a.disabled{ opacity:.50;}
.theme_common .owl-nav a.owl-next{ left:auto; right:-70px; background-position:right center;}
.theme_common .owl-dots{ position:relative; margin-top:30px;}
.theme_common .owl-dots .owl-dot{ position: relative; width:35px; border-radius: 0; border:none;}
.theme_common .owl-dots .owl-dot:before,
.theme_common .owl-dots .owl-dot:after{ content:""; position: absolute; top:50%; left:0; margin-top:-2px; width:100%; height: 2px; background: #c4c4c4;}
.theme_common .owl-dots .owl-dot:after{ width:0; background: #043477;}
.theme_common .owl-dots .owl-dot.active{ border:none; background:none;}
.theme_common .owl-dots .owl-dot.active:after{ width:100%;}
.theme_common .item a{ display:block; background:#fff;}
.theme_common .item:hover a{ background:#043477; color: #fff;}
/*case_scr*/
#case_scr{ margin:-10px;}
#case_scr .owl-item{ padding:10px;}
#case_scr .item a{ box-shadow:0 0 20px 0 rgba(0,0,0,.10);}
/*case_detail*/
.case_detail{ background:#fff; padding: 10px;}
.c_d_img{ width:53.4%; float: left;}
/*c_d_scr*/
#c_d_scr{ display:block;}
#c_d_scr .owl-item .c_d_img img{ width:100%;}
#c_d_scr .owl-nav{ text-align:center; width:124px;line-height:64px; position:fixed; bottom: 0; right:0; background: url(../image/jia_03.jpg) no-repeat; background-size:cover; color: #fff; font-size: 24px;}
#c_d_scr .owl-nav a{ display:inline-block;}
#c_d_scr .owl-nav a.disabled{ color:#000; opacity: .80;}
#c_d_scr .owl-nav a span{ padding:0 20px; position:relative;}
#c_d_scr .owl-nav a.owl-prev span:before{ content:""; position: absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background: #fff;}
.c_d_info{ overflow: hidden; padding:4%; font-size: 12px; line-height:1.8;}
.c_d_tit{ color:#333; margin-bottom: 15px;}
/*room*/
.room{ padding-bottom: 0; padding-top: 50px; background-color:#f5f5f5;}
.room_base{}
.room_base dt{ width:50%; float: right; overflow: hidden;}
.room_base dt img{ display:block; float: right; width: 98.57%; border-radius:10px;}
.room_base dd{ overflow: hidden; line-height:1.85; padding:2% 4% 2% 0;}
.room_block{ max-width:630px;}
.room_yiju{ overflow: hidden; padding: 30px 0 0; position: relative; z-index: 2; margin-bottom: -115px;}
.yi_tit{ margin-bottom:20px;}
.yi_list{ margin: -10px;}
.yi_list li{ width:50%; float: left; padding: 10px; color: #daf9ff;}
.yi_block{ position: relative; height: 235px; background: #63ce95; border-radius: 10px; padding: 6%; transition: all 0.5s ease-in-out;}
.yi_block .bgImg{ position: absolute; top:0; left:0; border-radius: 10px; opacity:.20;}
.yi_item , .yi_show{ position: relative; z-index:2;}
.yi_item{ padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.30); margin-bottom: 15px;}
.yi_show{ margin:0 -10px; line-height: 2;}
.yi_show a{ display:block; float: left; width:50%; color: #daf9ff; padding:0 10px;}
.yi_show a span{ display:block; padding-left: 20px; background:url(../image/policy_ico01.png) left center no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yi_show a:hover{ color:#fff; text-decoration:underline;}
.yi_list li .yi_block:hover{ background: #41c07c;}
.yi_list li.yi_abroad .yi_block{ background:#00b3ed;}
.yi_list li.yi_abroad .yi_block:hover{ background: #09a4d6;}
/*room_policy*/
.room_policy{ padding-bottom: 80px;}
.r_p_list{ margin:-15px; position: relative; }
.r_p_list:before{ content:""; position: absolute; top:4%; left:46.5%; width:1px; height:80%; background: #ebebeb;}
.r_p_list li{ display:inline-block; vertical-align: bottom; margin: 0 3%; width:40%; max-width: 562px;}
.r_p_box{ width:50%; float: left; padding:15px;}
.r_p_block{ border:14px solid #ebebeb;}
.r_p_img{ position:relative;}
.r_p_img img{ display:block;}
.r_p_block .market_cover{top:0; left:0; width:100%; height:100%; }
.r_p_list li.r_p_course{ width:33%; max-width: 458px;}
.r_p_list li.r_p_course .r_p_box{ width:100%; float: none;}
/*room_policy*/
.room_policy{ padding-top:210px;}
/*base*/
.base{ padding-bottom: 0; padding-top: 50px; background-color:#f5f5f5;}
.base_l{ width:60%; float: left; padding-right: 4%; padding-bottom: 4%;}
.base_block{ max-width: 750px;}
.base_aim{ margin-top: 4%;}
.aim_list{ margin:-5px -10px;}
.aim_list li{ width:33.33%; float:left; overflow: hidden; padding:5px 10px;}
.aim_list li em{ display:block; float: left; text-align: center; color: #fff; width:70px; line-height: 80px; background: url(../image/aim_01.png) no-repeat; background-size:contain; margin-right: 15px;}
.aim_des{ overflow: hidden; line-height: 24px; max-height:48px; margin-top:15px; max-width: 140px;}
.base_r{ overflow:hidden; margin-bottom: -80px; position: relative; z-index: 2;}
.base_r img{ display:block; margin:0 auto; border-radius:10px;}
/*major_func*/
.major_func{ background:#043477; color:#fff;}
.func_list{ margin:-10px -25px;}
.func_list li{ width:25%; float: left; padding:10px 25px;}
.func_item{ }
.func_list li img{ display:block; border-radius: 5px; margin:15px 0;}
.func_des{ letter-spacing:-0.005em;}
/*model*/
.model{}
.model_list{ margin:-10px -20px; overflow: hidden;}
.model_list li{ width:50%; float: left; padding:10px 20px;}
.model_block{ height:260px; border:1px solid rgba(0,0,0,.10); padding: 4% 7%; transition: all 0.5s ease-in-out;}
.model_item{ color:#043477; margin-bottom: 10px;}
.model_item img{ display:inline-block; vertical-align: middle; margin-right: 25px;}
.model_des{ line-height:2; padding-left: 80px; position: relative;}
.model_des:before{ content:""; position: absolute; top:0; left:26px; width:1px; height: 115px; background: #043477; opacity: .50;}
.model_list li:hover .model_block{ box-shadow:0 0 30px -3px rgba(0,0,0,.15);}
/*added*/
.added{ background-color:#f5f5f5;}
.added_l{ width:50%; float: left; margin-right: 5%;}
.added_r{ overflow:hidden; padding-left: 5%; position:relative;}
.added_r:before{ content:""; position:absolute; top:25%; left:0; width:1px; height: 50%; background:#000; opacity:0.10; }
.added_list{ margin:-5px -8px; max-width: 544px; float: right;}
.added_list li{ width:50%; float:left; padding:5px 8px;}
.added_list li .added_img{ display:block; border:10px solid #dcdcdc; position:relative;
transition: all 0.5s ease-in-out;
}
.added_list li .added_img img{ display:block; width:100%;}
.added_list li .added_img:hover{ border-color:#043477;}
.added_list li .added_img .market_cover{ top:0; left:0; width:100%; height: 100%;}
/*added_course*/
.added_course{ color:#fff;}
.course_service{ overflow: hidden; margin:-20px;}
.course_service li{ width:33.33%; float: left; padding:20px;}
.course_service li a{ display:block; height:435px; background:rgba(255,255,255,.90); border-radius:5px; padding: 9%;}
.c_s_item{ font-weight: bold; color: #043477; padding-bottom: 20px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.c_s_des{ line-height:24px; max-height:288px; overflow: hidden;}
.course_service li a:hover{ background:#fff; box-shadow:0 0 30px -3px rgba(0,0,0,.15);}
/*results*/
.results{}
.results_class{ width:40%; float:left; margin:-10px; overflow: hidden; border-right:1px solid rgba(0,0,0,.10);}
.results_class li{ width:50%; float:left; overflow: hidden; padding: 10px;}
.results_class li em{ display:inline-block; vertical-align: middle; width:40px; line-height:40px; text-align: center; background:#043477; color: #fff; margin-right: 10px;}
.results_r{ overflow:hidden; padding-left: 4%; text-align: right;}
/*cultural*/
.cultural{ background-color:#f5f5f5;}
.cultural_list{ margin:-10px -7px; overflow: hidden;}
.cultural_list li{ width:50%; float:left; padding:10px 7px; color: #fff;}
.cultural_block{ height:185px; border-radius:5px; padding:5%;}
.cultural_list li.c_li01 .cultural_block{ height:390px; padding:8%; background: #61cd93;}
.cultural_list li.c_li02 .cultural_block{ background: #30c8d5;}
.cultural_list li.c_li03 .cultural_block{ background: #f2ab50;}
.cultural_item{ padding-bottom: 15px; border-bottom:1px solid rgba(255,255,255,.30); margin-bottom: 20px;}
/*activities*/
.activities{ margin-top:40px; padding-top:30px; border-top:1px solid rgba(0,0,0,.10);}
.activities_tit{ margin-bottom: 20px;}
/*added_scr*/
#activities_scr .owl-nav a,
.added_scr .owl-nav a{ position:absolute; top:50%; left:-40px; margin-top:-15px; width:30px; height:30px; background:url(../image/arrow_06b.png) left top no-repeat; }
#activities_scr .owl-nav a span,
.added_scr .owl-nav a span{ font-size:0;}
#activities_scr .owl-nav a.owl-prev.disabled,
.added_scr .owl-nav a.owl-prev.disabled{ background-position:right top;}
#activities_scr .owl-nav a.owl-next,
.added_scr .owl-nav a.owl-next{ left:auto; right:-40px; background-position:right bottom;}
#activities_scr .owl-nav a.owl-next.disabled,
.added_scr .owl-nav a.owl-next.disabled{ background-position:left bottom;}
#activities_scr .item{ overflow:hidden; position:relative;}
#activities_scr .item img{ display:block; width:100%;}
.activities_caption{ position:absolute; bottom: -100%; opacity:0; left:0; z-index:1; width:100%; background:rgba(48,200,213,.90); color:#fff; padding:5% 8%;
transition: all 0.5s ease-in-out;
}
#activities_scr .item:hover .activities_caption{ bottom:0; opacity:1;}
/*added_other*/
.added_other{}
.other_show{ margin:-3.5% 0;}
.other_box{ padding:3.5% 0; border-bottom:1px solid rgba(0,0,0,.10);}
.other_box:last-child{ border:none;}
.other_l, .other_r{ width:50%; float: left;}
.other_l{ padding-right:6%;}
.other_l .other_block{ max-width: 570px;}
.added_scr{}
.added_scr .item{ overflow:hidden;}
.added_scr .item img{ display:block; width:100%;}
.other_dif{}
.other_dif .other_l{ padding-right: 0; padding-left:6%; float:right;}
.other_dif .other_l .other_block{ float:right;}
.other_item{ color:#30c8d5; margin-bottom: 10px;}
/*added_contact*/
.added_contact{ padding-bottom: 160px; margin-bottom: -80px; background-color:#f5f5f5;}
.contact_zone{ margin: -10px;}
.contact_zone li.li_item{ width:25%; float: left; padding: 10px;}
.zone_box{ background: #fff; padding: 10px; border-radius: 5px;}
.zone_box, .zone_tit{ transition: all 0.5s ease-in-out;}
.zone_block{ border:1px solid rgba(0,0,0,.10); border-radius: 5px; height:376px; padding:10% 8%;}
.zone_tit{ color: #30c8d5; padding-bottom:15px;}
.zone_info{ margin: -5px 0; overflow: hidden; padding: 25px 0; border-top:1px dashed rgba(0,0,0,.10); border-bottom:1px dashed rgba(0,0,0,.10); }
.zone_info li{ overflow:hidden; padding:5px 0; line-height: 24px;}
.zone_info li .ico{ width:22px; height:22px;}
.ico.ico_tel03{ background-image: url(../image/added_ico01.png);}
.ico.ico_email03{ background-image: url(../image/added_ico02.png);}
.zone_info li p{ overflow:hidden;}
.zone_info li p span{ display:block;}
.zone_city{ padding-top: 20px;}
.zone_box:hover{ background-color:#30c8d5; color: #fff;}
.zone_box:hover .zone_tit{ color: #fff;}
.zone_box:hover .zone_block,
.zone_box:hover .zone_info{ border-color:rgba(255,255,255,.30);}
.zone_box:hover .zone_info li .ico{ background-position: left top;}
/*==========青少年STEAM智能云测评系统*/
/*steam_intro*/
.steam_intro{ padding-bottom: 0; text-align:center;}
.steam_intro .about_tit{ padding-bottom:0; margin-bottom:2%;}
.steam_intro .about_tit:before{ display:none;}
.s_i_txt{ max-width: 1050px; margin:0 auto; line-height: 24px; height: 168px; overflow: hidden;}
.s_i_point{ font-size: 0; display:block; margin:5% auto 0; width:42px; height:42px; background: url(../image/steam_01.png) center center no-repeat; background-size: cover; opacity: .20;}
.s_i_point:hover{ opacity: .50;}
.s_i_graphic{ background: #30c8d5; padding:2.5% 0; margin-top:4%;}
/*student*/
.student{ padding-bottom:200px; background-image:url(../image/student_01.jpg); background-position:center bottom;}
.student_block{ width:50%; float:left; color: #fff; transition: all 0.5s ease-in-out;}
.student_block dt, .student_block dd{ width:50%; float: right; position:relative; overflow: hidden; height: 275px;}
.student_block dd{ padding:9% 7%;}
.student_block dd h6{ margin-bottom:5px;}
.student_des{ line-height: 24px; max-height: 144px; overflow: hidden;}
.block_dif dt{ float: left;}
.student_block:nth-child(1){ background:#1fb9ef;}
.student_block:nth-child(2){ background:#30c8d5;}
.student_block:nth-child(3){ background:#f3b456;}
.student_block:nth-child(4){ background:#61cd93;}
.student_block:hover{ opacity:.90;}
/*client*/
.client{ text-align:center; width: 60%; margin:4% auto 0; max-width:314px; line-height: 55px; border-radius:28px; background:#e5e5e5;}
.client li{ width:50%; float:left;}
.client li a{ display:block; border-radius:28px;}
.client li.active a{ background:#043477; color:#fff;}
.client li:hover a{ opacity:.80;}
/*tan_client*/
.tan_client{ text-align:center;}
.tan_client .tan_closed{ width:50px; line-height: 50px; font-size: 30px; background:none;}
.tan_client .tan_closed:hover{ background-color:#fff; color:#043477;}
.tan_client .tan_box{ width:100%; max-width: 767px; background:#f6f6f6; text-align: left;}
.client_item{ background:#043477; color:#fff; line-height: 50px; padding:0 30px; margin-bottom:5%;}
.client_block{ overflow: hidden; text-align:center; height: 530px; padding: 0 30px;}
.tan_client .mCSB_scrollTools{ width:5px;}
.tan_client .mCSB_scrollTools a + .mCSB_draggerContainer{ margin:0;}
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width:5px; background:none;}
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; background:#e0e0e0;}
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.tan_client .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#ccc; }
/*tearcher*/
.tearcher{ padding-top: 30px; background:#0fbfff; color: #fff;}
.tearcher_list{ max-width: 1306px; margin:-10px auto;}
.tearcher_list li{ width:33.33%; float: left; padding:10px 25px;}
.tearcher_list li a{ display:block; overflow: hidden; position:relative; color: #fff;}
.tearcher_list li a img{ display:block; width:100%;}
.tearcher_info{ position:absolute; bottom: 0; left:0; z-index:1; width:100%; padding:0 10% 10%; line-height: 1.85;}
/*tearcher_client*/
.tearcher_client{ background:#fff;}
.tearcher_client li.active a{ background:#f3b456;}
/*supervisor*/
.supervisor{}
.supervisor_img{ width:40.35%; float:left; text-align:right; margin-right: 3.5%;}
.supervisor_r{ width:56.15%; float: right; position: relative; padding:0 45px 25px 0; background: url(../image/supervisor_02.png) right bottom no-repeat;}
.supervisor_info{ background:#fff; color: #333; padding:2% 8%; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.supervisor_info li{ overflow:hidden;}
.supervisor_ico, .supervisor_txt{ padding: 25px 0;}
.supervisor_ico{ display:block; float: left; width:45px; margin-right: 20px;}
.supervisor_txt{ overflow:hidden; border-bottom:1px solid #e5e5e5;}
.supervisor_txt h6{ margin-bottom: 6px;}
.supervisor_info li:last-child .supervisor_txt{ border:none;}
/*==========师资培训*/
/*platform*/
.platform_sec01{ text-align:center; line-height:2;}
.platform01_forewords{ max-width: 865px; margin: 0 auto; margin-top: 2%;}
.platform_list{ margin:3% -20px -20px;}
.platform_list li{ width:33.33%; float: left; padding:20px;}
.platform_list li a{ display:block; border:1px solid #e3e3e3; height: 112px;}
.platform_list li a:hover{ border-color:#ccc;}
.platform_sec02{ text-align:center; background-color:#f8f8f8;}
.platform02_forewords{ max-width: 1100px; margin: 0 auto; margin-bottom: 3%;}
/*platform_scr*/
.business_scr .owl-dots{ position:relative; margin-top: 30px;}
.business_scr .owl-dots .owl-dot{ border:none; background:#dfdfdf;}
.business_scr .owl-dots .owl-dot.active{ background-color:#7c7c7c;}
/*platform_sec03*/
.platform_sec03{ padding: 7% 0 160px; margin-bottom: -80px;}
.apply{ max-width:1320px; margin: 0 auto; background: rgba(255,255,255,.70); color: #000; padding: 4%; line-height: 2;}
.apply_img{ width:140px; float: right; margin-left: 6%;}
.apply_info{ overflow:hidden;}
/*==========零售业务*/
/*retail_intro*/
.retail_intro{}
.r_i_img{ width:50%; float: right; text-align:right; padding-left: 4%;}
.r_i_l{ overflow:hidden;}
.r_i_txt{ max-width: 690px;}
.r_i_txt h6{ line-height: 2; margin-bottom:20px;}
/*retail_pro*/
.retail_pro{ background-color:#f3f3f3;}
#retail_scr{ }
#retail_scr .item{ text-align:center;}
.retail_img{ overflow: hidden; background:#fff; box-shadow:0 0 20px 2px rgba(0,0,0,.10); margin-bottom:20px;}
.retail_img img{ display:block;}
/*retail_cooper*/
.retail_cooper{}
.cooper_brand{ margin:-10px;}
.cooper_brand li{ width:14.285%; float: left; padding: 10px;}
.cooper_brand li a{ display:block; border:1px solid #dcdcdc; height:106px;}
.cooper_brand li a:hover{ border-color:#ccc; box-shadow:0 0 30px -2px rgba(0,0,0,.15);}
.cooper_brand li a .bgImg{ display:block;
transition:all .5s ease-in-out;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
}
.cooper_brand li a:hover .bgImg{
-webkit-transform:rotateY( 30deg);
-moz-transform:rotateY( 30deg);
transform:rotateY( 30deg);
}
/*==========赛事活动*/
/*event_rec*/
.event_rec{ padding-bottom: 0;}
.e_r_block{}
.e_r_tit{ text-align:center; background:#043477; color: #fff; line-height: 1.53; padding:2.3%;}
/*holiday*/
.holiday{}
.holiday_block{ text-align:center;}
/*bright*/
.bright{ background-attachment:fixed; color: #fff;}
.bright_list{ margin:-10px;}
.bright_list li{ width:25%; float: left; text-align:center; padding:10px;}
.bright_ico{ display:block; margin: 0 auto 30px; position:relative; width:113px; height:113px; border-radius:50%;}
.bright_ico img{ display:block; width:65px; height:65px; position:absolute; top:50%; left:50%; z-index:1; margin:-33px 0 0 -33px; transition: all 0.5s ease-in-out;}
.bright_ico:before,
.bright_ico:after{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; border-radius:50%; border:1px solid #fff;}
.bright_ico:after{ top:-10%; left:-10%; width:120%; height: 120%; opacity:0; background:#043477; border:none;}
.bright_list li:hover .bright_ico:before{ border-color:#043477;}
.bright_list li:hover .bright_ico:after{ top:0; left:0; width:100%; height: 100%; opacity:1;}
.bright_list li:hover .bright_ico img{ top:48%;}
/*event_news*/
.event_news{}
.news_show{ overflow: hidden; margin:-20px;}
.news_show li{ width:33.33%; float:left; padding:20px;}
.news_show li a{ display:block; background: #f5f5f5; border:1px solid #f5f5f5; height:220px; padding:6% 8% 0;}
.n_s_time{ display:block; float: left; font-size:12px; width:70px;}
.n_s_time b{ display:block; line-height: 1; color:#043477;}
.n_s_info{ overflow:hidden; padding-left:5%; border-left:1px solid #ececec;}
.n_s_tit{ line-height:27px; max-height:54px; overflow: hidden; margin-bottom:10px;}
.n_s_des{ opacity:.80; line-height: 24px; max-height: 48px; overflow:hidden;}
.n_s_more{ display:block; clear: both; margin-top:20px; padding-top: 15px; border-top:1px solid #dcdcdc; text-transform: uppercase; opacity:.70;}
.news_show li a:hover{ background-color:#fff; box-shadow:0 5px 40px -2px rgba(0,0,0,.10);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
/*camp*/
.camp{ background-color:#043477; color: #fff;}
.camp_list{ overflow: hidden; margin:-30px;}
.camp_list li{ width:50%; float: left; padding: 30px;}
.camp_list li a{ display:block; overflow: hidden; position: relative;}
.camp_list li a img{ display:block; width:100%;}
.camp_caption{ position:absolute; bottom:0; left:0; z-index:1; width:100%; background:rgba(0,0,0,.40); padding:2.2% 4%; color: #fff;}
/*wonderful*/
.wonderful{ background-color:#f5f5f5;}
.wonderful_txt{ height: 120px; padding:8% 10%;}
.wonderful_item{ margin-bottom:5px;}
.wonderful_item, .wonderful_des{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*sign*/
.sign{ background-attachment:fixed; background-position:center bottom; color: #fff;}
.sign_link{ display:block; margin:-20px auto 0; position:relative; text-align: center; border:1px solid #fff; color: #fff; width:60%; max-width:160px; line-height: 62px; border-radius:32px;}
.sign_link em{ display:block; position:relative; z-index:1;}
.sign_link:before{ content:""; position:absolute; top:-10%; left:-10%; width:120%; height: 120%; border-radius:32px; background:#fff; opacity: 0;}
.sign_link:hover{ color:#043477;}
.sign_link:hover:before{ top:0; left:0; width:100%; height: 100%; opacity:.80;}
/*contact_us*/
.contact_us{}
.contact_us .inner{ position:relative;}
.c_u_list{ margin:-10px;}
.c_u_list li{ width:33.33%; float:left; text-align: center; padding: 10px;}
.c_u_block{ display:table; width:100%; background:#fff; transition: all 0.5s ease-in-out; height: 270px;}
.c_u_ico{ display:block; margin:0 auto 20px; position:relative; background: url(../image/event_07.png) center center no-repeat; background-size:contain; width:102px; height: 102px;}
.c_u_ico img{ display:block; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; width:40px; height: 40px; transition: all 0.5s ease-in-out;}
.c_u_block h6{ margin-bottom:5px;}
.c_u_txt{ color:#043477;}
.c_u_block:hover{ box-shadow:0 5px 30px -3px rgba(0,0,0,.15);}
.c_u_block:hover .c_u_ico img{
-webkit-transform: translate3d(0, 3px, 0);
transform: translate3d(0, 3px, 0);
}
img.contact_dec01{ display:block; position:absolute; top: 7%; right: -7%; width: 8%; max-width: 100px; }
img.contact_dec02{ display:block; position:absolute; bottom: -33%; left: -12%; z-index: 2; width: 16%; max-width: 212px;}
/*event_partner*/
.event_partner{}
.e_p_list{ margin: -15px; overflow: hidden;}
.e_p_list li{ width:25%; float: left; padding: 15px;}
.e_p_list li a{ display:table; text-align:center; position:relative; width:100%; height:120px; background:#f5f5f5;}
.e_p_list li a h6{ transition: all 0.5s ease-in-out;}
.e_p_list li a .bgImg{ position:absolute; top:0; left:0; z-index:2; background-color:#f5f5f5; background-size:contain; width:100%; height: 100%; opacity:0; transform: scale(1.1); transition: all 0.5s ease-in-out;}
.e_p_list li a:hover .bgImg{ opacity:1; transform: scale(1);}
.e_p_list li a:hover h6{ opacity:0;}
/*writing_banner*/
#writing_banner{ height:680px;}
#writing_banner .owl-stage-outer, #writing_banner .owl-stage, #writing_banner .owl-item, #writing_banner .item, #writing_banner .item a{ display:block; height: 100%;}
#writing_banner .item a .bgImg{ position:absolute; top:0; left:0;}
#writing_banner .item .inner{height: 100%; position:relative;}
.banner_txt{ display:block; position:absolute; top:15%; left:15%; opacity:0;}
.banner01_txt{ width:40%; max-width: 520px;}
.banner02_txt{ width:30%; max-width: 395px;}
#writing_banner .owl-item.active .item .banner_txt{
animation: 1s .2s move02 both;
}
.my_move02{
animation: move02 1s forwards alternate;
-moz-animation: move02 1s forwards alternate;
-webkit-animation:move02 1s forwards alternate;
-o-animation:move02 1s forwards alternate;
}
@keyframes move02{
0% { left:15%; opacity: 0;}
100% { left:5%; opacity: 1;}
}
@-moz-keyframes move02{
0% { left:15%; opacity: 0;}
100% { left:5%; opacity: 1;}
}
@-webkit-keyframes move02{
0% { left:15%; opacity: 0;}
100% { left:5%; opacity: 1;}
}
@-o-keyframes move02{
0% { left:15%; opacity: 0;}
100% { left:5%; opacity: 1;}
}
#writing_banner .owl-nav a{ position:absolute; top:40%; left:10%; margin-top:-15px; width:30px; height:30px; background:url(../image/arrow_11.png) left center no-repeat;}
#writing_banner .owl-nav a span{font-size:0;}
#writing_banner.owl-nav a.disabled{ opacity:.70;}
#writing_banner .owl-nav a.owl-next{ left:auto; right:10%; background-position:right center;}
/*writing_intro*/
.writing_intro{ }
.w_i_l{ width:48%; float: left;}
.w_i_img{ overflow:hidden; float: left; width:85%;}
.w_i_video{ float:right; position: relative; z-index: 2; border:15px solid #fff; width:50%; max-width: 332px; margin-top:-32%;}
.w_i_video img{ display:block;}
.w_i_cover{ display:block; width:100%; height: 100%; text-align:center; position: absolute; top:0; left:0; color: #fff;}
.w_i_cover img{ margin:0 auto 15px; width:30%; max-width:75px;}
.w_i_r{ width:50%; float: right; max-width: 670px; padding-top:5%;}
.writing_handle{ margin: 6% -15px 0;}
.writing_link{ display:inline-block; vertical-align:middle; margin:0 15px; padding:0 30px; line-height: 62px; border-radius:32px; border:1px solid #2abbd8; color:#2abbd8;}
.writing_link:hover{ background-color:#2abbd8; color:#fff;}
/*video_warp*/
#video_warp{ text-align:center;}
#video_warp .tan_box{ width:100%; max-width:1175px; padding: 10px; background: #043477;}
.video_area{ height:555px; background:#000;}
#video_warp .tan_closed{ right:-60px; background: #043477;}
#video_warp .tan_closed:hover{ background: #043477; opacity: .90;}
/*plan_detail*/
.plan_detail{ background: #fff; color: #333; padding:5%;}
.plan_box{}
.plan_tit{ text-align:center; margin-bottom: 15px;}
.plan_item{ text-align:center; color: #2abbd8; margin-bottom: 30px;}
table.table_plan{ border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; line-height: 1.5; text-align:center; font-size: 24px;}
table.table_plan thead tr th{ font-weight:normal; background: #2abbd8; border-left:1px solid #d2d2d2; color: #fff; padding:2% 0;}
.align_left{ text-align:left;}
table.table_plan tbody tr td{ padding:4%; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
table.table_plan tbody tr:nth-child(even) td{ background:#f5f5f5;}
.plan_text{}
.plan_text li{ overflow:hidden; margin-bottom: 3%;}
.plan_slot{ display:block; float: left; margin-right: 5px;}
.plan_des{ overflow:hidden;}
.plan_show{ overflow: hidden; margin:-10px;}
.plan_show li{ width:50%; float: left; padding:10px;}
.plan_show li img{ display:block;}
.plan_more{ text-align:center; margin-top: 3%;}
/*latest_info*/
.latest_info{ background-color:#f5f5f5;}
.latest_info .news_show li a{ background-color:#fff;}
/*process*/
.process{ background-position:center bottom; background-size:auto; max-height: 530px;}
#process_scr{ text-align:center;}
#process_scr .owl-item:before{ content:""; position:absolute; top: 45px; right: -56px; width:113px; height:56px; background: url(../image/process_01.png) center center repeat; background-size:cover;}
#process_scr .item b{ display:block; position:relative; z-index: 1; margin:0 auto 15px; border-radius: 50%; width:62px; line-height: 58px; background:#fff; border:2px solid #2abbd8; color:#2abbd8;}
#process_scr .owl-item:nth-child(even) .item b{ background:#2abbd8; color: #fff; margin-top:77px;}
#process_scr .owl-item:nth-child(even):before{ background-image: url(../image/process_01b.png);}
#process_scr .owl-item:last-child:before{ display:none;}
#process_scr .item p{ display:inline-block;transition: all 0.5s ease-in-out; position:relative;}
#process_scr .item p:before{ content:""; position:absolute; bottom: 0; left:50%; width:0; height:1px; background:#2abbd8;}
#process_scr .owl-item:hover p{ color:#2abbd8;}
#process_scr .owl-item:hover p:before{ left:0; width:100%;}
/*wonderful_past*/
.wonderful_past{ background-position:center top; background-size:auto; background-color:#f5f5f5; max-height: 734px;}
/*expert*/
.expert{ background-position:center top; background-size:auto;}
.expert_box{ text-align:center; max-height:560px; overflow: hidden;}
.expert_item{ margin-bottom:10px;}
.expert_handle{ text-align:center; margin: 3% -15px 0;}
.expert_box, .expert_item{ line-height:36px;}
/*a_intro*/
.a_intro{}
.a_i_l{ width:50%; float: left; padding-right: 4%;}
.a_i_img{ max-width:635px; overflow:hidden;}
.a_i_r{ overflow:hidden;}
.a_i_r .about_tit{ margin-bottom:30px;}
.a_i_compare{ line-height:1.5; margin-top: 30px;}
.a_i_compare li span{ color:#043477;}
.a_i_others{ width:100%; clear: both; margin:-15px; padding-top:5%;}
.a_i_others li{ float:left; padding:15px; text-align:center;}
.others_yu{ height:245px; background:#f5f5f5; padding:50px 15px 0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.a_i_others li:nth-child(1){ width:24%;}
.a_i_others li:nth-child(2){ width:50%;}
.a_i_others li:nth-child(3){ width:26%;}
.others_caption{ color:#043477; margin-bottom: 20px;}
.others_caption img{ display:block; margin:0 auto 15px;}
.others_txt a{ display:inline-block; line-height: 2; padding:0 15px;}
.a_i_others li:hover .others_yu{ box-shadow:0 5px 30px -2px rgba(0,0,0,.15);}
/*a_detailed*/
.a_detailed{ background-color:#f5f5f5;}
.detailed_box{ position: relative;/* height: 900px; */background: url(../image/jia_02.png) center top no-repeat;}
/*.detailed_box:before{ content:""; position:absolute; top:0; left:-10%; width:110%; height:100%; background: url(../image/jia_02.png) no-repeat;}*/
.detailed_yu{ padding:140px 40px 180px 80px;}
.detailed_con{ position:relative; z-index: 1; height:590px; overflow:hidden; line-height:28px;}
.detailed_item{ color:#043477; margin-bottom:30px;}
.organ{}
.organ li{ float:left; margin-right: 6%;}
.detailed_caption{ color:#043477;}
.detailed_caption b{ display:block; font-weight:normal; font-family:Impact;}
.detailed_line{ height:60px; position: relative;}
.detailed_line:before{ content:""; position:absolute; top:50%; left:0; width:100%; height: 1px; background:#dcdcdc;}
.detailed_con .mCSB_inside > .mCSB_container{ margin-right:30px;}
.detailed_con .mCSB_scrollTools{ width:8px;}
.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width:8px;}
.detailed_con .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:8px; background: #043477;}
/*a_rules*/
.a_rules{}
.rules_list{}
.rules_list li{ width:33.33%; float: left; height: 196px; text-align:center; color: #fff;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rules_list li:nth-child(1),.rules_list li:nth-child(2){ width:50%;}
.rules_list li:nth-child(1){ background-color:#39b277;}
.rules_list li:nth-child(2){ background-color:#1eb4ea;}
.rules_list li:nth-child(3){ background-color:#2172c4;}
.rules_list li:nth-child(4){ background-color:#f2ab50;}
.rules_list li:nth-child(5){ background-color:#043477;}
.rules_num{ display:block; font-family:Impact;}
.rules_list li:hover{ opacity:.90;}
/*================================================名师团队================================================*/
.team{ padding:80px 0;}
.team_list{ overflow:hidden; margin:0 -50px;}
.team_list li{ width:50%; float: left; padding:0 50px 40px;}
.team_list li a{ display:block; position: relative;}
.team_photo{ width:206px; height: 206px; overflow: hidden; position: absolute; top:50%; left:0; z-index:2; margin-top: -103px;}
.team_photo img{ display:block; width:100%; height:100%; border-radius:5px;}
.team_photo:before{ content:""; position:absolute; top:8px; left:8px; width: -webkit-calc(100% - 16px); width: calc(100% - 16px); height: -webkit-calc(100% - 16px); height: calc(100% - 16px); border:1px solid #fff; opacity:.30;}
.team_info{ position: relative; overflow: hidden; width:87.25%; height: 330px; border:1px solid #e5e5e5; border-radius:10px; margin-left: 80px; padding:5% 5% 0 160px; transition: all 0.5s ease-in-out;}
.team_info .bgImg{ position:absolute; top:-15%; left: -15%; width:130%; height: 130%; opacity:0;}
.team_item{ position:relative; z-index: 1; padding-bottom: 15px; margin-bottom: 20px; border-bottom:1px dashed #cccccc;}
.team_item span{ color:#20b6e7; margin-left:14px;}
.team_des{ line-height:24px; max-height: 168px; overflow: hidden;}
.team_des .mCSB_scrollTools{ width:3px; }
.team_des .mCSB_scrollTools a + .mCSB_draggerContainer{ margin:0;}
.team_des .mCSB_inside > .mCSB_container{ margin-right:20px;}
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width:1px; background:#e5e5e5;}
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:3px; background:#20b6e7;}
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragge.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#fff; }
.team_list li a:hover .team_info{ background:#20b6e7; color: #fff;}
.team_list li a:hover .team_info .bgImg{ top:0; left:0; width:100%; height: 100%; opacity:.10;}
.team_list li a:hover .team_des .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#fff;}
.team_list li a:hover .team_item span{ color: #fff;}
/*================================================下载中心================================================*/
.down_load{}
.load_list{ margin:-10px -10px 20px; overflow: hidden;}
.load_list li{ width:25%; float: left; padding: 10px;}
.load_list li a{ display:block; background:#fff;}
.load_img{ overflow:hidden;}
.load_img img{ display:block; width:100%;}
.load_info{ height: 78px; padding:20px 0 0 8%;}
.load_ico{ display:block; float: right; position: relative; font-size:0; width:68px; height: 44px; border-left:1px solid rgba(0,0,0,.10); margin-left: 8%;}
.load_ico:before{ content:""; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; width:24px; height: 24px; background: url(../image/ico_load.png) center bottom no-repeat;}
.load_des{ overflow:hidden; line-height: 22px; height:44px;}
.load_list li a:hover{ background-color:#043477; box-shadow:0 5px 20px -2px rgba(0,0,0,.30); color: #fff;}
.load_list li a:hover .load_ico:before{ background-position:center top;}
.down_load .page{ padding:20px 0; background:#fff;}
/*font*/
.f72{ font-size:72px;}
.f60{ font-size:60px;}
.f48{ font-size:48px;}
.f46{ font-size:46px;}
.f42{ font-size:42px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f34{ font-size:34px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
@media only screen and (max-width: 1599px){
/*font*/
.f72{ font-size:62px;}
.f60{ font-size:50px;}
.f48{ font-size:42px;}
.f46{ font-size:40px;}
.f42{ font-size:36px;}
.f40{ font-size:34px;}
.f36{ font-size:30px;}
.f34{ font-size:28px;}
.f32{ font-size:26px;}
.f30{ font-size:24px;}
.f28{ font-size:22px;}
.f26{ font-size:20px;}
.f24{ font-size:18px;}
.f22{ font-size:16px;}
.f20{ font-size:16px;}
.f18{ font-size:16px;}
.f16{ font-size:14px;}
/*banner*/
.banner_warp{ height:500px;}
/*about_tit*/
.about_tit{ margin-bottom:40px;}
/*alliance*/
#alliance_scr .owl-nav a{ width:22px; height:52px; margin-top:-62px; left:-42px;}
#alliance_scr .owl-nav a.owl-next{ right:-42px;}
/*theme_common*/
.theme_common .owl-nav a{ width:20px; height:40px; margin-top:-40px; left:-40px;}
.theme_common .owl-nav a.owl-next{ right:-40px;}
/*base*/
.aim_list li em{ width:50px; line-height:60px; margin-right:10px;}
.aim_des{ margin-top:5px;}
/*team*/
.team_list{ margin:0 -30px;}
.team_list li{ padding :0 30px 30px;}
.honor_scr li{ width:220px; height: 305px; margin-right: 25px;}
}
.brand_focus{ height:100vh;}
@media only screen and (max-width: 1279px){
/*font*/
.f72{ font-size:52px;}
.f60{ font-size:40px;}
.f48{ font-size:36px;}
.f46{ font-size:34px;}
.f42{ font-size:30px;}
.f40{ font-size:28px;}
.f36{ font-size:24px;}
.f34{ font-size:22px;}
.f32{ font-size:22px;}
.f30{ font-size:20px;}
.f28{ font-size:18px;}
.f26{ font-size:18px;}
.f24{ font-size:18px;}
.f22{ font-size:16px;}
.f20{ font-size:16px;}
.f18{ font-size:14px;}
.f16{ font-size:14px;}
/*title01*/
.title01 a em:before{ display:none;}
/*about_tit*/
.about_tit{ margin-bottom:30px;}
/*slide*/
.slide .owl-nav{ display:none;}
.slide-counter, .slide .owl-dots{ margin-bottom:20px;}
.scroll_i{ right:15px;}
/*80px-- 40px*/
.edu_sec, .pro_detail, .brand_sec, .team{ padding:40px 0;}
.campus{ padding-top:40px;}
.common_bg{ padding:40px 0 80px;}
.sec_course{ padding-bottom: 80px;}
/*major_load*/
.major_load{ width:100%; max-width:600px; margin: 20px 0;}
.major_load li{height:120px;}
/*sec_about*/
.about_warp{ height:476px;}
.about_info{ padding-top:50px;}
/*sec_business*/
.business_list li,.business_list li.business_06, .business_list li.business_07{ height:186px;}
.business_list li.business_02{ height:372px;}
.business_list li.business_04{ margin-top:186px;}
.business_item img{ width:35px;}
.more01{ width:122px; line-height: 38px; height: 40px; border-width: 1px;}
/*sec_honor*/
.honor_scr li{ width:193px; height: 268px; margin-right: 15px;}
/*sec_course*/
.sec_course .sec_top{ position: inherit; position:initial; text-align: left;}
.sec_course .title01, .title01_des{ padding-right:0;}
.title01_des{ text-align: left;}
#course_scr .owl-nav{ position: inherit; position:initial; margin:20px auto 0;}
#course_scr .owl-item .item{ margin:-10px;}
.course_block{ width:100%; float:none; height:auto; padding:10px;}
#course_scr .owl-item .item .course_block:nth-child(2){ display:none;}
.course_block dl dt{ width:280px; height:208px;}
.course_block dl dd{ padding:15px 15px 0;}
/*sub_nav*/
.nav_list li a{ padding:0 8px;}
.nav_list li a, .sub_nav.on .nav_list li a{ line-height: 67px;}
.nav_list li .nav_subclass, .sub_nav.on .nav_list li .nav_subclass{ top:67px;}
.nav_list li.has_class.active, .sub_nav.on .nav_list li.has_class.active{ padding-bottom: 48px;}
.nav_list li .nav_subclass a, .sub_nav.on .nav_list li .nav_subclass a{ line-height:48px; margin-right:0;}
/*==========about*/
.banner_warp { height: 350px; }
.banner_tit{ padding-bottom:20px;}
.intro_info{ padding-top:50px;}
.profile{height:auto;}
.profile_warp{ padding:0;}
.profile_warp .inner{ padding-top:8%; padding-bottom: 8%;}
.culture_list li{ padding:0 3%;}
.partner_list{ margin-top:-5px; margin-left:-5px; margin-right:-5px;}
.partner_list li{ padding:5px;}
/*contact*/
.contact_list li.li_item:nth-child(n) .contact_block{ padding:30px;}
/*04 主营业务*/
.aim_list li em{ width:40px; line-height:50px;}
.aim_des{ margin-top:0; line-height:20px; max-height:40px;}
.func_list,
.model_list,
.course_service,
.tearcher_list,
.platform_list,
.news_show,
.camp_list,
.e_p_list,
.pro_sort,
.ways_list{ margin:-10px;}
.func_list li,
.model_list li,
.course_service li,
.tearcher_list li,
.platform_list li,
.news_show li,
.camp_list li,
.e_p_list li,
.pro_sort li,
.ways_list li.li_item{ padding:10px;}
.platform_list{ margin-top:3%;}
.platform_list li a, .cooper_brand li a{ height:auto;}
.platform_list li a .bgImg img, .cooper_brand li a .bgImg img{ display:block;}
.news_show li{ width:50%;}
.sign_link{ line-height: 42px; border-radius:22px;}
.category_tit{ padding:10px;}
.category_tit span{ width:auto;}
.category_tit span:before, .category_tit span:after{ display:none;}
.detail_more i{ width:48px; height: 48px; border-width:2px;}
.detail_more i:before{ width:18px; height:18px; margin:-9px 0 0 -9px; background-size:18px;}
.system_list{ margin:-10px;}
.system_list li.li_item01,
.system_list li.li_item02,
.system_list li.li_item03{ width:100%; padding:10px;}
.system_ico{ margin-right:15px;}
/*07*/
.brand_focus{ height:auto;}
.brand_focus .bgImg, .brand_focus .inner{ position:inherit; position:initial;}
.brand_focus .bgImg img{ display:block;}
.megagame_more{ width:220px; line-height:50px;}
.backing_list li img{ width:50px;}
.b_s_caption{ position:inherit; position:initial; line-height: 40px;}
.load_ico{ width:44px;}
}
@media only screen and (max-width: 991px){
/*font*/
.f72{ font-size:42px;}
.f60{ font-size:34px;}
.f48{ font-size:30px;}
.f46{ font-size:28px;}
.f42{ font-size:24px;}
.f40{ font-size:22px;}
.f36{ font-size:18px;}
.f34{ font-size:18px;}
.f32{ font-size:18px;}
.f30{ font-size:16px;}
.f28{ font-size:16px;}
.f26{ font-size:14px;}
.f24{ font-size:14px;}
.f22{ font-size:14px;}
.f20{ font-size:14px;}
.f18{ font-size:14px;}
.f16{ font-size:12px;}
body,html{ font-size:12px;}
/*alliance*/
.alliance_l{ width:100%; }
.alliance_info{ clear:both; padding-left:0;}
.alliance_txt{ max-width:none; float: none;}
.alliance_notice{ width:40%; max-width: 200px;}
/*education*/
.education_base .alliance_l{ width:100%;}
#alliance_scr .item a .caption{ padding:10px;}
/*contact*/
.contact_list li.li_item:nth-child(n){ display:block; width:100%;}
.contact_list li.li_item:nth-child(n) .contact_block{ padding:20px; height: auto; overflow: hidden;}
.notice_code{ max-width:110px;}
.notice_info{ padding:0 0 0 20px;}
/*04 主营业务*/
.tech .bgImg{ width:100%; position:inherit;}
.tech .bgImg img{ display:block;}
.tech_box{ float: none; width:100%; height:auto; padding:5% 0;}
.tech_block{ max-width:none;}
.room_base dt{ width:100%; float: none;}
.room_base dd{ padding-right:0;}
.room_block{ max-width:none;}
.yi_show a{ width:100%; float: none;}
.r_p_box{ padding:5px;}
.r_p_block{ border-width:5px;}
.base{ padding-bottom:50px;}
.base_l{ width:100%; float: none; padding:0; margin-bottom: 3%;}
.aim_list li{ width:50%;}
.base_r{ margin:0;}
.func_list li{ width:50%;}
.model_list li{ width:100%;}
.model_block{ height:auto; padding: 4%;}
.model_des:before{ height:100%;}
.added_l{ width:100%; float: none; margin:0 0 4%;}
.added_r{ padding-left:0;}
.added_list{ float:none;}
.added_list li a{ border-width:5px;}
.course_service li{ width:100%; float: none;}
.course_service li a{ height:auto; padding: 20px;}
.results_class{ width:100%; float: none; border:none; }
.results_class li em{ width:30px; line-height: 30px;}
.results_r{ text-align:center; padding-left: 0;}
.other_l, .other_r, .other_dif .other_l, .other_dif .other_r{ width:100%; padding:0;}
.other_l{ margin-bottom:4%;}
.other_l .other_block{ max-width:none;}
.contact_zone li.li_item{ width:100%;}
.zone_block{ height:auto; padding: 20px;}
.student_block{ width:100%;}
.supervisor_img{ width:100%; float: none; text-align:center; margin-right: 0;}
.supervisor_r{ width:100%; float: none; padding-right:25px;}
.supervisor_info{ padding:20px;}
.supervisor_ico, .supervisor_txt{ padding:15px 0;}
.r_i_img{ width:100%; float: none; padding-left: 0; text-align:center;}
.r_i_txt{ max-width:none;}
.bright_ico{ width:73px; height: 73px; margin-bottom: 10px;}
.bright_ico img{ width:43px; height: 43px; margin:-22px 0 0 -22px;}
.c_u_block{ height:170px;}
.c_u_ico{ width:62px; height: 62px; margin-bottom: 10px; }
.c_u_ico img{ width:30px; height: 30px; margin:-15px 0 0 -15px;}
.system_base dt, .system_base dd{ width:100%; float:none;}
.system_txt{ max-width:none;}
.accord_l, .accord_school .accord_l{ width:100%; float:none; padding: 0; margin-bottom: 30px;}
.accord_txt{ max-width:none;}
.campus_list li.li_item{ width:50%;}
.func_list, .model_list,
.course_service,
.tearcher_list,
.platform_list,
.news_show,
.camp_list,
.e_p_list,
.cooper_brand,
.c_u_list,
.pro_sort,
.ways_list,
.load_list{ margin:-5px;}
.func_list li,
.model_list li,
.course_service li,
.tearcher_list li,
.platform_list li,
.news_show li,
.camp_list li,
.e_p_list li,
.cooper_brand li,
.c_u_list li,
.pro_sort li,
.ways_list li.li_item,
.load_list li{ padding:5px;}
.e_p_list li a{ height:90px;}
.c_a_block dt{ width: 100%; float: none; margin-bottom: 40px;}
.c_a_txt li{ padding-top:10px;}
.teach_box dt{ width:100%; text-align:center; float: none; margin-bottom: 20px;}
/*intention*/
.intention .bgImg{ position:inherit; position:initial; width:100%; }
.intention .bgImg img{ display:block;}
.intention_box{ width:100%; height:auto; padding:4% 0;}
.intention_form{ margin:0 auto;}
/*team_list*/
.team_list li{ width:100%;}
.team_photo{ width:106px; height:106px; margin-top: -53px;}
.team_info{ width:auto; height: 170px; margin-left: 10px; padding:20px 20px 0 110px;}
.team_des{ line-height:20px; max-height: 80px;}
/*talent*/
.view_img{ width:100%; float: none; margin: 0 auto;}
.view_list{ overflow: hidden; margin-top:-10px;}
.view_list li{ margin-top:10px;}
.strategy_list{ margin:-10px 0;}
.strategy_list:before{ display:none;}
.strategy_list li:nth-child(n){ width:100%; float: none; height: auto; padding:10px 0;}
.strategy_block{ max-width:none;}
.strategy_ico{ margin-right:15px;}
.join_sort span, .join_tit span{ line-height:24px; padding:10px;}
.join_tit:before, .join_tit:after{ width:5px;}
.post_info{ margin:0 5px; padding: 20px;}
.load_list{ margin-bottom:20px;}
.a_i_l{ width:100%; float: none; padding: 0; margin-bottom: 20px;}
.a_i_img{ max-width:none;}
.a_i_others li{ padding:10px;}
.a_i_others{ margin:0 -15px;}
.a_i_others li:nth-child(n){ width:100%;}
.others_yu{ height:auto; padding:30px 15px;}
.others_caption img{ width:40px;}
.rules_list li:nth-child(n){ width:100%;}
.detailed_box{ background:none;}
.detailed_yu { padding:15px; background: #fff;}
}
@media only screen and (max-width:767px){
/*page*/
.page a{ width:28px; line-height: 26px;}
.page a.page_btn{ width:60px; margin:0 10px;}
/*sec_about*/
.about_warp{ height:auto;}
.about_info{ width:100%; float:none; padding: 30px 0;}
.about_img_01{ width:100%;}
.about_img_01 .bgImg img{ display:block;}
/*sec_business*/
.business_item em{ font-size:12px;}
.business_list li:nth-child(n){ height:156px; margin: 0; width:50%;}
.business_list li:nth-child(n) .business_item{ margin-bottom:10px;}
.business_list li:nth-child(n) .business_item img{ margin-bottom:5px;}
.business_list li.business_07{ width:100%;}
/*sec_honor*/
.honor_scr{ padding-bottom:0;}
.honor_scr li { width:174px; height: 240px; margin-right:5px; }
/*sec_course*/
.course_block dl dt{ width:160px; height:120px;}
.course_item{ margin-bottom:5px;}
.course_base{ margin:0 -5px 10px;}
.course_base span{ padding:0 5px;}
.course_des{ line-height:20px; max-height: 40px; margin:0;}
.course_more{ display:none;}
/*=========about*/
/*.sub_nav{ display:none;}*/
.banner_warp { height: 200px; }
/*data*/
.data{ margin-top:-20px;}
.data li:nth-child(n){ width:50%; margin-top: 20px;}
.data li:nth-child(3):before{ display:none;}
.data_num{ margin:10px 0;}
/*culture*/
.culture_list{ margin:-10px 0;}
.culture_list li:nth-child(n){ width:100%; height: auto; padding: 10px 0; border:none;}
.culture_ico{ max-width:94px;}
/*history*/
.history_block, .history_block_dif{ width:100%; float: none; margin-top: 0;}
.history_block dt, .history_block_dif dt{ padding:5% 5% 0 5%;}
/*partner*/
.partner_list li{ width:33.33%;}
/*news*/
.news_list li{ height:auto;}
.news_img{ width:157px;}
.news_con{ left:147px; top:10px; height:97px; padding:5px 10px 0 10px; width:46%;}
.news_time{ float: none; width:auto; padding:0;}
.news_time b{ display:inline-block; vertical-align: baseline; margin-right: 5px; font-size: 14px;}
.n_c_r{ border:none; padding:5px 0 0;}
.news_item{ margin-bottom:5px;}
.news_overview{ line-height:18px; max-height:36px;}
.article_func{ float:none; margin-left: 0;}
/*about*/
.intro{ height:auto; overflow: hidden;}
.intro_info{ width:100%; float: none; max-width:none; padding:30px 0;}
.intro_img{ position:relative; top:auto; right:auto; width:100%; float:right;}
.intro_img .about_img_01{ position:inherit; position:initial;}
/*04 - 07*/
.yi_list li{ width:100%;}
.apply_img{ float:none; margin:0 auto;}
.e_p_list li{ width:50%;}
.bright_list li{ width:50%; height:185px;}
.news_show li{ width:100%;}
.news_show li a{ padding:15px; height:auto;}
.news_show li a .n_s_time{ width:auto; padding-right:10px;}
.idea_block dt, .idea_block dd{ width:100%; float: none; line-height: 1.7;}
.idea_txt{ max-width:none;}
.pro_sort li{ width:50%;}
.pro_category li{ width:50%;}
.detail_list li{ width:50%;}
.system_ico{ width:96px; height: 96px; padding-top:15px;}
.system_ico img{ width:40px; height: 40px; margin-bottom: 5px;}
.support_block dt, .support_block dd{ width:100%; float: none;}
.support_block dt{ margin-bottom:20px;}
/*campus_form*/
.local { padding: 60px 0 40px; }
.campus_form{ float:none;}
.campus_all{ line-height:40px; padding:0 15px;}
.campus_list li.li_item{ width:100%;}
.campus_list li.li_item a{ height:auto; padding:20px;}
.dropdown{ height:40px; line-height:40px;}
.dropdown .selected{ padding-left:15px;}
.dropdown:before{ width:35px;}
.sel_box{ min-width:108px;}
.campus_top .about_tit{ clear:both; padding-top:20px;}
/*advance_list*/
.advance_list{ overflow:visible; padding:30px 0 30px 30px; background-position:10px top;}
.advance_list:before, .advance_list:after{ left:0; margin-left: 0;}
.advance_box, .advance_list li.li_dif .advance_box{ width:100%; float: none; margin:0;}
.advance_block, .advance_list li.li_dif .advance_block{ width:100%; float:none; min-height:0px; padding: 15px;}
.advance_box:before, .advance_list li.li_dif .advance_box:before,
.advance_box:after, .advance_list li.li_dif .advance_box:after{ right:auto; left:-31px; top:50%; margin-top:-12px;}
/*backing_list*/
.backing_list li{ width:25%;}
.b_s_list{ text-align:center;}
.b_s_list li{ display:inline-block; float:none; width:32.33%;}
.b_s_list li.li_dif{ float: left; width:50%;}
/*ways_list*/
.ways_list li.li_item{ width:100%; float: none; line-height:30px;}
.ways_block{ height:auto; padding: 20px;}
.ways_block .ico{ margin-top:5px;}
/*load_list*/
.load_list li{ width:50%;}
.adv {display: none;}
}
/*function*/
.function, .intention{ padding: 0;}
.talent{ padding-top:0;}
/*css控制单行显示*/
aa{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"],sup,.slide .owl-nav a span,
header, .menu_ico i,.logo, .nav_wrap, .shared li a img, .down_menu{
-webkit-transition:all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*图片由小变大*/
.major_load li .bgImg,
.course_block dl dt .bgImg,
.news_img img,
#accord_scr .item img,
.b_s_list li img,
.album_list li a img,
.theme_common .item .case_pic img,
.added_scr .item img,
.student_block .bgImg,
.tearcher_list li a img,
.camp_list li a img,
.load_img img,
.alliance_img img,
#support_scr .item img,
.business_list li .bgImg{
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:600ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:600ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration:600ms;
width: 100%;
/*position: relative;*/
}
.major_load li:hover .bgImg,
.course_block dl:hover dt .bgImg,
.news_list li:hover .news_img img,
#accord_scr .item:hover img,
.b_s_list li:hover img,
.album_list li a:hover img,
.theme_common .item:hover .case_pic img,
.added_scr .item:hover img,
.student_block:hover .bgImg,
.tearcher_list li a:hover img,
.camp_list li a:hover img,
.load_list li a:hover .load_img img,
#alliance_scr .item a:hover .alliance_img img,
#support_scr .item:hover img,
.business_list li:hover .bgImg{
-webkit-transform: scale(1.10, 1.10);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration:600ms;
-moz-transform: scale(1.10, 1.10);
-moz-transition-timing-function: ease-out;
-moz-transition-duration:600ms;
transform: scale(1.10, 1.10);
transition-timing-function: ease-out;
transition-duration:600ms;
}
/*图片横向*/
.aa{
display: block;
max-width: none;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
-webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
transition: opacity 0.60s, transform 0.60s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.aa{
opacity: 1.0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/*图片纵向*/
.retail_img img{
display: block;
/* max-width: none;*/
height: -webkit-calc(100% + 10px);
height: calc(100% + 10px);
-webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
transition: opacity 0.60s, transform 0.60s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#retail_scr .item:hover .retail_img img{
opacity: 1.0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}