@charset "utf-8"; *{margin:0;padding:0;font-family: "微软雅黑"} li{list-style: none} .clearfix{clear:both}.navbar-fixed-top{position:fixed} .center_caption{text-align: center;font-size: 30px;color:#0e4d54} .center_p{text-align: center;line-height: 26px} .pd_15{padding-top:15px} .pd_30{padding-top:30px} .pd_45{padding-top:45px} .pds_45{padding-bottom: 45px} .mg_15{margin-top:15px} .mg_40{margin-top: 40px} .navs{display: none;} .nava>li{position: relative;} .home1 .active1,.home2 .active2,.home3 .active3,.home4 .active4,.home5 .active5,.home6 .active6,.home7 .active7{ background: #0e4d54; } .home1 .active1 a,.home2 .active2 a,.home3 .active3 a,.home4 .active4 a,.home5 .active5 a,.home6 .active6 a,.home7 .active7 a{ color:#fff!important } .nava>li .transition{position:absolute;width:100%;left:0;top:0;background:#0e4d54;z-index: 0;height:0;transition:0.2s;}*/ .nava>li:nth-child(1) .transition{height:100%;} .nava>li:hover .transition{height:100%;} .nava>li>ul{position: absolute;z-index: 999;width:100%;text-align: center;background:#0e4d54;display: none;} .nava>li>ul>li{margin:20px 0;} .nava>li:hover a{color:#fff} .nava>li:hover ul{display: block;} /*.nava>li:hover a{color:#fff;}*/ .select_ul>li{float:left;width:25%;padding-bottom: 60px} .select_ul img{height:170px;} .select_ul>li:hover{background: #f1f1f1} .select_ul>li>div{width:160px;margin:0 auto;margin-top:25px;position: relative} .select_word{width:80%;margin:0 auto} .select_word>li{list-style: square;color:#13aec0;margin-left: 18px;font-size: 20px;margin-top:15px} .select_word>li span{color:#000;font-size: 14px;cursor:pointer;margin-top: 4px;} .select_word>li span:hover{color:#13aec0} .pos{width:100%;left:0;top:-4px;position: absolute} .pos_word{text-align: center;line-height: 185px;color: #fff;font-weight: 700;} .course_bg{background: #f7fefe;padding-bottom: 30px} .news_bg{background:#f6f7fb;margin-top:50px} .left_pic{width:50%;float:left;position: relative;overflow:hidden} .left_pic img{height:301px;transition:2s}.left_pic:hover img{transform:scale(1.2)} .left_pic>div{margin-left: 20px;margin-top: 30px;color:#fff} .w-80{width:80%} .left_hr{width:100%;border-top:2px solid #fff;margin-top:5px} .left_p{margin-top: 30px;line-height:25px;} .left_pic_title{font-size: 24px} .more{width:90px;height:32px;border:1px solid #fff;text-align: center;line-height: 32px;margin-top: 60px} .more a{color:#fff} .more:hover{background: #fff} .more:hover a{color:#26a0af} .news_ul{text-align: center} .news_ul li{display: inline-block;font-size: 16px;position:relative;cursor:pointer;} .news_ul li span{border-right: 2px solid #d2d2d2;padding:0 15px} .news_ul li:last-child span{border-right:0;} .green_line{position: absolute;bottom:-5px;left:12%;width:76%;height:2px;background:#1b929f;display:none;} /*.news_ul li:hover .green_line{display: block;}*/ .news_ul li:hover{color:#1b929f;} .green{width:15px;height:100%;background: #146872;position: absolute;right:0;top:0} .news_word{background: #fff;padding-left: 15px;padding-top: 30px;padding-bottom: 38px} .news_word:hover{background:rgba(20,104,114,0.6);color:#fff} .news_word:hover a{color:#fff} .pos_green{position: relative;width:29.3333%;margin-top:30px;margin-right:3%;margin-left:1%} .col-sm-offset-0{margin-left: 4%} /*为什么选择我们 第二版*/ .cap{font-size: 20px;text-align: center;} .ph{text-align: center;width:90%;margin:0 auto;font-size: 15px;line-height: 26px;color: #666;} .img{padding: 20px 0;} .img>img{width:60%;display: block;margin:0 auto;} .img:hover{background:rgba(227,227,227,0.2)} .img:hover .cap{color:#5fa1a9} .fs_16{font-size: 14px} .center_more{width:220px;height:50px;text-align: center;line-height: 50px;border-radius: 20px;background: #1b929f;margin:0 auto;margin-top: 90px;margin-bottom: 40px} .center_more a{color:#fff} .center_more:hover{background-color:#000} .card_act,.card_school,.card_position{display: none;} .liuxue{background:#02d5e6;width:430px;height:50px;line-height: 50px;text-align: center;color:#fff;font-size:30px;position: absolute;left:45px;top:40px;} .pos_rect{width:430px;height:100%;border:2px solid #fff;position: relative;height:50px;margin-left: 40px;margin-top:55px;} .pos_row{margin-top:40px;margin-left: 50px;} .pos_row li{list-style: inherit;color:#fff;line-height:30px} .left_float{width:20%;float: left;height:450px;position: relative;} .left_float img{height:100%;} .right_float{float:left;width:80%;} .right_float li{float:left;width:25%;padding:20px 15px 30px;height:225px;opacity:1;transition:2s;} .mo{background:#e2fcff;} .right_float li>div{/*border-left:2px solid #146872;*/padding-left: 5px;font-size: 16px;transition:2s;position:relative} .lines{width:2px;background:#146872;height:100%;display:inline-block} .right_float li p{padding-top: 15px;line-height: 23px;} .right_float li font{vertical-align:middle} .right_float li:hover p{display: none;} .right_float li:hover div:first-child{text-align: center;height:225px;color:#fff;vertical-align:middle;display:table-cell;padding-left:0;width:inherit} .right_float li:hover div a:first-child{color:#fff} .right_float li:hover{background:#3ba9b7;padding:0;} .horizontal{height:233px;} .corperate{height:100px;margin-top:175px;} .corperate p{color:#fff;font-size: 24px;text-align: center;letter-spacing: 5px} .corperate>div{width:90px;height:30px;text-align: center;border-radius: 15px;border:1px solid #fff;margin:0 auto;line-height: 30px;margin-top:30px;} .corperate>div a{color:#fff;} .footer{background:#1d1d1d;margin-top:50px;color:#fff;padding:20px 0;position: relative;} .footer h2{margin-top:50px;font-size:20px} .footer hr{margin-top:5px;border-top:1px solid #fff;} .footer input{background:rgba(255,255,255,0.3);width:80%;height:40px;color:#fff;border:none;outline: none} .footer input[type="text"]{padding-left: 15px} .footer input[type="submit"]{margin-top:30px;height:40px;background:#1b929f;border-radius: 13px;text-align: center;line-height: 30px;color:#fff;} .footer p{font-size: 16px} .span{margin-top:50px;} .span span{line-height: 40px} .contact{padding-left: 30px} .online{padding-right: 30px} .erweima_word{text-align: center;margin-top: 15px} .footer li{margin:0 auto;float: left;/*padding: 2%;*/} .footer .col-sm-2{text-align: center;} .footer .col-sm-2:first-child{text-align: left;} .footer .col-sm-2:last-child{text-align: right;} .copy{margin-top:40px;text-align:center;} .dashed{height:527px;} .footer_pic{height:590px;} .footer a{color:#fff;} .foot{display:none} .yyd{display:none} .horizontal1{display:none} .zuixin { padding-top: 50px; } .zx_title{ font-size: 36px; text-align: center; padding-bottom: 30px; border-bottom: 3px solid #0e4d54; line-height: 36px; margin-bottom: 30px; } .form_box{ width: 600px; margin: auto; } .f_input_box{ font-size: 14px; line-height: 24px; display: flex; justify-content: space-between; margin-bottom: 20px; } .f_input_box span{ font-size: 16px; line-height: 38px; } .f_input_box .f_input{ height: 40px; line-height: 40px; border: 1px solid #c6c6c6; padding: 5px 10px; font-size: 16px; color: #191919; width: 500px; } .f_input_box .f_select{ height: 40px; line-height: 40px; border: 1px solid #c6c6c6; padding: 5px 10px; font-size: 16px; color: #191919; width: 500px; } .f_input_box input,.f_input_box select{ color: #191919; } .form_btn1 input { width: 160px; height: 45px; background: #e84e40; border: none; outline: none; color: #fff; font-size: 16px; margin: auto; display: block; margin-bottom: 20px; } .f_text{ font-size: 16px; line-height: 26px; color: #0e4d54; } @media(max-width:1024px){ .nav > li > a{padding:10px 20px;line-height: 42px} .select_word>li>span{float:none!important} .select_word>li>span span{display:none} } @media(max-width:768px){ .pos_rect{margin:0 auto;margin-top:30px;} .liuxue{left:160px;top:20px;} .free{margin-top:15px;} .container > .navbar-header{margin-left:20px;} .nav > li > a{padding:0 10px;} .navbar{min-height:40px;} .navbar-brand{height:40px;} .navbar-brand > img{width:100px;height:30px;} .con{margin-left: -8px;} .right_float li p{overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;} .footer .col-sm-2{text-align: center!important;} .pos_row{margin-top: 20px;} .form_box{ width: 100%; } .zx_title{ font-size: 26px; } .zuixin { padding: 70px 15px; } .f_input_box span{ display: block; width: 22%; font-size: 14px; } .f_input_box .f_input,.f_input_box .f_select{ width: 78%; font-size: 14px; } } @media(max-width:640px) { .chose .col-xs-6{padding-left:7.5px;padding-right:7.5px} .yyd{display:block;background: #1d1d1d;margin-top: 12px;color: #fff;padding: 20px 0;position: relative;} .footer_pic{height:580px} .container h2{font-size:24px;text-align: center;} .online p{font-size:16px} .yyd input{background:rgba(255,255,255,0.3);width:100%;height:40px;color:#fff;border:none;outline: none} .yyd input[type="text"]{padding-left: 15px} .yyd input[type="submit"]{margin-top:30px;height:40px;background:#1b929f;border-radius: 13px;text-align: center;line-height: 30px;color:#fff;} .contact {padding-left: 19px;margin-top: 31px;} .span {margin-top: 30px;} .pos_row { margin-top: 40px;} .navbar-fixed-top{position: fixed;} .banner{margin-top:50px;} .navbar{height:50px;} #mynavbar{width:640px;} .navbar-default{background: #fcfcfc} .navbar-collapse{background: #146872} .navbar-header{margin-left: 0!important} .navbar-toggle{margin-right: 15px} .banner{width:100%} .foot{width:100%;background: #146872;color:#fff;text-align: center;padding: 15px;display:block} .navbar-brand{height:40px} .navbar-brand>img{margin-top:-10px;margin-left: -10px;width:100px;/*height:40px*/} .footer,.transition,.nava,.pos_rect,.left_float img,.dashed{display: none;} .navs{display: block;} .navs a{color:#fff;} .con{margin-left: 0} .select_ul>li{width:50%;padding-bottom: 0} .left_pic{width:100%;margin-bottom: 15px} .left_pic>div{padding-left: 20px;margin-left: 0} .pos_green{width:45%;float: left;height: 131px;} .news_word{height: 131px;} .col-sm-offset-0{margin-left: 0} .center_more{margin-top:40px;margin-bottom: 0;width:100px;height:30px;line-height: 30px} .liuxue{width:200px;margin:0 auto;position: static;width:120px;height:30px;line-height: 30px;font-size:16px;margin-top: 18px} .col-s{width:100%;} .pos_row{margin-left: 0} .pos_row .col-sm-6{width:50%;float:left;} .center_caption{font-size: 20px} .hezuo{position: static;} .left_float{width:100%;float:none;height:auto;} .corperate>div a,.corperate p{color:#000;} .corperate>div{margin-top: 0} .right_float{width:100%;} .right_float li{width:50%;margin-bottom: 20px} .top{margin-top:-190px;} .news_bg{padding-bottom: 30px;margin-top: 15px} .corperate>div{border: 1px solid #000;} .left_pic_title{font-size: 20px} .mg_40{margin-top:10px;} .news_ul li{font-size: 16px;line-height: 32px;} .cls{position: static;} .row{margin-left:0;margin-right:0} .right_float li:hover div:first-child{width:310px;overflow:hidden} @media(max-width:414px){ .cap{margin-top: 10px;font-size: 18px;} .ph{width: 100%;line-height: 20px;} .pos_row .col-sm-6{width:100%;/*text-align: center;*/} .pos_row li{width:184px;margin:0 auto} .free{margin-top:9px!important} .center_more,.pos_row{margin-top:20px;} .news_word{padding-top:15px;padding-bottom: 15px} .left_pic img{height:250px;} .more{margin-top:16px;} .w-80{width:94%;} .center_p{text-align: left;margin-bottom:20px} .news_ul li{font-size: 16px} .select_word,.select_ul>li>div{width:95%;} .horizontal{display:none} .horizontal1{display:block;height:233px} } @media(max-width:360px){ .pos_row{margin-top:14px} }