.wp{ width: 94%; max-width: 1200px; margin: 0 auto; } .hd-top { overflow: hidden; } .hd-top .logo { float: left; height: 100px; line-height: 100px } .hd-top .logo img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100% } .hd-top .tel { float: right; margin-top: 30px; padding-left: 55px; background: url(../images/icon13.png) left center no-repeat; color: #999; line-height: 30px; font-size: 16px; color: #666666; height: 50px; } .hd-top .tel h6 { font-weight: 400; font-size: 14px } .hd-top .tel strong { font-size: 26px; line-height: 50px; color: #333333; font-weight: bold; } .yunu-header.fixed .hd-bottom { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999 } .hd-bottom { *zoom: 1; position: relative; overflow: hidden; } .hd-bottom:after, .hd-bottom:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden } .yunu-nav { height: 60px; background: linear-gradient(#0187EA,#2071c4,#0256AC); position: relative; padding: 0; border-radius: 3px; z-index: 10; } .yunu-nav:after, .yunu-nav:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden } .yunu-nav li { float: left; width: 14.28%; text-align: center; position: relative; transition: 300ms; -webkit-transition: 300ms; height: 60px; line-height: 60px; } .yunu-nav li:first-child{ border-radius: 3px 0 0 3px; } .yunu-nav li:last-child{ border-radius: 0 3px 3px 0; } .yunu-nav li.on, .yunu-nav li:hover { background: linear-gradient(#777777,#333333); background-position: bottom center } .yunu-nav li>a { color: #fff; font-size: 16px; display: block; } @media (max-width:768px) { .hd-top .tel{ display: none; } .hd-top .logo{ width: 60%; height: 70px; line-height: 70px; } .hd-top .logo img{ height: auto; } .hd-bottom{ display: none; } } /* top-menu */ /* 手机导航 */ .tab-head{ width: 100%; height: auto; background: #0256AC; overflow: hidden; display: none; } .tab-head li{ width: 33.3%; height: 35px; line-height: 35px; text-align: center; float: left; border-right: 1px #1372f4 solid; border-bottom: 1px #1372f4 solid; box-sizing: border-box; } .tab-head li a{ width: 100%; height: 35px; color: #FFFFFF; } @media (max-width:768px) { .tab-head{ display: block; } } /* .tab-head { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #0256AC; padding: 0; overflow: auto; height: 0; visibility: hidden; z-index: 99; } .tab-head::-webkit-scrollbar { display: none; } .tab-head-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; color: white; width: 80px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; } .tab-head-item a{ color: #FFFFFF; display: block; width: 100%; height: 40px; } @media (max-width:768px) { body{ padding: 20 0; } .tab-head{ visibility: visible; height: 40px; } } */ /* footer */ .footer { position: relative; width: 100%; padding-bottom: 10px; background: url(../images/footer_bjs.jpg) repeat; color: #fff; font-size: 16px; margin-top: 3vw; } .footer .f-bg{ width: 100%; height: 60px; background: url(../images/i01.png) center center; margin-bottom: 30px; } .wrapper { max-width: 1400px; margin: 0 auto; padding: 0 10px; } .footer .fn-col h3 { font: 18px "Microsoft Yahei"; color: #fff; margin-bottom: 15px; font-weight: bold; } .footer .fn-col a { color: #CCCCCC; font-size: 14px; } .footer .fn-col .btline { width: 20px; height: 2px; background: #DDDDDD; margin: 10px 0 } .footer .fn-col ul li { line-height: 30px; } .fn-bd { text-align: justify; padding-right: 5%; box-sizing: border-box; } .fn-bd:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; } .fn-col { margin-top: 10px; display: inline-block; vertical-align: top } .footer .contact p { line-height: 40px; } .footer .contact p img{ margin-right: 10px; vertical-align: -10%; } .footer .contact p span{ color: #CCCCCC; } .footer .contact h3 { font-size: 20px; color: #FFFFFF; font-weight: bold; margin-bottom: 27px; } .footer .fa-phone { font-size: 24px; width: 30px } .footer .fa-envelope { font-size: 20px; width: 30px } .footer .fa-globe { font-size: 22px; width: 30px } .footer .fa-print { font-size: 22px; width: 30px } .footer .fa-map-marker { font-size: 24px; width: 30px } .footer .contact .num { font-size: 26px; font-family: Arial, Helvetica, sans-serif; line-height: 30px } .footer .contact .num span { display: inline-block; margin-left: 30px } .code img { margin-top: 15px; } .code p { font: 500 16px microsoft yahei; margin-top: 8px; text-align: center } .footer .frendlink { margin: 20px 0 0; line-height: 38px; font-size: 13px; color: #CCCCCC; } .footer .frendlink .fa-chain { display: inline-block; width: 38px; height: 38px; border-radius: 100%; background: #555555; color: #aaa; margin-right: 8px; line-height: 38px; text-align: center; font-size: 22px } .footer .frendlink a { margin: 0 5px; color: #aaa; } .footbar { line-height: 60px; background: #333333; font-size: 16px; } .footbar .fl{ float: left; } .footbar .fr{ float: right; } .copyright { width: 100%; color: #CCCCCC; font-size: 14px; /* border-top: 1px solid #555; */ } .copyright a { color: #CCCCCC; font-size: 14px; } .footer .fn-col .contact { line-height: 30px } /*移动端底部导航*/ .phonefooternav { position: fixed; bottom: 0; width: 100%; z-index: 99999; display:none; } .phonefooternav ul{ padding: 0; } .phonefooternav ul li { width: 25%; background: #0256AC; float: left; padding: 5px 0; border-right: 1px solid #FFFFFF; list-style: none; box-sizing: border-box; } .phonefooternav ul li:nth-child(3){ width: 50%; background: #FF0000; } .phonefooternav ul li a { display: block; color: #fff; text-align: center; } .phonefooternav ul li a:hover .call { color: yellow; } .phonefooternav ul li a img { width: 22px; padding: 2px 0; } .phonefooternav p{ color: #FFFFFF; font-size: 14px; } @media (max-width: 768px) { .phonefooternav { display: block; } .footer, .footbar{ display: none; } } .div_team{ overflow: hidden; } .id-vbox{ width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 10px 0; } .team_owl li { width: 30.3333%; float: left; margin-left: 1.5%; margin-right: 0.5%; margin-top: 20px; box-shadow: 0 0 10px rgba(7, 17, 27, 0.2); } .team_owl li a { display: block; text-align: center; } .team_owl li a .pic { width: 100%; overflow: hidden; } .team_owl li a .pic img { width: 100%; margin: auto; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; } .team_owl li a:hover .pic img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08) } .team_owl li a p { height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #666; font-weight: 400; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .team_owl li a:hover { text-decoration: none } .team_owl li a:hover p { color: #0256AC; } .team_owl li a .pro-txt{ width: 100%; padding: 10px 20px; text-align: left; box-sizing: border-box; background: #FFFFFF; } .team_owl li a .pro-txt h4{ font-size: 18px; color: #444444; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; line-height: 30px; } .team_owl li:hover .pro-txt h4{ color: #DA0102; } @media only screen and (max-width: 767px){ .team_owl li { width: 96%; margin-left: 2%; margin-right: 0; } } /* adv */ .threeWrap { background: url(../images/threebg2.jpg) #0256AC center top no-repeat; height: 553px; margin-top: 70px; } .three { width: 960px; margin: 0 auto; padding-top: 30px } .tr_tit { text-align: center; color: #fff; font-size: 48px; margin-bottom: 30px; } .tr_tit b { font-size: 68px } .tr_tit strong { margin-right: 50px } .tr_tit em { display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; color: #aaa; margin-top: 10px } .tr_tit span { font-weight: 400; color: #DDDDDD; font-size: 18px; display: block; margin-bottom: 21px; margin-top: 10px; } .tr_list li { float: left; width: 280px; display: inline; margin-right: 53px } .tr_list .tr_lst { margin-right: 0 } .tr_list img { width: 208px; height: 208px; margin: 0 auto; display: block } .tr_list b { display: block; text-align: center; color: #FFFFFF; font-size: 18px; margin: 15px 0 } .tr_list span { display: block; margin: 0 0 10px 26px; background: url(../images/gou.jpg) left 3px no-repeat; padding-left: 22px; color: #DDDDDD; font-size: 14px } @media (max-width:768px) { .threeWrap{ display: none; } } .banner-sub {height: 300px;background: no-repeat center / cover;color: #fff;position: relative;margin-top: -30px;border-top: 1px solid #CCCCCC;} .banner-sub .container {display: table;height: 100%;padding: 0 15px;width: 1200px;margin: 0 auto;box-sizing: border-box;} .banner-sub .wrap {display: table-cell;vertical-align: middle;text-align: center;padding: 30px 0;} .banner-sub .wrap .list-ban{width: 220px;height: 100px;background: rgba(2, 86, 172,0.7);position: absolute;top: 50%;left: 20%;transform: translate(-50%, -50%);} .banner-sub h3 {margin: 0;font-size: 30px;font-weight: normal;} .banner-sub h4 {margin: 0;font-size: 30px;font-weight: normal;margin-top: 20px;} .banner-sub h5 {margin: 0;font-size: 16px;text-transform: uppercase;font-weight: 400;margin-top: 10px;} @media (max-width:768px) { .banner-sub{ display: none; } } .g-cur { height: 55px; line-height: 55px; background: #f5f5f5; color: #666666; } .g-cur .wp { background: url('../images/home.png') left center no-repeat; padding-left: 20px; box-sizing: border-box; font-size: 14px; width: 100%; max-width: 1200px; margin: 0 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .g-cur .wp a { color: #666666; font-size: 14px; margin: 0 10px; } .g-cur .wp a:hover { color: #DA0102 } .main_tit { line-height: 50px; text-align: center; margin-top: 30px; } .main_tit .wrap { width: 96%; margin: 0 auto; max-width: 1180px; position: relative; } .main_tit ul li { display: inline-block; background: url(../images/line.png) no-repeat left center; } .main_tit ul li:first-child { background: 0 0; } .main_tit ul li a { display: block; position: relative; padding: 0 30px; font-size: 16px; color: #333; } .main_tit ul li a:before { content: ''; display: block; width: 12px; height: 12px; background: url(../images/icon9.png) no-repeat center center; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 0; } .main_tit ul li.on a, .main_tit ul li a:hover { color: #CC0107; } .main_tit ul li.on a:before, .main_tit ul li a:hover:before { opacity: 1; bottom: -6px; } @media (max-width:768px) { .main_tit ul li{ width: 49%; background: none; } .main_tit ul li a{ padding: 0 10px; font-size: 14px; } .mt-news ul li{ width: 32%; } } /* page */ .pages{ display: table; margin: 0 auto 20px; } .pages b { display: block; float: left; color: #FFFFFF; font-size: 14px; line-height: 24px; padding: 5px 12px; margin: 0 2px; border: 1px solid #DA0102; background: #DA0102; border-radius: 3px; } .pages a { display: block; float: left; color: #666666; font-size: 14px; line-height: 24px; padding: 5px 12px; margin: 0 2px; border: 1px solid #CCCCCC; border-radius: 3px; } .pages span { display: block; float: left; color: #666666; font-size: 14px; line-height: 24px; padding: 5px 12px; margin: 0 2px; border: 1px solid #DA0102; } .pages .fl{ display: none; } .pages a:hover { background: #DA0102; color: #fff; border: 1px solid #DA0102; } /*feedback*/ .ny_feed_ny { width: 100%; height: auto; overflow: hidden } .ny_feed_tit { text-align: center; padding-bottom: 1em; border-bottom: 1px solid #e6e6e6; color: #626262 } .ny_feed_tit span { font-size: 1.6em; font-weight: bold; color: #0256AC; display: block; text-align: center; line-height: 3em } .ny_feed_ny form { margin-top: 3em } .lyb { width: 50%; margin: .5em auto; } .lyb input { width: 100%; border: 1px solid #e7e7e7; color: #626262; height: 3em; font-size: 1.1em } .lyb textarea { width: 100%; border: 1px solid #e7e7e7; color: #626262; height: 8em; font-size: 1.1em } .lyb_tj { width: 20%; margin: 2em auto; } .lyb_tj input { width: 100%; background-color: #0256AC; border: 1px solid #0256AC; color: #fff; height: 3em; font-size: 1.3em } @media (max-width:991px) { .lyb { width: 70%; } .lyb_tj { width: 40%; } } /* 联系我们 */ #maximg .lx{position: relative;} #maximg .lx img{ max-width: inherit; } #maximg .lx .us_map{ margin-top: 20px; } .ditu_info{position:absolute;top:0;left:0;z-index:5;box-sizing:border-box;padding:40px 30px;width:37%;height:100%;} .ditu_info .bg{box-sizing:border-box;padding:40px 30px;width:100%;height:100%;background-color:rgba(2, 86, 172,.8);} .ditu_info h2{color:#fff;font-size:24px;line-height:30px;font-weight: bold;margin-bottom: 40px;} .ditu_info dl i{padding-right:7px;font-size:.8rem;} .ditu_info dl dd{margin-bottom:10px;color:#fff;font-size:16px;line-height:24px;margin-left: 0;} .ditu_info dl dd span{float:left;} .ditu_info dl dd a{color: #FFFFFF;} @media (max-width:768px) { .ditu_info{ display: none; } } /* about */ .about1l{ float: left; width: 60%; } .about1r{ float: right; width: 35%; max-width: 540px; max-height: 540px; overflow: hidden; } .about1r img{ width: 100%; transition: all 1s; } .about1r img:hover{ transform: scale(1.05); } .page_tit { margin-bottom: 30px; text-align: center; } .about_gsjj .list .web .about1l .page_tit h3 { font-size: 30px; margin-bottom: 20px; font-weight: 400; color: #333333; } .about_gsjj .list .web .about1l .about_d_text p { color: #626262; margin-bottom: 10px; } @media only screen and (max-width: 768px){ .about1l{ width: 100%; } .about1r{ width: 100%; } .page_tit { margin-top: 20px; } } .curriculum_article .info-tit { border-bottom: 1px solid #eee; position: relative; margin-bottom: 30px; margin-top: 30px; border-bottom: 2px solid #0256AC; } .curriculum_article .info-tit h3 { font-size: 18px; color: #fff; width: 150px; font-weight: bold; line-height: 35px; background: #0256AC; text-align: center; letter-spacing: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .curriculum_article .pro-info{ width: 100%; line-height: 30px; color: #626262; font-size: 16px; } .curriculum_article .pro-info img{ max-width: 100%; } @media (max-width:768px) { .curriculum_article .web .tit .line{ left: -50px; } .curriculum_article .web .tit h3{ padding-left: 0; } } .jump {margin-top: 30px; padding: 16px 0; color: #333; border-top: 1px solid #E1E1E1;} .jump p {color: #444444; line-height: 32px;text-indent: 0;text-align: left;} .jump p a{color: #777777;} .jump p a:hover {color: #0256AC;} .news-info{ color: #626262; line-height: 30px; font-size: 16px; }