*{ 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: #063d93; 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: #063d93;}

.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: #063d93;

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: #0144a8; border: solid 1px #0144a8;}

.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(../images/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;}

.footer02b p a{color: #7a7d94;}
.footer02b p a:hover{ color:#FFF}

.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(../images/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 #063d93; position: relative; transition: all 0.1s;}

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


@media (max-width: 789px) {.curs{ width:auto;border-left: solid 3px #063d93 !important; display:inline-block; background:#edf4f9}
}


@media (min-width: 789px) and (max-width:1920px ) {.curs{ width:100%;border-left: solid 3px #063d93 !important; display:inline-block; background:#edf4f9}
}



.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;}






.pages {
    text-align: center;
}
.pages .pages1 {
    display: inline-block;
}
.pages .pages1 a {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    /*width: 60px;*/ padding:0 20px;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 15px;
    text-align: center;
    border: 1px solid #e6e6e6;
/*  border-width: 1px 0 1px 1px;
*/  transition: all .3s linear; margin-top:5px;
}
.pages .pages1 a:last-child {
    border-right: 1px solid #e6e6e6;
}
.pages .pages1 a:hover, .pages .pages1 a.active {
    border-color: #063d93 ;
    color: #fff;
    background-color: #063d93 ;
}
.pages .pages1 .sheng {
    border-top: none;
    border-bottom: none;
}
.pages .pages1 .sheng:hover {
    background: #fff;
    color: #063d93 ;
    border-color: #e6e6e6;
}
.pages .pages1 .prev,  .pages .pages1 .next {
    font-size: 13px;
    width: 92px;
    text-align: left;
}
.pages .pages1 .prev {
    border-left-width: 1px;
    padding-left: 36px;
    background: url(../images/prev4.png) left 16px center no-repeat;
    background-size: 6px;
}
.pages .pages1 .prev:hover {
    background: url(../images/prev4on.png) left 16px center no-repeat;
    background-color: #063d93 ;
    background-size: 6px;
}
.pages .pages1 .next {
    border-right-width: 1px;
    padding-left: 12px;
    background: url(../images/next4.png) 70px center no-repeat;
    background-size: 6px;
}
.pages .pages1 .next:hover {
    background: url(../images/next4on.png) 70px center no-repeat;
    background-color: #063d93 ;
    background-size: 6px;
}
.pagination {
    margin: 40px auto;
    text-align: center;
}




/*首页产品*/
.engineering {
    max-width: calc(100% - 270px);
/*    padding: 140px 20px 215px;*/
    margin: 0 auto;
}

.indexEngineeringTop {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}

.engineering-swiper {
    position: relative;
}

.engineering-swiper .title {
  /*  position: absolute;
    bottom: 40px;
    padding: 0 20px;
    text-align: center;
    font-size: 20px;
    color: #090808;
    width: 100%;
    font-weight: 200;
    z-index: 2;*/
	
	
	padding: 0 20px;
  text-align: center;
  font-size: 16px;
  color: #090808;
  width: 100%;
  font-weight: 300;
  z-index: 2;
  background: #fff;
  margin-top: 10px;
  height: 50px;
  line-height: 50px;
}

.engineering-swiper .item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../images/img06.png') no-repeat center bottom;
    width: 100%;
    height: 100%;
}

.engineering-swiper .item:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.engineering-swiper .swiper-button-prev,
.engineering-swiper .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    /*border: 1px solid rgba(0, 0, 0, 0.2);*/border: 1px solid rgb(42, 60, 142);
    top: 0;
    bottom: 0;
    margin: auto;
}

.engineering-swiper .swiper-button-prev {
    left: -120px;
}

.engineering-swiper .swiper-button-next {
    right: -120px;
}

.engineering-swiper .swiper-button-prev::after,
.engineering-swiper .swiper-button-next::after {
    content: '';
    height: 10px;
    width: 10px;
    background: url('../images/img07.png') no-repeat center;
    filter: brightness(0);
    opacity: 0.4;
}

.engineering-swiper .swiper-button-prev::after {
    transform: rotate(180deg);
}

.engineering-swiper .swiper-button-prev:hover,
.engineering-swiper .swiper-button-next:hover {
    background: #17429d;
    border-color: #17429d;
}

.engineering-swiper .swiper-button-prev:hover::after,
.engineering-swiper .swiper-button-next:hover::after {
    filter: brightness(1);
    opacity: 1;
}

.sub{ font-size:20px; color:#FFF;color: #eeeff7;
  text-transform: uppercase;font-size: 2.625em;}
  .title{font-size: 2.5em; color:#FFF;}
  .viewMore{ color:#FFF; font-size:1em;}
  .viewMore a{ color:#FFF; font-size:1em;}
  
  
  

#preview {  margin:0px auto; width:100%; max-width:600px}
.jqzoom { width:100%;  margin-bottom: 10px; overflow: hidden; position: relative; text-align:center; margin:0; padding:0;}
.jqzoom img{ width:100%;  overflow:hidden; text-align:center; background-position:center center;}
.zoomdiv { width:100%;  left:859px; z-index: 100; border-bottom:#ccc 1px solid; position: absolute; text-align: center;
    border-left: #ccc 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 365px; overflow: hidden;
    border-top: #ccc 1px solid; top: 1px; border-right: #ccc 1px solid; left: 0px }
#spec {
    position: relative;
    width:300px;
    height:110px;
    overflow: hidden;
    top: 10px;
	margin: 0 auto;
}
.jqzoom img{max-width: none;!important;max-height: none !important;}

.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:40px; cursor: pointer; left: 0px }
.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:40px; cursor: pointer; right: -15px }
.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:40px; cursor: pointer; left: 0px }
.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:40px; cursor: pointer; right: 0px }
#specList { display: inline; float: left; margin-left: 2px }
#specList { position:absolute; text-align:left; width:275px; height:90px; overflow:hidden; top:0px; left:13px; float:left;}
#specList ul{ position:absolute; width: 425px; left:0px }
#specList ul li { float:left; width:82px; height:82px; display:inline; margin-right:10px; border:1px solid #ccc}
#specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom:2px; padding-left:2px; width:78px; height:78px; padding-right:2px; margin-bottom:1px; padding-top:2px }

.bigimg { width:1000px; height:1000px }
.jqZoomPup { z-index:10; border-bottom:#ccc 1px solid; position: absolute; filter: alpha(opacity=50);
    border-left: #ccc 1px solid; width:50px; height:50px; background:#ccc no-repeat 50% top; visibility:hidden;
    border-top:#ccc 1px solid; top:0px; cursor:move; border-right:#ccc 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}


.hs1 h2{ 
	
	font-weight:bold;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
	/*line-height:100px;*/
	
}

.hs1{
	
	top:34.5% !important;
	
}

.hs2 h2{
	
	font-size:80px;
	
	font-weight:bold;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
	line-height:70px;
}

.hs2{
	
	top:37.5% !important;
	
}

.swiper-inner-text h3 span{
	max-width:855px;
	text-align:center;
	margin:0 auto;

}

.hs3{
	
	top:39% !important;
	
}

.swiper-inner-text h2 span{
	
	text-align:center;
	
	font-size:80px;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
}


     .cmbannerbox {
            width:100%;
            position:relative;
            overflow:hidden;
           /* height:525px;*/
        }
    .cmbanner { width:100%; height:auto; margin:0 auto
           /* width:1920px; 
            position:absolute;
            left:50%;
            margin-left:-960px; */
        }


 .cmbannerm {
            width:100%; height:auto; margin:0 auto
         /*   position:absolute;
            left:50%;
            margin-left:-960px; */
        }
@media (max-width: 768px) {.cmbanner{ display:none}}
@media (min-width: 769px) and (max-width:1920px ) {.cmbannerm{ display:none}}

.prodBox{ width:100%; height:auto; margin:0 auto; max-width:1340px;}