body{ font-size:12px; color:#444; line-height: 1.5; font-family:Microsoft Yahei,Arial,sans-serif;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main
{ display: block;padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit; font-family: inherit;font-size: 100%;vertical-align: baseline;}

.fl{ float:left;}
.fr{ float:right;}
i,em{ font-style: normal;}
.f12{ font-size: 12px;}
.f13{ font-size: 13px;}
.f14{ font-size: 14px;}
.f15{ font-size: 15px;}
.f16{ font-size: 16px;}
.bg_fa{background-color:#fafafc}
.bg_fff{ background: #fff;}
.bg_hui{background: #f7f7f9;}

/*鑿滃崟*/
#page{position:relative;width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s ;   margin-top: 80px;    margin-bottom: 50px;}
.gtco-nav {position: fixed; background: #fff; top: 0;left: 0;width: 100%; z-index: 1001; box-shadow:0 2px 5px rgba(0,0,0,0.05);}
.gtco-container {max-width: 1200px;position: relative;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.row { margin-right: -15px;margin-left: -15px;}
.row:before, .row:after {content: " ";display: table;}
.row:after {clear: both;}
.clearfix:after{display: table; content: "";}
.clearfix:after{clear: both;}
/*baner*/
section{ margin-top: 80px; overflow: hidden;}
/*鍙戝睍杞ㄨ抗*/
.track{width: 100%; margin: 0 auto;padding-top: 50px;box-sizing: border-box; margin-top: 80px;}
.track_box{width: 100%;background: url(../images/lineBai.png)  repeat-y center;}
.track_title{ color: #fff; text-align: center;}
.track_title h1{ font-size: 24px;}
.track_part1{ width: 64px; height: 64px; margin: 63px auto 0;}
.track_time {width: 64px;height: 64px;border: 2px solid #c11b22;text-align: center;border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;}
.track_time > span {display: block;width: 60px;height: 60px;line-height: 60px;font-size: 18px;font-weight: 600;font-family: arial;margin: 0 auto;background:#ffffff;border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;}
.track_p{ width: 400px; margin-top: 60px;}
.track_txt{ color: #fff; width: 320px;}
.track_txt span{ font-size: 16px;}
.track_txt p{ font-size: 14px; margin-top: 10px;}
.track_part11,.track_part3,.track_part4,.track_part8{width:500px}
.track_part11 .track_txt,.track_part3 .track_txt,.track_part4 .track_txt,.track_part8 .track_txt{width:400px}
.track_part2{margin-left:70px}
.track_part3{margin-left:360px}
.track_part5{margin-left:640px}
.track_part6{margin-left:475px}
.track_part7{margin-left:830px}
.track_part8{margin-left:335px}
.track_part9{margin-left:635px}
.track_part10{margin-left:140px}
.track_part11{margin-left:370px}
.track_part12{margin-left:80px}
.track_part13{margin-left:565px}
.track_part14{margin-left:405px}
.track_part15{margin-left:400px}
.track_part16{margin-left:805px}
.track_part17{margin-left:405px}
.track_part18{margin-left:610px}
.track_part19{margin-left:100px}
.track_part10 .track_txt,.track_part11 .track_txt,.track_part12 .track_txt,.track_part13 .track_txt,.track_part14 .track_txt,.track_part15 .track_txt,.track_part16 .track_txt,.track_part17 .track_txt,.track_part18 .track_txt,.track_part19 .track_txt{color:#333}
.track_part20{ width: 140px; margin-left:284px; margin-top: 110px;}
.track_part20 .track_time{ width: 27px; height: 27px; margin: auto;}
.track_part20 .track_time span{ width: 19px; height: 19px; margin: 3px auto;}
.track_txt{ color: #000000}
@media screen and (min-width: 767px){
    .track_p {     margin-left: 20.5%;}
    .track_p:nth-child(2n){     margin-left: 47%;}
}
@media screen and (min-width: 1200px){
    .track_p {    margin-left: 19%;}
    .track_p:nth-child(2n) { margin-left: 47%;}
}
.track_title{  color: #000000}

@media screen and (max-width: 1200px) {

    .track_box {
        background: url(../images/lineBai.png) repeat-y center;
    }

    .track .gtco-container {
        width: 768px;
    }

    .track_part2, .track_part4, .track_part6, .track_part8, .track_part10, .track_part12, .track_part14, .track_part16, .track_part18 {
        margin-left: 36px
    }

    .track_part3, .track_part5, .track_part7, .track_part9, .track_part11, .track_part13, .track_part15, .track_part17, .track_part19 {
        margin-left: 352px
    }

    .track_part20 {
        margin-left: auto;
        margin-right: auto
    }

    .track_p {
        width: 380px
    }

    .track_p .track_txt {
        width: 310px
    }
}
@media screen and (max-width: 1178px) and (min-width: 769px) {
    .fr {
        float: left!important;
    }
    .track_p {
        margin-left: 10%;
    }
    .track_p:nth-child(2n) {
         margin-left:10%;
    }
    .track_box {
        background: url(../images/lineBai.png) repeat-y 13%;
    }
}
@media screen and (max-width: 767px) {
    .track .gtco-container {
        width: 100%;
    }

    .track_box {
        background: url(../images/lineBai.png) repeat-y 47px;
        /*padding-bottom: 50px;*/
    }

    .track_p {
        width: auto;
        margin: 0;
        margin-top: 50px;
        padding: 0 15px
    }
    .track_part1{
        margin: 0;
        padding: 0 15px;
    }

    .track_part20{
        display: none
    }

    .track_time {
        float: left!important;
    }

    .track_p .track_txt {
        width: calc(100% - 70px);
        float: right
    }

    .track_txt p {
        font-size: 12px
    }
    .joinbox{ padding-bottom: 50px;}
}