/* #region  初始化 */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; padding: 0; font-family: text; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; padding: 0; word-wrap: break-word; color: #333; background-color: #fff; font-family: text; font-size: 14px; }
audio,  video { display: block; }
a { display: block; background-color: transparent; text-decoration: none; color: inherit; outline: none; -webkit-tap-highlight-color: transparent; -moz-outline-style: none; }
ol,  ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
img { display: block; border: 0; vertical-align: middle;/* image-rendering: -moz-crisp-edges;  

  image-rendering: -o-crisp-edges;     

  image-rendering: -webkit-optimize-contrast; 

  image-rendering: crisp-edges; 

  -ms-interpolation-mode: nearest-neighbor; */

}
dl,  dd,  h1,  h2,  h3,  h4,  h5,  h6 { font-weight: normal; }
button,  input,  optgroup,  select,  textarea { color: inherit; outline: none; }
button[disabled],  html input[disabled] { cursor: default; }
input[type="checkbox"],  input[type="radio"] { padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
td,  th { padding: 0; }
.clearfloat { zoom: 1; }
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex_1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; }
.flex_dc { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex_ac { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex_as { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.flex_ae { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.flex_jc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding:36px 0 20px 0; }
.flex_js { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.flex_je { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flex_wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.textone { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.texttwo { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.swiper-container { width: 100%; }
/* #endregion */



/* #region  首页*/

@font-face { font-family: "Microsoft Yahei"; }
body { min-width: 1460px; }
.width { width: 1750px; margin: 0 auto; }
.width2 { width: 1460px; margin: 0 auto; }
.header { background-color: rgba(0, 0, 0, .4); position: fixed; left: 0; top: 0; width: 100%; z-index: 99; }
.header .width { width: auto; max-width: 1750px; min-width: 1460px; height: 65px; }
.logo { font-size: 20px; color: #fff; }
.logo img { max-width: 128px; margin-right: 14px; max-height:40px; }
.mynav { margin-left: auto; }
.mynav li { margin-left: 35px; position: relative; }
.nav_href { font-size: 15px; line-height: 65px; color: #fff; transition: .1s; position: relative; }
.nav_href:hover,  .nav_href.active { color: #ff0000; }
.nav_href::after { content: ''; position: absolute; left: 50%; bottom: 11px; transform: translateX(-50%); width: 0; height: 2px; background: #ff0000; transition: .2s; }
.nav_href:hover::after,  .nav_href.active::after { width: 30px; }
.footer { background: #1e1e1e; padding: 46px 0; }
.footer_left { width: 280px; color: #717171; }
.footer_logo img { width: 179px; }
.footer_t1 div { font-size: 21px; margin-top: 8px; }
.footer_t1 div span { font-size: 33px; }
.footer_t1 p { font-size: 15px; margin-top: 2px; }
.footer_t2 { font-size: 15px; margin-top: 10px; }
.footer_t2 ul { margin-top: 10px; }
.footer_t2 li { position: relative; margin-right: 12px; }
.footer_t2 li div { position: relative; cursor: pointer; }
.footer_t2 li div img { width: 32px; height: 32px; }
.footer_t2 li span { position: absolute; left: 50%; transform: translateX(-50%); bottom: 46px; background: #fff; padding: 5px; border-radius: 5px; display: none; }
.footer_t2 li span img { width: 130px; }
.footer_t2 li span::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; border: 8px solid transparent; border-top: 8px solid #fff; }
.footer_center { width: 890px; margin-left: 56px; }
.footer_t3 { font-size: 20px; color: #7d8488; font-weight: bold; }
.footer_t4 { font-size: 16px; color: #fff; margin-top: 4px; }
.footer_t4 img { width: 23px; margin-right: 12px; }
.footer_t4 div { font-size: 40px; font-weight: bold; margin-left: 2px; }
.footer_t5 { border-top: 1px dashed #515456; border-bottom: 1px dashed #515456; font-size: 15px; line-height: 25px; color: #7d8488; justify-content: space-between; flex-wrap: wrap; padding: 12px 0; margin-top: 10px; }
.footer_t5 li { width: 415px; }
.footer_text { font-size: 14px; line-height: 1.5; color: #7d8488; margin-top: 12px; }
.footer_text a,  .footer_text img { display: inline; }
.footer_right { margin-left: auto; font-size: 16px; color: #7d8488; text-align: center; }
.footer_right img { width: 130px; margin: 0 auto; }
.footer_right div { margin-top: 10px; }
.footer_img { width: 100%; flex: 1; overflow: hidden; }
.footer_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.index_footer { width: 100%; height: 100%; }
.banner { position: relative; }
.banner .swiper-slide { overflow: hidden; }
.banner,  .banner .swiper-slide a,  .banner .swiper-container { width: 100%; height: 100%; }
.banner .swiper-slide img { width: 100%; height: 100%; height: 100vh; object-fit: cover; object-position: center;/* transform: scale(1.1); */

}
/* .banner .swiper-slide-active img {

  animation: bannerin 6s ease

} */



.banner_dot { position: absolute; left: 0; bottom: 43px; width: 100%; z-index: 2; }
.banner_hr { margin: 0 3px; }
.banner_mouse { /* margin: 0 11px; */

position: relative; top: -5px; -webkit-animation: mouse 2s linear infinite; animation: mouse 2s linear infinite; }
.banner_bottom { margin: 0 auto; padding: 10px; width: 34px; cursor: pointer; }
.banner_bottom img { width: 14px; }
.banner_prev,  .banner_next { padding: 5px 11px; cursor: pointer; outline: none; }
.index2 { background: url(../image/index2_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.index2_con { width: 1540px; margin: 0 auto; padding-top: 65px; }
.index2_left { width: 773px; }
.index2_left video { width: 100%; height: 380px; object-fit: contain; object-position: center; background: #000; object-fit: fill; }
.index2_left ul { margin-top: 6px; justify-content: space-between; }
.index2_left li { position: relative; }
.index2_left li::before { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 23px; background: url(../image/index2_hr.png) no-repeat; background-size: 100% 100%; }
.index2_left img { width: 383px; height: 215px; object-fit: cover; object-position: center; }
.index2_right { width: 720px; margin-left: auto; }
.index2_title { text-align: center; }
.index2_title div { font-size: 36px; color: #333333; }
.index2_title span { width: 100px; border-top: 1px solid #bbbbbb; margin: 0 20px; }
.index2_title p { font-size: 14px; color: #999999; text-transform: uppercase; margin-top: 6px; }
.index2_text { font-size: 16px; line-height: 36px; color: #787878; margin-top: 47px; text-indent:2em; }
.index2_ul { margin-top: 60px; }
.index2_ul li { font-size: 16px; margin-right: 52px; }
.index2_ul li:last-of-type { margin-right: 0; }
.index2_ul li p { color: #656565; }
.index2_ul li div { color: #333333; margin-top: 6px; }
.index2_ul li span { font-size: 48px; margin-right: 10px; }
.index2_btn { width: 156px; height: 44px; border: 1px solid #a6a6a6; border-radius: 22px; margin: 50px auto 0 auto; justify-content: flex-end; padding-right: 7px; transition: .1s; }
.index2_btn img { width: 31px; margin-left: 18px; }
.index2_btn:hover { color: #ff0000; }
.index3 { background: url(../image/index2_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.index3_con { align-items: flex-start; justify-content: space-between; padding-top: 65px; }
.index3_col1 { width: 310px; }
.index3_item { position: relative; }
.index3_img { background: #fff; border: 2px solid #fff; box-shadow: 0px 0px 13px 0px rgba(81, 81, 81, 0.3); overflow: hidden; }
.index3_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .5s; }
.index3_txt div { font-size: 14px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 11px; }
.index3_txt h3 { font-size: 16px; color: #333333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 3px; transition: .1s; }
.index3_col1 li { height: 256px; }
.index3_col1 .index3_img { height: 165px; }
.index3_col1 li:last-of-type { height: auto; }
.index3_col1 li:last-of-type .index3_img { height: 170px; }
.index3_col2 { width: 670px; }
.index3_col2 li { height: 457px; }
.index3_col2 li .index3_img { height: 368px; }
.index3_row { justify-content: space-between; }
.index3_row .index3_item { width: 310px; }
.index3_row .index3_img { height: 225px; }
.index3_col3 { width: 310px; }
.index3_col3 li:nth-of-type(1) { height: 319px; }
.index3_col3 li:nth-of-type(1) .index3_img { height: 230px; }
.index3_col3 li:nth-of-type(2) .index3_img { height: 363px; }
.index3_col4 { width: 310px; }
.index3_col4 li { height: 268px; }
.index3_col4 li .index3_img { height: 180px; }
.index3_more .index3_img { height: 200px; }
.index3_item:hover .index3_img img { transform: scale(1.05); }
.index3_item:hover .index3_txt h3 { color: #ff0000; }
.index3_popup { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); font-size: 18px; color: #fff; transition: .5s;/* opacity: 0; */

}
.index3_popup img { width: 43px; margin-left: 10px; }
.index3_more .index3_item:hover .index3_popup { opacity: 1; }
.index5 { background: #171717; }
.index5 .index2_title div { color: #fff; }
.index5 .index2_title span { border-color: #8a8a8a; }
.index5 .index2_title p { color: #7c7c7c; }
.index5_con { width: 1714px; margin: 0 auto; padding-top: 65px; }
.index5_ul { flex-wrap: wrap; }
.index5_ul { padding-top: 20px; }
.index5_ul li { width: 412px; margin-right: 22px; margin-top: 26px; box-shadow: 5.035px 4.863px 0px 0px rgba(112, 112, 112, 0.38); }
.index5_ul li:nth-of-type(4n+4) { margin-right: 0; }
.index5_ul li a { position: relative; overflow: hidden; }
.index5_img { width: 100%; height: 307px; }
.index5_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.index5_popup { position: absolute; left: 0; bottom: 101%; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); border: 5px solid #ff0c00; padding: 85px 12px 0 12px; text-align: center; transition: .5s; }
.index5_popup h3 { font-size: 24px; font-weight: bold; color: #fff; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index5_popup div { font-size: 16px; color: #626262; margin-top: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index5_popup img { width: 41px; margin: 26px auto 0 auto; }
.index5_more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); font-size: 18px; color: #fff; /* opacity: 0; */

transition: .5s; }
.index5_more img { width: 43px; margin-left: 10px; }
.index5_ul a:hover .index5_popup { bottom: 0; }
.index5_ul a:hover .index5_more { opacity: 1; }
.index6 { background: url(../image/index6_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.index6_con { position: relative; width: 1450px; margin: 0 auto; margin-top: 65px; }
.index6_img { position: absolute; top: 0; left: -298px; width: 1275px; height: 529px; z-index: 1; }
.index6_right { position: relative; z-index: 2; padding-top: 44px; margin-left: auto; }
.index6_right ul { justify-content: flex-end; }
.index6_right li { border-right: 1px solid #313131; border-bottom: 1px solid #313131; }
.index6_right li:last-of-type { border-right: none; }
.index6_right ul:last-of-type li { border-bottom: none; }
.index6_right li a { width: 178px; height: 144px; position: relative; }
.index6_right li img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.index6_right li div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); border: 2px solid #db0a0b; font-size: 16px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 102px 10px 0 10px; opacity: 0; transition: .3s; }
.index6_right li a:hover div { opacity: 1; }
.index6_row1 { padding-right: 37px; }
.index6_row3 { padding-right: 129px; }
.index6_row4 { position: relative; left: 20px; }
.index6_right .index6_more { background: #2b2b2b; font-size: 16px; color: #999999; transition: .2s; }
.index6_right .index6_more img { width: 31px; height: 31px; margin-left: 8px; transition: .5s; }
.index6_right .index6_more:hover { color: #ff0000; }
.index6_right .index6_more:hover img { transform: translateX(12px); }
.index6_bottom { position: absolute; bottom: 15px; right: 506px; padding-right: 30px; }
.index6_bottom li { margin-right: 50px; }
.index6_bottom li img { width: 30px; margin-right: 12px; }
.index6_num { color: #999; line-height: 1; }
.index6_num div { font-size: 24px; }
.index6_num span { font-size: 36px; }
.index6_num p { font-size: 16px; margin-top: 5px; }
.index7 { background: url(../image/index2_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.index7_row { width: 1654px; margin: 0 auto; padding-top: 65px; }
.index7_prev,  .index7_next { width: 44px; height: 45px; cursor: pointer; outline: none; background-repeat: no-repeat; background-size: 100% 100%; transition: .3s; }
.index7_prev { background-image: url(../image/index7_prev.png); }
.index7_prev:hover { background-image: url(../image/index7_prev2.png); }
.index7_next { background-image: url(../image/index7_next.png); }
.index7_next:hover { background-image: url(../image/index7_next2.png); }
.index7_row .swiper-container { flex: 1; overflow: hidden; margin: 0 auto; }
.index7_con { padding: 40px; }
.index7_item { width: 600px; height: 691px; background: #fff; box-shadow: 0px 0px 40px 0px rgba(112, 112, 112, 0.2); padding: 15px; transition: .3s; }
.index7_ul { width: 836px; margin-left: auto; }
.index7_img { overflow: hidden; }
.index7_img img { width: 100%; height: 380px; object-fit: cover; object-position: center; }
.index7_time { font-size: 18px; color: #666666; margin-top: 22px; }
.index7_title { font-size: 22px; color: #333333; font-weight: bold; margin-top: 14px; }
.index7_hr { width: 50px; border-top: 1px solid #000000; margin-top: 14px; }
.index7_text { font-size: 16px; line-height: 26px; color: #999999; margin-top: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; transition: .1s; }
.index7_btn { font-size: 16px; color: #333333; line-height: 1; margin-top: 25px; }
.index7_btn img { width: 23px; margin-left: 11px; }
.index7_item:hover { background: #bebebe; }
.index7_item:hover .index7_text { color: #555555; }
.index7_ul li { margin-top: 24px; }
.index7_ul li:first-of-type { margin-top: 0; }
.index7_ul li a { width: 100%; height: 155px; background: #fff; padding: 0 15px; transition: .3s; }
.index7_ul li img { width: 240px; height: 126px; object-fit: cover; object-position: center; margin-right: 22px; }
.index7_txt { flex: 1; overflow: hidden; }
.index7_txt h3 { font-size: 18px; font-weight: bold; color: #333333; }
.index7_txt span { display: block; width: 50px; margin-top: 12px; border-top: 1px solid #000000; }
.index7_txt div { font-size: 16px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 12px; transition: .1s; }
.index7_txt p { font-size: 18px; color: #666666; margin-top: 14px; }
.index7_ul li a:hover { background: #bebebe; }
.index7_ul li a:hover .index7_txt div { color: #555555; }
.index4 { position: relative; }
.index4_popup { position: absolute; left: 50%; bottom: 56px; transform: translateX(-50%); background-color: rgba(0, 0, 0, .5); padding: 12px; }
.index4_popup li { width: 152px; height: 72px; border: 1px solid #848485; margin-right: 10px; cursor: pointer; overflow: hidden; position: relative; }
.index4_popup li:last-of-type { margin-right: 0; }
.index4_popup img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .5s; }
.index4_more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(240, 12, 12, .5); font-size: 18px; color: #ffffff; transition: .3s; }
.index4_more img { width: 28px; height: 28px; margin-left: 11px; }
.index4_popup li:hover .index4_img img { transform: scale(1.05); }
.index4_con { width: 100%; height: 100%; }
.index4_con li { width: 100%; height: 100%; position: relative; display: none; }
.index4_con li img { width: 100%; height: 100%; object-fit: cover; object-position: center;/* transform: scale(1.1);

  transition: .3s; */

}
.index4_con li.active { display: block; }
/* .index4_con li.active img {

  animation: bannerin 6s ease

} */



.index4_txt { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: 1280px; color: #fff; }
.index4_t1 { font-size: 36px; }
.index4_t2 { font-size: 14px; margin-top: 6px; }
.index4_hr { width: 50px; height: 3px; background: #fff; margin-top: 12px; }
.index4_t3 { font-size: 18px; line-height: 25px; margin-top: 14px; }
.fullpage { min-width: 1750px; }
/* #endregion */



/* #region  关于我们*/



.banner2 { position: relative; }
.banner2 img { width: 100%; height: 500px; object-fit: cover; object-position: center; }
.banner2_txt { position: absolute; left: 0; top: 55%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff; }
.banner2_txt div { font-size: 48px; }
.banner2_txt span { display: block; font-size: 20px; margin-top: 12px; }
.bread_nav { height: 50px; border-bottom: 1px dashed #dadada; font-size: 16px; line-height: 1.2; color: #666666; position: relative; padding-left: 18px; }
.bread_nav::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 20px; background: #f00808; border-radius: 2px; }
.bread_nav span { margin: 0 5px; }
.bread_nav div { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bread_nav a { transition: .1s; }
.bread_nav a:hover { color: #ff0000; }
.about1 { background: url(../image/about1_bg.jpg) no-repeat; background-size: cover; background-position: center; padding: 0px 0 64px 0; }
.se_tab a { padding: 0 25px; font-size: 16px; line-height: 36px; color: #333333; border: 1px solid #e1e1e0; border-radius: 30px; margin: 0 10px; transition: .2s; position: relative; cursor: pointer; }
.se_tab a:hover,  .se_tab .active { background: #ff0000; border-color: #ff0000; color: #fff; }
.se_tab .active::after { content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #ff0000; }
.about1_img { padding:0px 0 0 0; line-height:200%; position: relative; }
.about1_img img { max-width: 100%; }
.about1_label { position: absolute; left: 35px; bottom: -30px; padding: 0 48px; line-height: 60px; font-size: 24px; color: #fff; background: #ff0000; }
.about1_text { font-size: 16px; line-height: 36px; color: #787878; margin-top: 60px; }
.about1_ul { margin-top: 50px; }
.about1_ul li { width: 20%; line-height: 1; position: relative; }
.about1_ul li::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 60px; border-right: 1px solid #cfcfcf; }
.about1_ul li:last-of-type::after { border-right: none; }
.about1_num div { font-size: 22px; color: #333333; }
.about1_num span { font-size: 72px; }
.about1_num p { font-size: 16px; color: #656565; margin-top: 8px; }
.about2 { padding-top: 50px; }
.about2_title { text-align: center; }
.about2_title div { font-size: 30px; color: #333333; }
.about2_title i { display: block; border-bottom: 1px solid rgba(212, 212, 212, .3); margin-top: 14px; }
.about2_title i::after { content: ''; display: block; width: 90px; height: 3px; background: #f00808; margin: 0 auto; }
.about2_title span { display: block; font-size: 16px; color: #999999; margin-top: 12px; }
.about2_ul { margin-top: 34px; }
.about2_ul li { width: 8.2%; height: 447px; overflow: hidden; position: relative; transition: .5s; }
.about2_ul li::after { content: ''; position: absolute; right: 0; top: 0; height: 100%; border-right: 1px solid rgba(255, 255, 255, .3); }
.about2_ul li.active { width: 59%; }
.about2_ul li a { width: 100%; height: 100%; }
.about2_img { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.about2_txt { position: absolute; left: 0; bottom: 20px; line-height: 1; width: 100%; text-align: center; }
.about2_txt div { font-size: 70px; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); font-weight: bold; font-style: italic; margin-bottom: 3px; transition: .5s; }
.about2_txt img { width: 15px; margin: 0 auto; }
.about2_txt span { font-size: 28px; color: #fff; font-weight: bold; font-style: italic; opacity: 0; position: absolute; left: 0; bottom: 0; padding: 0 22px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.about2_ul li.active .about2_txt { text-align: left; padding: 0 20px; }
.about2_ul li.active .about2_txt div { font-size: 80px; }
.about2_ul li.active .about2_txt img { opacity: 0; }
.about2_ul li.active .about2_txt span { opacity: 1; }
.about3 { padding: 52px 0 66px 0; }
.about3_img { background: #fff; padding: 20px; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09); margin-top: 40px; }
.about3_img img { max-width: 100%; }
.about4 { background: url(../image/about4_bg.jpg) no-repeat; background-size: cover; background-position: center; padding: 45px 0 65px 0; }
.about4_ul { flex-wrap: wrap; padding-top: 15px; }
.about4_ul li { width: 230px; height: 122px; background: #fff; margin-right: 16px; margin-top: 18px; transition: .3s; }
.about4_ul li:nth-of-type(6n+6) { margin-right: 0; }
.about4_ul li img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.about4_ul li:hover { box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.19); }
.about5 { padding: 55px 0 65px 0; }
.about5_img { margin-top: 36px; }
.about5_img span { display: block; }
.about5_img span img { width: 100%; }
.about5_img div { justify-content: space-between; margin-top: 9px; }
.about5_img div img { width: 480px; }
/* #endregion */



/* #region  齐田人才*/

.personnel_title { line-height: 1; }
.personnel_title div { position: relative; }
.personnel_title span { font-size: 36px; margin: 0 22px; color: #333333; position: relative; z-index: 2; }
.personnel_title i { width: 100px; border-top: 1px solid #d0d0d0; }
.personnel_title b { position: absolute; left: 0; bottom: -8px; width: 100%; text-align: center; font-size: 30px; font-weight: normal; color: rgba(217, 217, 217, 0.502); text-transform: uppercase; z-index: 1; }
.personnel_title p { font-size: 16px; color: #999999; text-align: center; margin-top: 14px; }
.personnel { background: #fafafa; }
.personnel_con { padding: 50px 0 66px 0; }
.personnel_con .se_tab { padding-top: 38px; }
.personnel_ul { flex-wrap: wrap; padding-top: 10px; }
.personnel_ul li { width: 465px; margin-right: 32px; margin-top: 35px; position: relative; }
.personnel_ul li::after { content: ''; position: absolute; left: 0; top: 100%; width: 465px; height: 18px; background: url(../image/personnel_hr.png) no-repeat; background-size: 100% auto; }
.personnel_ul li:nth-of-type(3n+3) { margin-right: 0; }
.personnel_ul li a { background: #fff; }
.personnel_ul li i { display: block; overflow: hidden; background: #f1f1f1; }
.personnel_txt { border: 1px solid #f3f3f3; border-top: none; padding: 22px 30px 26px 30px; }
.personnel_txt h3 { font-size: 18px; color: #333333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; }
.personnel_hr { width: 38px; border-top: 1px solid #d0d0d0; margin-top: 6px; }
.personnel_text { font-size: 16px; line-height: 28px; color: #999999; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; margin-top: 6px; }
.personnel_ul li a:hover .personnel_txt h3 { color: #ff0000; }
.page { margin-top: 65px; }
.page a { min-width: 32px; line-height: 32px; font-size: 16px; color: #979496; text-align: center; transition: .1s; margin: 0 2px; padding: 0 3px; }
.page a:hover { color: #ff0000; }
.page a.active:hover,  .page a.active { background: #ff0000; color: #fff; }
.recruit_ul { flex-wrap: wrap; justify-content: space-between; padding-top: 5px; }
.recruit_ul li { width: 715px; margin-top: 40px; position: relative; }
.recruit_ul li::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 20px; background: url(../image/recruit_hr.png) no-repeat; background-size: 100% auto; }
.recruit_ul li a { width: 100%; height: 160px; background: #fff; border-radius: 5px; padding: 20px 20px 0 20px; transition: .3s; }
.recruit_ul li h3 { font-size: 18px; color: #333333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .2s; }
.recruit_ul li span { display: block; width: 50px; border-top: 1px solid #838a94; margin-top: 14px; transition: .2s; }
.recruit_ul li div { font-size: 16px; line-height: 22px; height: 66px; color: #999999; /* text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical; */

margin-top: 14px; transition: .2s; }
.recruit_ul li a:hover { background: #f00808; }
.recruit_ul li a:hover h3,  .recruit_ul li a:hover div { color: #fff; }
.recruit_ul li a:hover span { border-color: #fff; }
.contact_title div { font-size: 24px; color: #666666; font-weight: bold; }
.contact_title i { border-color: rgba(162, 162, 162, .2); margin-top: 10px; }
.contact_title i::after { width: 98px; height: 4px; }
.contact1 { padding-top: 36px; }
.contact1_row { background: #f1f1f1; margin-top: 30px; padding: 12px 28px; }
.contact1_row img { width: 162px; margin-right: 26px; }
.contact1_row div { flex: 1; overflow: hidden; }
.contact1_row span { display: block; font-size: 24px; color: #ff0000; }
.contact1_row p { font-size: 16px; color: #666666; margin-top: 12px; }
.contact1_ul { flex-wrap: wrap; padding-top: 30px; }
.contact1_ul li { width: 460px; min-height: 202px; border: 1px solid #e8e8e8; margin-right: 40px; margin-bottom: 38px; padding: 32px 20px 18px 20px; text-align: center; }
.contact1_ul li:nth-of-type(3n+3) { margin-right: 0; }
.contact1_ul li img { width: 50px; margin: 0 auto; }
.contact1_ul div { font-size: 18px; color: #333333; margin-top: 8px; }
.contact1_ul p { font-size: 16px; line-height: 25px; color: #999999; margin-top: 8px; }
.contact_map { margin-top: 52px; }
.contact_map { width: 100%; height: 440px; }
.contact_map img { width: 100%; height: 100%; }
.contact2 { padding-bottom: 66px; }
/* #endregion */



/* #region  案例展示*/



.case_ul { flex-wrap: wrap; padding-top: 5px; }
.case_ul li { width: 460px; margin-right: 40px; margin-top: 40px; }
.case_ul li:nth-of-type(3n+3) { margin-right: 0; }
.case_ul li a { background: #fff; box-shadow: 0px 0px 18px 0px rgba(112, 112, 112, 0.5); border-radius: 5px; overflow: hidden; }
.case_ul li i { display: block; overflow: hidden; }
.case_ul li i img { width: 100%; height: 345px; object-fit: cover; object-position: center; transition: .5s; }
.case_ul li h3 { font-size: 16px; color: #333333; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; }
.case_ul li div { height: 65px; padding: 0 18px; }
.case_ul li span { font-size: 14px; color: #999999; margin-left: 20px; }
.case_ul li span img { width: 14px; margin-right: 7px; }
.case_ul li a:hover i img { transform: scale(1.05); }
.case_ul li a:hover h3 { color: #ff0000; }
.case_show { padding: 38px 0 55px 0; }
.cshow_left { width: 375px; }
.cshow_card { position: relative; background: #ebebeb; padding: 26px 0 50px 0; margin-bottom: 31px; }
.cshow_title { font-size: 22px; line-height: 40px; color: #333333; position: relative; padding: 0 20px; }
.cshow_title::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #717171; border-radius: 2px; }
.cshow_text { font-size: 16px; line-height: 2; color: #666666; padding: 0 20px; margin-top: 18px; }
.cshow_item { position: absolute; right: 0; bottom: 0; padding: 0 26px; line-height: 38px; background: #717171; color: #fff; font-size: 16px; border-radius: 20px 0 0 0; }
.cshow_label { font-size: 18px; line-height: 50px; text-align: center; color: #fff; background: #313131; }
.cshow_ul { flex-wrap: wrap; justify-content: space-between; }
.cshow_ul li { width: 183px; margin-top: 17px; }
.cshow_ul li div { overflow: hidden; }
.cshow_ul li img { width: 100%; height: 120px; object-fit: cover; object-position: center; transition: .5s; }
.cshow_ul li h3 { font-size: 14px; color: #666666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; margin-top: 8px; }
.cshow_ul li a:hover img { transform: scale(1.05); }
.cshow_ul li a:hover h3 { color: #ff0000; }
.cshow_right { width: 1035px; margin-left: auto; font-size: 16px; line-height: 2; color: #666666; }
.cshow_right img { width: 100%; margin-bottom: 30px; }
/* #endregion */



/* #region  配套产品*/

.se_tab2 { flex-wrap: wrap; }
.personnel_con .se_tab2 { padding-top: 20px; }
.se_tab2 a { margin: 0 6px; margin-top: 18px; }
.product_ul { flex-wrap: wrap; }
.product_ul li { width: 460px; margin-right: 40px; margin-top: 50px; position: relative; }
.product_ul li:nth-of-type(3n+3) { margin-right: 0; }
.product_ul li a { background: #fff; padding: 5px 5px 20px 5px; box-shadow: 0px 0px 16px 0px rgba(112, 112, 112, 0.09); }
.product_ul li::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 25px; background: url(../image/product_hr.png) no-repeat; background-size: 100% auto; }
.product_txt { margin-top: 8px; padding: 0 10px; }
.product_txt h3 { font-size: 16px; color: #333333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; }
.product_txt div { font-size: 14px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; }
.product_img { width: 100%; height: 300px; position: relative; transform-style: preserve-3d; transition: 1.2s; overflow: hidden; }
.product_img1 { width: 100%; height: 100%; background: #f6f6f6; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; }
.product_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.product_img2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* transform: rotateY(180deg); 

  transition: 0.6s;*/

opacity: 0; background: #f6f6f6; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; }
.product_ul li a:hover .product_txt h3 { color: #ff0000; }
/* .product_ul li a:hover .product_img {

  transform: rotateY(180deg);

} */

.product_ul li a:hover .product_img1 { opacity: 0; }
.product_ul li a:hover .product_img2 { opacity: 1; }
/* #endregion */



/* #region  场景规划 新闻中心*/

.scene_ul { flex-wrap: wrap; justify-content: space-between; }
.scene_ul li { width: 715px; margin-top: 53px; position: relative; }
.scene_ul li::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 32px; background: url(../image/scene_hr.png) no-repeat; background-size: 100% auto; }
.scene_ul li i { display: block; overflow: hidden; }
.scene_ul li img { width: 100%; transition: .5s; }
.scene_ul li a { background: #f6f7f7; }
.scene_ul li div { line-height: 70px; padding: 0 25px; }
.scene_ul li h3 { font-size: 18px; color: #333333; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; }
.scene_ul li span { font-size: 14px; color: #999999; }
.scene_ul li a:hover img { transform: scale(1.05); }
.scene_ul li a:hover h3 { color: #ff0000; }
.news_ul li { margin-top: 46px; position: relative; }
.news_ul li::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 36px; background: url(../image/news_hr.png) no-repeat; background-size: 100% auto; }
.news_ul li a { padding: 20px 0 20px 20px; background: #f5f5f5; transition: .3s; }
.news_ul li i { display: block; overflow: hidden; }
.news_ul li i img { width: 378px; height: 213px; object-fit: cover; object-position: center; }
.news_txt { flex: 1; overflow: hidden; padding: 0 90px 0 50px; }
.news_txt h3 { font-size: 18px; color: #333333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .1s; }
.news_txt div { font-size: 16px; line-height: 24px; margin-top: 16px; color: #999999; }
.news_txt img { width: 41px; margin-top: 22px; opacity: 0; transition: .2s; }
.news_time { width: 178px; height: 134px; text-align: center; border-left: 1px solid #e1e1e0; padding-top: 25px; }
.news_time div { font-size: 18px; color: #999999; }
.news_time span { display: block; font-size: 48px; color: #333333; margin-top: 4px; }
.news_ul li a:hover { background: #fff; box-shadow: 0px 0px 18px 0px rgba(112, 112, 112, 0.15); }
.news_ul li a:hover .news_txt img { opacity: 1; }
.news_show { padding: 63px 0 72px 0; }
.nshow_title { font-size: 24px; color: #333333; text-align: center; }
.nshow_time { padding: 13px 0; font-size: 16px; color: #999999; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; margin-top: 38px; }
.nshow_time div { padding: 0 12px; margin-right: 22px; }
.nshow_time img { width: 28px; margin-right: 14px; }
.nshow_text { font-size: 16px; line-height: 30px; color: #333333; padding: 40px 50px; }
.nshow_text img { max-width: 100%; display: inline; }
.nshow_text a { display: inline; }
.nshow_more { margin-top: 32px; }
.nshow_more span { flex: 1; overflow: hidden; border-top: 1px solid #d6d6d6; }
.nshow_more div { font-size: 18px; color: #333333; line-height: 32px; padding: 0 22px; border: 1px solid #444444; border-radius: 18px; margin: 0 33px; }
.nshow_ul { flex-wrap: wrap; padding-top: 16px; }
.nshow_ul li { width: 470px; margin-right: 25px; margin-top: 25px; }
.nshow_ul li:nth-of-type(3n+3) { margin-right: 0; }
.nshow_ul li a { background: #fff; padding: 3px; box-shadow: 0px 0px 10px 0px rgb(216, 216, 216); }
.nshow_ul li div { overflow: hidden; }
.nshow_ul li img { width: 100%; height: 309px; object-fit: cover; object-position: center; transition: .5s; }
.nshow_ul li h3 { font-size: 18px; color: #666666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 55px; transition: .1s; }
.nshow_ul li a:hover img { transform: scale(1.05); }
.nshow_ul li a:hover h3 { color: #ff0000; }
/* #endregion */



/* #region  配套产品详情*/



/* .pshow2 {

  position: relative;

}



.pshow2 img {

  width: 100%;

}



.pshow2_con {

  position: absolute;

  left: 0;

  top: 116px;

  padding: 0 24%;

}



.pshow2_con span {

  display: inline-block;

  line-height: 43px;

  padding: 0 23px;

  text-align: center;

  border-radius: 22px;

  border: 1px solid #fff;

  font-size: 24px;

  color: #fff;

}



.pshow2_con div {

  font-size: 55px;

  color: #fff;

  text-shadow: 1.696px 1.06px 2px rgb(36, 36, 36);

  margin-top: 10px;

}



.pshow2_con p {

  font-size: 20px;

  color: #fff;

  text-shadow: 1.696px 1.06px 2px rgba(36, 36, 36, 0.69);

  margin-top: 10px;

}



.pshow3 {

  background: url(../images/pshow3_bg.jpg) no-repeat;

  background-size: cover;

  background-position: bottom right;

} */



.pshow_img { width: 100%; }
.pshow_img img,  .pshow_img video { width: 100%; display: block; }
.pshow_con { padding-bottom: 64px; }
.pshow_con .nshow_more { margin-top: 55px; }
.pshow5 { padding: 90px 0 72px 0; }
.pshow5_left { width: 728px; background: #f8f8f8; position: relative; }
.pshow5_left .swiper-slide img { width: 100%; }
.pshow5_right { width: 695px; margin-left: auto; }
.pshow5_right img { width: 100%; }
.pshow5_prev,  .pshow5_next { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 90px; background-color: rgba(114, 114, 114, .2); background-repeat: no-repeat; background-size: 18px auto; background-position: center; z-index: 2; cursor: pointer; outline: none; transition: .2s; }
.pshow5_prev { left: 0; background-image: url(../image/pshow5_prev.png); }
.pshow5_next { right: 0; background-image: url(../image/pshow5_next.png); }
.pshow5_prev:hover { background-image: url(../image/pshow5_prev2.png); }
.pshow5_next:hover { background-image: url(../image/pshow5_next2.png); }



/* #endregion */



/* #region  css3*/

@-webkit-keyframes mouse {  0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 10px);
 transform: translate(0, 10px);
}
to { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
 @keyframes mouse {  0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 10px);
 transform: translate(0, 10px);
}
to { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
 @-webkit-keyframes bannerin {  0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1)
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @keyframes bannerin {  0% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1)
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @-webkit-keyframes fadeInRight2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(100px, 0, 0);
 transform: translate3d(100px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInRight2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(100px, 0, 0);
 transform: translate3d(100px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInLeft2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInLeft2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(-100px, 0, 0);
 transform: translate3d(-100px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInUp2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(-100px, 0, 0);
 transform: translate3d(-100px, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInUp2 {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2; }
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2; }
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; }
.banner2_txt span,  .index4_t2 { animation-delay: 0.1s; }
.index4_hr,  .index6_bottom,  .index3_con .zoomer,  .index5_ul li:nth-of-type(2),  .index2_left ul,  .index2_text { animation-delay: 0.2s; }
.index4_t3 { animation-delay: 0.3s; }
.index5_ul li:nth-of-type(3),  .index2_ul { animation-delay: 0.4s; }
.index5_ul li:nth-of-type(4),  .index2_btn { animation-delay: 0.6s; }
.index5_ul li:nth-of-type(5) { animation-delay: 0.8s; }
.index5_ul li:nth-of-type(6) { animation-delay: 1s; }
.index5_ul li:nth-of-type(7) { animation-delay: 1.2s; }
.index5_ul li:nth-of-type(8) { animation-delay: 1.4s; }
/* #endregion */



/* #region  修改*/



.index5 { background: url(../image/index5_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.footer { background: url(../image/footer_bg.jpg) no-repeat; background-size: cover; background-position: center; }
.pshow_video { position: relative; }
.pshow_popup { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 960px; height: 540px; z-index: 2; display: none; }
.pshow_popup video { object-fit: contain; width: 100%; height: 100%; display: block; }
.pshow_popup img { position: absolute; left: 100%; bottom: 100%; cursor: pointer; width: 30px; }
.pshow_open { cursor: pointer; position: absolute; left: 0; top: 65px; right: 0; bottom: 0; margin: auto; width: 88px; height: 88px; z-index: 1; transition: .5s; }
.pshow_open:hover { transform: scale(1.1); }
.about1_num .counter,  .index2_ul .counter { font-family: "Microsoft Yahei"; }
.index4_color { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); transition: .2s; }
.index4_popup li.active .index4_color { opacity: 0; }
.nav_select { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; background-color: rgba(0, 0, 0, .4); z-index: 88; display: none; }
.nav_select a { font-size: 14px; line-height: 36px; color: #fff; text-align: center; padding: 0 20px; transition: .3s; }
.nav_select a:hover { background-color: rgba(255, 255, 255, .4); }

/*Page*/
.ui-page{user-select:none; margin-top:60px;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}

/*网站地图*/
.map_one { line-height: 30px;  padding-top:15px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 ; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }