@charset "UTF-8";
/**
 * 
 * @authors longwise
 * @date    2016-08-07 10:26:40
 */
input,textarea{font-family: "微软雅黑",Arial, Helvetica;outline:none;}
/*input::-webkit-input-placeholder{color:blue;}*/
@font-face{
    font-family: 'fzzhengheis-r-gbregular';
    src: url('../fonts/_.woff'),
         url('../fonts/_.woff2');
    font-weight: normal;
    font-style: normal;
}
/*********about nav*********/
.about_nav{width: 1044px;height:104px;margin:0 auto;padding:62px 0 0 156px;}
.about_nav_line{float: left;width: 172px;height:2px;background:#42bcde;margin:15px;}
.about_nav_a{width: 152px;height:30px;display:inline-block;float: left;border-radius:20px;border:2px solid #42bcde;text-align:center;font-size:14px;color:#42bcde;line-height:30px;overflow: hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
@media screen and (min-width:1100px){
    .about_nav_a:hover{background:#42bcde;color:#ffffff;}
}
.about_nav_a_active{background:#42bcde;color:#ffffff;}
.about_nav_span_1{}
.about_nav_span_2{display:none;}
@media screen and (max-width:414px){
    .about_nav{width:100%;height:auto;padding:10px 10px;box-sizing:border-box;}
    .about_nav:after{content:"";display:table;clear:both;}
    .about_nav_a{width:20%;box-sizing:border-box;}
    .about_nav_line{width:20%;margin:15px 0px;}
}
/*********main part-1*********/
.about_main{width: 100%}
.about_main_inner1{width: 1200px;margin:0 auto;padding-bottom:70px;}
.about_main_inner1 h3{font-size: 20px;line-height:168px;font-weight:bold;}
.about_main_inner1 h3:first-child{font-family: Arial;float: left;letter-spacing: 6px;}
.about_main_inner1 h3:nth-child(2){float: right;letter-spacing:3px;}
.about_main_information{padding:70px 52px;background:#ffffff;font-size: 14px;line-height:28px;text-align:justify;}
.about_main_information p:first-child{border-bottom:0px dashed #42bcde;}
@media screen and (max-width:414px){
    .about_main_inner1{width:100%;padding-bottom:30px;}
    .about_main_inner1 h3{width:100%;line-height:24px;font-size:14px;float: none;text-align: left;box-sizing:border-box;}
    .about_main_inner1 h3:first-child{letter-spacing:normal;padding:10px 0 0 20px;}
    .about_main_inner1 h3:nth-child(2){font-size:12px;letter-spacing:normal;padding:0 0 10px 20px;font-weight:normal;}
    .about_main_information{padding:20px 20px;}
}
/*********main part-2*********/
.about_main_inner2{width:1200px;margin:0 auto;padding:46px 0 70px;}
.inner2_title_left{float: left;font-size:18px;line-height:36px;margin-bottom: 60px;}
.inner2_title_right{float: right;text-align: right;}
.inner2_title_right h3{font-size:20px;line-height:40px;}
.inner2_title_right p{font-size:16px;}
.inner2_title_right h3 .h3_pc{display: block;}
.inner2_title_right h3 .h3_mobile{display: none;}    

.stations{width:1048px;background:#ffffff;padding:24px 76px;margin-bottom:26px;position:relative;opacity:0;}
.slideUp{animation:slideUp 1s 1;animation-fill-mode:forwards;}
@keyframes slideUp{
    0%{top:100px;opacity:0;}
    100%{top:0px;opacity:1;}
}
.stations_name{float: left;border-right:1px dotted #333333;width:310px;height:84px;padding-top:38px;margin-bottom:20px;}
.stations_details{position:relative;display:none;}
.stations_button{float: left;padding:40px 0 0 156px;}
.stations_button input{width: 160px;height:34px;font-size:18px;border:1px solid #333333;color:#333333;border-radius:16px;background:none;cursor:pointer;transition:all 0.2s;outline: none;}
@media screen and (min-width:1100px){
    .stations_button input:hover{border:1px solid #42bcde;color:#42bcde;}
}
.stations_button input:active{background:#42bcde;color:#ffffff;}
.stations_button input.btn_d{margin-right:152px;}
.stations_button input.btn_r{margin-right:0px;}
.stations_button input.btn_active{border:1px solid #42bcde;background:#42bcde;color:#ffffff;}
.station_description,.station_requirement{font-size:14px;line-height:28px;padding:60px 0;border-top:1px dotted #333333;;display:none;}
.station_close{position:absolute;bottom:14px;right:14px;cursor:pointer;}
@media screen and (max-width:415px){
    .about_main_inner2{width:100%;padding:0 0 30px 0;}
    .inner2_title_left{float: left;font-size:14px;line-height:48px;margin: 0px;padding:0 0 0 20px;display: none;}
    .inner2_title_right{float: left;text-align: left;padding:10px 0 10px 20px;display: block;}
    .inner2_title_right h3{font-size:14px;line-height:24px;}
    .inner2_title_right h3 .h3_pc{display: none;}
    .inner2_title_right h3 .h3_mobile{display: block;}    
    .inner2_title_right p{font-size:12px;line-height:24px;}
    .stations{width:90%;padding:5px 20px;margin:0 auto 26px;box-sizing:border-box;}
    .stations_name{width:40%;font-size:16px;padding:10px 0;margin:0;box-sizing:border-box;}
    .stations_button{width:60%;padding:0;}
    .stations_button input.btn_d,.stations_button input.btn_r{margin:5px auto;display: block;float: none;}
}
/*********main part-3*********/
.about_main1{display:block;}
.about_main2{display:block;}
.about_main3{padding-bottom:80px;display:block;}
.about_main_inner3{width: 1200px;margin:0 auto;}
.about_main_inner3 h3{font-size: 20px;line-height:168px;font-weight:bold;}
.about_main_inner3 h3:first-child{font-family: Arial;float: left;letter-spacing: 6px;}
.about_main_inner3 h3:nth-child(2){float: right;letter-spacing:3px;}
.location_city{margin-bottom:70px;}
.location_map{width: 1168px;height:393px;background:#ffffff;margin-bottom:22px;position:relative;padding:16px;}
.location_text{width:1200px;height:140px;background:#ffffff;padding:20px 0;position:relative;}
.location_text_left{width: 45%;height:90px;float: left;text-align:center;padding-top:50px;border-right:1px dotted #333333;}
.location_text_left h4{font-size:20px;font-weight:normal;}
.location_text_left p{font-size:12px;}
.location_text_right{width: 50%;float: left;height:104px;float: left;padding:36px 0 0 40px;font-size:18px;}
.location_city:nth-child(4) .location_map{-webkit-animation:slideUp1 1s 1;-moz-animation:slideUp1 1s 1;-o-animation:slideUp1 1s 1;-ms-animation:slideUp1 1s 1;animation:slideUp1 1s 1;}
.location_city:nth-child(4) .location_text{-webkit-animation:slideUp2 1.5s 1;-moz-animation:slideUp2 1.5s 1;-o-animation:slideUp2 1.5s 1;-ms-animation:slideUp2 1.5s 1;animation:slideUp2 1.5s 1;}
.location_city:nth-child(5) .location_map{-webkit-animation:slideUp3 2s 1;-moz-animation:slideUp3 2s 1;-o-animation:slideUp3 2s 1;-ms-animation:slideUp3 2s 1;animation:slideUp3 2s 1;}
.location_city:nth-child(5) .location_text{-webkit-animation:slideUp4 2.5s 1;-moz-animation:slideUp4 2.5s 1;-o-animation:slideUp4 2.5s 1;-ms-animation:slideUp4 2.5s 1;animation:slideUp4 2.5s 1;}
.message_board_bg{width:100%;height:196px;background:url(../images/message-board.png) no-repeat;background-size:cover;}
.message_board_bg p{width:1200px;margin:0 auto;color:#ffffff;}
.message_board_bg p:nth-child(1){font-size:26px;padding-top:60px;}
.message_board_bg p:nth-child(2){font-size:30px;}
@media screen and (max-width:415px){
    .about_main_inner3{width:100%;}
    .about_main_inner3 h3{font-size:14px;line-height:24px;padding:0 20px;width:100%;float: none;box-sizing:border-box;}
    .about_main_inner3 h3:first-child{letter-spacing:normal;padding:10px 0 0 20px;}
    .about_main_inner3 h3:nth-child(2){font-size:12px;letter-spacing:normal;padding:0 0 10px 20px;font-weight:normal;}
    .location_city{margin-bottom:20px;}
    .location_map{width: 90%;height:350px;background:#ccc;margin:0 auto;padding:0;position:relative;}
    .location_text{width:90%;height:auto;margin:0 auto;padding:0;}
    .location_text_left,.location_text_right{box-sizing:border-box;float: none;width:100%;border:none;padding:0;}
    .location_text_left{border-bottom:1px dotted #333;height:auto;padding:20px;text-align: left;}
    .location_text_right{padding:10px 20px;font-size:14px;height:auto;}
    .location_text_left h4{font-size:14px;}
    .location_text_left p{font-size:10px;}
    .message_board_bg{height:100px;}
    .message_board_bg p{width:100%;padding:0;margin:0;box-sizing:border-box;}
    .message_board_bg p:nth-child(1){font-size:16px;padding:20px 0 0 20px;}
    .message_board_bg p:nth-child(2){font-size:16px;padding:20px 0 0 20px;}
}
/********表单样式***********/
.message_board_form{width: 500px;margin:90px auto 0;}
.user_sex{float: left;padding-bottom:20px;width: 116px;cursor:pointer;font-size: 20px;}
.c1{float: left;width: 10px;height:10px;border:1px solid #333333;border-radius: 2px;margin:10px 25px 0 0;} 
.checked_sex .c0{width: 8px;height:8px;background:#44bbdd;border-radius:2px;margin:1px;}
form input{height:28px;border:1px solid #42bcde;background:none;padding:16px;color:#595959;font-size:20px;}
form input:focus{border:1px solid #42bcde;}
.input_name{;width:156px;margin-right:10px}
.input_tel{width: 266px;}
textarea.text_message{width: 466px;padding:16px;height:155px;margin-top:20px;background:none;font-size:20px;color:#595959;border:1px solid #42bcde;}
textarea.text_message:focus{border:1px solid #42bcde;}
form .sendBtn{width: 310px;height:60px;border:1px solid #42bcde;margin-top:20px;transition:0.2s;cursor:pointer;background:#42bcde;color:#ffffff;}
form .sendBtn:active{background:#2b6c80;}
@media screen and (max-width:415px){
    .message_board_form{width:90%;margin:40px auto 0;}
    .user_sex{padding-bottom:10px;width: 80px;font-size: 12px;}
    .c1{margin:3px 8px 0 0;}
    form input,textarea.text_message,form .sendBtn{width:100%;height:30px;border:1px solid #42bcde;background:none;padding:0 10px;color:#595959;font-size:12px;margin-bottom:10px;box-sizing:border-box;}
    .input_name,.input_tel,textarea.text_message{width:100%;}
    textarea.text_message{margin:0 0 10px 0;height:90px;}
    form .sendBtn{background:#42bcde;color:#fff;}
}