@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; scroll-behavior: smooth;}
body{ font-family:"Microsoft YaHei",Arial; font-size:100%; color:#000; max-width: 1920px; margin:0px auto; padding:0px; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{ list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img { border:none; max-width: 100%; transition: 0.5s}
a:link, a:visited { color: #000; text-decoration: none; outline:none;}
a:hover, a:active { color: #000; text-decoration: none; outline:none;}
video { width: 100%; height: 100%;}
.clear{ clear:both;}
.page_button a { font-size: 14px; margin-left: 5px; padding: 0 8px; display: inline-block; width: auto; line-height: 24px; border: 1px rgba(0, 0, 0, 0.103) solid; box-sizing: border-box; border-radius: 5px;}
.page_button span { display: inline-block; padding: 0 8px; font-size: 14px; line-height: 24px; border-radius: 5px;}
.page_button span.current { border: 1px solid #cccccc; color: #dbc4b4; border-radius: 5px;}
.page_button a:hover { border: 1px solid #cccccc; color: #dbc4b4;border-radius: 5px;}
.iw_poi_title { color: #cc5522;}
:root {
    --style_color: #00b0b3;
}

/* newshow------------------------------------ */
.newsshow { width: 100%;}
.newsshow_container { width: 95%; max-width: 1500px; margin: 50px auto;}
.newsshow_content { width: 100%;}
.newsshow_title { text-align: center; font-size: 22px; margin-bottom: 20px;}
.newsshow_title p { font-size: 16px; margin-top: 10px;}
.newsshow_text { padding: 20px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-bottom: 30px;}
.newsshow_text div { margin-bottom: 30px;}

.relevant_case ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.relevant_case li { flex: 0 1 30%; margin-bottom: 15px; text-align: center;}
.relevant_case li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant_case li img { transition: 0.5s;}
.case_pic { overflow: hidden;}
.case_wb { line-height: 30px; background: rgb(123, 123, 138); margin-top: 15px; transition: 0.5s; color: #fff;}
.relevant-case li:hover .case_wb { background: rgb(168, 168, 200); transition: 0.5s;}
.toggle_button { display: flex; justify-content: space-between;}
.toggle_button a { background: var(--style_color); width: 100px; line-height: 40px; display: inline-block; text-align: center; color: #fff !important;}
.bdsharebuttonbox  { margin: 20px 0;}
.bdsharebuttonbox a { width: auto;}
.relevant_title { font-size: 20px; text-align: center; margin-bottom: 15px; padding: 10px; color: #000;}
.relevant_news li { float: left; width: 45%; list-style-type: circle;  list-style-position: inside;}
.relevant_news li span { float: right; color: #b6b2b2;}
.relevant_news li:nth-of-type(even) { margin-left: 4%; padding-left: 5%; box-sizing: border-box;}


/* productshow--------------------------------------------------- */
.product_show { width: 100%;}
.product_show_container { display: flex;}
.product_show_container .left { flex: 0 1 50%; background-size: cover; padding: 150px 0 50px; text-align: center; box-sizing: border-box;}
.product_show_container .right { flex: 0 1 50%; padding: 150px 10% 50px 20px; box-sizing: border-box;}
.product_show_container .right span { font-size: 60px; display: block; color: #00b0b3;}
.product_show_container .right .productshow_dvi1 { font-size: 36px; color: #1d1d1f;}
.product_show_container .right .productshow_dvi2 { padding: 36px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin: 20px 0 50px;}
.product_show_container .right a { display: inline-block; padding: 16px 33px; color: #fafafa; font-size: 18px; background: #00b0b3;}
.pro_introdution_container{ width: 95%; margin: auto; max-width: 1400px; padding: 30px 0; box-sizing: border-box; display: flex; justify-content: space-between;}
.pro_introdution .left { flex: 1;}
.introduction_title { display: flex; justify-content: space-between;  margin-bottom: 30px; padding:1em; background: #00000010;}
.introduction_title p { font-size: 26px; color: var(--style_color); padding-bottom: 5px; position: relative;}
.introduction_title p::after { content: 'Detailed Description'; position: absolute; left: 110%; width: max-content; top: 30%; font-size: 16px; color: #1d1d1f; text-transform: uppercase; opacity: 80%;}
.introduction_title a { display: block; font-size: 18px; color: #fff; width: 136px; line-height: 42px; background: #8fafca; text-align: center;}
.relevant_product { background: #fff; padding: 0 20px; box-sizing: border-box; flex: 0 1 20%;}
.relevant_text { color: #fff;  line-height: 32px; text-align: center; background: #c5c5c5; transition: 0.5s; height: 32px; overflow: hidden; padding: 0 10px;}
.relevant_content li:hover img { transform: scale(1.05); transition: 0.5s;}
.relevant_content li:hover .relevant_text { background: #2b3888; transition: 0.5s;}
.relevant_content li img { transition: 0.5s;}
.relevant_content li + li { margin-top: 10px;}
.relevant_photograph { overflow: hidden;}
.productshow_button { display: flex; justify-content: space-between;}
.productshow_button a { display: block; background: var(--style_color); padding: 10px; color: #fff;}
.dd ul { display: block !important;}
.dd h4:after { margin-bottom: 0 !important;}


::-webkit-scrollbar {width:0px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}

@media screen and (max-width: 1440px) {
    .product_show_container .right .productshow_dvi2 { padding: 10px 0; margin: 15px 0 30px;}
}
@media screen and (max-width: 1024px) {
    .pro_introdution { display: block; margin: 50px auto 0;}
    .relevant_product { margin-top: 50px; padding: 0;}
    .relevant_content ul { display: flex; justify-content: space-between;}
    .relevant_content li { flex: 0 1 32%;} 
    .relevant_content li + li { margin-top: 0;}
    .relevant_title { font-weight: bold; color: #2b3888;}
    .product_container .right div>span { font-size: 24px;}
    .product_show_container .right span { font-size: 36px;}
    .product_show_container .right .productshow_dvi1 { font-size: 30px;}
    .ljj { padding: 0 !important;}
    
}
@media screen and (max-width: 768px) {
    .product_container .right div>span { font-size: 22px;}
    .product_show_container .left { padding: 150px 0 0;}
    .product_show_container .right { padding: 150px 0% 0 30px;}
    .product_show_container .right a { padding: 10px 30px;}
    .product_show_container .right span { font-size: 28px;}
    .product_show_container .right .productshow_dvi1 { font-size: 26px;}
    .ljj h4 { font-size: 18px !important;}
    .ljj p { padding: 10px 0 !important;}
    .pro_introdution { margin: 0 auto;}
}
@media screen and (max-width: 700px) {
    .product_show_container { display: block; width: 95%; margin: auto;}
    .product_container .right div>span { font-size: 18px;}
    .relevant_content li:nth-of-type(n+3) { display: none;}
    .relevant_content li { flex: 0 1 49%;}
    .relevant_text { padding: 0 10px;}
    .product_show  { padding: 40px 0 50px;}
    .relevant_news ul { display: flex; flex-direction: column;}
    .relevant_news li { width: 100%;}
    .relevant_news li:nth-of-type(even) { padding-left: 0; margin-left: 0;}
    .newsshow_title { font-size: 22px;}
    .introduction_title p { font-size: 16px; padding: 5px;}
    .productshow_button a { padding: 5px;}
    .newsshow_title { font-size: 18px;}
    .newsshow_title p { font-size: 14px;}
    .product_show_container .left { padding: 70px 0 0 0; width: 80%}
    .product_show_container .right { padding: 0;}
    .product_show_container .right a { padding: 6px 25px}
    
}
/*基础配置*/


@font-face {
    font-family: Montserrat_Bold;
    src: url(../fonts/Montserrat-ExtraBold.ttf);
}
@font-face {
    font-family: 思源黑体CN_Light;
    src: url(../fonts/SOURCEHANSANSCN-LIGHT.ttf);
}
@font-face {
    font-family: Din;
    src: url(../fonts/DIN-Regular.otf);
}



/* nav */
.nav { position: fixed; top: 0; width: 100%; background: rgb(48,48,48,.75); z-index: 100;}
.index_body .nav { background: transparent;}
.nav_container { width: 95%; max-width: 1820px; margin: auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.nav_container .right { display: flex;}
.nav_container .right div ~ div { margin-left: 25px;}
.head_menu { display: flex; flex-direction: column; transition: 0.5s; cursor: pointer; justify-content: center;}
.head_menu span { display: block; background: #ffffff; height: 2px;}
.head_menu span + span { margin-top: 8px;}
.head_menu span:nth-of-type(1) { width: 15px;}
.head_menu span:nth-of-type(2) { width: 30px;}
.head_menu span:nth-of-type(3) { width: 15px; align-self: flex-end;}
.head_menu_list { position: fixed; right: -100%; height: 100vh; width: 450px; padding: 36px 0; box-sizing: border-box; background: rgba(0, 0, 0, 80%); z-index: 1001; transition: 0.5s;}
.head_menu_list>div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px; padding: 0 50px 0 60px;}
.menu_line span { display: block; width: 30px; height: 2px; background: #fff;}
.menu_line span + span { margin-top: 8px;}
.head_menu_list li { margin-bottom: 10px;}
.head_menu_list li a { padding: 20px 50px 20px 60px; transition: 0.5s; display: flex; justify-content: space-between; align-items: center;}
.head_menu_list .left div { font-weight: bold; color: #ffffff; transition: 0.5s;}
.head_menu_list .left p { font-size: 12px; color: #929292; margin-top: 5px; transition: 0.5s;}
.head_menu_list .right { position: relative;}
.head_menu_list .right img:nth-of-type(2) { position: absolute; top: 0; left: 0; opacity: 0;}
.head_menu_list li a:hover { background: #2d2d2db7;}
.head_menu_list li:hover .left div { color: #00b0b3;}
.head_menu_list li:hover .left p { color: #376667;}
.head_menu_list li:hover .right img:nth-of-type(1) { opacity: 0;}
.head_menu_list li:hover .right img:nth-of-type(2) { opacity: 1;}
.head_menu_list li.current { background: #2d2d2db7;}
.head_menu_list li.current .left div { color: #00b0b3;}
.head_menu_list li.current .left p { color: #376667;}
.head_menu_list li.current .right img:nth-of-type(1) { opacity: 0;}
.head_menu_list li.current .right img:nth-of-type(2) { opacity: 1;}
.cross { cursor: pointer;}
@media screen and (max-width: 768px) {
    .nav_container { padding: 20px 0;}
}
@media screen and (max-width: 700px) {
    .head_menu_list { width: 100vw;}
    .head_menu_list>div { margin-bottom: 40px;}
    .head_menu_list li a { padding: 15px 50px 15px 60px;}
}





/* index_a */
.index_a { width: 100%; position: relative; overflow: hidden;}
.banner_1 { height: 100vh; width: 100vw; background: #000;}
.index_video { width: 100%; object-fit: cover;}
.index_a .swiper-pagination { position: absolute; bottom: 5% !important; left: 50% !important; transform: translateX(-50%);}
.index_a .swiper-pagination-bullet { margin: 0 14px !important; opacity: 1 !important; background: #fff !important; transition: 0.8s; outline-offset: 4px; outline: 1px solid transparent;}
.index_a .swiper-pagination-bullet-active { background: #fe9901 !important; outline: 1px solid #fe9901;}
.guide_slide { position: absolute; left: 50%; bottom: 2%; transform: translateX(-50%); z-index: 100; display: flex; flex-direction: column; align-items: center;}
.mouse { animation: jump 2s infinite alternate;}
@keyframes jump {
    0% { transform: translateY(-30px);}
    100% { transform: translateY(-10px);}
}
@media screen and (max-width: 700px) {
    .mouse { width: 20px;}
    .index_a li { display: flex; align-items: center;}
    video { height: auto;}
}


/* index_b */
.index_b { width: 100vw; height: 100vh; background: url(../images/background_b.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.b_container { width: 95%; margin: auto; max-width: 1400px; padding: 160px 0 0 0; overflow: hidden; box-sizing: border-box; position: relative;}
.b_container .item_left { padding-top: 120px;}
.b_container ul li { display: flex; justify-content: space-between;}
.b_div1 { font-size: 30px; color: #00b0b3;}
.b_div1 span { font-size: 36px; color:var(--style_color); font-family: Din;}
.b_div2 { font-size: 50px; font-family: 思源黑体CN_Light; color: #ffffff;}
.b_div4 { font-size: 18px; line-height: 36px; color: #dbdbdb; margin: 36px 0;}
.item_left a { display: flex; align-items: center; color: #e1e1e1;}
.item_left a img { margin-right: 6px;}
.item_left a:hover { text-decoration: underline;}
.index_b .swiper-wrapper { height: auto !important;}
.item_right {  display: flex;}
.button_b { position: absolute; bottom: 1% !important; left:0%; z-index: 100; display: flex; align-items: center;}
.button_b .swiper-pagination-b { margin: 0 60px;}
.button_b .swiper-pagination { position: absolute; bottom: 1% !important; left: 0% !important;}
.button_b .swiper-pagination-bullet { margin: 0 14px !important; opacity: 1 !important; background: #fff !important; transition: 0.8s; outline-offset: 4px; outline: 1px solid transparent;}
.button_b .swiper-pagination-bullet-active { background: #00b0b3 !important; outline: 1px solid #00b0b3;}
.swiper-button-prev-b { cursor: pointer;}
.swiper-button-next-b { cursor: pointer;}
@media screen and (max-width: 1440px) {
    .b_container { padding: 12vh 0 0 0}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
    .b_container { padding: 28vh 0 0 0;}
    .b_container .item_left { padding-top: 60px;}
    .b_container .item_left { flex: 0 1 60%;}
    .item_right { padding-right: 0;}
    .b_div4 br { display: none;}
    .b_div2 { font-size: 32px;}
}
@media screen and (max-width: 768px) {
    .b_div2 { font-size: 30px;}
    .b_container .item_right { flex: 0 1 50%;}
    .b_container .item_left { padding-top: 30px;}
    .button_b { left: 50%; transform: translateX(-50%);}
}
@media screen and (max-width: 700px) {
    .b_container { overflow: visible;}
    .nav_container .left { flex: 0 1 45%;}
    .nav_container .right { flex: 0 1 36%;}
    .b_div1 { font-size: 24px;}
    .b_div1 span { font-size: 28px;}
    .b_div2 { font-size: 20px;}
    .b_div4 { font-size: 16px; margin: 12px 0; line-height: 32px;}
    .b_container { padding: 10vh 0 0 0;}
    .b_container ul li { flex-direction: column; transition: 0.5s;}
    .b_container .item_left { margin-bottom: 20px;}
    .button_b { bottom: -7% !important; width: 70%;}
    .button_b .swiper-pagination-b { width: max-content !important; margin: auto;}
    .item_left a { display: none;}
    .b_container li.swiper-slide { opacity: 0;}
    .b_container li.swiper-slide-active { opacity: 1;}
    .b_div2 strong { margin-right: 5px;}
}




/* index_c */
.index_c { overflow: hidden;}
.c_div1 { width: 100vw; height: 100vh; background: url(../images/background_c1.jpg) center no-repeat; background-size: cover; position: relative;}
.c_div1 ul { position: absolute; right: 14%; top: 24%; display: flex; flex-wrap: wrap; padding: 45px 21px 20px 50px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px; background: rgba(255, 255, 255, 0.2); width: 25%;}
.c_div1 ul li { flex: 0 1 50%; margin-bottom: 30px;}
.c_div1 li p { font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0 10px;}
.c_div1 li span { color: #bdbdbd;}
.c_div2 { width: 100vw; height: 100vh; background: url(../images/background_c2.jpg) center no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center;}
.c_div2 ul { width: 95%; max-width: 1400px; padding: 0 100px; box-sizing: border-box; display: flex; justify-content: space-between; text-align: center;}
.c_div2 li div { font-size: 30px; font-family: 站酷高端黑; color: #00c0c3;}
.c_div2 li p { font-size: 26px; font-weight: bold; color: #ffffff; margin: 20px 0 5px;}
.c_div2 li span { font-size: 18px; color: #dbdbdb;}
.c_div3 { width: 100vw; height: 100vh; background: url(../images/background_c3.jpg) center no-repeat; background-size: cover; position: relative;}
.c_div3 div { text-align: center; font-size: 24px; color: #ffffff;}
.c_div3 div:nth-of-type(n+5) { display: flex; align-items: center;}
.c_div3 div:nth-of-type(1) { position: absolute; top: 60%; left: 30%;}
.c_div3 div:nth-of-type(2) { position: absolute; top: 23%; left: 38%;}
.c_div3 div:nth-of-type(3) { position: absolute; top: 60%; left: 38%;}
.c_div3 div:nth-of-type(4) { position: absolute; top: 45%; left: 51%;}
.c_div3 div:nth-of-type(5) { position: absolute; top: 63%; left: 60%;}
.c_div3 div:nth-of-type(6) { position: absolute; top: 75%; left: 64%;}
.c_div3 div:nth-of-type(7) { position: absolute; top: 34%; left: 64%;}
.c_nav { width: 95%; max-width: 1400px; bottom: 5%; left: 50%; transform: translateX(-50%); position: absolute; z-index: 100;}
.c_nav_bottom { display: flex; justify-content: space-between; align-items: center;}
.c_nav_bottom>div:nth-of-type(2) { display: flex;}
.c_nav_bottom>div:nth-of-type(2) div { margin: 0 16px;}
.swiper-pagination-c { font-size: 14px; color: #fff}
.swiper-pagination-c .swiper-pagination-current { font-size: 24px; color: #00b0b3; font-family: Montserrat_Regular;}
.swiper-button-prev-c { cursor: pointer;}
.swiper-button-next-c { cursor: pointer;}
.swiper-scrollbar-c { height: 1px; background: #7e9393; margin-bottom: 20px;}
.swiper-scrollbar-c .swiper-scrollbar-drag { height: 3px; background: #00b0b3; position: relative; top: -1px;}
@media screen and (max-width: 1440px) {
    .c_div1 ul { width: 33%;}
}
@media screen and (max-width: 1280px) {
    .c_div1 ul { width: 35%;}
}
@media screen and (max-width: 1024px) {
    .c_div1 ul { width: 45%; top: 30%;}
    .c_nav { bottom: 10%;}
}
@media screen and (max-width: 768px) {
    .c_div1 ul { width: 67%;}
    .c_div2 ul { padding: 0 50px;}
    .c_div2 li p { font-size: 24px;}
    .c_div3 div { font-size: 20px;}
    .c_div3 div:nth-of-type(1) { left: 13%;}
}
@media screen and (max-width: 700px) {
    .c_div1 li span { color: #fff;}
    .c_div1 { background: url(../images/c1.jpg) center no-repeat;background-size: cover;}
    .c_div2 { background: url(../images/c2.jpg) center no-repeat;background-size: cover;}
    .c_div3 { background: url(../images/c3.jpg) center no-repeat;background-size: cover; background-position-y: 75%}
    .c_div3 div { display: none !important;}
    .c_div1 ul { right: 50%; transform: translateX(50%); width: 75%; top: 20%; padding: 30px 20px 20px 20px; display: none;}
    .c_div1 li p { font-size: 16px;}
    .c_div2 ul { flex-direction: column; height: 70%; justify-content: space-around; display: none;}
    .c_div2 ul li { margin-bottom: 20px;}
    .c_div2 ul li:nth-of-type(1) { order: 2;}
    .c_div2 ul li:nth-of-type(2) { order: 3;}
    .c_div2 ul li:nth-of-type(3) { order: 1;}
    .c_div2 li p { margin: 10px 0 5px;}
    .c_div3 div { font-size: 16px;}
    .c_div3 div:nth-of-type(3) { top: 45%; left: 2%;}
    .c_nav_bottom>div:nth-of-type(2) div img { max-width: none;}
    .c_div3 div:nth-of-type(1) { top: 67%;}
    .c_div3 div:nth-of-type(2) { top: 25%; left: 0%;}
    .c_div3 div:nth-of-type(3) { top: 57%;}
    .c_div3 div:nth-of-type(5) { top: 60%; left: 60%; flex-direction: column;}
    .c_div3 div:nth-of-type(6) { top: 75%; left: 68%; flex-direction: column;}
    .c_div3 div:nth-of-type(7) { top: 32%; flex-direction: column;}
    .c_nav { bottom: 5%;}
}





/* index_f */
.index_f { width: 100vw; height: 100vh; background: url(../images/background_h.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.f_container { width: 95%; margin: auto; max-width: 1400px; padding: 20px 0 0 0; overflow: hidden;}
.f_container .item_top { text-align: center; margin-bottom: 25px;}
.f_container .item_top h3 { font-size: 120px; color: #d6e8e8; font-family: FranklinGothic; opacity: 50%;}
.f_container .item_top p { font-size: 30px; color: #2f2f2f; font-weight: bold; margin-top: -65px;}
.f_container .item_bottom li:hover .index_case_img img { transform: scale(1.05);}
.index_case_img { overflow: hidden;}
.f_container .item_bottom li p { font-size: 20px; margin-top: 20px; color: #535353; text-align: center;}
.f_nav { display: flex; justify-content: space-between;}
.f_nav div {  cursor: pointer;}
.swiper-button-prev-f img { margin-right: 28px; position: relative; top: -3px;}
.swiper-button-next-f img { margin-left: 28px; position: relative; top: -3px;}
.f_container .swiper-wrapper { height: auto !important;}
@media screen and (max-width: 1440px) {
    .index_case_img { height: 500px !important; display: flex;}
}
@media screen and (max-width: 1024px) {
    .index_case_img { height: auto !important;}
    .f_container { padding: 20vh 0 0 0;}
}
@media screen and (max-width: 768px) {
    .f_container .item_top h3 { font-size: 100px;}
}
@media screen and (max-width: 700px) {
    .f_container { padding: 10vh 0 0 0;}
    .f_container .item_top h3 { font-size: 60px;}
    .f_container .item_top p { font-size: 20px; margin-top: -35px;}
    .f_container .item_bottom li p { font-size: 16px;}
    .swiper-button-prev-f img { margin-right: 15px; top: 0;}
    .swiper-button-next-f img { margin-left: 15px; top: 0;}
    .f_nav { margin-top: 20px; font-size: 14px;}
    .f_nav span { display: none;}
}




/* index_g */
.index_g { width: 100vw; height: 100vh; background: url(../images/background_g.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.g_container { width: 95%; margin: auto; max-width: 1400px; padding: 150px 0 0 0;}
.g_width { width: 50%;}
.g_div1 { font-size: 120px; font-family: FranklinGothic; color: #f7f7f7; opacity: 8%; text-transform: uppercase; font-weight: bold;}
.g_div2 { font-size: 30px; color: var(--style_color);}
.g_div3 { font-size: 50px; color: #ffffff; font-family: 思源黑体CN_Light;}
.g_div4 { width: 49px; height: 1px; background: var(--style_color); margin: 40px 0;}
.g_div5 p { color: #c9c9c9; line-height: 30px; margin-bottom: 20px;}
.g_width a { display: flex; align-items: center; color: #ffffff; margin-top: 40px;}
.g_width a img { margin-right: 6px;}
.g_width a:hover { text-decoration: underline;}
@media screen and (max-width: 1024px) {
    .g_container { padding: 26vh 0 0 0;}
}
@media screen and (max-width: 768px) {
    .g_container { padding: 20vh 0 0 0;}
    .g_width { width: 60%;}
    .g_div1 { font-size: 80px;}
    .g_div3 { font-size: 40px;}
}
@media screen and (max-width: 700px) {
    .index_g { display: flex; align-items: center; justify-content: center;}
    .g_container { padding: 0 0 0 0; margin: 0;}
    .g_width { width: 100%;}
    .g_div1 { font-size: 40px; display: none;}
    .g_div2 { font-size: 24px;}
    .g_div3 { font-size: 20px;}
    .g_div4 { margin: 20px 0;}
    .g_width a { margin-top: 20px;}
    .g_div5 p { color: #fff;}
    .index_g { background-position-x: 3%;}
}







/* index_h */
.index_h { width: 100vw; height: 100vh; background: url(../images/background_h.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.h_container { width: 95%; margin: auto; max-width: 1400px; padding: 150px 0 0 0;}
.h_container .item_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px;}
.h_container .item_top span { font-size: 36px; color: #2a2a2a !important; line-height: 1.5; font-family: Montserrat_Bold;}
.h_container .item_top p { font-size: 26px; color: #00b0b3; font-weight: bold; display: flex; align-items: center;}
.h_container .item_top p img { margin-right: 23px;}
.item_top ul { display: flex;}
.item_top li a { color: #515151; display: inline-block; padding: 10px 24px; border: 2px solid transparent; transition: 0.8s;}
.item_top li.on a { border-color:  #00b0b3;}
.h_container .item_bottom ul { display: flex; justify-content: space-between;}
.h_container .item_bottom li { flex: 0 1 31%;}
.index_news_img { overflow: hidden;}
.h_container .item_bottom li:hover .index_news_img img { transform: scale(1.05);}
.h_container .item_bottom .h_layout { padding: 40px 50px 0 0; box-sizing: border-box;}
.index_news_title { font-size: 24px; line-height: 36px; height: 36px; overflow: hidden; color: #343434;}
.index_news_date { font-size: 18px; color: #5c5c5c; margin: 12px 0 15px;}
.index_news_content { line-height: 32px; height: 96px; overflow: hidden; color: #7e7e7e;}
@media screen and (max-width: 1440px) {
    .index_news_img { display: flex; align-content: center; justify-content: center; height: 240px;}
    .index_news_img img { width: 100%;}
    .index_news_content { height: 64px;}
}
@media screen and (max-width: 1024px) {
    .index_news_img { display: flex; align-content: center; justify-content: center; height: auto;}
    .index_news_img img { width: 100%;}
    .h_container { padding: 25vh 0 0 0;}
    .index_news_content { height: 96px;}
}
@media screen and (max-width: 768px) {
    .h_container .item_bottom .h_layout { padding: 30px 10px 0 0;}
    .index_news_title { font-size: 18px;}
    .index_news_date { font-size: 14px; margin: 3px 0 15px;}
}
@media screen and (max-width: 700px) {
    .index_h { display: flex; justify-content: center; align-items: center;}
    .h_container { padding: 0; margin: 0;}
    .h_container .item_top span { font-size: 16px;}
    .h_container .item_top p { font-size: 16px;}
    .item_top li a { padding: 3px;}
    .h_container .item_bottom ul li:last-child { display: none;}
    .h_container .item_bottom ul li { flex: 0 1 48%; margin-bottom: 20px;}
    .h_container .item_bottom .h_layout { padding: 10px 0 0 0;}
    .h_container .item_top { margin-bottom: 50px;}
    .h_container .item_top p img { margin-right: 15px;}
    .index_news_content { height: 64px;}
}





/* index_i */
.index_i { width: 100vw; height: 100vh; background: url(../images/background_i.jpg) center; overflow: hidden;}
.i_container { width: 95%; height: 100%; margin: auto; max-width: 1400px; padding: 140px 0 0 0; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.i_container .top { margin-bottom: 20px;}
.i_container .module_div1 { font-size: 120px; font-family: FranklinGothic; color: #fff; opacity: 8%; text-align: center;}
.i_container .module_div2 { font-size: 36px; color: #46c1c3; margin: -15px 0 0 0; text-align: center; position: relative;}
.i_container .module_div2::after { content: ''; position: absolute; top: 20%; right: 43%; width: 10px; height: 10px; background: transparent; border-radius: 50%; border: 2px solid #46c1c3; box-sizing: border-box;}
.i_container .middle ul { display: flex; justify-content: space-between; padding: 0 150px; text-align: center;}
.i_container .middle .footer_div1 { width: 158px; height: 158px; border-radius: 50%; border: 1px solid #46c1c3; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.548); margin: auto;}
.i_container .middle li { flex: 0 1 25%;}
.i_container .middle li span { font-size: 24px; line-height: 36px; color: #46c1c3; margin: 30px 0 20px; display: block;}
.i_container .middle li p { line-height: 30px; color: #d9d9d9;}
.i_container .bottom { display: flex; justify-content: space-between; padding: 30px 0; color: #747474;}
.i_container .bottom a { color: #747474;}
.i_container .bottom a:hover { color: #fff;}
.i_div1 { width: 158px; height: 158px; border-radius: 50%; border: 1px solid #46c1c3; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: rgba(255, 255, 255, 0.05); margin: auto;}
@media screen and (max-width: 1440px) {
    .i_container { padding: 15vh 0 0 0;}
    .i_container .module_div1 { font-size: 90px;}
    .i_container .module_div2 { font-size: 28px;}
    .i_div1 { width: 120px; height: 120px;}
    .i_container .middle li span { margin: 10px 0;}
}
@media screen and (max-width: 1280px) {
    .i_container .middle ul { padding: 0;}
}
@media screen and (max-width: 1024px) {
    .i_container .module_div1 { font-size: 120px;}
    .i_container .module_div2 { font-size: 32px;}
    .i_div1 { width: 150px; height: 150px;}
    .i_container .middle li span { margin: 15px 0;}
    .i_container .bottom span { display: none;}
}
@media screen and (max-width: 768px) {
    .i_container .module_div1 { font-size: 100px;}
    .i_container .module_div2::after { right: 38%;}
    .i_container .module_div2 { font-size: 30px;}
    .i_container .middle ul { flex-wrap: wrap;}
    .i_container .middle ul li { flex: 0 1 33.3%; margin-bottom: 20px;}
    .i_container .middle li span { margin: 15px 0;}
}
@media screen and (max-width: 700px) {
    .i_container { padding: 10vh 0 0 0;}
    .i_container .module_div1 { font-size: 50px;}
    .i_container .module_div2 { font-size: 22px;}
    .i_container .module_div2::after { right: 32%;}
    .i_container .middle ul li { flex: 0 1 50%;}
    .i_div1 { width: 65px; height: 65px;}
    .i_div1 img { max-width: 40%;}
    .i_container .middle ul li:last-child .i_div1 img { max-width: 30%;}
    .i_container .middle li span { margin: 8px 0; font-size: 18px;}
    .i_container .bottom { display: block; padding: 15px 0;}
    .i_container .bottom div { display: inline;}
}






/* contact */
.contact_banner { height: 700px; width: 100%; background: url(../images/contact.jpg) center no-repeat; background-size: cover; position: relative;}
.contact_banner .banner_div1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.contact_banner .banner_div1 div { font-size: 48px; color: var(--style_color);}
.contact_banner .banner_div1 p { font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: 12px; margin: 12px 0;}
.contact_banner .contact_list { height: 50px; line-height: 50px;}
.contact_banner .contact_list ul { display: flex; justify-content: center;}
.contact_banner .contact_list li { padding: 0 32px; position: relative;}
.contact_banner .contact_list li + li::after { content: ''; position: absolute; background: #8193ae; width: 1px; height: 10px; top: 50%; left: 0; transform: translateY(-50%);}
.contact_banner .contact_list a { display: block; font-size: 20px; color: #fff; position: relative;}
.contact_banner .contact_list a:hover { color: var(--style_color);}
.contact_banner .contact_list a:hover::after { content: ''; position: absolute; bottom: 0; background: var(--style_color); height: 3px; width: 100%; left: 0;}
.contact_banner .contact_list li.current a { color: var(--style_color);}
.contact_banner .contact_list li.current a::after { content: ''; position: absolute; bottom: 0; background: var(--style_color); height: 3px; width: 100%; left: 0;}
.contact_banner .contact_list .contact_style a { color: var(--style_color);}
.contact_banner .contact_list .contact_style a::after { content: ''; position: absolute; bottom: 0; background: var(--style_color); height: 3px; width: 100%; left: 0;}
.contact_container { width: 95%; margin: auto; max-width: 1400px; padding: 60px 0;}
.contact_container .item_top div { font-size: 48px; color: #e5e5e5;}
.contact_container .item_top p { font-size: 36px; color: var(--style_color); margin: -30px 0 5px;}
.contact_container .item_top span { color: #7d7d7d;}
.contact_container .item_middle { margin: 50px 0;}
.contact_container .item_middle ul { display: flex; flex-wrap: wrap; padding: 0 20px; box-sizing: border-box;}
.contact_container .item_middle li { flex: 0 1 25%; padding-left: 50px; background: url(../images/contact_icon1.png) center left no-repeat; box-sizing: border-box;}
.contact_container .item_middle li:last-child { flex: 0 1 50%; background: url(../images/contact_icon2.png) center left no-repeat;}
.contact_container .item_middle li div { font-size: 14px; color: #808080;}
.contact_container .item_middle li p { font-size: 28px; color: #484848;}
.contact_container .item_bottom { display: flex; justify-content: space-between; background: #f3f3f3; padding: 32px 39px; box-sizing: border-box; border-radius: 20px;}
.contact_container .item_bottom>div { flex: 1;}
.contact_div1 { font-size: 26px; color: #000; margin-bottom: 5px;}
.contact_container .item_bottom ul { display: flex; flex-wrap: wrap;}
.contact_container .item_bottom li { flex: 0 1 50%; padding-left: 50px; background: url(../images/contact_icon1.png) center left no-repeat; box-sizing: border-box;}
.contact_container .item_bottom li:last-child { background: url(../images/contact_icon3.png) center left no-repeat;}
.contact_container .item_bottom li div { font-size: 14px; color: #808080;}
.contact_container .item_bottom li p { font-size: 28px; color: #484848;}
@media screen and (max-width: 1280px) {
    .contact_container .item_middle li p { font-size: 24px;}
    .contact_container .item_bottom li p { font-size: 24px;}
}
@media screen and (max-width: 1024px) {
    .contact_container .item_middle li p { font-size: 22px;}
    .contact_container .item_bottom li p { font-size: 24px;}
    .contact_container .item_bottom { display: block;}
    .contact_container .item_bottom>div { margin-bottom: 20px;}
    .contact_container .item_top p { font-size: 32px;}
}
@media screen and (max-width: 768px) {
    .contact_container .item_top p { font-size: 26px;}
    .contact_container .item_middle li { flex: 0 1 50%; margin-bottom: 20px;}
    .contact_container .item_middle li:last-child { flex: 0 1 100%;}
    .contact_container .item_middle { margin: 30px 0;}
    .contact_container .item_middle li p { font-size: 20px;}
    .contact_div1 { font-size: 22px;}
    #dituContent { height: 350px !important;}
    .contact_container .item_top div { font-size: 42px;}
}
@media screen and (max-width: 700px) {
    .contact_container { padding: 40px 0 50px;}
    .contact_container .item_top p { font-size: 20px; white-space: nowrap; margin: -20px 0 5px;}
    .contact_container .item_top div { font-size: 32px;}
    .contact_container .item_middle li { flex: 0 1 100%;}
    .contact_container .item_middle li p { font-size: 18px;}
    .contact_container .item_middle li:last-child p { font-size: 16px; white-space: nowrap;}
    .contact_container .item_bottom { padding: 20px 20px 1px;}
    .contact_container .item_bottom li { flex: 0 1 100%; margin-bottom: 10px;}
    .contact_container .item_bottom li p { font-size: 18px;}
    .contact_div1 { font-size: 18px;}
    #dituContent { height: 240px !important;}
    .contact_banner .contact_list { line-height: 30px; height: 30px;}
}





/* about */
.about_banner { height: 700px; width: 100%; background: url(../images/about.jpg) center no-repeat; background-size: cover; position: relative;}
.about { width: 100%; overflow: hidden;}
.about_container { width: 95%; margin: auto; max-width: 1400px; padding: 60px 0 100px;}
.about_div1 { font-size: 40px; color: var(--style_color);}
.about_div2 { font-size: 36px; color: #000000; font-family: Myriad Pro; text-transform: uppercase; margin: -10px 0 40px;}
.about_div3 { display: flex; justify-content: space-between;}
.about_div3 p { color: #414141; line-height: 30px; margin-bottom: 20px;}
.about_div3>div { width: 49.5%;}
.about_p { font-weight: bold;}
.about_container .item_middle { padding: 0 40px; box-sizing: border-box; margin: 30px 0 -44px; position: relative;}
.about_container .item_middle ul { background: #1e2c3e; padding: 65px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.about_container .item_middle li { flex: 0 1 25%; position: relative; font-size: 20px; color: #fff; text-align: center;}
.about_container .item_middle li span { font-size: 70px; color: var(--style_color);}
.about_container .item_middle li p { font-size: 18px;}
.about_container .item_middle li::after { content: "/"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--style_color);}
.about_container .item_middle li:last-child::after { display: none;}
@media screen and (max-width: 1440px) {
    .contact_banner { height: 450px !important;}
}
@media screen and (max-width: 1366px) {
    .about_div3 { display: block;}
    .about_div3>div { width: 100%;}
}
@media screen and (max-width: 1024px) {
    .contact_banner { height: 400px !important;}
    .contact_banner .banner_div1 div { font-size: 32px;}
    .contact_banner .banner_div1 p { margin: 6px 0;}
    .nav_container { padding: 15px 0;}
    .contact_banner .contact_list a { font-size: 18px;}
    .about_container .item_middle li span { font-size: 50px;}
    .about_container .item_middle ul { padding: 40px 0;}
}
@media screen and (max-width: 768px) {
    .contact_banner { height: 350px !important;}
    .about_container { padding: 60px 0 80px;}
    .about_div1 { font-size: 32px;}
    .about_div2 { font-size: 32px; margin: -10px 0 20px;}
    .about_div3 p { margin-bottom: 15px;}
    .about_container .item_middle ul { padding: 30px 0;}
    .about_container .item_middle li span { font-size: 36px;}
    .about_container .item_middle li { font-size: 16px;}
}
@media screen and (max-width: 700px) {
    .contact_banner { height: 260px !important;}
    .contact_banner .banner_div1 div { font-size: 22px;}
    .contact_banner .banner_div1 p { letter-spacing: 5px; font-size: 16px;}
    .contact_banner .contact_list li { padding: 0 12px;}
    .contact_banner .contact_list a { font-size: 16px;}
    .about_container { padding: 40px 0 50px;}
    .about_div1 { font-size: 22px;}
    .about_div2 { font-size: 22px; margin: 0 0 10px;}
    .about_container .item_middle ul { padding: 20px 0 0;}
    .about_container .item_middle li { flex: 0 1 50%; font-size: 12px; margin-bottom: 20px;}
    .about_container .item_middle li span { font-size: 30px;}
    .about_container .item_middle { padding: 0; margin: 20px 0 30px;}
    .about_container .item_middle li:nth-of-type(2)::after { display: none;}
    .about_container .item_middle li p { font-size: 15px;}
}




/* case */
.case_banner { height: 501px; width: 100%; background: url(../images/case.jpg) center no-repeat; background-size: cover; position: relative;}
.case_div1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.case_div1 div { font-size: 48px; color: var(--style_color);}
.case_div1 p { font-size: 18px; font-family: Myriad Pro_Regular; color: #ffffff; text-transform: uppercase; letter-spacing: 10px;}
.case { width: 100%; background: #f3f3f3;}
.case_container { width: 95%; margin: auto; max-width: 1400px; padding: 68px 0;}
.case_container li { float: left; width: 31%; margin: 0 1%; background: #fff; margin-bottom: 42px; position: relative; transition: 0.8s;}
.case_photograph { overflow: hidden;}
.case_name { display: flex; justify-content: space-between; padding: 27px 17px; box-sizing: border-box; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 3px solid transparent; transition: 0.8s;}
.case_name p { color: #000; font-size: 18px;}
.case_name div { display: flex; align-items: center; color: #42c4c7;}
.case_name div img { margin-left: 7px;}
.case_container li:hover::after { content: url(../images/case_search.png); position: absolute; top: 1%; left: 1%;}
.case_container li:hover .case_photograph img { transform: scale(1.05);}
.case_container li:hover .case_name { border-bottom: 3px solid var(--style_color);}
.case_container li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 768px) {
    .case_name { padding: 8px 12px;}
    .case_name p { font-size: 16px;}
    .case_container { padding: 50px 0 60px;}
}
@media screen and (max-width: 700px) {
    .case_container li { width: 48%; margin-bottom: 30px;}
    .case_name p { font-size: 14px;}
    .case_name div { font-size: 14px;}
}





/* product */
.product_banner { height: 700px; width: 100%; background: url(../images/product.jpg) center no-repeat; background-size: cover; position: relative;}
.product { padding: 90px 0 50px; background: linear-gradient(to bottom, #fff 0px, #fff 80px, #f0f0f0 80px, #f0f0f0 97%, #fff 97%, #fff 100%);}
.product_container { width: 95%; max-width: 1400px; margin: auto; position: relative; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start;}
.product_fixed { position: sticky; left: 0; top: 20%; flex: 0 1 20%; z-index:11; }
.product_fixed div { font-size: 36px; color: var(--style_color); margin-bottom: 10px;}
.product_fixed .list_more { width: 35px; line-height: 35px; color: #fff; font-size: 30px; background: var(--style_color); text-align: center;}
.product_container ul { flex: 0 1 80%;}
.product_container li a { display: flex; align-items: flex-end;}
.product_container li { position: relative; z-index: 10; padding-bottom: 5%;}
.product_container li::after { content: ''; position: absolute; left: -50%; bottom: 0; width: 175%; height: 5%; background: #fff; z-index: -1;}
.product_layout { margin-left: 16px;}
.product_name { font-size: 48px; color: var(--style_color); font-family: Myriad Pro_Regular;}
.product_layout span { display: block; margin-top: 100px; font-size: 150px; color: #000; font-weight: bold; opacity: 10%;}
.product_layout p { margin-top: 1em; font-size: 1.75rem; color: #202020; }
.product_layout strong { display: block; line-height:1.5; font-size: 2.5rem; color: #000; font-weight: bold; opacity: 90%;}
.product_photographh {background:rgba(0, 0, 0, 0.05) url(pic/bgm.jpg) repeat center;}
@media screen and (max-width: 1440px) {
    .product_layout span { font-size: 120px;}
    .product_photograph { text-align: center;}
    .product_photograph img { max-width: 80%;}
}
@media screen and (max-width: 1280px) {
    .product_layout span { font-size: 100px; margin-top: 30px;}
    .product_photograph { flex: 0 1 70%;}
}
@media screen and (max-width: 1024px) {
    .product_layout { margin-left: 0;}
    .product_fixed div { font-size: 28px;}
    .product_name { font-size: 32px;}
    .product_layout strong { font-size: 28px;}
    .product_layout p { font-size: 24px;}
    .product_layout span { font-size: 80px;}
    .product { padding: 80px 0 50px;}
}
@media screen and (max-width: 768px) {
    .contact_banner .banner_div1 { top: 55%;}
    .product_fixed .list_more { width: 28px; line-height: 28px; height: 28px; font-size: 24px;}
    .product_fixed div { font-size: 24px;}
    .product { padding: 55px 0; background: linear-gradient(to bottom, #fff 0px, #fff 50px, #f0f0f0 50px, #f0f0f0 95%, #fff 95%, #fff 100%);}
    .product_name { font-size: 28px;}
    .product_layout strong { font-size: 22px;}
    .product_layout p { font-size: 22px;}
    .product_layout span { font-size: 60px;}
    .product_layout p { margin-top: 0;}
    .product_fixed { flex: 0 1 18%;}
    .product_container ul { flex: 0 1 82%;}
    .product_photograph { flex: 0 1 68%;}
}
@media screen and (max-width: 700px) {
    .product { padding: 45px 0 50px; background: linear-gradient(to bottom, #fff 0px, #fff 40px, #f0f0f0 40px, #f0f0f0 95%, #fff 95%, #fff 100%);}
    .product_fixed { display: none;}
    .product_container li a { display: block;}
    .product_container { display: block;}
    .product_layout { text-align: center; margin-top: 10px;}
    .product_name { font-size: 20px;}
    .product_layout p { font-size: 16px;}
    .product_layout strong { font-size: 16px;}
    .product_layout span { display: none;}
    .product_container li { padding-bottom: 0; padding: 2% 0 10%;}
    .product { padding: 45px 0 40px; background: linear-gradient(to bottom, #fff 0px, #fff 40px, #f0f0f0 40px, #f0f0f0 96.5%, #fff 96.5%, #fff 100%);}
}






/* news */
.news_banner { height: 700px; width: 100%; background: url(../images/news.jpg) center no-repeat; background-size: cover; position: relative;}
.news { background: #f3f3f3;}
.news_container {width: 95%; margin: auto; max-width: 1366px; padding: 60px 0;}
.news_container li { float: left; width: 31%; margin: 0 1%; margin-bottom: 25px; position: relative; overflow: hidden; padding-bottom: 140px; background: #fff; transition: 0.8s; box-sizing: border-box;}
.news_layout1 { padding: 30px 20px; height: 100%; box-sizing: border-box;  position: absolute; top: 100%; margin-top: -140px; transition: 0.8s}
.news_date { font-size: 12px; line-height: 30px; color: #222222;}
.news_title { font-size: 20px; line-height: 1.5; height: 60px; overflow: hidden; color: #222222; font-weight: bold;}
.news_content { font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #444; margin: 40px 0 50px;}
.news_more { display: flex; align-items: center; font-size: 14px; color: #444444;}
.news_more img { margin-right: 15px;}
.news_container li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.news_container li:hover .news_photograph { transform: translateY(-100%); transition: 0.8s;}
.news_container li:hover .news_layout1 { transform: translateY(-60%); transition: 0.8s;}
.news_photograph { transition: 0.8s;}
.news_container li:nth-of-type(n+4) { width: 100%; padding: 30px;}
.news_container li:nth-of-type(n+4) a { display: flex;}
.news_container li:nth-of-type(n+4) .news_layout1 { position: static; margin: 0; flex: 0 1 70%; padding: 10px 20px; display: flex; flex-direction: column; justify-content: space-between; height: auto;}
.news_container li:nth-of-type(n+4):hover .news_photograph, .news_container li:nth-of-type(n+4):hover .news_layout1 { transform: none;}
.news_container li:nth-of-type(n+4) .news_photograph { flex: 1;}
.news_container li:nth-of-type(n+4) .news_content { margin: 0;}
@media screen and (max-width: 1024px) {
    .news_container li:nth-of-type(n+4) .news_layout1 { flex: 0 1 50%;}
    .news_more img { width: 30px;}
}
@media screen and (max-width: 768px) {
    .news_title { font-size: 16px; height: 48px;}
    .news_more img { width: 20px;}
}
@media screen and (max-width: 700px) {
    .news_container { padding: 40px 0 50px;}
    .news_container li { width: 98%; padding-bottom: 80px;}
    .news_title { font-size: 18px; height: 26px;}
    .news_container li:nth-of-type(n+4) { padding: 0;}
    .news_container li:nth-of-type(n+4) a { display: block;}
    .news_container li:nth-of-type(n+4) .news_content{ margin: 10px 0 15px;}
    .news_container li:nth-of-type(n+4) .news_layout1 { padding: 10px 15px 20px;}
    .news_layout1 { margin-top: -102px;}
}







/* footer */
.footer { background: rgb(25,25,25,.9) url(../images/background_foter.jpg) no-repeat center; background-size: cover;}
.footer .top { max-width: 1400px; margin: auto; width: 95%; padding: 100px 0 80px; display: flex; justify-content: space-between;}
.footer_information { display: flex; justify-content: space-between; color: #fff; flex: 0 1 40%;}
.footer_information>div:nth-of-type(1) p { display: flex; line-height: 30px; align-items: center; margin-top: 10px;}
.footer_information span { display: block; margin-left: 24px;}
.footer_div1 { color: var(--style_color); font-weight: bold; font-size: 36px; padding-bottom: 15px; border-bottom: 1px dashed #a6a6a6;}
.footer_information>div:nth-of-type(1) p:last-child { padding-left: 3px;}
.footer_scan { border: 3px solid #717171; padding: 10px; height: max-content;}
.footer_scan p { margin-top: 10px; text-align: center;}
.footer_list { flex: 0 1 50%; display: flex; justify-content: space-between;}
.footer_list p { font-size: 18px; font-weight: bold; color: #ffffff;}
.footer_list a { font-size: 15px; color: #bebebe;}
.footer_list li { margin-top: 20px;}
.footer_list a:hover { color: #fff;}
.footer .bottom { font-size: 14px; color: #bebebe; padding: 30px 0; border-top: 1px solid #575654;}
.footer .bottom>div { max-width: 1400px; width: 95%; margin: auto; display: flex; justify-content: space-between;}
.footer .bottom div:nth-of-type(2) { font-size: 15px;}
.footer .bottom div:nth-of-type(2) a { color: #bebebe;}
.footer .bottom div:nth-of-type(2) a:hover { color: #fff; font-weight: bold;}
@media screen and (max-width: 1280px) {
    .footer_list { flex: 0 1 40%;}
    .footer_information { flex: 0 1 45%;}
}
@media screen and (max-width: 1024px) {
    .footer .top { padding: 50px 0 70px;}
    .footer_list { flex: 0 1 36%;}
    .footer_information { flex: 0 1 55%;}
    .footer_scan p { margin-top: 0;}
    .footer .bottom span { display: none;}
}
@media screen and (max-width: 768px) {
    .footer_list { display: none;}
    .footer .top { display: block;}
    .footer .top { padding: 50px 0 40px;}
}
@media screen and (max-width: 700px) {
    .footer .top { padding: 20px 0 30px;}
    .footer_information { display: block;}
    .footer_div1 { font-size: 24px;}
    .footer_scan { margin-top: 20px; width: max-content;}
    .footer_scan img { width: 100px;}
    .footer_scan p { font-size: 14px;}
    .footer .bottom>div{ display: block;}
    .footer .bottom { padding: 10px 0;}
    .footer_information>div:nth-of-type(1) p { margin-top: 8px;}
    .footer_information span { margin-left: 15px;}
    .footer .bottom>div div { display: inline;}
}





.index_page { position: fixed; z-index: 1000; right: 3% !important; top:40% !important;}
.swiper_pagination_all { transform: translate(0) !important;}
.swiper_pagination_all .swiper-pagination-bullet { width: 20px; height: 2px; background: #d7d7d7 !important; opacity: 1 !important; margin: 25px 0 !important; position: relative; border-radius: 0 !important;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(1)::after { content: '视频'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(2)::after { content: '产品'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(3)::after { content: '特点'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(4)::after { content: '案例'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(5)::after { content: '品牌'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(6)::after { content: '新闻'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet:nth-of-type(7)::after { content: '联系'; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); color: #00b0b3; visibility: hidden;}
.swiper_pagination_all .swiper-pagination-bullet-active { background: #00b0b3 !important;}
.swiper_pagination_all .swiper-pagination-bullet-active::before { content: ''; position: absolute; left: -100%; width: 100%; height: 100%; background: #00b0b3;}
.swiper_pagination_all .swiper-pagination-bullet-active::after { visibility: visible !important;}
.swiper-button-prev-all { cursor: pointer;}
.swiper-button-next-all { cursor: pointer;}
@media screen and (max-width: 700px) {
    .swiper_pagination_all .swiper-pagination-bullet::after { display: none;}
}



/*sitemap*/
.gm {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}
.sitemap_nr>dl{ border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 30px;}
.sitemap_nr>dl>a{ font-size: 1.5rem; font-weight: bold; color: var(--style_color); display: block;}
.sitemap_nr>dl>dt{ padding: 15px 0 8px 0;}
.sitemap_nr>dl>dt>a{ font-size: 1.125rem; border-left: 2px solid var(--style_color); padding-left: 10px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: var(--style_color);}
.sitemap_nr>dl>dd{ display: flex; flex-wrap: wrap;}
.sitemap_nr>dl>dd>a{ display: block; margin-right: 15px; line-height: 24px;}
@media screen and (max-width:700px){
    .sitemap_nr>dl>a{ font-size: 1.125rem;}
    .sitemap_nr>dl>dt>a{ font-size: 1rem;}
    .sitemap_nr>dl>dd>a{ font-size: 0.875rem;}
}