*{ margin: 0; padding: 0; font-size: 16px; color: #222327; box-sizing: border-box;

font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", Roboto, "Hiragino Sans GB", 'arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;}

img{ border: 0; -ms-interpolation-mode: bicubic;}

a,p,span,h1,i{ text-decoration: none; margin: 0;}

li,ul{ list-style: none;}

input,button{ border: none; outline: none; background: none; margin: 0;}

a,button{cursor: pointer;}

a,li,img,div{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;}



.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; transition: all 0.5s;}

.header .header_logo{ float: left;}

.header img{ display: block;}

.header_tip{ float: left; position: relative;}

.header_tip span{ display: block; width: 1px; height: 90%; background: #8f9aa9; position: absolute; left: 0; top: 5%; z-index: 9;}

.header_logo .logo_tu02,.header_tip .tip_tu02{ display: none;}

.header_pc{ float: left; position: relative;}

.header_pc ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.header_pc .header_topic{ float: left; cursor: pointer; position: relative;}

.header_word01{ transition: all 0.3s; position: relative;}

.header_word01 a{ display: inline-block; color: #fff;}

.header_word01 span{ display: block; width: 100%; height: 3px; background: #0293c2; position: absolute; left: 0; bottom: 3px; z-index: 999; 

transition: all 0.3s; transform: scale(0);}

.header_word02{ position: absolute; left: 50%; z-index: 999; padding: 0 20px; min-width: 110%; box-shadow: 0 1px 3px #e1e1e1;

opacity: 0; visibility: hidden; transition: all 0.5s; transform: translate(-50%, 0); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.header_word02 a{ display: block; white-space: nowrap; text-align: center;}

.letter{ float: right; overflow: hidden;}

.letter img{ float: left;}

.letter span{ float: left; color: #fff;}

.loupe_pic{ float: right; position: relative;}

.letter .letter_tu02,.loupe_pic .loupe_tu02{ display: none;}

.searcher{ position: absolute; width: 30em; right: -5em; top: 70px; padding: 0 3em 0 1em; border-radius: 0.3em; z-index: 50; background: #fff; 

border: solid 1px #ccc; opacity: 0; visibility: hidden;}

.searcher input{ width: 100%; height: 2.8em; line-height: 2.8em;}

.search_icon{ position: absolute; top: 50%; transform: translateY(-50%); right: 1em; z-index: 999;}

.searcher::before{ content: ''; position: absolute; top: -0.8em; right: 17%; z-index: 100; border-radius: 0.3em;

 width: 0; height: 0; border-left: solid 0.9em transparent; border-right: solid 0.9em transparent; border-bottom: solid 1em #fff;}

.searcher::after{ content: ''; position: absolute; top: -0.9em; right: 17%; z-index: 9; border-radius: 0.3em;

 width: 0; height: 0; border-left: solid 0.9em transparent; border-right: solid 0.9em transparent; border-bottom: solid 1em #bbb;}

.searching{ opacity: 1; visibility: visible; transition: all 0.5s;}

.header_topic:hover .header_word01 span{ transform: scale(1);}

.header_topic:hover .header_word02{ padding: 12px 20px; opacity: 1; visibility: visible; background: #fff;}

.header_word02 a:hover{ font-weight: bold; color: #0293c2;}

.header_bg{ background: #fff; border-bottom: solid 1px #e1e1e1;}

.header_tip .header_col01{ background: #999;}

.header_word01 .header_col02,.letter .header_col02{ color: #333;}



.header_title{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; background: #0293c2;

opacity: 0; visibility: hidden; transition: all 0.6s;}

.header_title01{ padding: 1rem 8%; border-bottom: solid 1px #0e89b1; overflow: hidden; line-height: 1.2rem;}

.header_title01 p{ color: #fff; font-weight: bold; float: left; font-size: 0.8rem;}

.header_title01 span{ color: #fff; font-weight: bold; float: right; font-size: 0.9rem; padding: 0 0 0.15rem 0.3rem;}

.header_flow{ max-height: 80vh; overflow-y: auto;}

.dropdown-menu{ border-bottom: solid 1px #0e89b1;}

.dropdown-menu p{ font-size: 0.7rem; color: #fff; padding: 0 8%; line-height: 2.2rem;}
.dropdown-menu p a{ font-size: 0.7rem; color: #fff; }


.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 8%; background: #0a9ece;}

.dropdown-menu li{ line-height: 1.8rem; height: 1.8rem;} 

.dropdown-menu .dropdown-ul li{ width: 49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: left;}

.dropdown-menu li a{ font-size: 0.65rem; color: #fff;}

.dropdown-menu .dropdown-ul .fullwide{ width: 100%;}

.header_menu img{ display: block;}

.title_show{ opacity: 1; visibility: visible;}



.banner{ position: relative; height:100vh;}

.swiper-slide .shipin .banner_pic{display:none;}

.banner_pic{ width: 100%; height: 100vh; overflow: hidden;}

.banner_pic img{ width: 100%; height: 100%; object-fit: cover;}

.banner_word{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

.banner_word img{ display: block; margin-left: auto; margin-right: auto;}
 .banner_bg{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 3;}

#banner_pagination{ width: auto;}

#banner_pagination .swiper-pagination-bullet{ width: auto; height: auto; color: #999; background: transparent; position: relative;} 

#banner_pagination .swiper-pagination-bullet-active{ color: #fff;}

#banner_pagination .swiper-pagination-bullet i{ width: 0; height: 1px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

#banner_pagination .swiper-pagination-bullet-active i{ transition: all 0.5s;}

.banner_btn{ position: absolute; z-index: 99;}

.banner-button-prev{ display: inline-block; transition: all 0.3s;}

.banner-button-next{ display: inline-block; transition: all 0.3s;}

.banner-button-prev:hover{ transform: translateX(-5px);}

.banner-button-next:hover{ transform: translateX(5px);}

.turn_pic{ position: absolute; left: 50%; transform: translateX(-50%) translateY(0); z-index: 9;

animation: downward 2s linear 2s infinite; -webkit-animation: downward 2s linear 2s infinite;}

@keyframes downward{

    0% { transform: translateX(-50%) translateY(0);}

    60% { transform: translateX(-50%) translateY(-10px);}

	100% { transform: translateX(-50%) translateY(0);}

}

@-webkit-keyframes downward{

    0% { transform: translateX(-50%) translateY(0);}

    60% { transform: translateX(-50%) translateY(-10px);}

    100% { transform: translateX(-50%) translateY(0);}

}



.container{ margin: 0 auto;}

.rel{ position: relative;}

.flow{ overflow: hidden;}

.clear{ clear: both;}

.fl{ float: left;}

.fr{ float: right;}

.container::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.product_title{ position: relative;}

.product_title p{ color: #eeeff7; text-transform: uppercase;}

.product_title h1{ color: #1c1f3e; position: absolute; left: 0; bottom: 0; z-index: 9;}

.product_title .pro_col01{ color: #354a9d;}

.product_title .pro_col02{ color: #fff;}

.product_title .pro_col03{ color: #f0f0f0; opacity: 0.2;}

.pro_btn{ display: inline-flex; align-items: center; border: solid 1px #333; transition: all 0.2s;}

.pro_btn_col{ border: solid 1px #fff;}

.pro_btn_col span{ color: #fff;}

.about_word{ color: #767785; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.about_pic{ width: 100%; overflow: hidden; transition: all 0.5s;}

.about_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.pro_btn img{ display: block;}

.pro_btn .pro_icon02{ display: none;}

.pro_btn:hover{ background: #0293c2; border: solid 1px #0293c2;}

.pro_btn:hover>span{ color: #fff;}

.pro_btn:hover>.pro_icon01{ display: none;}

.pro_btn:hover>.pro_icon02{ display: block;}

.product_btn{ position: absolute; right: 0; bottom: 0; z-index: 9;}

.product_btn a{ color:#fff}

.popular{ background: url(../img/popular_bg.jpg) center no-repeat; background-size: cover;}

.popular_ul ul{ overflow: hidden;}

.popular_ul li{ overflow: hidden; float: left;}

.popular_pic01{ float: left; width: 100%; overflow: hidden; position: relative;}

.popular_pic02{ float: left; background: #fff; position: relative; overflow: hidden;}

.popular_pic01 .popular_tu{ width: 100%; height: 100%; object-fit: cover;}

.popular_pic01 .popular_w{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}

.popular_w h1{ color: #fff;}

.popular_w span{ text-transform: capitalize; color: #fff;}

.popular_pic02 p{ color: #767785; opacity: 0; visibility: hidden; transition: all 0.1s ease 0.2s;}

.popular_on .popular_pic02{ transition: all 0.8s;}

.popular_on .popular_pic02 p{ opacity: 1; visibility: visible;}

.ar_btn{ position: absolute; z-index: 9; border: solid 1px #767785; display: inline-flex; align-items: center; transition: opacity 0.3s ease 0.4s,background 0.2s; opacity: 0; visibility: hidden;}

.popular_on .popular_pic02 .ar_btn{ opacity: 1; visibility: visible;}

.ar_btn span{ color: #767785;}

.ar_btn:hover{ background: #293d8d; border: solid 1px #293d8d;}

.ar_btn img{ display: block;}

.ar_btn .ar_01{ display: none;}

.ar_btn:hover>span{ color: #fff;}

.ar_btn:hover>.ar_02{ display: none;}

.ar_btn:hover>.ar_01{ display: block;}



.teacher{ position: relative;}

.teacher_bg{ display: inline-block;}

.teacher_pic{ overflow: hidden;}

.teacher_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.teacher_infor{ color: #767785;}

.teacher_title{ position: absolute; top: 0; right: 0; z-index: 9;}

.teacher_tab::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.teacher_tab li{ float: left; border: solid 4px transparent;}

.teacher_tab .teacher_th{ overflow: hidden;}

.teacher_tab .on{ position: relative;}

.teacher_tab .on::after{ content: ''; position: absolute; z-index: 9;}

.teacher_th img{ width: 100%; height: 100%; object-fit: cover;}

.teacher_name{ position: relative;}

.teacher_name h1{ display: inline-block; color: #1c1f3e;}

.teacher_name p{ display: inline-block; color: #1c1f3e;}

.teacher_name span{ height: 1px; background: #1c1f3e; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

.teacher_p{ color: #767785;}

.teacher_content{ overflow: hidden;}

.teacher_content li{ overflow: hidden;}



.campus{ position: relative;}

.campus_title{ position: absolute; width: 100%; left: 0; top: 0; z-index: 99;}

.campus_content{ overflow: hidden;}

.campus_content li{ position: relative;}

.campus_pic{ width: 100%; overflow: hidden; position: relative;} 

.campus_pic img{ width: 100%; height: 100%; object-fit: cover;}

.campus_pic section{ width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 9;}

.campus_word{ position: absolute; z-index: 99;}

.campus_word h1{ font-weight: normal; color: #fff;}

.campus_word p{ text-transform: capitalize; color: #fff;}

.campus_line{ background: #fff; position: absolute; right: 0; z-index: 100;}

.campus_tab{ width: 100%; position: absolute; left: 0; z-index: 99;}

.campus_tab ul{ width: 100%;}

.campus_tab li{ overflow: hidden; position: relative;}

.campus_tab li img{ width: 100%; height: 100%; object-fit: cover;}

.campus_tab li section{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 9;}

.campus_tab .on section{ transition: all 0.2s; background: transparent;}



.news{ overflow: hidden;}

.news_tab{ float: left;}

.news_tab li{ display: flex; align-items: center; cursor:pointer}

.news_tab p{ color: #9799a5;}

.news_tab span{ display: block; background: #1c1f3e; height: 2px; transition: all 0.3s;}

.news_tab .on p{ font-weight: bold; color: #1c1f3e;}

.news_content{ float: right; overflow: hidden;}

.news_ul{ overflow: hidden;}

.news_ul .news_word{ float: left;}

.news_word h1{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news_word h1 a{}





.news_word p{ color: #767785; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.news_word img{ transition: all 0.3s;}

.news_word:hover>h1{ color: #293d8d;}

.news_word:hover>p{ color: #333;}

.news_word:hover>img{ transform: translateX(9px);}

.client ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.client li{ float: left; border: solid 1px #e1e1e1; text-align: center; transition: all 0.2s;}

.client li img{ vertical-align: middle; max-width: 80%;}

.client li:hover{ box-shadow: 0 0 20px #dcdcdc;}



.footer{ background: #1c1f3e;}

.footer01{ overflow: hidden; border-bottom: solid 1px #333751;}

.footer01a{ float: left;}

.footer01a ul{ overflow: hidden;}

.footer01a li{ float: left;}

.footer01a h1{ color: #fff;}

.footer01a span{ display: block; color: #7a7c93;}



.footer01a span:hover{ color: #fff;}



.footer01a span a{ display: block; color: #7a7c93;}

.footer01a span a:hover{ color: #fff;}





.footer01b{ float: left;}

.footer01b h1{ color: #fff;}

.footer01b p{ color: #7a7c93;}

.footer01b span{ color: #fff; font-weight: bold;}

.footer01c{ text-align: center;}

.footer01c img{ display: block;}

.footer01c p{ color: #fff;}

.footer02{ overflow: hidden;}

.footer02a{ float: left; overflow: hidden;}

.footer02a img{ float: left;}

.footer02a span{ float: left; width: 1px; background: #474962;}

.footer02b{ float: right;}

.footer02b p{ color: #7a7d94;}



.picture{ position: relative;}

.picture_pic{ width: 100%; overflow: hidden;}

.picture_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.picture_w{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-40%); z-index: 9; text-align: center;}

.picture_w h1{ font-weight: normal; color: #fff;}

.picture_w p{ text-transform: uppercase; color: #fff;}

.leader li{ text-align: center;}

.leader li p{ font-weight: bold; color: #1c1f3e;}

.leader .leader_active p{ color: #293d8d;}

.leader li:hover>p{ color: #293d8d;}

.park_pic{ width: 100%; overflow: hidden;}

.park_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.park_word{ color: #767785;}

.park_word p,.park_word span{ color: #767785;}



.park_pic:hover>img{ transform: scale(1.05);}



.graceful_bg{ background: url(../img/gr_bg.jpg) center no-repeat; background-size: cover;}

.graceful_pic{ width: 100%; overflow: hidden;}

.graceful_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.graceful_word{ position: relative;}

.graceful_word p{ color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.graceful_word span{ display: block; background: #fff; position: absolute; right: 0; z-index: 9; transition: all 0.5s;}

.graceful li:hover>.graceful_pic img{ transform: scale(1.05);}

.graceful_btn{ display: flex; align-items: center; position: absolute; right: 0; bottom: 0; z-index: 9;}

.graceful_btn span{ border-radius: 100%; border: solid 1px #fff; display: flex; align-items: center; justify-content: center; transition: all 0.1s;}

.graceful_btn01a{ display: none;}

.graceful_btn span:hover{ background: #fff;}

.graceful_btn span:hover>.graceful_btn01b{ display: none;}

.graceful_btn span:hover>.graceful_btn01a{ display: block;}

.honor_pic{ width: 100%;}

.honor_pic img{ display: block; width: 100%;}

.honor_btn{ display: flex; align-items: center; position: absolute; right: 0; bottom: 0; z-index: 9;}

.honor_btn span{ border-radius: 100%; border: solid 1px #cacbd7; display: flex; align-items: center; justify-content: center; transition: all 0.1s;}

.honor_btn01b{ display: none;}

.honor_btn span:hover{ background: #293d8d; border: solid 1px #293d8d;}

.honor_btn span:hover>.honor_btn01a{ display: none;}

.honor_btn span:hover>.honor_btn01b{ display: block;}



.guide{ overflow: hidden; position: relative;}

.guide_title li{ border-bottom: solid 1px #ddd; border-left: solid 0 #0293c2; position: relative; transition: all 0.1s;}

.guide_title p,.guide_title p a{ color: #767785;}







.guide_title img{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; transition: all 0.3s;}

.guide_title .guide_active{ background: #293d8d;}

.guide_title .guide_active p{ color: #fff;}



.guide_title .guide_active p a{ color: #fff;}

.guide_title .guide_active p:hover{ color: #999;}





.guide{ position: relative; border-bottom: solid 1px #cacbd7;}

.guide_p p{ color: #767785;}

.guide_p span{ background: #1c1f3e; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 9;}

.information li{ overflow: hidden; border-bottom: solid 1px #e1e1e1;}

.information_word{ float: left; position: relative;}

.information_word h1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.information_word p{ color: #767785; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.information_word img{ position: absolute; left: 0; bottom: 0; z-index: 9; transition: all 0.3s;}

.information_pic{ float: right; overflow: hidden;}

.information_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.information li:hover>.information_pic img{ transform: scale(1.05);}

.information li:hover>.information_word h1{ color: #293d8d;}

.information li:hover>.information_word p{ color: #293d8d;}

.information li:hover>.information_word img{ transform: translateX(5px);}



.page_up,.page_down{ display: inline-block;}

.page ul{ display: inline-block;}

.page li{ display: inline-block; text-align: center; transition: all 0.1s;}
.page a{ display: inline-block; text-align: center; transition: all 0.1s;}


.page a.page-num-current{ background: #293d8d; color: #fff;}


span.page-status{color:#555;display:block;padding: 5px 10px;  border: 1px solid #ddd;float: left;margin: 0 5px;}



span.page-num{ display:none}




.page_up img,.page_down img{ vertical-align: middle; transition: all 0.3s;}

.page a:hover{ background: #293d8d; color: #fff;}

.page_up:hover>img{ transform: translateX(-3px);}

.page_down:hover>img{ transform: translateX(3px);}

.page_up a:hover{ background:none}

.page_down a:hover{ background:none}


.subject{ float: left; position: relative;}

.subject p{ color: #1c1f3e;}

.subject span{ display: block; background: #1c1f3e; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 9;}

.pro_list ul{ overflow: hidden;}

.pro_list li{ float: left;}

.pro_pic{ width: 100%; overflow: hidden;}

.pro_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.pro_word{ border-bottom: solid 1px #333;}

.pro_word p{ color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.pro_list li:hover>.pro_pic img{ transform: scale(1.08);}

.pro_list li:hover>.pro_word p{ color: #293d8d;}

.return span{ color: #767785;}

.return:hover>span{ color: #293d8d;}

.article{ border-bottom: solid 1px #e1e1e1;}

.article_tip p{ display: inline-block; color: #767785;}

.article_content{ color: #767785;}

.article_content p{ color: #767785;}

.article_write{ position: relative;}

.article_write::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.article_write01{ float: left;}

.article_write02{ float: right;}

.article_c{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;}

.article_write01 span,.article_write02 span{ color: #767785;}

.article_write01 img,.article_write02 img{ transition: all 0.3s;}

.article_write01:hover>span{ color: #293d8d;}

.article_write01:hover>img{ transform: translateX(-3px);}

.article_write02:hover>span{ color: #293d8d;}

.article_write02:hover>img{ transform: translateX(3px);}

.related_title{ position: relative; border-bottom: solid 1px #cacbd7;}

.related_title p{ color: #1c1f3e;}

.related_title span{ display: block; background: #1c1f3e; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 9;}

.related_ul li{ border-bottom: solid 1px #e9e9e9; position: relative;}

.related_ul p{ color: #767785; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.related_ul span{ border: solid 1px #265b8f; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 9;}

.related_ul li:hover>p{ font-weight: bold; color: #293d8d;}

.contact{ overflow: hidden;}

.touch h1{ color: #1c1f3e;}

.touch span{ display: inline-block; background: #1c1f3e;}

.touch p{ color: #767785;}

.touch ul{ overflow: hidden;}

.touch li{ float: left;}

.touch ul section{ font-weight: bold; color: #1c1f3e;}

.iw_poi_title{ color:#CC5522; font-weight:bold; overflow:hidden; white-space:nowrap;}

.iw_poi_content{ font-family: arial,sans-serif; overflow:visible; white-space:-moz-pre-wrap; word-wrap:break-word;}

#dituContent{ width: 100%; border:#ccc solid 1px;}

.consult{ border-top: solid 1px #e1e1e1;}

.consult_title{ text-align: center;}

.consult_title h1{ color: #1c1f3e;}

.consult_int{ overflow: hidden;}

.consult_int li{ float: left; background: #f5f5f5; overflow: hidden;}

.consult_int p{ float: left; color: #757575;}

.consult_int span{ display: inline-block; color: #ff0000;}

.consult_int input{ float: left;}

.consult_text textarea{ width: 100%; background: #f5f5f5; border: 0; outline: 0; resize: none;}

.consult_btn{ overflow: hidden; text-align: center;}

.consult_btn button{ display: inline-block; color: #1c1f3e; transition: all 0.3s;}

.consult_btn button:hover{ background: #1c1f3e; color: #fff;}