@charset "UTF-8";
/** Pagination */
.mask, .mask-white { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.mask { z-index: 1050; display: none; background-image: url("../images/alpha/black.png"); }

.mask-white { z-index: 1050; display: none; background-color: rgba(255, 255, 255, 0.9); }

.mask-transparent { background-color: transparent; }

/*-------------------banner-------------------*/
.flexslider { position: relative; width: 100%; height: 360px; zoom: 1; }

.flexslider .slides li { position: relative; width: 100%; height: 100%; }

.flexslider .slides img { width: 100%; height: 360px; display: block; }

/*Image pagination arrows*/
.flex-direction-nav a { display: block; position: absolute; top: 50%; width: 50px; height: 50px; overflow: hidden; margin: -35px 0 0; background: url(../images/banner/slide.png) no-repeat; border-radius: 25px; line-height: 99em; z-index: 10; cursor: pointer; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next { background-position: -50px 0; right: 20px; opacity: 1; filter: alpha(opacity=100); }

.flex-direction-nav .flex-prev { left: 20px; opacity: 0.6; filter: alpha(opacity=60); }

.flexslider:hover .flex-next { opacity: 0.6; filter: alpha(opacity=60); }

.flexslider:hover .flex-prev { opacity: 0.6; filter: alpha(opacity=60); }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=100); }

/*Image navigation dots*/
.flex-control-nav { position: absolute; width: 100%; bottom: 10px; text-align: center; }

.flex-control-nav li { display: inline-block; *display: inline; zoom: 1; }

.flex-control-paging li a { display: block; width: 16px; height: 16px; overflow: hidden; background: url(../images/banner/dot.png) no-repeat 0 -16px; text-indent: -99em; cursor: pointer; }

/* 2 */
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }

/*login*/
.loginbox { position: relative; margin: 0px auto; height: 1px; }

.login { position: absolute; width: 240px; height: 330px; background: url(../images/bg/black5.png) repeat; top: 15px; right: 20px; padding: 0px 15px; }
.login p { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 16px; line-height: 32px; }

.floadDiv { position: fixed; top: 70%; width: 200px; height: 250px; left: 88%; background: red; }

@media (max-width: 200px) { .floadDiv { display: none; } }
.ind-mobile-ico { display: none; margin-bottom: -18px; }

@media (max-width: 768px) { .flexslider { display: none; }
  .ind-mobile-ico { display: block; text-align: center; }
  .ind-mobile-ico ul li { width: 33.333333333333333333%; float: left; margin-bottom: 10px; } }
.ind-mobile-pic { margin: 0px 20%; }

.ind-mobile-txt { font-size: 16px; line-height: 32px; }

/*liucheng+hot*/
/*流程*/
.ind-liucheng { height: 85px; padding-top: 20px; }
.ind-liucheng ul { padding-bottom: 15px; }
.ind-liucheng ul li { float: left; display: inline; }

.ind-lc1 i { background: #424b98; color: #FFFFFF; }

@media (max-width: 768px) { .bg-3 { display: none; } }
/*main1*/
.ind_Tabhead { border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 32px; }

.ind_Tabhead a { color: #6f6f6f; display: inline-block; padding: 0px 6px; margin-bottom: -1px; }

.ind_Tabhead a:hover, .ind_Tabhead .indTab-cur { color: #0a2c87; border-bottom: 2px solid #bf2025; }

.indTab-con { display: none; position: relative; }
.indTab-con .ind_Tabmore { position: absolute; right: 5px; top: -36px; }
.indTab-con ul li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-top: 8px; }
.indTab-con ul li h2 { font-size: 14px; line-height: 28px; font-weight: bold; }
.indTab-con ul li h2 a { display: block; }
.indTab-con ul li p { font-size: 12px; color: #888888; margin-top: 3px; line-height: 22px; }

.ind-menu1 { background: url(../images/menu-ico.png) left 8px no-repeat; font-size: 16px; line-height: 32px; color: #0a2c87; padding-left: 15px; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; font-weight: bold; }
.ind-menu1 a { color: #888; font-size: 12px; font-weight: normal; }
.ind-menu1 a:hover { color: #0a2c87; }

.ind-kj ul li { margin-top: 12px; font-size: 16px; line-height: 42px; }
.ind-kj ul li div { position: relative; }
.ind-kj ul li div i { font-size: 16px; position: absolute; left: 25px; }
.ind-kj ul li div span { margin-left: 70px; }
.ind-kj ul li div a { background: #f1f1f1; display: block; color: #333333; }
.ind-kj ul li div a i { color: #afaaaa; }
.ind-kj ul li div a:hover { background: url(../images/ico/ind-kj-ico.png) 92% center no-repeat #0a2c87; color: #FFFFFF; }
.ind-kj ul li div a:hover i { color: #FFFFFF; }

@media (max-width: 992px) { .ind-kj ul { margin: 0px -10px; }
  .ind-kj ul li { margin-top: 15px; font-size: 18px; line-height: 56px; }
  .ind-kj ul li div i { left: 10px; }
  .ind-kj ul li div span { margin-left: 50px; }
  .ind-kj ul li div a:hover { background: #0a2c87; color: #FFFFFF; } }
.ind-edu { height: 252px; padding: 0px 15px; }
.ind-edu h3 { font-size: 24px; line-height: 56px; color: #ffffff; border-bottom: 1px solid #FFFFFF; position: relative; }
.ind-edu h3 a { color: #FFFFFF; }
.ind-edu h3 a:hover { color: #0a2c87; }
.ind-edu ul { padding: 10px 0px; }
.ind-edu ul li { font-size: 16px; line-height: 30px; position: relative; }
.ind-edu ul li i { font-size: 18px; margin-right: 3px; }
.ind-edu ul li a { color: #FFFFFF; }
.ind-edu ul li a:hover { color: #0a2c87; }

.ind-edu-1 { background: url(../images/bg1.png) bottom center no-repeat #a8d9fe; }

.ind-edu-2 { background: url(../images/bg2.png) bottom center no-repeat #f59895; }

@media (max-width: 992px) { .ind-edu { height: auto; background-size: cover; } }
.ind-menu2 { height: 32px; background: url(../images/menu2bg.jpg) center repeat-x; }
.ind-menu2 h3 { background: url(../images/menu-ico.png) left center no-repeat #FFFFFF; font-size: 16px; line-height: 32px; font-weight: bold; padding: 0px 12px 0px 15px; }
.ind-menu2 span { line-height: 32px; background: #FFFFFF; padding: 0px 5px 0px 10px; }

.ind-class img { float: left; display: inline; width: 98px; height: 80px; margin-right: 5px; margin-top: 5px; }
.ind-class a p { font-size: 12px; line-height: 22px; color: #888888; }
.ind-class a h2 { font-size: 14px; color: #0a2c87; }

@media (max-width: 768px) { .ind-class { border-bottom: 1px dotted #e1e1e1; padding: 10px 0px; }
  .ind-class img { margin-right: 15px; } }
.ind-new ul { padding-top: 10px; }
.ind-new ul li { position: relative; line-height: 42px; display: block; padding-left: 15px; margin-top: 7px; border-bottom: 1px dotted #eee; }
.ind-new ul li i { width: 6px; height: 6px; overflow: hidden; background: #dadada; position: absolute; top: 50%; left: 0px; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.ind-new ul li span { color: #888; }

.linkm { border-bottom: 1px solid #e1e1e1; color: #0a2c87; font-size: 16px; line-height: 32px; font-weight: bold; padding-bottom: 5px; }

.linkp { margin-top: 15px; }
.linkp a { border: 1px solid #e1e1e1; display: block; background: #FFFFFF; }
.linkp a:hover { border: 1px solid #0a2c87; }

.classM { border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 32px; padding-bottom: 5px; color: #0a2c87; font-weight: bold; }
.classM i { font-weight: normal; margin-right: 6px; }
.classM a { color: #888; font-size: 12px; font-weight: normal; }
.classM a:hover { color: #0a2c87; }

.classBox { margin: 0 15px; background: #fff; border: 1px solid #e1e1e1; padding-bottom: 10px; }
.classBox h2, .classBox ul { margin: 0 10px; }
.classBox h2 { font-size: 14px; line-height: 28px; font-weight: bold; margin-top: 3px; }
.classBox h2 a { color: #666; }
.classBox h2 a:hover { color: #0a2c87; }
.classBox ul li { width: 33.3333333333%; float: left; font-size: 13px; line-height: 24px; color: #888; }
.classBox ul li i { font-size: 16px; margin-right: 5px; vertical-align: -1px; }
.classBox ul li.price { color: #ff0000; font-weight: bold; }

.class > ul { margin: 0 -10px; }
.class > ul > li { margin-top: 20px; }
@media (max-width: 768px) { .class > ul { margin: 0 -5px; }
  .class > ul > li { margin-top: 10px; } }
.classBox { margin: 0 10px; }
@media (max-width: 768px) { .classBox { margin: 0 5px; } }

#img { width: 240px; background: #0a2c87; padding: 20px; position: relative; }
#img a { color: #fff; }
#img a h2 { font-size: 20px; line-height: 28px; text-align: center; }
#img a p { font-size: 14px; line-height: 22px; margin-top: 10px; }
#img i { position: absolute; right: 0px; top: -28px; font-size: 14px; line-height: 28px; }

/*# sourceMappingURL=home.css.map */