@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; color: #000;}
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; transition: 0.5s; max-width: 100%;}
a:link, a:visited { color: #222; text-decoration: none; outline:none;}
a:hover, a:active { color: #222; text-decoration: none; outline:none;}
.clear{ clear:both;}
.page_button a { font-size: 14px; margin: 0 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: #58b648;
}

/* 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 { width:800px; max-width:100%; margin:0 auto; 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; padding: 10px; margin-bottom: 15px; position: relative;}
.relevant_title::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); background: var(--style_color);}
.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 { padding: 110px 0 0; background: #efefef ;}
.product_show_container { border-top: 4px solid var(--style_color); width: 95%; max-width: 1300px; margin: auto; padding: 27px; background: #fff; box-sizing: border-box; display: flex;}
.product_show_container .left { flex: 0 1 50%; text-align: center;}
.product_show_container .right { flex: 0 1 50%; padding: 20px 30px; box-sizing: border-box;}
.product_show_container .right>div { height: 100%; display: flex; flex-direction: column;}
.product_show_title { font-size: 30px;; display: block; font-weight: bold; color: #090909;}
.product_show_content { margin: 30px 0 20px; padding: 25px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.hot_line { color: #303030; margin: auto; margin-left: 0; margin-bottom: 0;}
.hot_line>div>a{font-size: 1.25rem;}
.hot_line>a { margin-top: 10px; width: max-content; display: flex; align-items: center; padding: 12px 15px; border-radius: 10px; background: var(--style_color);}
.hot_line>a span { color: #ffffff; font-family: Myriad_Pro; padding-left: 13px; margin-left: 13px; border-left: 1px solid rgba(255, 255, 255, 0.5);}
.product_show .item_middle { line-height: 60px; padding-left: 21px; font-size: 24px; color: #fff; width: 95%; margin: 50px auto 0; max-width: 1300px; background: var(--style_color); position: relative;}
.product_show .item_middle::after { content: ''; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 25%));}
.pro_introdution { padding: 20px 0; width: 95%; margin: auto; max-width: 1300px; position: relative; z-index: 1; box-sizing: border-box; background: #fff; display: block; justify-content: space-between;}
.pro_introdution::after { content: ''; position: absolute; left: -50%; top: 0; background: #fff; width: 200%; height: 100%; z-index: -1;}
.pro_introdution .left { flex: 0 1 78%;}
.introduction_title { display: flex; justify-content: space-between;  margin-bottom: 30px;}
.introduction_title p { font-size: 20px; color: #212121; padding: 10px 20px; color: #000; position: relative;}
.introduction_title p::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); background: var(--style_color);}
.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: var(--style_color); transition: 0.5s;}
.relevant_content li img { transition: 0.5s;}
.relevant_content li + li { margin-top: 10px;}
.relevant_photograph { overflow: hidden;}
.productshow_button a { display: block; padding:5px 10px; color: #000; width: max-content; position: relative;}
.productshow_button a::after { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 60%; transform: translateY(-50%); background: var(--style_color);}
.dd ul { display: block !important;}
.dd h4:after { margin-bottom: 0 !important;}


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


@media screen and (max-width: 1024px) {
    .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: var(--style_color_1d2088);}
    .product_container .right div>span { font-size: 24px;}
    .product_show_title { font-size: 24px;}
    
}
@media screen and (max-width: 768px) {
    .product_show { padding: 50px 0 0;}
    .product_container .right div>span { font-size: 22px;}
    .relevant_news ul { display: flex; flex-wrap: wrap;}
    .relevant_news li { width: 100%;}
    .relevant_news li:nth-of-type(even) { padding-left: 0; margin-left: 0;}
}
@media screen and (max-width: 700px) {
    .product_show_container { display: block;}
    .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;}
    .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;}
    .hot_line a span { font-size: 20px;}
    .product_show_container { padding: 15px;}
    .product_show_title { font-size: 20px;}
    .product_show_container .right { padding: 20px 0 0;}
    .product_show .item_middle { width: 100%; line-height: 45px; padding-left: 20px; font-size: 20px;}
    .product_show_content { margin: 20px 0; padding: 20px 0;}
}
/*基础配置*/




/* nav */
.nav { width: 100%; background: #3e3e3e; overflow: hidden; border-bottom: 6px solid var(--style_color);}
.nav_container { width: 95%; margin: auto; max-width: 1300px;}
.nav_container .item_top { display: flex; justify-content: space-between; align-content: center; padding: 3px 0;}
.nav_container .item_top p { color: #ffffff;}
.nav_container .item_top div { display: flex; justify-content: space-between; align-items: center;}
.nav_container .item_top div a { color: #a3a3a3; font-size: 14px; margin-left: 25px;}
.nav_container .item_top div span { font-family: Impact; color: var(--style_color); font-size: 24px;}
.nav_container .item_bottom { display: flex; justify-content: space-between; align-items: center; position: relative;}
.nav_container .item_bottom::before { content: ''; position: absolute; top: -1px; left: -50%; width: 200%; border-top: 1px solid #2d2d2d;}
.nav_container .item_bottom::after { content: ''; position: absolute; top: 0; left: -50%; width: 200%; border-top: 1px solid #474747;}
.head_img a { display: flex; align-items: center;}
.head_img img { margin-right: 10px;}
.head_list { flex: 1;}
.head_list ul { display: flex; border-left: 1px solid #2d2d2d; box-sizing: border-box;}
.head_list li { flex: 1; position: relative;}
.head_list li.current { background: url(../images/bg_nav.jpg);}
.head_list li a { display: block; padding: 30px 0; text-align: center; border-left: 1px solid #474747; border-right: 1px solid #2d2d2d; box-sizing: border-box;}
.head_list li div { font-size: 18px; color: #fff;}
.head_list li p { font-size: 12px; opacity: 50%; color: #fff; margin-top: 5px;}
.mobile_menu { display: none;}
.mobile_menu div { width: 28px; height: 3px; background:var(--style_color);}
.mobile_menu div + div { margin-top: 5px;}
.mobile_sub_menu { display: none; width: 35%; position: fixed; right:-100%; height: 1000px; background: #fff; padding: 30px; box-sizing: border-box; transition: 0.5s; z-index: 10;}
.mobile_sub_menu>div>a { font-size: 16px; font-weight: bold;}
.mobile_sub_menu ul { padding-left: 20px;}
.mobile_sub_menu a { display: block; line-height: 40px; font-size: 15px;}
.toggleClass { right: 0%; transition: 0.5s;}
.a_container  .swiper-slide img:nth-of-type(2) { display: none;}
@media screen and (max-width: 1280px) {
    .head_list li div { font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .head_img a img:nth-of-type(2) { display: none;}
}
@media screen and (max-width: 768px) {
    .nav_container .item_top div span { font-size: 20px;}
    .head_list li a { padding: 18px 0;}
    .head_img a img:nth-of-type(1) { width: 80%;}
    .nav_container .item_top p { font-size: 15px;}
    .a_container  .swiper-slide img:nth-of-type(1) { display: none;}
    .a_container  .swiper-slide img:nth-of-type(2) { display: block;}
}
@media screen and (max-width: 700px) {
    .nav_container .item_top { display: none;}
    .head_list { display: none;}
    .head_img { padding: 8px 0;}
    .head_img a img:nth-of-type(1) { width: 20%;}
    .head_img a img:nth-of-type(2) { display: block; width: 50%;}
    .mobile_sub_menu { display: block; width: 60%; padding: 20px 20px;}
    .mobile_menu { flex: 0 1 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 18px;}
    .nav_container { display: flex;}
}




/* index_a */
.index_a { position: relative; overflow: hidden;}
.swiper-pagination-a { position: absolute; bottom: 5% !important; z-index: 1; text-align: center;}
.swiper-pagination-a .swiper-pagination-bullet { background: #207d10 !important; width: 12px !important; height: 12px !important; opacity: 1 !important; margin: 0 11px !important; outline: 3px solid #207d10; transition: 0.5s;}
.swiper-pagination-a .swiper-pagination-bullet-active { background: transparent !important; outline-color: #ffcc00 !important; transition: 0.5s;}




/* index_b */
.index_b { background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 70%, #fff 70%, #fff 100%);}
.b_container { width: 95%; margin: auto; max-width: 1300px; overflow: hidden; padding: 80px 0 0 0;}
.b_container .item_top { display: flex; justify-content: space-between;}
.b_head { display: flex; flex-direction: column; flex: 1; margin-right: 30px;}
.b_div1 { font-size: 30px; font-family: Din; color: #c2c2c2;}
.b_div2 { font-size: 48px; font-weight: bold; color: var(--style_color); margin-top: -13px;}
.b_div3 { font-size: 24px; color: #434343;}
.b_div4 { width: 42px; height: 3px; background: var(--style_color); margin-top: 30px;}
.b_div5 { width: max-content; display: block; padding: 0 41px; line-height: 46px; border: 2px solid var(--style_color); margin: auto; margin-bottom: 0; margin-left: 0;}
.b_content { flex: 0 1 68%; color: #757575; font-size: 18px; line-height: 2;}
.b_content span { font-weight: bold;}
.b_content>p { margin-bottom: 30px;}
.b_content ul { display: flex; justify-content: space-between;}
.b_content li { display: flex;}
.b_content li p { font-size: 72px; line-height: 1; font-family: impact; color: var(--style_color); margin-right: 8px;}
.b_content li>div { display: flex; flex-direction: column; justify-content: space-between;}
.b_content li>div>div { font-size: 24px; color: var(--style_color); font-family: impact;}
.b_container .item_bottom { display: flex; margin-top: 70px; border: 5px solid var(--style_color); font-size: 0; box-sizing: border-box; position: relative; z-index: 1;}
.b_container .item_bottom div + div { border-left: 4px solid var(--style_color);}
@media screen and (max-width: 1024px) {
    .b_div1 { font-size: 24px;}
    .b_div2 { font-size: 36px;}
    .b_div3 { font-size: 18px;}
    .b_content li p { font-size: 56px;}
    .b_content li { align-items: center;}
    .b_content li>div>div { font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .b_container .item_top { display: block;}
    .b_div2 { font-size: 30px;}
    .b_div3 { font-size: 22px;}
    .b_div4 { margin-top: 0; margin: 20px 0;}
    .b_div5 { display: none;}
    .b_container { padding: 60px 0 0;}
}
@media screen and (max-width: 700px) {
    .b_container { padding: 40px 0 0;}
    .b_div2 { font-size: 26px;}
    .b_div3 { font-size: 18px;}
    .b_head { margin-right: 0;}
    .b_content { font-size: 16px;}
    .b_content p br:nth-of-type(1) { display: none;}
    .b_content ul { flex-wrap: wrap;}
    .b_content li  { line-height: 1.2; margin-bottom: 20px;}
    .b_content li p { font-size: 42px;}
    .b_container .item_bottom { display: block; margin-top: 20px;}
    .b_container .item_bottom div + div { border-left: 0 solid var(--style_color);  border-top: 4px solid var(--style_color);}
}






/* index_c */
.index_c { background: url(../images/bg_c.jpg) top no-repeat; background-size: cover; margin-top: 80px; position: relative;}
.c_container { width: 95%; margin: auto; max-width: 1300px;}
.c_container .item_top { display: flex; justify-content: space-between; align-items: center;}
.c_head { padding-bottom: 45px;}
.c_head div { color: #000000; opacity: 20%; font-family: Din;}
.c_head p { font-size: 48px; color: var(--style_color); font-weight: bold; line-height: 1;}
.c_introduction { font-size: 18px; color: #fff; height: 100%; padding-top: 2%;}
.c_introduction span { color: #ffd800; font-weight: bold; font-size: 22px; margin-bottom: 10px; display: inline-block;}
.c_container .item_bottom { margin-top: 45px;}
.c_container .item_bottom ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.c_container .item_bottom li { flex: 0 1 31%; margin-bottom: 50px;}
.index_product_name { display: flex; align-items: center; justify-content: space-between; font-size: 20px; color: #fff; line-height: 66px; padding: 0 10px; border-bottom: 2px solid #525252;}
.index_product_img { overflow: hidden;}
.index_product_img img { display: block;}
.c_container .item_bottom li:hover img { transform: scale(1.05);}
@media screen and (max-width: 1280px) {
    .c_head p { font-size: 36px;}
    .c_container .item_top { align-items: center;}
    .c_head { padding-bottom: 0;}
}
@media screen and (max-width: 1024px) {
    .index_product_name { font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .c_introduction { padding-top: 3%; font-size: 16px;}
    .c_head p { font-size: 24px;}
    .c_introduction span { font-size: 16px;}
    .index_product_name { line-height: 40px;}
}
@media screen and (max-width: 700px) {
    .index_c { margin-top: 40px;}
    .c_introduction { display: none;}
    .c_container .item_bottom li { flex: 0 1 48%; margin-bottom: 20px;}
    .c_container { padding-top: 25px;}
    .c_container .item_top { text-align: center; justify-content: center;}
    .c_head div { color: #fff; opacity: 1;}
    .c_head p { color: #fff;}
}



/* index_d */
.index_d { padding: 60px 0; background: url(../images/bg_d.jpg) center no-repeat; background-size: cover;}
.index_d .item_top { text-align: center; margin-bottom: 50px;}
.index_d .item_top div { font-weight: bold; font-size: 48px; color: var(--style_color);}
.index_d .item_top p { font-size: 24px; color: #6f6f6f;}
.index_d .item_bottom { max-width: 1610px; margin: auto; margin-right: 0; overflow: hidden; position: relative;}
.index_d .item_bottom li { display: flex; justify-content: space-between; align-items: center;}
.d_div1 { font-size: 72px; color: #000000; opacity: 10%; font-family: impact;}
.d_div2 { margin: 15px 0 35px; font-size: 36px; line-height: 40px; color: #fff; font-weight: bold;}
.d_div3 { font-size: 20px; line-height: 32px; color: #fff;}
.d_content { flex: 0 1 20%; margin-right: 50px;}
.d_img img { display: block;}
.d_button { position: absolute; left: 0; bottom: 10%; z-index: 10; width: 100%;}
.d_button .d_control div { color: #fff !important;  width: 60px !important; height: 60px !important; border: 3px solid #fff; border-radius: 50%;}
.d_button .d_control .swiper-button-prev { left: 0 !important;}
.d_button .d_control .swiper-button-next { left: 5% !important;}
.swiper-button-next:after, .swiper-button-prev:after { font-size: 22px !important;}
.d_button .swiper-scrollbar { height: 1px; background: #929292; width: 70%; left: 10%; position: absolute; top: 10px;}
.d_button .swiper-scrollbar-drag { height: 3px; background: #ffcc00; top: -1px;}
.d_button .swiper-pagination { font-size: 0; right: 18%; bottom: -46px; left: auto; width: max-content; color: #fff;}
.d_button .swiper-pagination .swiper-pagination-current { font-size: 120px; position: relative; top: -25px; left: -8px;}
.d_button .swiper-pagination .swiper-pagination-total { font-size: 30px; opacity: 50%;}
@media screen and (max-width: 1600px) {
    .index_d .item_bottom { padding-left: 3%;}
    .d_button { left: 3%;}
    .d_content { flex: 0 1 40%;}
    .d_div3 br { display: none;}
}
@media screen and (max-width: 1280px) {
    .d_div3 p { display: inline; font-size: 16px;}
    .d_button .d_control div { width: 40px !important; height: 40px !important;}
    .d_div2 { font-size: 26px; line-height: 1.2;}
    .d_button .swiper-pagination .swiper-pagination-current { font-size: 80px;}
}
@media screen and (max-width: 1024px) {
    .index_d { padding: 50px 0;}
    .index_d .item_top div { font-size: 32px;}
    .index_d .item_top p { font-size: 22px;}
    .index_d .item_bottom li { align-items: flex-start;}
}
@media screen and (max-width: 768px) {
    .d_img { flex: 1;}
    .d_div1 { font-size: 40px;}
    .d_div2 { margin: 8px 0; font-size: 20px;}
    .d_div2 br { display: none;}
    .index_d { padding: 30px 0 60px;}
    .index_d .item_top div { font-size: 26px;}
    .index_d .item_top p { font-size: 20px;}
    .d_button .swiper-scrollbar { left: 15%;}
    .d_button .swiper-pagination { right: 11%; bottom: -32px;}
    .d_button .swiper-pagination .swiper-pagination-current { font-size: 50px;}
    .d_button .d_control .swiper-button-next { left: 7% !important;}
    .index_d .item_top { text-align: left; padding-left: 3%; box-sizing: border-box;}
}
@media screen and (max-width: 700px) {
    .index_d { padding: 80px 0 60px; margin-top: -50px;}
    .index_d .item_top div { font-size: 22px;}
    .index_d .item_top p { font-size: 18px;}
    .index_d .item_top { margin-bottom: 40px;}
    .index_d .item_bottom li { display: block;}
    .d_content { margin-right: 3%; margin-bottom: 20px;}
    .swiper-button-next:after, .swiper-button-prev:after { font-size: 16px !important;}
    .d_button .d_control div { width: 30px !important; height: 30px !important;}
    .d_button .d_control .swiper-button-next { left: 12% !important;}
    .d_button .swiper-scrollbar { top: 24px;}
    .d_button .swiper-pagination { bottom: -45px;}
    .d_button .swiper-pagination .swiper-pagination-current { font-size: 32px;}
    .d_button .swiper-pagination .swiper-pagination-total { font-size: 20px;}
}




/* index_e */
.index_e { overflow: hidden; padding: 0 0 80px 0; background: linear-gradient(to bottom, #fff 0%, #fff 60%, #58b648 60%, #58b648 100%);}
.e_container { width: 95%; margin: auto; max-width: 1300px; overflow: hidden;}
.e_container .item_top { display: flex; justify-content: space-between; align-items: flex-end;}
.e_head { width: max-content;}
.e_head div { color: var(--style_color); font-size: 48px; font-weight: bold; line-height: 1.2;}
.e_head p { font-size: 24px; color: #747474;}
.e_list { flex: 0 1 26%; overflow: hidden;}
.e_list ul { display: flex;}
.e_list ul li { padding: 5px 0; cursor: pointer; text-align: center;}
.e_list ul li.swiper-slide-active { border-bottom: 3px solid var(--style_color);}
.e_container .item_middle { margin: 30px 0;}
.e_container .item_middle li { border-bottom: 3px solid #ffcc00; position: relative;}
.e_container .item_middle li img { display: block;}
.e_container .item_middle li p { position: absolute; left: 5%; bottom: 3%; font-size: 20px; color: #ffffff;}
.e_container .item_bottom ul { display: flex;}
.e_container .item_bottom { position: relative;}
.honor_button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 100%; z-index: 10;}
.swiper-button-prev { color: var(--style_color) !important; font-size: 30px !important;}
.swiper-button-next { color: var(--style_color) !important; font-size: 30px !important;}
@media screen and (max-width: 1280px) {
    .e_list { flex: 0 1 30%;}
}
@media screen and (max-width: 1024px) {
    .e_list { flex: 0 1 42%;}
    .e_head div { font-size: 32px;}
    .e_head p { font-size: 22px;}
    .index_e { padding: 0 0 40px 0;}
}
@media screen and (max-width: 768px) {
    .e_head div { font-size: 26px;}
    .e_head p { font-size: 18px;}
    .e_list { flex: 0 1 50%;}
    .e_container .item_middle li p { font-size: 16px;}
}
@media screen and (max-width: 700px) {
    .e_head div { font-size: 22px;}
    .index_e { padding: 0 0 20px 0;}
    .e_list { display: none;}
    .e_container .item_middle { margin: 30px 0 20px;}
}





/* index_f */
.f_container { width: 95%; margin: auto; max-width: 1300px; overflow: hidden; padding: 70px 0 40px}
.f_container .item_top { display: flex;; justify-content: space-between; align-items: flex-end;}
.f_list { flex: 0 1 25%; overflow: hidden; justify-content: space-between;}
.f_list li { padding: 15px 0; color: #000000; width: 33.3% !important; text-align: center; cursor: pointer; box-sizing: border-box;}
.f_list ul li.swiper-slide-active { background: var(--style_color); color: #fff;}
.f_container .item_bottom { margin-top: 50px;}
.f_container .item_bottom li { flex: 0 1 31%;}
.f_container .item_bottom ul { display: flex; justify-content: space-between;}
.index_news_layout { position: relative;}
.index_news_img { display: block;}
.index_news_date { padding: 5px 9px; position: absolute; top: -5%; left: 0; background: var(--style_color); text-align: center; color: #fff;}
.index_news_date span { font-size: 30px; font-family: Din;}
.index_news_title { font-size: 22px; color: #585858; line-height: 24px; height: 48px; overflow: hidden; margin: 25px 0 5px;}
.index_news_content { color: #888888; line-height: 24px; height: 48px; overflow: hidden;}
.swiper-pagination-f { text-align: center; margin-bottom: 50px;}
.swiper-pagination-f .swiper-pagination-bullet { background: var(--style_color) !important; width: 15px !important; height: 15px !important; opacity: 1 !important; margin: 0 6px !important;}
.swiper-pagination-f .swiper-pagination-bullet-active { background: #bababa !important;}
@media screen and (max-width: 768px) {
    .f_list { flex: 0 1 40%;}
    .index_news_title { font-size: 18px; font-weight: bold; margin: 10px 0 5px;}
    .index_news_date span { font-size: 24px;}
    .f_container { padding: 50px 0 30px;}
}
@media screen and (max-width: 700px) {
    .f_container { padding: 40px 0 20px;}
    .f_list { display: none;}
    .f_container .item_bottom { margin-top: 30px;}
    .f_container .item_bottom li { flex: 0 1 48%;}
    .f_container .item_bottom li:nth-of-type(3) { display: none;}
    .swiper-pagination-f .swiper-pagination-bullet { width: 10px !important; height: 10px !important;}
    .index_news_title { font-size: 16px;}
}




/* index_g */
.index_g { height: 200px; background: url(../images/bg_g.jpg) center no-repeat; background-size: cover; position: relative;}
.g_container { width: 95%; margin: auto; max-width: 1300px; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.g_div1 { font-family: MicrosoftYaHeLight; font-size: 30px; color: #fff;}
.g_div2 { width: 37px; height: 3px; background: #ffcc00; margin: auto; margin-right: 0; margin-top: 10px;}
.toTop { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%);}
@media screen and (max-width: 1024px) {
    .index_g { height: 120px;}
    .g_div1 { font-size: 26px;}
}
@media screen and (max-width: 768px) {
    .g_div1 { font-size: 20px;}
}
@media screen and (max-width: 700px) {
    .index_g { height: 0;}
    .g_container { display: none;}
}




/* about */
.about_banner { height: 350px; background: url(../images/about.jpg) center; background-size: cover; position: relative;}
.about_banner>div { color: #fff; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.banner_div1 { font-size: 36px;}
.banner_div2 { letter-spacing: 5px; font-size: 18px; font-family: Myriad_Pro; margin: 8px 0 0; text-transform: uppercase;}
.banner_div3 { display: inline-block; width: 48px; height: 3px; background: #fff;}
.about_container { width: 95%; margin: auto; max-width: 1300px; overflow: hidden; padding: 70px 0 128px;}
.bg_list { background: #58b648;}
.path_container { width: 95%; margin: auto; max-width: 1300px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.about_list ul { display: flex;}
.about_list a { z-index: 10; transition: 0.5s; display: block; position: relative; padding: 0 20px; line-height: 55px; text-align: center; color: #fff;}
.about_list a img { transition: 0.8s; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0;}
.about_list a::after { transition: 0.5s; content: ''; width: 100%; height: 0%; left: 0; top: 0; position: absolute; background: #ffde00; z-index: -1;}
.about_list a:hover { color: #010101;}
.about_list a:hover img { opacity: 1;}
.about_list a:hover::after { height: 110%;}
.about_list li.current a { color: #010101;}
.about_list li.current a img { opacity: 1;}
.about_list li.current a::after { height: 110%;}
.path { color: #fff; font-size: 14px;}
.about_div1 { font-size: 36px; font-weight: bold; color: var(--style_color);}
.about_div2 { font-size: 24px; color: #3b3b3b; margin: 2px 0 5px;}
.about_div3 { width: 39px; height: 3px; background: var(--style_color); margin: 10px 0 30px;}
.swiper_about { float: right; width: 40%; overflow: hidden; margin: -32px 0 32px 32px; position: relative;}
.about_div4 p { line-height: 36px; color: #3b3b3b; margin-bottom: 36px;}    
.swiper_about .swiper-pagination { width: max-content !important; bottom: 5% !important; left: 85% !important;}
.swiper_about .swiper-pagination .swiper-pagination-bullet { margin: 0 6px !important; width: 10px !important; height: 10px !important; background: transparent !important; opacity: 1 !important; outline: 2px solid #FFF;}
.swiper_about .swiper-pagination .swiper-pagination-bullet-active { outline-color: #000;}
.about_container .item_bottom ul { padding: 72px 36px; background: #f4f4f4; display: flex; justify-content: space-between;}
.about_container .item_bottom li { display: flex;}
.about_container .item_bottom li p { font-size: 72px; line-height: 1; font-family: impact; color: var(--style_color); margin-right: 8px;}
.about_container .item_bottom li>div { display: flex; flex-direction: column; justify-content: space-between;}
.about_container .item_bottom li>div>div { font-size: 24px; color: var(--style_color); font-family: impact;}
@media screen and (max-width: 1024px) {
    .about_banner { height: 300px !important;}
    .about_list a { padding: 0 8px;}
    .about_container { padding: 80px 0;}
    .about_div4 p { margin-bottom: 18px;}
    .swiper_about { width: 45%; margin: 0 0 32px 32px;}
    .about_container .item_bottom ul { padding: 50px 36px;}
    .about_container .item_bottom li p { font-size: 60px;}
}
@media screen and (max-width: 768px) {
    .about_banner { height: 240px !important;}
    .banner_div1 { font-size: 26px;}
    .about_container { padding: 60px 0;}
    .about_div1 { font-size: 28px;}
    .swiper_about { width: 47%; margin: 0 0 24px 24px;}
    .about_container .item_bottom li p { font-size: 40px;}
    .about_container .item_bottom li>div>div { font-size: 16px;}
    .about_container .item_bottom ul { padding: 36px 16px;}
}
@media screen and (max-width: 700px) {
    .banner_div1 { font-size: 20px;}
    .banner_div2 { font-size: 16px;}
    .about_banner { height: 150px !important;}
    .path { display: none;}
    .about_container { padding: 40px 0 50px;}
    .swiper_about { width: 100%; float: none; margin: 0; margin-bottom: 15px;}
    .about_div1 { font-size: 22px;}
    .about_div2 { font-size: 20px;}
    .about_div4 p { margin-bottom: 0;}
    .about_container .item_bottom ul { flex-wrap: wrap; padding: 16px;}
    .about_container .item_bottom li { flex: 0 1 10%; margin: 10px 0;}
    .about_list a { line-height: 45px;}
    .about_container .item_bottom li { flex: 0 1 50%;}
    .about_container .item_bottom li p { font-size: 25px;}
    .about_container .item_bottom li>div>div { font-size: 14px;}
    .about_container .item_bottom li>div { flex-direction: row; font-size: 14px;}
}






/* .contact */
.contact_banner { height: 350px; background: url(../images/contact.jpg) center; background-size: cover; position: relative;}
.contact_container { padding: 70px 0 0 0; width: 95%; margin: auto; max-width: 1300px; overflow: hidden;}
.contact_div1 { font-size: 36px; color: var(--style_color); font-weight: bold;}
.contact_div2 { color: #777777; line-height: 36px; margin-bottom: 5px;}
.contact_div3 { width: 39px; height: 3px; background: var(--style_color);}
.contact_div4 { padding: 25px 0; border-bottom: 1px solid #dbdbdb;}
.contact_div4 ul { display: flex; justify-content: space-between;}
.contact_div4 li div { color: #838282;}
.contact_div4 li p { font-size: 28px; color: #3b3b3b; font-family: Alternate;}
.contact_div5 { padding: 35px 0; border-bottom: 1px solid #dbdbdb;}
.contact_div5 ul { display: flex; justify-content: space-between;}
.contact_div5 li div { color: #838282;}
.contact_div5 li p { color: #3b3b3b;}
.contact_div5 li span { font-size: 28px; font-family: Alternate; color: #3b3b3b;}
.contact .item_bottom { margin-top: 60px;}
@media screen and (max-width: 1280px) {
    .contact_div4 li p { font-size: 22px;}
    .contact_div5 li span { font-size: 24px;}
}
@media screen and (max-width: 1024px) {
    .contact_div1 { font-size: 28px;}
    .contact_div4 li p { font-size: 20px;}
    .contact_div5 li span { font-size: 20px;}
    #dituContent { height: 400px !important;}
}
@media screen and (max-width: 768px) {
    .contact_container { padding: 40px 0 0;}
    .contact_div1 { font-size: 26px;}
    .contact_div4 li p { font-size: 17px;}
    .contact_div5 li span { font-size: 16px;}
    #dituContent { height: 300px !important;}
}
@media screen and (max-width: 700px) {
    .contact_div1 { font-size: 20px;}
    .contact_div2 { margin: 10px 0 20px; line-height: 26px;}
    .contact_div4 { padding: 20px 0 10px;}
    .contact_div4 ul { display: block;}
    .contact_div4 li { margin-bottom: 10px;}
    .contact_div4 li p { font-size: 16px;}
    .contact_div5 { padding: 20px 0 10px;}
    .contact_div5 ul { flex-wrap: wrap;}
    .contact_div5 li { margin-bottom: 10px;}
    .contact .item_bottom { margin-top: 30px;}
    #dituContent { height: 240px !important;}
}




/* case */
.case_banner { height: 350px; background: url(../images/case.jpg) center; background-size: cover; position: relative;}
.case_banner>div { text-align: left; width: 95%; max-width: 1300px; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 36px;}
.case_banner>div span { font-weight: bold;}
.case_container { padding: 60px 0; width: 95%; margin: auto; max-width: 1300px; overflow: hidden;}
.case_container li { float: left; width: 31%; margin: 0 1% 5% 1%;}
.case_photograph { position: relative;}
.case_photograph::after { content: ''; position: absolute; bottom : -7px; left: 50%; transform: translateX(-50%); width: 95%; height: 7px; background: #cccccc;} 
.case_photograph img { display: block;}
.case_name { line-height: 66px; overflow: hidden; height: 66px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--style_color);}
@media screen and (max-width: 700px) {
    .case_container { padding: 40px 0 50px;}
    .case_container li { width: 48%;}
    .case_name { line-height: 48px; height: 48px;}
    .case_banner>div { display: none;}
    .case_banner { background-position-x: 72%;}
}



/* news */
.news_banner { height: 350px; background: url(../images/news.jpg) center; background-size: cover; position: relative;}
.news-container { width: 95%; margin: auto; max-width: 1300px; padding: 60px 0;}
.news-container li:nth-of-type(1) a>div { display: flex; justify-content: space-between;}
.news-container li:nth-of-type(1) .news-first-right { flex: 0 1 65%; display: flex; justify-content: space-around;flex-direction: column; padding-left: 3%;}
.news-container li .news-photograph { overflow: hidden;}
.news-container li:nth-of-type(1) { margin-bottom: 80px;}
.news-container li:nth-of-type(1) .news-date { font-size: 18px; color: #bdbdbd;}
.news-container li:nth-of-type(1) .news-date span { margin-right: 15px; position: relative;}
.news-container li:nth-of-type(1) .news-date span::after { content: ''; position: absolute; background: #bdbdbd; width: 6px; height: 1px; right: -10px; top: 60%;}
.news-container li:nth-of-type(1) .news-name { font-size: 22px; color: #454545; line-height: 32px; height: 64px; overflow: hidden;}
.news-container li:nth-of-type(1) .news-content { color: #797979; line-height: 24px; height: 72px; overflow: hidden;}
.news-container li:nth-of-type(1) .news-right { transition: 0.5s; color: #414141; width: 140px; line-height: 50px; text-align: center; border-radius: 20px; border: 1px #ccc solid;}
.news-container li:nth-of-type(1):hover img { transform: scale(1.05); transition: 0.5s;}
.news-container li:nth-of-type(1) img { transition: 0.5s;}
.news-container li:nth-of-type(1):hover .news-right { background: var(--style_color); color: #fff; transition: 0.5s;}
.news-container li:nth-of-type(n+2) { margin-bottom: 3%; box-sizing: border-box; border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; padding: 40px 20px; transition: 0.5s;}
.news-container li:nth-of-type(n+3) { border-top:transparent;}
.news-container li:nth-of-type(n+2):hover { box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.25); transition: 0.5s;}
.news-container li:nth-of-type(n+2) .news-photograph { display: none;}
.news-container li:nth-of-type(n+2) .news-first-right { padding-left: 3%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding: 0;}
.news-container li:nth-of-type(n+2) .news-date { box-sizing: border-box; color: #7c7c7c; border: 1px solid #e0e0e0; padding: 20px 15px;}
.news-container li:nth-of-type(n+2) .news-date span { display: block; font-size: 36px;}
.news-container li:nth-of-type(n+2) .news-mid { flex: 0 1 60%;}
.news-container li:nth-of-type(n+2) .news-right { flex: 0 1 140px; display: flex; justify-content: center; align-items: center;color: #414141; height: 50px;  text-align: center; border-radius: 20px; border: 1px #ccc solid; transition: 0.5s;}
.news-container li:nth-of-type(n+2) .news-name { font-size: 20px; color: #454545; line-height: 30px; height: 30px; overflow: hidden;}
.news-container li:nth-of-type(n+2) .news-content { color: #a7a7a7; line-height: 24px; height: 48px; overflow: hidden;}
.news-container li .news-right span { margin-left: 15px;}
.news-container li:nth-of-type(n+2):hover .news-right { background: var(--style_color); color: #fff; transition: 0.5s;}
.news .page-button { margin-top: 30px;}
@media screen and (max-width: 1024px) {
    .news-first-right { padding: 20px 0 0 20px;}
}
@media screen and (max-width: 768px) {
    .news-container { padding: 40px 0 50px;}
    .news-container li:nth-of-type(1) img { width: 100%;}
    .news-container li:nth-of-type(1) { margin-bottom: 15px;}
    .news-container li:nth-of-type(1) .news-name { margin: 15px 0;}
    .news-container li:nth-of-type(1) .news-content { margin: 20px 0;}
    .news-container li:nth-of-type(1) .news-right { display: none;}
    .news-container li:nth-of-type(n+2) .news-date { padding: 15px;}
    .news-container li:nth-of-type(n+2) .news-date span { font-size: 26px;}
    .news-container li:nth-of-type(n+2) .news-name { margin-bottom: 10px;}
    .news-container li:nth-of-type(n+2) .news-mid { flex: 0 1 80%;}
    .news-container li:nth-of-type(n+2) .news-right { display: none;}
    .news-first-right { padding: 20px 0 0 3%}
    .news-container li:nth-of-type(1) .news-name { font-size: 18px; line-height: 24px; height: 48px;}
    .news-container li:nth-of-type(1) .news-content { margin: 10px 0;}
}
@media screen and (max-width: 700px) {
    .news-container li:nth-of-type(1) a>div { flex-direction: column;}
    .news-container li:nth-of-type(n+2) { padding: 20px 10px;}
    .news-container li:nth-of-type(n+2) .news-date span { font-size: 20px;}
    .news-container li:nth-of-type(n+2) .news-date { padding: 10px;}
    .news-container li:nth-of-type(n+2) .news-mid { flex: 0 1 70%;}
    .news-container li:nth-of-type(n+2) .news-name { font-size: 18px;}
    .news-container .page_button { margin-top: 20px;}
}




/* product */
.product_banner { height: 350px; background: url(../images/product.jpg) center; background-size: cover; position: relative;}
.product_banner>div { top: 26%;}
.product_container { padding: 100px 0 60px; width: 95%; margin: auto; max-width: 1300px;}
.product_container li { float: left; width: 31%; position: relative; margin: 0 1% 5% 1%;}
.product_photograph { overflow: hidden;}
.product_photograph img { display: block;}
.product_name { width: 100%; text-align: center; color: #000; font-size: 18px; position: absolute; line-height: 57px; height: 57px; overflow: hidden; bottom: 0; left: 0; border-top: 1px solid rgba(255, 255, 255, 0.5); background: #f0f0f0; opacity: .9;}
.product_container li:hover .product_photograph img { transform: scale(1.05);}
.second_product { background: #ffde00; position: absolute; top: 100%; z-index: 1;}
.second_product::after { content: ''; width: 2000%; height: 100%; background: #ffde00; position: absolute; left: -300%; top: 0; z-index: -1;}
.second_product a { padding: 0; color: #000000;}
.second_product li img { display: none;}
.second_product li { margin-right: 55px;}
.second_product a::after { display: none;}
.second_product li a:hover { font-weight: bold;}
.second_product li.current a { font-weight: bold;}
@media screen and (max-width: 1280px) {
    .product .path { display: none;}
}
@media screen and (max-width: 1024px) {
    .product_container { padding: 80px 0 60px;}
}
@media screen and (max-width: 768px) {
    .product_container { padding: 40px 0 50px;}
    .about_list { white-space: nowrap; overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
    .about_list::-webkit-scrollbar { display: none;}
    .product_name { font-size: 16px; line-height: 36px; height: 36px; padding: 0 10px; box-sizing: border-box;}
}
@media screen and (max-width: 700px) {
    .product_banner .banner_div2 { letter-spacing: 2px;}
    .product_container li { width: 48%;}
    .product_banner>div { display: none;}
    .product_banner { background-position-x: 54.5%;}
}





/* footer */
.footer { background: #262626; overflow: hidden;}
.footer_container { width: 95%; margin: auto; max-width: 1300px;}
.footer .item_top { padding: 64px 0 38px; display: flex; justify-content: space-between;}
.footer_infortmation p { display: flex; align-items: center; color: #ffffff; margin-bottom: 16px;}
.footer_infortmation img { margin-right: 10px;}
.footer_infortmation div { display: flex; align-items: flex-end; margin-top: 33px; color: #a6a6a6;}
.footer_infortmation { flex: 0 1 35%; padding-right: 5%; border-right: 1px solid #3c3c3c;}
.footer_list { display: flex; justify-content: space-between; flex: 1; padding-left: 7%;}
.footer_list h3 { font-size: 18px; color: #fff; margin-bottom: 15px;}
.footer_list a { color: #a6a6a6; margin-bottom: 8px; display: block;}
.footer_container .item_middle { display: flex; margin-bottom: 20px; color: #fff;}
.footer_container .item_middle a { color: #fff; margin: 0 10px;}
.friend_link { margin-left: 20px; flex: 1;}
.footer .item_bottom { padding: 30px 0; display: flex; justify-content: space-between; position: relative; color: #a6a6a6;}
.footer .item_bottom a { color: #a6a6a6;}
.footer a:hover { color: #fff;}
.footer .item_bottom::after { content: ''; position: absolute; top: 0; left: -75%; width: 200%; height: 1px; background: #3c3c3c;}
.iphone_footer { width: 100%; display: none; padding: 5px 0; text-align: center; background: var(--style_color); position: fixed; left: 0%; bottom: 0; z-index: 1000;}
.iphone_footer ul { display: flex;}
.iphone_footer li { flex: 0 1 25%;}
.iphone_footer a { display: block; width: 100%; color: #fff; font-size: 15px;}
.iphone_footer li + li { border-left: 1px solid rgba(255, 255, 255, 0.596);}
.iphone_footer img { width: 25%;}
@media screen and (max-width: 768px) {
    .footer .item_top { padding: 58px 0 38px;}
    .footer_infortmation { flex: 0 1 40%;}
    .footer_list { padding-left: 5%;}
    .footer .item_bottom { display: block;}
}
@media screen and (max-width: 700px) {
    .footer .item_top { display: block;}
    .footer_list { display: none;}
    .footer .item_top { padding: 50px 0 5px}
    .footer_infortmation { padding: 0; border: none;}
    .footer_infortmation div { display: none;}
    .footer .item_bottom { padding: 16px 0;}
    .footer { margin-bottom: 54px;}
    .iphone_footer { display: block;}
}




/*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;}
}