@charset "UTF-8";
body, figure { margin: 0 }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: transparent }
[hidden], template {
display:none
}
a { background-color: transparent }
h1 { margin: .67em 0 }
sub { bottom: -.25em }
img { border: 0; vertical-align: middle }
hr { box-sizing: content-box; height: 0 }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
*, :after, :before { box-sizing: border-box }
body { font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #2f3033 }
a { color: #3199f4; text-decoration: none }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px }
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% }
.h1, h1 { font-size: 36px }
.h2, h2 { font-size: 30px }
.h3, h3 { font-size: 24px }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 14px }
.h6, h6 { font-size: 12px }
p { margin: 0 0 10px }
.btn, .text-center { text-align: center }
dl, ol, ul { margin-top: 0 }
ol, ul { margin-bottom: 10px }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
.container, .container-fluid { margin-right: auto; margin-left: auto }
.container, .container-fluid { padding-left: 15px; padding-right: 15px }
@media (min-width:768px) {
.container { width: 750px }
}
@media (min-width:992px) {
.container { width: 970px }
}
@media (min-width:1200px) {
.container { width: 1170px }
}
.row { margin-left: -15px; margin-right: -15px }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }
.container { width: 1170px }
/*带您了解*/
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left }
.col-sm-6 { width: 50% }
.col-sm-push-6 { left: 50% }
}
/*构建模型*/
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left }
.col-md-6 { width: 50% }
}
.navbar{background: rgba(255,255,255,0.8);}
.btn { display: inline-block; margin-bottom: 0; font-weight: 400; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color: #777 }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #0b73ce; background-color: transparent }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 }
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent }
.navbar-default .navbar-toggle { border-color: #ddd }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd }
.navbar-default .navbar-toggle .icon-bar { background-color: #888 }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: #e7e7e7; color: #555 }
.navbar-default .navbar-link { color: #777 }
.navbar-default .navbar-link:hover { color: #0b73ce }
.navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #0b73ce }
.modal { display: none; position: fixed; top: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 }
.modal-dialog { position: relative; width: auto; margin: 10px }
.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0,0,0,.5); outline: 0 }
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { content: " "; display: table }
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both }
.center-block { display: block; margin-left: auto; margin-right: auto }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; background-color: transparent; border: 0 }
.iconfont, html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.affix { position: fixed }


html { -webkit-text-stroke-width: 0 }
.text-white { color: #fff }
.text-gray { color: #85878c }
.text-bold { font-weight: 700 }
.bg-gray { background-color: #f4f6f8 }
.bg-dark { background-color: #2f3033 }
.section .section-hd { padding-top: 30px }
.section .section-hd .title table { margin: 0 auto }
.section .section-hd .title .title-text { width: 20%; color: #3199f4; text-align: center }
.section .section-hd .title .title-text h2 { margin-top: 20px; margin-bottom: 10px; font-size: 30px; }
.section .section-hd .title .title-line { width: 25%; padding-top: 15px; position: relative }
.section .section-hd .title .title-line hr { display: inline; position: absolute; width: 100%; border-color: #d4d4d6; top: 18px }
.section .section-hd .title .title-line hr.first-child { width: 50%; top: 8px }
.section .section-hd .title .title-line hr.last-child { width: 30%; top: 28px }
.section .section-hd .title .title-line-left hr { right: 15px }
.section .section-hd .title .title-line-right hr { left: 15px }
.section .section-hd .sub-title { padding-top: 20px; font-size: 16px }
.section .section-bd { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd }
.section .section-bd:last-child { border-bottom: 0 none }
.section .section-bd .pic-box { padding: 40px 10px; border-radius: 10px }
.section .section-bd .intro-box { padding: 20px 10px }
.section .section-bd .intro-box .box-hd { border-left: 4px solid #3199f4; color: #3199f4; font-size: 28px; padding-left: 10px; margin-bottom: 10px }
.section .section-bd .intro-box .box-bd { font-size: 18px; line-height:36px; }
.section .section-bd .intro-box .box-bd .more { font-size: 12px; text-decoration: underline }
.section .section-bd .intro-box .box-bd h5 { font-weight: 700; margin-top: 30px }
.table thead tr th { color: #999ba2; font-size: 12px; border-right: 1px solid #dcdee4; vertical-align: middle; text-align: left }
.navbar-tae { background-color: #fff; border: 0; box-shadow: 0 0 8px rgba(0,0,0,.2); margin-bottom: 0; background-color: #f0f0f0\9 }
.navbar-tae .navbar-brand { padding: 0 }
.navbar-tae .navbar-brand .logo { display: inline-block; height: 80px; text-align: center; line-height: 80px }
.navbar-tae .navbar-brand .logo a { display: block }
.navbar-tae .navbar-brand .logo-baichuan { background: #3199f4; width: 160px }
.navbar-tae .navbar-brand .logo-tae { background: 0 0; width: 140px }
.navbar-tae .navbar-nav-tae-link { margin-left: 15px }
.navbar-tae .navbar-nav-tae-link>li>a { font-size: 16px; padding-left: 20px; padding-right: 20px }
.navbar-tae .navbar-nav-tae-login>li>a { font-size: 14px; padding-left: 10px; padding-right: 10px; color: #85878c; font-weight: 400 }
.navbar-tae .nav-link-workstation { margin-left: 10px }
.navbar-tae .nav-link-workstation .btn { margin-top: 20px; padding-bottom: 10px; padding-top: 10px; border-color: #3199f4; color: #3199f4; background-color: transparent }
.nav-placeholder { height: 80px }
.slider-area { min-height: 330px; background: url("../img/jskf-bg.png") center top no-repeat #3199f4;margin-top:70px; }
.slider-area .tae-img { padding-top: 68px; padding-bottom: 20px }
.slider-area .tae-text { font-size: 18px; line-height: 160%; font-weight: 100 }
.slider-area .tae-btn-group a:focus, .slider-area .tae-btn-group a:hover { color: #fff; opacity: .8; text-decoration: none }
.slider-area .tae-btn-group .tae-btn-video { opacity: .95; line-height: 32px }
.slider-area .tae-btn-group .tae-btn-video span { margin-left: 5px; font-size: 14px; }
.slider-area .tae-btn-group .tae-btn-start .btn { padding: 8px 25px; background-color: rgba(255,255,255,.3); background-color: transparent\9; border-color: #fff; color: #fff }

.mod { padding: 30px 0 }
.mod-join { text-align: center; background: url("../img/ljjr-bg.png") repeat }
.mod-join .mod-tit { font-size: 30px; color: #fff; line-height: 30px; margin-bottom: 40px }
.mod-join p { font-size: 20px; color: #fff; line-height: 30px; margin-bottom: 15px }

#fl_menu{position: fixed!important;top: 50%!important;  margin-top: -150px;}

@media(max-width: 1200px){
	.container{width: 100%;margin: 0;padding: 0;}
	.center-block{width: 100%;box-sizing: border-box;padding: 10px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 0px; padding-right: 0px }
}

@media(max-width: 768px){
	#fl_menu{display: none;}
	.section .section-hd .title .title-text{width: 30%!important;}
	.section .section-bd{margin: 0;padding-top: 0!important;padding-bottom: 0!important;}
	.section .section-bd .pic-box{padding: 10px 0!important;}
	.section .section-bd .intro-box{padding: 20px 0!important;}
	.box-bd{padding: 0 10px;font-size: 14px!important;  line-height: 2!important;}
	.section .section-bd .intro-box .box-hd{font-size: 20px;}
	.mod-join .mod-tit{font-size: 22px;margin-bottom: 18px;}
	.mod-join p{font-size: 16px;margin-bottom: 8px;}
	.row{margin: 0;}
	.section .section-hd .title .title-line-right hr{left: 0;}
	.container{width: 96%;margin: 0 auto;}
}


@media (min-width:0) and (max-width:767px) {
.slider-area .tae-btn-group { padding-top: 20px }
.slider-area .tae-btn-group .tae-btn-video { text-align: center; margin-bottom: 10px }
.slider-area .tae-btn-group .tae-btn-start { text-align: center }
}
@media (min-width:767px) {
.slider-area .tae-btn-group { padding-top: 40px }
.slider-area .tae-btn-group .tae-btn-video { text-align: right }
.slider-area .tae-btn-group .tae-btn-start { text-align: left }
}

