@import "base.css";
:root{--animate-duration:.5s;--animate-delay:.5s;--animate-repeat:1}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
html,body{height:100%}
body{overflow-x:hidden;visibility:hidden;padding-top:201px}
section,.w1380{max-width:1380px;margin:0 auto}

.cover_bg,.cover_img >div:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover}
.cover_img{position:relative;overflow:hidden}
a:hover .cover_img >div:first-child,.cover_img:hover >div:first-child{-webkit-transform:scale(1.1);transform:scale(1.1)}
.link_news a:hover i{-webkit-transform:scale(.95);transform:scale(.95)}
.slick_forum a:hover .cover_img >div:first-child,.slick_forum .cover_img:hover >div:first-child{-webkit-transform:scale(1);transform:scale(1)}
.cover_img div{position:absolute;top:0;left:0;width:100%;height:100%}

.slick-dots li{cursor:pointer}

.no_scroll{overflow:hidden}

header{position:fixed;top:0;left:0;right:0;z-index:999}
header .top{background:#0e253b;color: #8896a4;font-size:13px;line-height:36px}
.i_lang{width:16px;height:16px;background:url(../images/i_lang.png) 50% no-repeat}
.top a{color: #8896a4;}
header .t_bd{line-height:110px;background:url(../images/t_bg.jpg) 50% no-repeat;background-size:cover}

.top b{color: #3c5166;margin:0 3px}
.t_logo img{max-height:86px;vertical-align:middle;display:inline}

.t_nav{position:relative;background:#fff;z-index:99}
.t_nav li{display:inline-block;position:relative;font-size:16px;vertical-align:top}
.t_nav h3{font-weight:normal;position:relative;z-index:3}
.t_nav h3 a{font-size:18px;line-height:55px;display:block;color: #333;padding:0 19px;white-space:nowrap;}
.t_nav .on h3 a{background:#0076c8;color:#fff}
.t_nav a{display:block;color:#fff}
.t_nav .sub_nav{position:absolute;top:100%;left:0;font-size:14px;display:none;padding:20px 0;right:0;background:url(../images/navbg1.png) repeat}
.t_nav .sub_nav a{padding:10px 0px;font-size:14px;color:#fff}
.t_nav .sub_nav a:hover{background:#cf923b}

.t_logo,.t_search,.menu{z-index:9999}

.t_search{width:46px;height:46px;background:url('../images/search.png') 50% no-repeat;position:absolute;right:56px;margin-top:17px}


/* Slick Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before, .slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{cursor:pointer}

.slick_bar{height:calc(100vh - 201px)}
.slick_bar .wrap,.slick_bar .wrap .slick-list,.slick_bar .wrap .slick-track,.slick_bar .wrap .slick-track div,.slick_bar .wrap a{height:100%}
.slick_bar .slick-dots{position:absolute;right:50px;width:32px;z-index:3;background:rgba(3,15,27,.6);border-radius:50px}
.slick_bar .slick-dots li{font-size:0;background:#fff;width:11px;height:6px;margin:36px auto;position:relative;cursor:pointer;opacity:.5}
.slick_bar .slick-dots li:not(.slick-active):before,.slick_bar .slick-dots li:not(.slick-active):after{content: '';position:absolute;border-style:solid;border-width:0 5.5px 3px 5.5px;border-color:transparent transparent #fff transparent;left:50%;margin-left: -5.5px}
.slick_bar .slick-dots li:not(.slick-active):before{top: -3px}
.slick_bar .slick-dots li:not(.slick-active):after{bottom: -3px;border-width:3px 5.5px 0 5.5px;border-color: #fff transparent transparent transparent}
.slick_bar .slick-dots .slick-active{width:20px;height:20px;background:url(../images/dot_on.png) 50% no-repeat;opacity:1;text-indent:-9999em;position:relative}



.bar_down{bottom:40px;width:31px;height:66px;background:url('../images/i_scroll.png') 50% no-repeat;animation:ani_down 1.4s ease-out 0s infinite}

-webkit-@keyframes ani_rotate{
  0%{transform:rotate(0)}100%{transform:rotate(360deg)}
}
-moz-@keyframes ani_rotate{
  0%{transform:rotate(0)}100%{transform:rotate(360deg)}
}
-ms-@keyframes ani_rotate{
  0%{transform:rotate(0)}100%{transform:rotate(360deg)}
}
@keyframes ani_rotate{
  0%{transform:rotate(0)}100%{transform:rotate(360deg)}
}

-webkit-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}}
-moz-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}}
-ms-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}}
@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}}


.main_wrap{position:fixed;top:100%;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;overflow-x:hidden;z-index:99}




-webkit-@keyframes ani_enlarge{
  0%,100%{transform:scale(1,1) translateZ(0) translate3d(0,0,0)}50%{transform:scale(1.1,1.1) translateZ(0) translate3d(0,0,0)}
}
-moz-@keyframes ani_enlarge{
  0%,100%{transform:scale(1,1) translateZ(0) translate3d(0,0,0)}50%{transform:scale(1.1,1.1) translateZ(0) translate3d(0,0,0)}
}
-ms-@keyframes ani_enlarge{
  0%,100%{transform:scale(1,1) translateZ(0) translate3d(0,0,0)}50%{transform:scale(1.1,1.1) translateZ(0) translate3d(0,0,0)}
}
@keyframes ani_enlarge{
  0%,100%{transform:scale(1,1) translateZ(0) translate3d(0,0,0)}50%{transform:scale(1.1,1.1) translateZ(0) translate3d(0,0,0)}
}

.tit p{font-size:50px;color:#333;opacity:.1;line-height:1em;margin-bottom:10px}
.tit h2{font-size:32px;position:relative}
.tit h2:before{content:'';position:absolute}
.tit.l h2{padding:0 0 0 22px}
.tit.l h2:before{left:0;width:5px;height:40px;background:linear-gradient(to top, #0076c8,#53b87b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000076c8', endColorstr='#0053b87b', GradientType=0)}
.tit.bl{margin-top:30px}
.tit.bl h2:before,.tit.tc h2:before{width:62px;height:4px;background:linear-gradient(to left, #0076c8,#53b87b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000076c8', endColorstr='#0053b87b', GradientType=0)}
.tit.bl h2:before,.tit.tc h2:before{bottom:-24px}


.more{width:39px;height:20px;background:url(../images/more_blue.png) 50% no-repeat}
.more:hover{animation:to_Right 1s ease-out infinite}
.news_l .more:hover{animation:to_Right1 1s ease-out infinite}
.more_white{background-image:url(../images/more_white.png)}


@keyframes to_Right {
  0%,100% {
    transform:translateX(0);
  }
  33% {
    transform:translateX(6px);
  }
  60% {
    transform:translateX(-6px);
  }
}

@keyframes to_Right1 {
  0%,100% {
    transform:translate(0,-50%);
  }
  33% {
    transform:translate(6px,-50%);
  }
  60% {
    transform:translate(-6px,-50%);
  }
}


.news_wrap{padding:65px 0 90px;background:url(../images/bg_news.jpg) 50% no-repeat;background-size:cover}
.news_l{width:calc(100% - 620px)}
.news_l .tit{margin-bottom:38px}
.list_news{margin:0 -20px}
.list_news a{float:left;width:calc(50% - 40px);margin:0 20px;box-shadow:0 5px 10px rgba(102,102,102,.2)}
.list_news .cover_img{padding-top:66.67%;width: 100%}
.list_news .txt{background:url(../images/item_news.jpg) 50% no-repeat;background-size:cover;padding:22px 20px;color: #666;line-height:1.6}
.list_news .txt h3{font-size:16px;color:#0076c8;font-weight: 700;}
.list_news .txt .line{display:block;height:1px;background: #ddd;position:relative;margin:22px 0}
.list_news .txt .line:after{content:'';position:absolute;left:0;background:#0076c8;width:80px;height:3px;top:-1px}

.list_news.col3{margin:-20px -15px 0}
.list_news.col3 a{width:calc(33.3333% - 30px);margin:20px 15px}

.list_news.list_teacher{padding: 0 0 22px}
.list_news.list_teacher a{width:calc(20% - 30px);box-shadow:none;text-align:center}
.list_news.list_teacher .cover_img{padding-top:140.67%}
.list_news.list_teacher .txt{background:none;padding:10px 0 0}
.list_news.list_teacher .txt .line{margin:18px 0 0}
.list_news.list_teacher .txt .line:after{width:100%}

.tit_type{color: #0076c8;border-top:1px dotted #ddd;margin:0 0 30px;padding:30px 0 0;font-weight:700;font-size: 20px}

.slick_news{width:570px;margin:43px 0 0}
.slick_news .cover_img{padding-top:67.8%;position:relative}
.slick_news .txt{background:#0076c8;margin:-20px 10px 0;position:relative;padding:23px 20px}
.slick_news .txt:before{content:'';position:absolute;left:0;width:4px;top:23px;bottom:23px;background:#cf923b}
.slick_news .txt h3{margin-bottom:12px}
.slick_news .txt p{opacity: .5;line-height:1.8;max-height:50px}
.slick_news .slick-dots{position:absolute;right:20px;bottom:150px;font-size:0;color: #fff}
.slick_news .slick-dot{display:inline-block;font-size:14px;padding:0 6px 0 10px;line-height:20px;position:relative;}
.slick_news .slick-dot.slick-active{background:url(../images/news_dot_on.png) 5px 50% no-repeat;}
.slick_news .slick-dot:after{content: '';display:inline-block;width:0;height:1px;background:rgba(255,255,255,.3);margin:0 0 0 20px;vertical-align:middle}
.slick_news .slick-dot.slick-active:after{width:40px}


.service_wrap{padding:200px 0 196px;background:url(../images/bg_icon.png) 50% no-repeat;background-size:100% 100%;margin: -110px 0 -109px;position:relative;}

.notice_wrap{background:url(../images/bg_notice.jpg) 50% no-repeat;background-size:cover;padding:86px 0 124px}
.tit.tc{width:240px;height:240px;border-radius:240px}
.tit.tc >.pa{width:260px;height:260px;border-radius:240px;background:url(../images/tit_notice.jpg) 50% no-repeat;z-index:999;padding:62px 0 0;border:10px solid #fff;}
.service_wrap .tit.tc >.pa{background-image:url(../images/tit_service.jpg)}

.tit.tc h2{display:block;margin-bottom:48px}
.tit.tc .more{display:block;margin:0 auto}

.list_notice a,.list_service a{float:left;line-height:30px;padding:15px 18px 15px 0;width:calc(50% - 270px);font-size:0;color:#333}
.list_notice a:nth-child(2n),.list_service a:nth-child(2n){float:right;margin-left:calc(33.333333% - 50px)}
.list_notice a:hover{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.list_notice time{font-family:Georgia;color:#2560b0;width:80px;text-align:center;padding:12px 0 10px}
.list_notice time,.list_notice h3{display:inline-block;vertical-align:middle;font-size:16px;}
.list_notice time em{font-size:36px}
.list_notice a:hover time{background:#2560b0;color:#fff;margin:0 15px 0 -20px}
.list_notice h3{max-width:calc(100% - 90px);margin:0 0 0 10px;max-height:60px}

.list_notice.col2 a:nth-child(2n){margin-left:0}
.list_notice.col2{margin: -15px 0}
.list_notice.col2 a{width:calc(50% - 20px);border:1px solid #ddd;margin:15px 0}

.list_notice.col3 a:nth-child(2n){margin-left:0}
.list_notice.col3{margin: -15px 0}
.list_notice.col3 a{width:calc(100% - 20px);margin:4px 0;padding:8px;;}



.list_service{padding:0 90px}
.list_service .tit.tc >.pa{border-color:rgba(0,0,0,.1)}
.list_service a{font-size:16px;color:#fff;border-bottom:1px solid rgba(153,153,153,.2);padding:17px 18px;position:relative}
.list_service a:nth-child(2){margin-top:34px}
.list_service a:before{content:'+';position:absolute;font-size:18px;color:#bbb;right:20px}
.list_service a:after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:2px;background:linear-gradient(to left, #0076c8,#53b87b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000076c8', endColorstr='#0053b87b', GradientType=0);z-index:2}
.list_service a:hover:before{content:'';right:17px;width:19px;height:18px;background:url(../images/i_download.png) 50% no-repeat}
.list_service a:hover:after{width:100%}
.list_service i{display:inline-block;width:36px;height:32px;background-repeat:no-repeat;background-position:50%;margin:0 18px 0 0}

.i1{background-image:url(../images/i1.png)}
.i2{background-image:url(../images/i2.png)}
.i3{background-image:url(../images/i3.png)}
.i4{background-image:url(../images/i4.png)}
.i5{background-image:url(../images/i5.png)}
.i6{background-image:url(../images/i6.png)}
.i7{background-image:url(../images/i7.png)}
.i8{background-image:url(../images/i8.png)}
.i9{background-image:url(../images/i9.png)}

.list_service .circle{border-color:#fff}


.circle{position:absolute;
width:300px;
height:300px;
left:50%;
top:50%;
margin:-150px 0 0 -150px;
border:1px solid #2560b0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
z-index:1;
opacity:0}

.circle.ani1{-webkit-animation:ani1 2s ease-out;
-moz-animation:ani1 2s ease-out;
animation:ani1 2s ease-out;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite}

.circle.ani2{width:360px;height:360px;-webkit-animation:ani2 2s ease-out;-moz-animation:ani2 2s ease-out;animation:ani2 2s ease-out;margin:-180px 0 0 -180px;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-iteration-count:infinite}


@keyframes ani1 {
  0% {
  transform:scale(0.3);
  -webkit-transform:scale(0.3);
  opacity:0;
  }
  25% {
  transform:scale(0.3);
  -webkit-transform:scale(0.3);
  opacity:0.1;
  }
  60% {
  transform:scale(0.6);
  -webkit-transform:scale(0.6);
  opacity:0.6;
  }
  100% {
  transform:scale(1);
  -webkit-transform:scale(1);
  opacity:0;
  }
}
@keyframes ani2 {
  0% {
  transform:scale(0.3);
  -webkit-transform:scale(0.3);
  opacity:0;
  }
  25% {
  transform:scale(0.3);
  -webkit-transform:scale(0.3);
  opacity:0.1;
  }
  60% {
  transform:scale(0.6);
  -webkit-transform:scale(0.6);
  opacity:0.6;
  }
  100% {
  transform:scale(1);
  -webkit-transform:scale(1);
  opacity:0;
  }
}


.tab_wrap{background:url(../images/bg_tab.jpg) 50% no-repeat;background-size:cover;padding:107px 0 180px}
.tab_wrap .head{margin-bottom:50px}
.tab_wrap .hd a{color:#666;padding:0 40px;line-height:44px;float:left}
.tab_wrap .hd .on{background: #2560b0;color: #fff}
.tab_wrap .hd a:not(:first-child){margin-left:12px}
.tab_wrap .bd .more{position:absolute;left:50%;margin-left: -587px;top: -78px;}


.list_video a{float:left;width:25%}
.list_video .cover_img{padding-top:72.12%;margin:0 0 20px}
.list_video .cover_img:before{content: '';position:absolute;width:56px;height:56px;background:rgba(0,0,0,.6) url(../images/play.png) 58% 50% no-repeat;border-radius:56px;z-index:3;border:5px solid rgba(255,255,255,.3);background-clip:content-box;}
.list_video a:hover .cover_img:before{background-color:#2560b0}
.list_video p{padding:0 10px}

.list_img .cover_img:before{content:none}

.bot_wrap{background:url(../images/bg_bot.png) 50% 0 no-repeat;padding:205px 0 60px;margin-top: -180px}
.bot_icon{max-width:1000px}
.bot_icon a,.more_down{display:inline-block;font-size:16px;padding:20px 70px}
.bot_icon i,.more_down i{display:block;height:44px;background-position:50%;background-repeat:no-repeat;margin:0 0 24px 0}
.bot_icon a:hover i{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

.i_bot1{background-image:url(../images/bot1.png)}
.i_bot2{background-image:url(../images/bot2.png)}
.i_bot3{background-image:url(../images/bot3.png)}
.i_bot4{background-image:url(../images/bot4.png)}
.i_bot5{background-image:url(../images/bot5.png)}
.bot_more{background-image:url(../images/bot_more.png)}

.bot_icon a:hover .i_bot1{background-image:url(../images/bot1_on.png)}
.bot_icon a:hover .i_bot2{background-image:url(../images/bot2_on.png)}
.bot_icon a:hover .i_bot3{background-image:url(../images/bot3_on.png)}
.bot_icon a:hover .i_bot4{background-image:url(../images/bot4_on.png)}
.bot_icon a:hover .i_bot5{background-image:url(../images/bot5_on.png)}

footer{background:url(../images/f_bg.jpg) 50% no-repeat;background-size:cover;color:#fff;border-top:4px solid #cf923b}
.f_bd{position:relative;padding:58px 0}

.f_addr{margin-left:336px;margin-left:203px}
.f_addr li{display:inline-block;font-size:14px;width:294px;padding:0 10px 0 0;line-height:2}
.f_addr h3{color:#cf923b;font-size:18px}

.f_about .con{line-height:1.6;color:#e4e4e4}
.f_share li{display:inline-block;padding:16px 0;position:relative;vertical-align:top;font-size:14px}
.f_share li:not(:first-child){margin-left:20px}
.f_share li:hover{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}
.f_share li:hover .con{display:block}

.f_share .icon{display:block;width:80px;height:76px;background:#0076c8;text-align:center;padding:12px 0;font-size:14px}
.f_share .i_wechat{background:#2d9d9d}
.f_share .i_dy{background:url(../images/bg_dy.jpg) 50% no-repeat;background-size:cover}

.f_share .icon i{display:block;height:23px;margin-bottom:10px}
.f_share .i_link i{background:url(../images/i_link.png) 50% no-repeat}
.f_share .i_wechat i{background:url(../images/i_wechat.png) 50% no-repeat}
.f_share .i_dy i{background:url(../images/i_dy.png) 50% no-repeat}

.f_share .con{display:none;position:absolute;bottom:104px}
.f_share .con:before{content:'';position:absolute;left:50%;border-style:solid;border-width:6px 6px 0 6px;border-color:#fff transparent transparent transparent;margin-left:-6px;bottom:-6px}
.f_share .con img{max-width:120px}



.f_link .con{position:absolute;padding:10px 16px;bottom:60px;background:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;opacity:0;visibility:hidden}
.f_link .con a{display:block;color:#333;line-height:36px;font-size:14px;white-space:nowrap;border-top:1px dashed #ddd}
.f_link .con a:first-child{border-top:none}
.f_link .con a:hover{color:#2560b0}
.f_link:hover .con{bottom:104px;opacity:1;visibility:visible}

.f_copy{color:#627687;padding:13px 10px;line-height:24px;border-top:1px solid rgba(255,255,255,.1)}



.inset_bar{width:100%;overflow:hidden}
.inset_bar img{display:block;width:100%}


.aside_tit{padding:0 15px;line-height:80px;background: #2560b0 url('../images/aside_bg.jpg') right bottom no-repeat;margin-top: -80px;}
.aside_tit p{margin-top:2px;text-transform:uppercase}
.aside{width:25%}

.site_wrap{line-height:34px;margin-bottom:30px}
.site_wrap h2{float:left;color: #2560b0}
.current a,.current em{padding:0 10px}
.current a:hover,.current em{color:#2560b0}

.nav_list{background:#f6f6f6}

.nav_list{background:#f6f6f6;padding-bottom:80px}
.nav_list li{border-top:1px solid #ddd}
.nav_list .on,.nav_list li:first-child{border-top:none}
.nav_list h3 a{display:block;line-height:24px;padding:16px 36px 16px 20px;position:relative;border-left:3px solid #f6f6f6;font-size:16px}
.nav_list .on h3 a{background:#fff;border-left:3px solid #2560b0;}

.nav_list a:hover,.nav_list .on h3 a,.nav_list .sub_con a:hover{color: #2560b0;}
.nav_list h3 b{position:absolute;top:0;right:0;height: 100%;width:50px;background:url('../images/more_grey.png') 50% no-repeat;cursor: pointer}
.nav_list .on h3 b{background-image:url('../images/nav_more.png')}
.nav_list .sub_con{padding:10px 0;display:none;background: #f6f6f6;}
.nav_list .sub_con a{font-size:14px;background:none;line-height:24px;position:relative;padding:10px 10px 10px 36px;display:block;color: #666;}
.nav_list .sub_con .active{color:#2560b0}
.nav_list .sub_con a:last-child{border-bottom:none}

.con_wrap{padding:3% 0 5%;width:71%;}

/* .details_wrap,.news_bd{max-width:1000px;margin:0 auto}
.news_bd{max-width:900px}*/

.pos{width:20px;height:20px;margin-right:10px}
.site_nav{color:#666}
.site_nav b{color:#bbb}
.site_nav a,.site_nav em{color:#666;display:inline-block;line-height:30px;padding:0 10px}
.site_nav a:hover,.nav_list a:hover{color:#2560b0}


article{position:relative;min-height:400px;}

.page_wrap{margin-top:50px}

.news_hd{padding:10px 0 30px;color:#333}
.news_hd h3{font-size:24px;color:#333;margin-bottom:14px;font-weight:700}
.news_hd p{background:#f6f6f6;line-height:44px}
.news_hd p span{margin:0 14px;color:#999}
.news_bd{font-size:16px;line-height:2;color:#555}

.news_bd p,.news_bd div{line-height: 30px !important;font-size: 15px !important;}
/*
.news_bd table{width:100%!important;overflow: hidden!important;}
.news_bd table {
            table-layout: fixed !important;
            width: 100% !important;
            border-collapse:collapse;
            border:none;
            font-size:0.23rem;
        }
 
.news_bd table td,th {
            width:auto !important;
            white-space:nowrap;
            word-break:keep-all; 
            
            text-align:center;
            white-space:pre-line;
            word-break:break-all !important;
            word-wrap:break-word !important;
            display:table-cell;
            vertical-align:middle !important;
            white-space: normal !important;
            height:auto;
            vertical-align:text-top;
            padding:2px 2px 0 2px;
            display: table-cell;
    font-size: 15px;

        }


*/

@media (min-width:1024px){
  .menu,.t_nav h3 b,.t_search{display:none}

  .search_wrap{position:fixed;top:70px;left:50%;margin-left:362px;z-index:1000}

}


@media (max-width:1450px){
  section,.w1380{max-width:1200px}

  .t_logo{max-width:360px}
  .t_nav h3 a{padding:0 14px;font-size:17px}
  .bar_down{bottom:4vh}

  .search_wrap{margin-left:262px}

  .list_news .txt{padding:19px 20px}
  .slick_news{width:520px}
  .slick_news .cover_img{padding-top:65%}
  .news_l{width:calc(100% - 566px)}

  .list_notice a,.list_service a{width:calc(50% - 240px)}
  .bot_icon a,.more_down{padding:20px 58px}
  .tab_wrap .bd .more{margin-left:-496px;top:-78px}

  .bot_icon{max-width:878px}
  .bot_wrap{padding:205px 0 50px}
}

.search_wrap .i_txt{height:42px;font-size:15px;border:none;background:#fff;padding:0 90px 0 46px}
.i_search{width:22px;height:100%;position:absolute;left:15px;top:0;background:url(../images/i_search.png) 50% no-repeat}
.search_wrap .submit{position:absolute;top:0;right:0;width:80px;height:42px;cursor:pointer}


@media (max-width:1239px){
  section,.w1380{padding:0 15px}

  .t_nav >ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:calc(100% - 30px);margin:0 auto}
  .t_nav h3 a{padding:0}
  .search_wrap{left:initial;margin-left:0;right:20px}

  .t_logo{left:15px;max-width:calc(100% - 120px)}
  header .fr{margin:20px 50px 20px 0}
  .t_search{width:40px;height:40px}

  .slick_bar{height:auto}
  .slick_bar .cover_bg{padding-top:39%}
  .bar_down{display:none}

  .news_wrap{padding:45px 0 60px}
  .notice_wrap{padding:46px 0 94px}

  .main_wrap{position:initial}

  .tit p{font-size:42px}
  .news_l{width:calc(100% - 550px)}
  .slick_news{width:450px;}
  .news_l{width:calc(100% - 482px)}

  .list_news{margin:0 -15px}
  .list_news a{width:calc(50% - 30px);margin:0 15px}

  .list_service{padding:0 20px}

  .service_wrap{padding:120px 0 146px;margin: -89px 0 -87px}
  .list_service a{padding:14px 18px}

  .tab_wrap{padding:76px 0 150px}
  .tab_wrap .bd .more{margin-left:0;left:126px}
  .list_notice a,.list_service a{width:calc(50% - 200px);}

  .bot_icon{width:calc(100% - 340px)}
  .more_down{width:13vw}
  .bot_icon a, .more_down{padding:20px 0}
  .bot_icon a{width:20%}

  .list_video .cover_img:before{width:42px;height:42px;background-size:14px}

  .f_logo{left:20px}
  .f_addr{margin-left:280px}
  .f_addr li{width:284px}



  footer{font-size:15px}
  .f_bd{padding:42px 15px}

  .inset_bar img{position:relative;left:50%;margin-left:-75%;width:150%;max-width:initial}

  .site_wrap{left:0;margin-left:0;max-width:100%}
  
  .nav_tit{line-height:56px;font-size:20px;margin-top:-56px}
  .news_hd h3,.tit h3{font-size:20px}

  .ban_wrap{margin-top: -17vh}
}

@media (max-width:1150px){
  .f_logo{position:relative;display:block;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin:0 0 20px;left:inherit;text-align: center;}
  .f_addr{margin-left:0}
}

@media (max-width:1024px){
  ::-webkit-scrollbar,::-webkit-scrollbar-track{width:0}
  .t_nav h3 a{font-size:15px;padding:0 11px;}

  .tab_wrap .bd .more{left:110px}

}


@media (max-width:1023px){

  .con_wrap{padding:20px 0 50px}

  .menu{right:15px;display:block;width:30px;transition:all .3s ease;z-index:99999;margin-top:18px}
  .menu.on{margin-top:23px}
  .menu span{width:100%;height:2px;display:block;background:#fff;transition:all .3s ease;border-radius:100px}
  .menu span + span{margin-top:8px}
  .menu.on span{transform:rotate(45deg)}
  .menu.on span:nth-child(2){transform:rotate(-45deg) translate(7px,-7px)}
  .menu.on span:nth-child(3){display:none}

  .t_nav{height:calc(100vh - 116px);position:fixed;top:116px;left:0;right:0;background:rgba(14,37,59,.92);text-align:left;z-index:999;margin-right:0;display:none;padding:36px 0 15px;overflow-y:auto;overflow-x:hidden}
  .t_nav >ul{display:block}

  .t_nav li{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding:0}
  .t_nav h3 a{font-size:16px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;line-height:1.8;padding:10px 50px 10px 15px;border-top:none;color:#fff;white-space:initial}
  .t_nav h3 b{position:absolute;right:0;bottom:0;width:50px;text-align:center;line-height:44px;height:46px;color:#999;font-size:20px;cursor:pointer;font-weight:normal;top:50%;margin-top:-23px}
  .t_nav .on b{transform:rotate(-45deg);margin-top:-22px}
  .t_nav .on h3 a{height:auto;padding:10px 50px 10px 15px}

  .t_nav .sub_nav{position:initial;top:0;background:none;padding:5px 0 10px;width:auto;background:rgba(0,0,0,.2)}
  .t_nav .sub_nav a{padding:10px 20px;color:#fff;opacity:.7}


  /*search*/
  .search_wrap{position:fixed;left:0;top:0;width:100%;height:100%;color:#666;transition:all 0.5s;z-index:99999;display:none}
  .search_wrap .search_box{position:fixed;width:80%;max-width:660px;z-index:999;z-index:3;display:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  .search_wrap .i_txt{width:100%}
  .search_wrap .close{position:fixed;right:4%;top:15%;width:32px;height:32px;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999}
  .search_wrap .close:hover{transform:rotate(90deg)}
  .search_wrap .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3}

  header .t_bd{line-height:80px}
  .t_logo img{max-height:60px}

  .slick_bar .slick-dots,.tit.tc,.tit.tc >.pa{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

  .slick_bar .slick-dots{left:0;right:0;bottom:20px;width:auto;text-align:center;font-size:0;top:inherit;background:none;}
  .slick_bar .slick-dots li{display:inline-block;margin:0 12px;vertical-align:middle}

  .tit h2{font-size:26px}
  .tit.bl h2:before, .tit.tc h2:before{bottom:-20px;width:52px}
  .tit p{display:none}
  .news_l,.slick_news,.f14{float:none;width:auto}
  .list_notice a,.list_service a{width:calc(50% - 10px)}
  .list_notice a:nth-child(2n), .list_service a:nth-child(2n){margin-left:0}

  .tit.tc .circle{display:none}
  .tit.tc,.tit.tc >.pa{width:100%;height:auto;border-radius:0;position:relative;top:inherit;left:inherit}
  .tit.tc >.pa{border:none;background:none;padding:0;top:inherit;left:inherit;text-align:left}
  .notice_wrap .tit.tc >.pa{color: #333;}
  .notice_wrap .more_white{width:39px;height:20px;background:url(../images/more_blue.png) 50% no-repeat}

  .tit.tc .more{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

  .notice_wrap .tit em{color:#2560b0}
  .tit.tc h2:before{left:inherit;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

  .service_wrap .tit.tc >.pa{background:none;}
  .list_service{padding:0;}
  .list_service a:nth-child(2){margin-top:0}

  .tab_wrap .hd{font-size:18px;right:20px}
  .tab_wrap .hd a{padding:0 30px;line-height:40px}
  .service_wrap{margin: -13vw 0 -13vw}
  .bot_icon{width:calc(100% - 240px)}
  .bot_wrap{padding:175px 0 15px}


  .f_addr li{text-align:left}
  .f_addr,.f_share{float:none;width:100%;text-align:center}

  .f_share{margin:30px 0 0}
  .f_bd{padding:30px 15px}

  .aside{*display: none;width:100%;margin-bottom: 20px;}

  .con_wrap{float: none;width: auto}

}



@media (max-width:1239px){
  
}

@media (max-width:768px){
  

}

@media (max-width:767px){


}

@media (max-width:640px){
  header .t_bd{line-height:60px}
  .t_logo img{max-height:46px}
  .t_nav{top:96px}
  .t_nav{height:calc(100vh - 96px);padding:15px 0}

  .tit h2{font-size:24px}
  .tit.l h2{padding:0 0 0 18px}

  .slick_bar .cover_bg{padding-top:48%}
  .slick_news .slick-dots{right:6px;bottom:140px}

  .list_news{margin:-26px 0}
  .list_news a,.list_news.col3 a{float:none;width:auto;margin:0 26px;display: block}


  .list_news.col3{margin:30px 0 -20px}
  .list_news.col3 a{margin:30px 0}

  .list_news.list_teacher{padding: 0 0 36px}
  .list_news.list_teacher{margin:-15px}
  .list_news.list_teacher a{float: left;margin:15px;width: calc(50% - 30px)}
  .list_news.list_teacher:last-child{padding: 0;}

  .service_wrap{background-size:cover;margin:-100px 0}
  .list_service a{padding:14px 10px}
  .list_service i{transform:scale(.85);margin:0 10px 0 0}
  .list_service a:before{right:14px}

  .tab_wrap{padding:66px 0 80px}
  .tab_wrap .bd .more{left:94px;top: -74px}

  .tab_wrap .hd{right:10px}
  .tab_wrap .hd a{padding:0 10px}
  .tab_wrap .hd .on{padding:0 24px;}

  .list_video{margin:0 0 -20px;font-size:16px}
  .list_video a{width:50%;margin-bottom:20px}
  .list_video .cover_img{margin:0 0 14px}

  .list_notice a{float:none;width:auto;display:block;padding:5px 22px 6px 0;}

  .list_notice.col2{margin: 20px 0 0}
  .list_notice.col2 a{width: 100%}
  .notice_wrap{padding:46px 0 42px}

  .list_video .cover_img:before{width:36px;height:36px;background-size:10px;border-width:3px}

  .bot_wrap{margin-top: -136px}
  .bot_wrap section{position:relative;padding-bottom:70px}
  .bot_wrap .tit{width:100%}

  .tit.bl{margin:0 0 30px}

  .more_down{width:100%;float:none;position:absolute;left:0;right:0;bottom:0}
  .more_down i,.more_down p{display:inline-block}

  .bot_icon{float:none;width:100%}
  .bot_icon i{transform:scale(.85);margin:0 0 10px 0}
  .bot_wrap .bot_more{width:22px;margin:0;background-size:100%;margin:0 10px 0 0}

  .f_addr li:not(:first-child){margin-top:20px}

  .site_wrap{margin-bottom:5%}


  .inset_bar img{position:relative;left:50%;margin-left:-90%;width:180%;max-width:initial}

  .news_hd h3,.tit h3{font-size:18px}

  .page_wrap{margin-top:30px}
}

@media (max-width:600px){
  table{font-size:14px}
}

@media (max-width:540px){
  .menu{width:28px}
  
  .inset_bar img{position:relative;left:50%;margin-left:-100%;width:200%;max-width:initial}


  .nav_tit a{font-size:14px;padding:6px 12px 6px 20px}
  .nav_tit a:not(:first-child):before{font-size:16px;margin-top:-10px}
  .nav_tit .on{font-size:18px;padding:0 12px 0 44px;background-size:40px}
}

@media (max-width:539px){
  .slick_bar .slick-dots{right:15px;text-align:center}

  .pos{display:none}
}


@media (max-width:414px){
  .nav_tit .on{font-size:16px;padding:0 8px 0 38px;background-size:34px}
  .nav_tit a{font-size:12px;padding:6px 8px 6px 16px}
}


@media (max-width:374px){
  section,.w1380{padding:0 10px}

  .menu{width:28px}

  .t_logo{left:10px;max-width:calc(100% - 100px)}
  .t_search{width:34px;height:34px;background-size:16px}
  .menu{right:10px}
  .t_nav{padding-top:60px}
  header .fr{margin-right:35px}

  .list_service a{padding:14px 10px 14px 0;}
  .list_service i{transform:scale(.7);margin:0}
  .bot_icon a, .more_down{font-size:14px}

  
  footer{font-size:13px}

  .f_logo img{max-height:70px}

  .nav_tit .on{padding:0 3px 0 30px;background-size:28px}
  .nav_tit a{font-size:12px;padding:6px 3px 6px 11px}
  .nav_tit .on{font-size:14px}

  .site_wrap{max-width:calc(100% - 30px)}
  .current{font-size:12px}

}

@media (max-width:320px){
  .site_wrap{font-size:12px}
  .news_hd{font-size:14px}
}




/*IE8加提示*/

.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}