a,
blockquote,
body,
button form,
code,
dd,
div,
dl,
dt,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0
}

a,
blockquote,
body,
button form,
code,
dd,
div,
dl,
dt,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0
}

body {
    color: #999;
    font-size: 14px;
    margin: auto;
    font-family: "Microsoft Yahei", Arial;
    background-color: #fff
}

ol,
ul {
    list-style: none
}

a,
a:hover {
    text-decoration: none;
    color: #999
}

b,
i {
    font-weight: 400;
    font-style: normal
}

img {
    border: 0
}

.container {
    width: 1200px;
    margin: auto
}

input {
    outline: 0
}

.top {
    width: 100%;
    height: 553px;
    background: url(../img/banner_bg.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative
}

.top .nav .navbar {
    display: block;
    vertical-align: top;
    text-align: center
}

.top .nav img {
    width: 35%;
    margin-top: 30px
}

.top .nav>a {
    display: block;
    text-align: center;
}

.top .nav .navbar>li {
    display: inline-block;
    vertical-align: top;
    padding: 20px 15px;
    position: relative
}

.top .nav .navbar>li>a {
    display: block;
    padding: 5px 0;
    color: #bfbfbf;
    font-size: 16px;
    border-bottom: 1px solid transparent
}

.top .nav .navbar>li>a.current,
.top .nav .navbar>li>a:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.top .nav .child_nav {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 65px;
    left: 0;
    background: #fff;
    display: none;
    padding: 0px 3px
}

.top .nav .child_nav li {
    display: block
}

.top .nav .child_nav a {
    display: block;
    padding: 5px 0;
    color: #666;
    font-size: 12px
}

.top .nav .child_nav a:hover {
    color: #b01818
}

.top .nav .angel {
    width: 10px;
    height: 6px;
    background: url(../img/angel.png) no-repeat 0 0;
    position: absolute;
    top: -6px;
    left: 47px
}

.top .title {
    margin-top: 26px
}

.top .title h2 {
    width: 460px;
    margin: auto;
    font-size: 100px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
    border-bottom: 3px solid #fff
}

.top .title p {
    color: #fff;
    font-size: 20px;
    letter-spacing: 10px;
    text-align: center
}

.banner_module {
    width: 700px;
    margin: auto;
    text-align: center;
    font-size: 0;
    margin-top: 100px
}

.module {
    width: 300px;
    height: 220px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd
}

.module:hover {
    box-shadow: 0 0 20px #ddd
}

.module img {
    width: 100%;
    height: 100%
}

.module h3 {
    font-size: 20px;
    color: #333;
    padding-top: 20px;
    font-weight: 400
}

.module span {
    display: block;
    width: 50px;
    border-top: 1px solid #b01818;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px
}

.module p {
    color: #666;
    padding: 10px 10px 0 10px;
    text-align: justify;
    line-height: 28px
}

.module p a {
    color: #b01818;
    float: right
}

.module p a:hover {
    text-decoration: underline
}

.activity {
    margin-top: 360px;
    padding: 40px 0;
    text-align: center
}

.activity h2 {
    font-size: 30px;
    color: #666;
    font-weight: 400
}

.activity p.tip {
    width: 100%;
    background: url(../img/greyline.png) repeat-x 0 10px;
    background-size: 100% 1px;
    font-size: 0;
    margin: 30px 0
}

.activity p.tip a {
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    background-color: #fff;
    color: #666
}

.activity p.tip a.current,
.activity p.tip a:hover {
    background-color: #b01818;
    color: #fff
}

.left,
.right {
    display: inline-block;
    vertical-align: top
}

.activity .left {
    width: 40%;
    height: 200px;
    background: url(../img/act_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    vertical-align: middle
}

.activity .left div {
    background: rgba(208, 48, 46, .8);
    padding: 10px 20px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0
}

.activity .left div .title {
    color: #fff;
    font-size: 18px
}

.activity .left div .line {
    display: block;
    width: 40px;
    border: 2px solid #fff;
    margin: 5px 0
}

.activity .left div .text {
    color: #fff;
    font-size: 12px;
    line-height: 24px
}

.activity .right {
    width: 48%;
    text-align: right;
    vertical-align: middle
}

.activity .eventlist li {
    display: inline-block;
    vertical-align: middle
}

.activity .eventlist li:first-child {
    font-size: 26px;
    padding: 10px 5px;
    border: 3px solid #ddd
}

.activity .eventlist li:nth-child(2) {
    width: 70%;
    line-height: 24px;
    margin-left: 10px;
    text-align: left
}

.activity .eventlist:hover {
    color: #b01818
}

.activity .btn {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 40px;
    border: 1px solid #999;
    margin: auto;
    margin-top: 30px;
    font-size: 18px
}

.activity .btn:hover {
    background-color: #b01818;
    color: #fff
}

.projects {
    height: auto;
    background: url(../img/project.jpg) no-repeat 0 0;
    background-size: 100% 100%;
    padding: 40px;
    text-align: center
}

.projects h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 400
}

.projects p.line {
    width: 50px;
    border: 1px solid #b01818;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px
}

.projects .left {
    width: 50%
}

.projects .left .left_down,
.projects .left .left_up {
    padding: 20px;
    text-align: center;
    background: #fff
}

.projects .left .left_down h3,
.projects .left .left_up h3 {
    color: #333;
    font-size: 18px;
    font-weight: 400
}

.projects .left .left_up .pic {
    margin: 20px 0;
    position: relative;
    height: 170px;
    margin-top: 30px;
    margin-bottom: 30px
}

.projects .left .left_up .pic img {
    width: 100%;
    height: 170px
}

.projects .left .left_up .pic span {
    display: block;
    width: 95%;
    height: 155px;
    border: 2px solid #fff;
    position: absolute;
    top: 5px;
    left: 2%
}

.projects .left .left_up .text {
    color: #333;
    line-height: 28px;
    text-align: justify
}

.projects .left .left_down {
    margin-top: 30px
}

.projects .left .left_down .prolist {
    padding: 10px 0;
    margin-top: 20px
}

.projects .left .left_down .prolist li {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    line-height: 28px;
    color: #333
}

.projects .left .left_down .prolist li:nth-child(2) {
    width: 75%;
    margin-left: 5%
}

.projects .left .left_down .prolist:hover {
    background-color: #F4F4F4
}

.projects .left .left_down .prolist li:nth-child(1) img {
    margin-left: 12.5px;
    margin-right: 12.5px;
}

.projects .left .left_down .prolist li:nth-child(1) p {
    color: rgba(208, 48, 46, .8);
    font-weight: bold;
}

.projects .right {
    width: 35%;
    text-align: center;
    margin-left: 5%
}

.projects .right .right_up {
    border: 1px solid #DB4844;
    padding: 10px 20px
}

.projects .right .right_up .title {
    font-size: 22px;
    color: #f9fafe
}

.projects .right .right_up .tip {
    color: #fff;
    font-size: 18px;
    margin: 10px 0
}

.projects .right .right_up .tel {
    font-size: 26px;
    color: #DB4844;
    margin-bottom: 10px
}

.projects .right .right_up .tel img {
    vertical-align: middle;
    margin-right: 20px
}

.projects .right .right_up a {
    color: #fff;
    margin-right: 15px;
    position: relative
}

.projects .right .right_up a:hover {
    color: #DB4844
}

.projects .right .right_up a img {
    vertical-align: middle;
    margin-left: 5px;
    width: 19px;
    height: 23px
}

.projects .right .right_up a img:last-child {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.projects .right .right_middle {
    background-color: #000;
    margin: 30px 0;
    padding: 10px 20px;
    text-align: center
}

.projects .right .right_middle .title {
    color: #fff;
    font-size: 22px
}

.projects .right .right_middle form span {
    display: inline-block;
    width: 25%;
    color: #fff;
    font-size: 18px;
    text-align: right;
    margin-right: 1%
}

.projects .right .right_middle form input {
    width: 251px;
    height: 30px;
    margin: 5px
}

.projects .right .right_middle form select {
    width: 253px;
    margin: 5px 0px;
    /*border-radius:5px;*/
    height: 32px;
    margin-right: 5px;
}

.projects .right .right_middle form p {
    margin: 10px 0
}

.projects .right .right_middle form p .iden {
    width: 253px;
    text-align: left;
    margin-left: 1%
}

.projects .right .right_middle form p .iden input {
    width: 80px;
    border: 1px solid #ddd
}

.projects .right .right_middle form p .iden img {
    vertical-align: middle;
    height: 30px
}

.projects .right .right_middle .btn {
    display: block;
    width: 80px;
    color: #b01818;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #b01818;
    font-size: 18px;
    margin: auto
}

.projects .right .right_down {
    padding: 40px;
    background: url(../img/more.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-align: center
}

.projects .right .right_down a {
    font-size: 26px;
    color: #fff
}

.comment {
    padding: 40px 0;
    text-align: center
}

.comment h2 {
    font-size: 30px;
    color: #333;
    font-weight: 400
}

.comment p.line {
    width: 50px;
    border: 1px solid #b01818;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px
}

.comment ul {
    padding: 20px;
    border: 1px solid transparent
}

.comment ul:hover {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ddd
}

.comment ul li {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.comment ul li:first-child {
    width: 30%
}

.comment ul li:last-child {
    width: 55%;
    margin-left: 2%;
    text-align: left;
    border-left: 1px solid #ddd
}

.comment ul li:first-child img {
    width: 50%;
    height: 200px
}

.comment ul li:last-child .name {
    font-size: 18px;
    padding-left: 20px;
    line-height: 28px;
    border-bottom: 1px solid #ddd
}

.comment ul li:last-child .name span {
    color: #b01818;
    margin-right: 15px
}

.comment ul li:last-child .comcon,
.comment ul li:last-child .intro {
    line-height: 28px;
    color: #333;
    padding-left: 20px;
    word-break: break-word;
}

.comment .btn {
    display: block;
    margin-top: 30px
}

.contact {
    padding: 40px 0;
    text-align: center;
    background-color: #292928
}

.contact h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 400
}

.contact p.line {
    width: 50px;
    border: 1px solid #b01818;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px
}

.contact .city {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    background-color: #444;
    color: #ccc;
    margin: 0 10px
}

.contact .city.current,
.contact .city:hover {
    color: #fff;
    background-color: #b01818
}

.contact .contactway ul {
    margin-top: 20px
}

.contact .contactway ul li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    text-align: center
}

.contact .contactway ul li img {
    display: block;
    margin: auto
}

.contact .contactway ul li span {
    display: block;
    color: #fff
}

.footer ul {
    padding: 20px
}

.footer ul li {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: center;
    color: #333
}

.footer ul li:nth-child(2) {
    line-height: 28px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.footer ul li a {
    color: #333;
    display: inline-block;
    margin-right: 8px
}

.confoot {
    background-color: #292928
}

.confoot ul li a {
    color: #fff
}

.confoot ul li {
    color: #fff
}

.contop .title {
    margin-top: 64px
}

.apply .left {
    border: 1px solid #ddd;
    padding: 20px 0;
    width: 70%;
    margin: 20px 0
}

.apply .left h2,
.apply .left h1 {
    font-size: 26px;
    color: #b01818;
    font-weight: 400
}

.apply .left .tip {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.apply .left .tip .bshare-custom.icon-medium {
    display: inline-block;
    float: right;
}

.apply .left .tip span:nth-child(2) {
    float: right;
    margin-right: 15px
}

.apply .left .option {
    text-align: right;
    font-size: 0
}

.apply .left .option a {
    display: inline-block;
    padding: 3px 12px;
    border-right: 1px solid #ddd;
    border-bottom: transparent;
    font-size: 14px;
    color: #333;
}

.apply .left .option a:last-child {
    border-right: 0px;
}

.apply .left .option a.current,
.apply .left .option a:hover {
    color: #fff;
    background-color: #b01818
}

.apply .left_up {
    padding-left: 30px;
    border-bottom: 1px solid #ddd
}

.apply .left_middle {
    padding: 20px 0 20px 30px;
    border-bottom: 1px solid #ddd
}

.apply .left_middle h3 {
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.apply .left_middle ul {
    margin: 30px 0
}

.apply .left_middle ul li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    color: #333;
    text-align: center;
    font-size: 18px
}

.apply .left_middle ul li select {
    width: 80%;
    height: 25px;
    /*border-radius:5px;*/
    margin-top: 5px
}

.apply .left_middle .btn {
    display: block;
    width: 100px;
    padding: 5px 0;
    text-align: center;
    color: #b01818;
    border: 2px solid #b01818;
    margin: auto
}

.apply .left_middle .btn:hover {
    background-color: #b01818;
    color: #fff
}

.apply .left_down {
    padding: 20px 30px 20px 30px
}

.apply .left_down img {
    width: 100%;
}

.apply .left_down h3 {
    font-size: 18px;
    color: #333;
    font-weight: 400
}

.left .left_down .prolist li p {
    text-align: left
}

.apply .left_down .text {
    color: #333;
    line-height: 28px;
    margin: 20px 0;
    text-align: justify;
    padding-right: 30px
}

.apply .right {
    width: 20%;
    margin-left: 5%
}

.apply .right .right_up {
    position: relative;
    z-index: auto;
    top: -70px
}

.apply .right_up .title {
    height: 125px;
    background: url(../img/report_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px 0
}

.apply .right .right_up .title img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #fff
}

.apply .right .right_up .title h4 {
    color: #fff;
    font-size: 18px;
    margin: 10px 0;
    font-weight: 400
}

.apply .right .right_up .title .tip {
    color: #fff;
    font-size: 12px
}

.apply .right .right_up .connav {
    border: 1px solid #ddd;
    text-align: center
}

.apply .right .right_up .connav li a {
    display: block;
    padding: 10px 0;
    color: #333;
    font-size: 16px;
    position: relative
}

.apply .right .connav li a i.langel {
    display: inline-block;
    width: 11px;
    height: 22px;
    background: url(../img/langel.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 9px
}

.apply .right .connav li a i.rangel {
    display: inline-block;
    width: 11px;
    height: 22px;
    background: url(../img/rangel.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 9px
}

.apply .right .right_up .connav li a i.hide {
    display: none
}

.apply .right .connav li a.current {
    color: #b01818
}

.apply .right .right_middle {
    border: 1px solid #ddd;
    border-top: 5px solid #b01818;
    padding: 15px 20px;
    background: url(../img/funs.png) no-repeat 0 0;
    background-size: 100% 100%;
    text-align: center
}

.apply .right .right_middle h4 {
    font-size: 18px;
    color: #b01818;
    font-weight: 400;
    margin-bottom: 20px
}

.apply .right .right_middle .fastto a {
    display: inline-block;
    width: 42%;
    padding: 15px 0;
    text-align: center;
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    margin: 0 2%;
    margin-bottom: 15px
}

.apply .right .right_middle .fastto a p:first-child {
    color: #999;
    font-size: 22px;
    margin-bottom: 5px
}

.apply .right .right_middle .fastto a:hover {
    color: #fff;
    background-color: #b01818
}

.apply .right_down {
    border: 1px solid #ddd;
    border-top: 5px solid #b01818;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px
}

.apply .right_down h4 {
    font-size: 18px;
    color: #b01818;
    font-weight: 400;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.apply .right_down .morelink {
    padding: 15px 5px;
    text-align: left;
    margin-left: 24px;
}

.apply .right_down .morelink a {
    display: block;
    color: #333;
    width: 100%;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.apply .right_down .morelink a:hover {
    color: #b01818;
    text-decoration: underline
}

.latest .left .l_title {
    font-size: 26px;
    color: #b01818;
    margin-bottom: 30px;
    font-weight: normal;
}

.latest .left {
    border: 0
}

.latest .left .timetip {
    text-align: center;
    margin-bottom: 20px;
    color: #333
}

.latest .left .timetip a {
    color: #333;
    display: inline-block;
    width: 8px;
    text-align: center;
    border-bottom: 1px solid #999
}

.latest .left .timetip select {
    background-color: #f0f0f0;
    width: 100px;
    text-align: left;
    border-radius: 5px;
    margin-left: 10px
}

.latest .left .latest_list {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px
}

.latest .left .latest_list:hover {
    border: 1px solid #b01818
}

.latest .left .latest_list li {
    display: inline-block;
    vertical-align: middle
}

.latest .left .latest_list li:first-child {
    width: 20%;
    padding: 5px 1%;
    border: 2px solid #ddd;
    text-align: center
}

.latest .left .latest_list li span:first-child {
    font-size: 76px
}

.latest .left .latest_list li span:nth-child(2) {
    font-size: 40px
}

.latest .left .latest_list li:nth-child(2) {
    width: 70%;
    margin-left: 3%
}

.latest .left .latest_list li a {
    font-size: 18px;
    color: #333;
    line-height: 28px
}

.latest .left .latest_list li a:hover {
    color: #b01818;
    text-decoration: underline
}

.latest .left .latest_list li .latestcon {
    line-height: 28px;
    text-indent: 2em;
    color: #333;
    text-align: justify
}

.latest .right_up .title {
    background: url(../img/trengs_bg.png) no-repeat 0 0;
    background-size: 100% 100%
}

.detail {
    position: relative;
    border: 0
}

.detail .left {
    border: 0;
    margin-top: 80px
}

.detail .what_title {
    width: 218px;
    height: 109px;
    background: url(../img/what_bg.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    color: #fff;
    text-align: center
}

.detail .what_title span {
    font-size: 22px;
    color: #fff;
    display: block;
    margin-top: 60px
}

.detail .right_up .title {
    background: url(../img/intro_bg.png)
}

.detail .right_up {
    border: 0
}

.detail p.tip span {
    float: right
}

.detail .detailcon {
    border: 1px solid #ddd;
    padding: 20px;
    text-indent: 2em;
    margin-top: 20px;
    color: #333;
    line-height: 28px;
    position: relative
}

.detail .detailcon .title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px
}

.detail .detailcon .con {
    padding-left: 3em
}

.detail .int {
    display: block;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #ddd;
    position: absolute;
    left: -136px;
    top: 64px
}

.detail .detailcon a:hover {
    color: #fff;
    background-color: #b01818
}

.detail .org {
    display: block;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #ddd;
    position: absolute;
    left: -164px;
    top: 99px
}

.detail .three {
    display: block;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #ddd;
    position: absolute;
    left: -164px;
    top: 134px
}

.detail .four {
    display: block;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #ddd;
    position: absolute;
    left: -164px;
    top: 169px
}

.detail .five {
    display: block;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #ddd;
    position: absolute;
    left: -164px;
    top: 204px
}

.i_angel {
    display: inline-block;
    width: 14px;
    height: 34px;
    background: url(../img/maskicon.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: -2px
}

.reportform {
    padding: 40px 0;
    text-align: center
}

.reportform h2,
.reportform h1 {
    font-size: 26px;
    color: #b01818;
    font-weight: 400;
}

.reportform .fillnotes {
    padding: 20px;
    text-align: center
}

.reportform .fillnotes .title {
    font-size: 18px;
    color: #333
}

.reportform .fillnotes .tip {
    color: #333;
    margin-top: 5px;
    margin-bottom: 10px
}

.reportform .fillnotes .notecontent {
    color: #333;
    text-align: left;
    line-height: 28px
}

.stuinfo {
    position: relative;
    border: 1px solid #ddd;
    text-align: left;
    padding-bottom: 30px
}

.infotip {
    width: 200px;
    position: relative;
    padding-top: 30px;
    margin-bottom: 20px;
    margin-left: 50px
}

.infotip i {
    display: inline-block;
    width: 10px;
    height: 30px;
    border-left: 1px solid #b01818;
    border-right: 1px solid #b01818;
    position: absolute;
    top: 0
}

.infotip i.i_squl {
    left: 10px
}

.infotip i.i_squr {
    right: 10px
}

.infotip .tipcon {
    text-align: center;
    border: 1px solid #b01818;
    height: 60px;
    position: relative
}

.infotip .tipcon s {
    display: inline-block;
    width: 12px;
    height: 60px;
    position: absolute;
    top: 0
}

.infotip .tipcon s:first-child {
    left: 0
}

.infotip .tipcon s:nth-child(2) {
    right: 0
}

.infotip .tipcon s img {
    width: 100%;
    height: 100%
}

.infotip .tipcon .title {
    display: block;
    color: #666;
    font-size: 22px;
    border-bottom: 1px solid #b01818;
    margin: 0 20px;
    padding: 3px 0
}

.infotip .tipcon .cate {
    color: #666;
    padding-top: 3px
}

.filltable {
    border: 0;
    border-collapse: collapse;
    margin: auto;
    width: 95%
}

.filltable tr td {
    color: #333;
    height: 35px;
    line-height: 35px;
    padding: 5px 10px
}

.filltable tr td:first-child {
    width: 20%;
    text-align: right
}

.filltable tr td span {
    color: #b01818;
}

.filltable tr td input {
    color: #b01818;
}

.filltable tr td:nth-child(2) {
    width: 25%;
    text-align: left
}

.filltable tr td:nth-child(3) {
    width: 20%;
    text-align: right
}

.filltable tr td:nth-child(4) {
    width: 25%;
    text-align: left
}

.filltable tr td input {
    width: 85%;
    height: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #fff;
    padding-left: 1%
}

.filltable tr td select {
    /*border:1px solid #ddd;*/
    padding: 5px 10px
}

.filltable tr .gender input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 5px
}

.filltable tr .livetime input {
    width: 25%
}

.reportform .filltable tr td input {
    color: #333;
}

.contrylive,
.edubg,
.otherinfo,
.pntinfo,
.stucontact {
    border: 1px solid #ddd;
    margin-top: 30px;
    padding-bottom: 30px
}

.contrylive .tipcon,
.edubg .tipcon,
.otherinfo .tipcon,
.pntinfo .tipcon,
.stucontact .tipcon {
    line-height: 60px;
    color: #b01818;
    font-size: 22px
}

.wantlive select {
    width: 80%
}

.contrylive .infotip {
    width: 280px
}

.reportform .sel {
    margin: 30px 60px;
    color: #666;
    text-align: left
}

.reportform .sel span {
    color: #b01818
}

.reportform .sel select {
    padding: 5px 10px
}

.fillover {
    margin: 30px 0;
    text-align: center;
    color: #666
}

.fillover .iden input {
    width: 80px;
    height: 25px;
    border: 1px solid #ddd
}

.fillover img {
    vertical-align: middle;
    height: 25px
}

.fillover .iden {
    margin: 15px 0
}

.fillover .btn {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    background-color: #b01818;
    margin: auto;
    text-align: center
}

.prointro {
    padding: 40px 0;
    position: relative;
    text-align: center
}

.prointro .left {
    width: 42%;
    display: inline-block;
    vertical-align: top
}

.prointro .left img {
    width: 269px;
    height: 269px;
    margin: 40px
}

.prointro .left p {
    background-color: #f5f5f5;
    padding: 40px;
    text-align: left;
    line-height: 26px;
    color: #666;
    border-radius: 10px
}

.add {
    display: inline-block;
    vertical-align: top;
    height: 563px;
    width: 15%
}

.add img {
    width: 55px;
    height: 57px;
    margin-top: 155px
}

.why {
    padding: 40px 0;
    background-color: #f5f5f5
}

.atitle {
    line-height: 40px;
    font-size: 26px;
    color: #b01818;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: left
}

.atitle img {
    vertical-align: middle;
    margin-right: 5px
}

.atitle span {
    font-size: 18px;
    color: #999
}

.project {
    border: 1px solid #ddd;
    background-color: #fff;
    width: 70%;
    margin: auto;
    text-align: center;
    border-collapse: collapse
}

.project td {
    line-height: 35px;
    border: 1px solid #ddd
}

.project thead {
    background-color: #f5f5f5;
    color: #b01818;
    line-height: 35px
}

.project thead th {
    border: 1px solid #ddd
}

.project tr:nth-child(2n) {
    background-color: #f5f5f5
}

.time {
    padding: 40px 0
}

.time .classes {
    color: #333;
    margin-bottom: 25px
}

.time .classes span {
    color: #b01818
}

.time hr {
    height: 3px;
    border: 1px solid #ddd;
    background-color: #ddd
}

.time div {
    margin: auto;
    width: 85%;
}

.time div img {
    max-width: 100%;
}

.coursecon {
    width: 100%;
    height: 600px;
    padding: 40px 0;
    background: url(../img/con_bg.png) no-repeat 0 0;
    background-size: 100% 100%
}

.coursecon ul {
    text-align: center;
    margin-bottom: 30px
}

.coursecon ul li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    background-color: #fff;
    color: #666;
    height: 250px;
    margin-right: 30px;
    border: 1px solid #ddd
}

.coursecon ul li:first-child {
    vertical-align: middle;
    width: 18%;
    border: 0;
    background-color: transparent
}

.coursecon ul li:first-child img {
    width: 100%;
    margin-top: 15px
}

.coursecon ul li h3 {
    font-weight: 400;
    text-align: left;
    font-size: 18px;
    color: #b01818;
    padding: 10px 0 10px 10px;
    border-bottom: 1px dashed #ddd
}

.coursecon ul li div {
    padding: 10px;
    line-height: 26px;
    text-align: justify
}

.teacher {
    padding: 40px 0;
    text-align: center
}

.tealist {
    width: 36%;
    padding: 40px;
    background: url(../img/tea_pro.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #fff;
    line-height: 26px;
    height: 310px;
    padding-bottom: 0;
    display: inline-block;
    text-align: justify;
    vertical-align: top;
    position: relative;
    margin-bottom: 30px
}

.tealist .teaname {
    font-size: 18px;
    color: #fff
}

.teacher .tealist:nth-child(2n) {
    margin-right: 30px
}

.teacher .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.teacher .btn {
    padding: 5px 25px;
    color: #fff;
    border: 2px solid #fff;
    position: absolute;
    top: 152px;
    display: none
}

.process {
    position: relative;
    width: 1000px
}

.process .proed {
    width: 900px;
    background: url(../img/redline.png) repeat-x 0 0;
    background-size: 100% 4px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 5%;
    height: 4px;
    font-size: 0
}

.process .proed li {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 14px;
    height: 4px
}

.process .proed li div {
    position: absolute;
    top: -6px;
    left: 0;
    text-align: center;
    width: 100%
}

.process .proed li div.last {
    text-align: right
}

.process .proed li:first-child div {
    left: -39px
}

.process .proed li:last-child div {
    left: 40px
}

.process .tipa {
    padding: 10px 0;
    border: 1px solid #ddd;
    border-top: 5px solid #B01818;
    position: relative;
    width: 105px;
    left: 288px;
    text-align: center;
    margin-top: 10px;
    display: inline-block
}

.process .tipb {
    padding: 10px 0;
    border: 1px solid #ddd;
    border-top: 5px solid #B01818;
    position: relative;
    width: 105px;
    left: 630px;
    text-align: center;
    margin-top: 10px;
    display: inline-block
}

.process .tipc {
    padding: 10px 0;
    border: 1px solid #ddd;
    border-top: 5px solid #B01818;
    position: relative;
    width: 105px;
    left: 156px;
    text-align: center;
    margin-top: 10px;
    display: inline-block
}

.process .tipd {
    padding: 10px 0;
    border: 1px solid #ddd;
    border-top: 5px solid #B01818;
    position: relative;
    width: 105px;
    left: 337px;
    text-align: center;
    margin-top: 10px;
    display: inline-block
}

.process .tipa img,
.process .tipb img,
.process .tipc img,
.process .tipd img {
    position: absolute;
    top: -12px;
    left: 44px
}

.next {
    background-color: #e1e1e1
}

.s_intro .title {
    width: 570px;
    height: 120px;
    background: url(../img/cont_bg.png) no-repeat 0 0;
    text-align: center;
    margin: auto;
    position: relative;
    top: -60px
}

.s_intro .title span:first-child {
    font-size: 26px;
    color: #fff;
    padding-top: 30px;
    margin-bottom: 5px;
    display: block;
    font-weight: 400
}

.s_intro .title span:nth-child(2) {
    color: #fff;
    font-weight: 400;
    letter-spacing: 5px;
    display: block;
    font-size: 21px;
}

.s_intro .left {
    width: 45%;
    background: url(../img/aboutbg.png) no-repeat 0 0;
    padding: 24px 70px 40px 22px;
    background-size: 100% 100%
}

.s_intro .left img {
    width: 100%
}

.s_intro .left .text {
    color: #ff8e0c;
    line-height: 24px;
    padding-top: 12px
}

.s_intro .right {
    width: 40%;
    margin-left: 5%
}

.s_intro .right .conway {
    font: 700 26px/46px '微软雅黑';
    color: #c60108
}

.s_intro .right .hotline {
    margin-left: 20px;
    color: #333;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px
}

.s_intro .right .telnum {
    font-size: 32px;
    color: #C60108;
    line-height: 50px;
    margin-left: 10px;
    font-weight: 700
}

.s_intro .right .telnum img {
    vertical-align: middle
}

.s_intro .right .bts .baomingbt {
    display: inline-block;
    width: 170px;
    height: 57px;
    line-height: 57px;
    background: url(../img/attendbt.png) no-repeat;
    margin-top: 10px
}

.s_intro .right .bts .contactbt {
    display: inline-block;
    width: 170px;
    height: 57px;
    background: url(../img/attendbt.png) no-repeat;
    margin-left: 10px;
    background-position: -186px 0;
    margin-top: 10px
}

.flow {
    padding: 40px 0;
    text-align: center;
    background: url(../img/flow_bg.jpg) no-repeat 0 0;
    background-size: 100% 100%
}

.flow h2 {
    color: #fff
}

.flow .flowdel {
    padding: 20px 0
}

.flow .flowdel h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left
}

.flow .flowdel div {
    text-align: left
}

.flow .flowdel div p {
    display: inline-block;
    background-color: #fff;
    color: #B01818;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    border: 5px solid #4A494B;
    margin-left: 25px
}

.flow .flowdel div p span {
    display: block
}

.flow .flowdel div p span:first-child {
    font-size: 18px;
    border-bottom: 1px solid #B01818;
    margin: 0 10px;
    padding-bottom: 5px;
    margin-top: 9px
}

.flow .flowdel div p span:nth-child(2) {
    font-weight: 700;
    padding-top: 5px
}

.reportnow {
    width: 100%;
    padding: 40px 0;
    background-size: 100% 100%;
    background: url(../img/now_bg.jpg) no-repeat 0 0;
    background-size: 100% 100%
}

.reportnow .container {
    background: rgba(0, 0, 0, .4);
    padding: 30px 0;
    text-align: center
}

.reportnow h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px
}

.reportnow .filltable td {
    color: #fff
}

.reportnow .filltable input {
    border: 1px solid #ddd;
    background-color: transparent
}

.reportnow .filltable select {
    width: 85%
}

.reportnow .btn {
    display: block;
    width: 80px;
    color: #b01818;
    text-align: center;
    border: 1px solid #b01818;
    font-size: 18px;
    margin: auto
}

.register {
    text-align: center;
}

.register table {
    width: 75%;
    margin: auto;
    margin-top: 14px;
    color: #999;
    border-collapse: 0;
    display: none;
}

table {
    border-collapse: collapse;
}

.register table tr {
    height: 45px;
    white-space: 0;
}

.register table tr td {
    border: 1px solid #999;
}

.register table tr td:nth-child(1) {
    width: 35%;
}

.hide {
    display: none;
}

a {
    cursor: pointer;
}

.content-tab-border table tbody tr td {
    border: 1px solid #333;
}

.page {
    margin: 20px 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.page a {
    display: inline-block;
    margin-right: 5px
}

.page span {
    display: inline-block;
    margin-right: 5px
}

.page a {
    padding: 5px 10px;
    border: 1px solid #ddd;
    color: #666
}

.page a.red {
    color: #b01818
}

.page .current,
.page a:hover {
    background-color: #b01818;
    color: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.page .prev {
    color: #b01818;
}

.page .next {
    color: #b01818;
    background: #fff;
}

.f_links {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.f_links span,
.f_links a {
    line-height: 24px;
    margin-right: 10px;
    color: #333;
}