@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_f08200: #f08200;
    --style_color_1d2088: #1d2088;
}

/* 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_f08200); 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_f08200);}
.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: 50px 0; background: #f0f0f0;}
.product_show_container { width: 95%; max-width: 1500px; margin: auto; padding: 20px; 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; box-sizing: border-box;}
.product_show_container .right div>span { font-size: 24px; margin-bottom: 30px; display: block; text-align: center;}
.pro_introdution { width: 95%; max-width: 1500px; margin: 50px auto; padding: 30px 20px; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between;}
.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_f08200);}
.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_f08200); 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_f08200);}
.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) {
    .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: var(--style_color_1d2088);}
    .product_container .right div>span { font-size: 24px;}
    
}
@media screen and (max-width: 768px) {
    .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;}
}
/*基础配置*/




/* nav */
.nav { width: 100%; background: #fff;}
.nav_container { width: 95%; margin: auto; max-width: 1600px; overflow: hidden; display: flex; justify-content: flex-end; align-items: center;}
.nav_container .item_left { margin: auto; margin-left: 0;}
.nav_container .item_middle>ul { display: flex;}
.nav_container .item_middle>ul>li>a { display: block; line-height: 100px; padding: 0 20px; transition: 0.5s;}
.nav_container .item_middle>ul>li>a:hover { color: var(--style_color_f08200); background: url(../images/nav_bg.png) center left no-repeat;}
.nav_container .item_middle>ul>li.current>a { color: var(--style_color_f08200); background: url(../images/nav_bg.png) center left no-repeat;}
.nav_container .item_right { margin-left: 20px; border: 1px solid var(--style_color_f08200); border-radius: 22px;}
.nav_container .item_right a { display: block; padding: 3px 7px; display: flex; align-items: center;}
.nav_container .item_right a div { font-family: Din; color: var(--style_color_f08200); font-size: 30px; margin: 0 10px;}
.mobile_menu { display: none;}
.mobile_menu div { width: 28px; height: 3px; background: var(--style_color_1d2088);}
.mobile_menu div + div { margin-top: 5px;}
.mobile_sub_menu { display: none; width: 40%; position: fixed; right:-100%; height: 2000px; 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;}
@media screen and (max-width: 1280px) {
    .nav_container .item_right { display: none;}
}
@media screen and (max-width: 1024px) {
    .nav_container .item_left { flex: 0 1 20%;}
    .nav_container .item_middle>ul>li>a { line-height: 80px;}
    .mobile_menu { flex: 0 1 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 18px;}
    .mobile_sub_menu { display: block;}
    .nav_container .item_middle { display: none;}
    .nav_container { padding: 10px 0;}
}
@media screen and (max-width:700px) {
    .mobile_sub_menu { width: 60%; padding: 20px 20px;}
    .nav_container .item_left { flex: 0 1 30%;}
}


/* index_a */
.a_container { position: relative; overflow: hidden;}
.swiper-pagination-a { position: absolute; width: max-content !important; left: 8% !important; bottom: 7% !important; z-index: 10;}
.swiper-pagination-a .swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #fff !important; opacity: 1 !important; border-radius: 50%; outline: 7px solid #fff; outline-offset: -1px; transition: 0.5s; margin: 0 12px !important;}
.swiper-pagination-a .swiper-pagination-bullet-active { background: var(--style_color_f08200) !important; outline: 2px solid var(--style_color_f08200); outline-offset: 5px;}
.a_container li img:nth-of-type(2) { display: none;}
@media screen and (max-width: 768px) {
    .a_container li img:nth-of-type(1) { display: none;}
    .a_container li img:nth-of-type(2) { display: block;}
}




/* index_b */
.index_b { padding-top: 100px;}
.index_b .item_top { width: 95%; margin: 0 auto 80px; max-width: 1600px; display: flex; justify-content: space-between;}
.b_top_title { flex: 0 1 30%; margin-right: 30px; padding-left: 135px;}
.b_div1 { font-family: Myriad_Pro; font-size: 24px; color: var(--style_color_f08200); margin-bottom: 10px;}
.b_div2 { font-size: 44px; color: var(--style_color_1d2088); line-height: 1.1;}
.b_div3 { width: 32px; height: 2px; background: var(--style_color_1d2088); margin: 30px 0 150px;}
.b_top_title a { display: block; width: max-content; padding: 16px 37px; border: 1px solid #ccc; border-radius: 24px; display: flex; align-items: center; color: var(--style_color_f08200);}
.b_top_title a img { margin-left: 10px;}
.b_top_content { flex: 0 1 65%;}
.b_top_content div { color: #444444; font-size: 18px; line-height: 2; margin-top: 30px;}
.index_b .item_bottom { width: 95%; margin: auto; margin-right: 0; max-width: 1760px; display: flex;}
.b_bottom_list1 { background: url(../images/index_b_img1.jpg) no-repeat; background-size: cover; padding: 60px 100px 35px; flex: 0 1 38%; box-sizing: border-box;}
.b_bottom_list1 ul { display: flex; flex-wrap: wrap;}
.b_bottom_list1 ul li { flex: 0 1 40%; margin-bottom: 50px; color: #fff;}
.b_bottom_list1 ul li:nth-of-type(odd) { flex: 0 1 60%;}
.b_bottom_list1 li span { font-size: 72px; font-family: Din;}
.b_bottom_list1 li i { font-style: normal; position: relative; top: -18px; color: #fff; font-size: 20px;}
.b_bottom_list1 li p { font-size: 18px; font-family: OPPOSans;}
.b_bottom_list2 { display: flex; justify-content: space-between;}
.b_bottom_list2 p { flex: 1;}
.b_bottom_list2 p span { display: block; font-size: 30px; margin-top: 10px; color: #fff;}
.b_bottom_img img { vertical-align: top;} 
@media screen and (max-width: 1600px) {
    .b_bottom_list1 { padding: 60px 40px 35px;}
    .b_bottom_list1 li span { font-size: 60px;}
}
@media screen and (max-width: 1500px) {
    .b_top_title { padding-left: 60px;}
    .b_div2 { font-size: 36px;}
}
@media screen and (max-width: 1440px) {
    .b_bottom_list1 li span {font-size: 42px;}
    .b_bottom_list2 p span { font-size: 22px;}
    .b_bottom_list1 { padding: 40px;}
    .b_bottom_list1 li i { top: -9px; font-size: 16px;}
}
@media screen and (max-width: 1366px) {
    .b_bottom_list1 { padding: 30px;}
}
@media screen and (max-width: 1280px) {
    .b_bottom_list1 { flex: 0 1 50%;}
    .index_b { padding-top: 80px;}
    .b_top_content div { font-size: 16px;}
    .b_bottom_img { display: flex; flex: 1;}
    .b_bottom_list2 p span { margin-top: 0;}
}
@media screen and (max-width: 1024px) {
    .b_div2 { font-size: 32px;}
    .b_top_title { padding-left: 30px;}
    .index_b .item_top { margin: 0 auto 50px;}
}
@media screen and (max-width: 768px) {
    .index_b .item_top { display: block;}
    .b_div2 { font-size: 26px;}
    .b_div3 { display: none;}
    .b_top_title a { display: none;}
    .b_top_title { padding-left: 0;}
    .index_b { padding: 50px 0;}
    .b_top_content div { margin-top: 15px;}
    .b_bottom_list1 ul li:nth-of-type(odd) { flex: 0 1 25%;}
    .b_bottom_list1 ul li { flex: 0 1 25%; margin-bottom: 25px;}
    .index_b .item_bottom { display: block; margin-right: auto;}
    .index_b .item_top { margin: 0 auto 30px;}
}
@media screen and (max-width: 700px) {
    .b_bottom_list1 ul li { flex: 0 1 50%;}
    .b_bottom_list1 ul li:nth-of-type(odd) { flex: 0 1 50%;}
    .b_bottom_list1 li span { font-size: 32px;}
    .b_bottom_list1 li p { font-size: 16px;}
    .b_bottom_list1 li i { position: static; margin-left: 2px;}
    .b_bottom_list2 p img { width: 35px; height: 35px;}
    .b_bottom_list2 p span { font-size: 18px;}
    .index_b { padding: 40px 0 50px;}
    .b_div1 { margin-bottom: 5px; font-size: 20px;}
    .b_div2 { font-size: 20px; display: inline-block;}
}





/* index_c */
.index_layout { background: url(../images/index_cd_bg.jpg) no-repeat; background-size: cover; padding: 80px 0 140px;}
.index_c { margin-bottom: 80px;}
.c_container { width: 95%; margin: auto; max-width: 1600px; overflow: hidden;}
.c_container .item_top { padding-left: 135px; display: flex; justify-content: space-between; align-items: center;}
.c_title .c_div3 { margin: 40px 0;}
.c_title_list a { display: inline-block; padding: 15px 44px; border-radius: 28px; color: #444444; font-size: 18px; border: 1px solid #d2d2d2; transition: 0.5s;}
.c_title_list a + a { margin-left: 20px;}
.c_title_list a:last-child { color: var(--style_color_f08200);}
.c_title_list a.on { color: var(--style_color_f08200);}
.c_container .item_bottom { display: flex;}
.c_bigImg { flex:0 1 35%;}
.c_bigImg li { position: relative;}
.c_bigImg li:nth-of-type(3) .c_bigImg_titleEn { color: #444; opacity: 1;}
.c_bigImg li:nth-of-type(3) .c_bigImg_more { color: #444; opacity: 1;}
.c_bigImg img { vertical-align: top; width: 100%;}
.c_bigImg_introduction { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.c_bigImg_title { font-size: 30px; color: var(--style_color_f08200); font-weight: bold;}
.c_bigImg_titleEn { font-family: Din; color: #fff; opacity: 0.2;}
.c_bigImg_more { color: #fff; opacity: 0.2; margin-top: 20px;}
.c_littleImg { background: #fff; flex: 1; display: flex; flex-wrap: wrap; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-sizing: border-box;}
.c_littleImg div { position: relative; width: 33.3%; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; transition: 0.5s;}
.c_littleImg div:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1;}
.c_littleImg div img { width: 100%; vertical-align: top;}
.c_littleImg div p { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}
@media screen and (max-width: 1600px) {
    .c_title .c_div3 { margin: 20px 0;}
}
@media screen and (max-width: 1280px) {
    .c_title_list a { padding: 15px 32px;}
}
@media screen and (max-width: 1024px) {
    .c_container .item_top { padding-left: 0;}
    .c_div1 { margin-bottom: 0;}
    .c_div2 { font-size: 26px;}
    .c_title_list a { padding: 12px 25px; font-size: 16px;}
    .c_title_list a + a { margin-left: 15px;}
    .index_layout { padding: 50px 0 100px;}
    .c_bigImg_title { font-size: 20px;}
    .c_bigImg_more { margin-top: 5px;}
}
@media screen and (max-width: 768px) {
    .c_title_list a { padding: 10px 15px; font-size: 14px;}
    .c_title_list a + a { margin-left: 10px;}
    .c_littleImg div p { text-align: center; width: 100%; font-size: 14px;}
    .c_container .item_top { margin-bottom: 10px;}
    .c_bigImg_title { font-size: 18px;}
    .c_bigImg { flex: 0 1 40%;}
    .c_bigImg_more { font-size: 15px;}
}
@media screen and (max-width: 700px) {
    .c_container .item_top { display: block;}
    .index_layout { padding: 40px 0 50px;}
    .c_div2 { font-size: 20px;}
    .c_title_list { white-space: nowrap; overflow: auto; scrollbar-width: none; -ms-overflow-style: none; margin: 10px 0;}
    .c_title_list::-webkit-scrollbar { display: none;}
    .c_title_list a { padding: 6px 15px;}
    .c_container .item_bottom { display: block;}
    .c_bigImg_more { font-size: 16px;}
    .c_littleImg div { width: 50%;}
}




/* index_d */
.index_d { overflow: hidden;}
.d_container { width: 95%; margin: auto; max-width: 1600px;}
.d_container .item_top { padding-left: 135px;}
.d_container .item_top .d_div3 { margin: 40px 0;}
.d_container .item_bottom { position: relative;}
.d_container .item_bottom li { position: relative; filter: brightness(50%);}
.d_container .item_bottom li div { position: absolute; width: 100%; bottom: 5%; text-align: center; left: 0;}
.d_container .item_bottom li p { color: #ffffff; font-size: 30px; font-weight: bold; margin: 10px 0 20px;}
.d_container .item_bottom li span { color: #ffffff; line-height: 24px;}
.d_navigation { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%; z-index: 10;}
.d_navigation div { padding: 26px 13px; background: #e6e7e8; cursor: pointer;}
.swiper-button-prev-d { margin-left: -3.85%;}
.swiper-button-next-d { margin-right: -3.9%;}
.swiper_d .swiper-slide-active { filter: none !important;}
.swiper_d .swiper-slide-prev { filter: none !important;}
.swiper_d .swiper-slide-next { filter: none !important;}
@media screen and (max-width: 1024px) {
    .d_container .item_bottom li p { font-size: 20px;}
    .d_container .item_top { padding-left: 0;}
}
@media screen and (max-width: 768px) {
    .d_container .item_top { margin-bottom: 20px; padding: 0;}
}
@media screen and (max-width: 700px) {
    .swiper-button-prev-d { margin-left: 0;}
    .swiper-button-next-d { margin-right: 0;}
    .index_c { margin-bottom: 50px;}
    .b_div1 { margin-bottom: 0;}
}




/* index_e */
.e_container { width: 95%; margin: auto; max-width: 1600px; padding: 80px 0 140px; overflow: hidden;}
.e_container .item_top { padding-left: 135px; display: flex; justify-content: space-between; align-items: center;}
.e_container .item_top .e_div3 { margin: 40px 0;}
.e_container .item_top a { display: block; padding: 16px 37px; border: 1px solid #cccccc; border-radius: 30px; color: var(--style_color_f08200); font-size: 18px;}
.e_container .item_bottom { display: flex; justify-content: space-between;}
.newsImgToggle { display: flex; flex: 0 1 75%; margin-right: 30px;}
.newsImg img { width: 100%;}
.newsImgList { flex: 1; padding: 30px 40px; box-sizing: border-box; background: #fafafa;}
.newsImgList li { border-top: 2px solid #e6e6e6; padding: 20px 0; position: relative; transition: 0.5s;}
.newsImgList li::after { content: ''; background: var(--style_color_f08200); position: absolute; top: -2px; left: -1%; width: 104%; height: 2px; transition: 0.5s; transform: scale(0);}
.newsImgList li .index_news_date { font-family: Din; color: #444444;}
.newsImgList li .index_news_title { font-size: 24px; color: #222222; line-height: 36px; height: 36px; overflow: hidden; margin: 5px 0 15px;}
.newsImgList li .index_news_content { color: #444444; line-height: 24px; height: 72px; overflow: hidden;}
.newsImgList li .news_more { display: block; color: var(--style_color_f08200); margin-top: 30px;}
.index_news_layout { position: absolute; transition: 0.5s; top: 100%; opacity: 0;}
.newsImgList li:nth-of-type(3) { padding: 20px 0 140px;}
.newsImgList li:nth-of-type(3) .index_news_layout { position: absolute; top: 40%; opacity: 1;}
.newsImgList li:hover ~ li { padding: 20px 0;}
.newsImgList li:hover ~ li .index_news_layout { opacity: 0;}
.newsImgList li:hover { padding: 20px 0 140px;}
.newsImgList li:hover::after { transform: scale(1);}
.newsImgList li:hover .index_news_layout { top: 40%; opacity: 1;}
.newsImg { flex: 0 1 55%;}
.noNewsImg { flex: 1;}
.noNewsImg ul { flex: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.noNewsImg li { padding: 30px 25px; box-sizing: border-box; background: #fafafa;}
.noNewsImg li .index_news_date { font-family: Din; color: #444444;}
.noNewsImg li .index_news_title { color: #222222; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin: 10px 0 20px;}
.noNewsImg li .index_news_content{ color: #444444; font-size: 14px; line-height: 18px; height: 36px; overflow: hidden;}
@media screen and (max-width: 1366px) {
    .noNewsImg { display: none;}
    .newsImgToggle { flex: 0 1 100%; margin-right: 0;}
}
@media screen and (max-width: 1024px) {
    .newsImg { flex: 0 1 60%;}
    .newsImgList { flex: 0 1 40%; padding: 15px 30px;}
    .e_container .item_top { margin-bottom: 20px; padding-left: 0;}
    .e_container .item_top a { font-size: 16px; padding: 10px 32px;}
    .e_container .item_top .e_div3 { display: none;}
}
@media screen and (max-width: 768px) {
    .newsImgList li { padding: 8px 0;}
    .newsImgList li .index_news_title { font-size: 16px; margin: 5px 0;}
    .newsImgList li .news_more { margin-top: 15px;}
    .newsImgList li .index_news_content { height: 48px;}
    .e_container { padding: 50px 0;}
}
@media screen and (max-width: 700px) {
    .newsImgToggle { display: block;}
    .newsImgList { padding: 15px 0;}
    .newsImgList li { border-top: 1px solid #e6e6e6;}
    .newsImgList li:nth-of-type(3) { padding: 20px 0 120px;}
    .newsImgList li:hover { padding: 20px 0 120px;}
    .e_container { padding: 40px 0 0 ;}
}





/* about */
.about_banner { height: 350px; background: url(../images/about.jpg) center no-repeat; background-size: cover; position: relative;}
.about_banner div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.banner_div1 { font-size: 48px; font-weight: bold; color: var(--style_color_f08200); font-family: Din_Bold;}
.banner_div2 { font-size: 30px; color: var(--style_color_1d2088);}
.path { background: #f5f5f5;}
.path_container { box-sizing: border-box; width: 95%; max-width: 1600px; margin: auto; padding:23px 24px; background: url(../images/home.png) center left no-repeat; color: #666666; font-size: 14px;}
.about_container { margin: auto; max-width: 1600px; width: 95%; overflow: hidden; padding: 80px 0; display: flex; justify-content: space-between;}
.about_list { flex: 0 1 20%; margin-right: 20px; background: #f5f5f5; height: max-content;}
.about_list h3 { background: url(../images/about_bg1.jpg) no-repeat; background-size: cover; line-height: 100px; text-align: center; font-size: 30px; color: #fff;}
.about_list li {  padding: 0 20px 0 40px; border-bottom: 1px solid #e6e6e6;}
.about_list li a { display: block; line-height: 63px; position: relative; transition: 0.5s;}
.about_list li a span { position: absolute; right: 0;}
.about_list li a:hover { color: var(--style_color_f08200);}
.about_list li.current a { color: var(--style_color_f08200);}
.about_content  { flex: 1; background: #f5f5f5; padding: 70px 60px; box-sizing: border-box;}
.about_content .item_top { text-align: center;}
.about_content .item_top p { font-size: 44px; color: var(--style_color_1d2088);}
.about_content .item_top div { display: inline-block; width: 32px; height: 2px; background: var(--style_color_1d2088); margin-top: 20px;}
.about_content .item_middle { margin: 50px 0 30px;}
.about_content .item_middle p {color: #444444; font-size: 18px; line-height: 2;}
.about_content .item_middle p + p { margin-top: 20px;}
.about_content .item_bottom ul { background: url(../images/index_b_img1.jpg) no-repeat; background-size: cover; padding: 40px 80px; box-sizing: border-box; display: flex; justify-content: space-between;}
.about_content .item_bottom ul li { color: #fff;}
.about_content .item_bottom li span { font-size: 72px; font-family: Din;}
.about_content .item_bottom li i { font-style: normal; position: relative; top: -18px; color: #fff; font-size: 20px;}
.about_content .item_bottom li p { font-size: 18px; font-family: OPPOSans;}
@media screen and (max-width: 1440px) {
    .about_list h3 { font-size: 24px;}
    .about_content .item_top p { font-size: 36px;}
    .about_content .item_bottom li span { font-size: 60px;}
    .about_content { padding: 30px 60px;}
}
@media screen and (max-width: 1024px) {
    .about_content .item_bottom ul { padding: 40px 20px;}
    .about_content .item_bottom li span { font-size: 40px;}
    .about_content .item_bottom li i { top: -5px; font-size: 16px;}
    .about_content { padding: 30px;}
    .about_list h3 { line-height: 60px;}
    .about_content .item_top p { font-size: 32px;}
    .about_content .item_middle { margin: 30px 0;}
}
@media screen and (max-width: 768px) {
    .about_container { padding: 50px 0;}
    .about_list { flex: 0 1 25%;}
    .about_content .item_top p { font-size: 26px;}
    .about_list h3 { font-size: 20px;}
    .about_content .item_middle p { font-size: 16px;}
    .path_container { padding: 15px 24px;}
    .about_content .item_bottom ul { flex-wrap: wrap; padding: 30px 20px 10px;}
    .about_content .item_bottom ul li { flex: 0 1 50%; margin-bottom: 20px;}
    .about_content .item_bottom li span { font-size: 32px;}
    .about_content .item_bottom li p { font-size: 16px;}
    .about_content .item_bottom li i { top: -2px; font-size: 14px;}
}
@media screen and (max-width: 700px) {
    .about_content { padding: 20px 10px;}
    .banner_div1 { font-size: 24px;}
    .banner_div2 { font-size: 20px;}
    .about_banner { height: 200px !important;}
    .about_banner div { width: 100%;}
    .path_container { padding: 10px 25px;}
    .about_container { padding: 40px 0 20px;}
    .about_list h3 { font-size: 18px; padding: 0 20px; line-height: 40px;}
    .about_container { display: block;}
    .about_list { margin-right: 0; margin-bottom: 30px;}
    .about_list ul { display: flex; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; overflow: auto;}
    .about_list ul::-webkit-scrollbar { display: none;}
    .about_list li { flex: 0 1 33.3%; padding: 0 10px 0 20px;}
    .about_list li a { line-height: 50px;}
    .about_content .item_top p { font-size: 22px;}
    .about_content .item_top div { margin-top: 10px;}
    .about_content .item_middle { margin: 20px 0;}
}



/* product */
.product_banner { height: 350px; background: url(../images/product.jpg) center no-repeat; background-size: cover;}
.product_container { padding: 50px 0; width: 95%; margin: auto; max-width: 1600px; display: flex; justify-content: space-between;}
.product_content { flex: 1;}
.product_content ul li { float: left; width: 31%; margin: 0 1% 2% 1%; transition: 0.5s; text-align: center;}
.product_photograph { border: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden;}
.product_name { color: #444444; line-height: 24px; height: 24px; overflow: hidden; padding: 0 10px; margin-top: 10px; transition: 0.5s;}
.product_content ul li:hover { transform: translateY(-20px);}
.product_content ul li:hover .product_photograph img { transform: scale(1.05);}
.product_content ul li:hover .product_name { color: var(--style_color_f08200);}
@media screen and (max-width: 700px) {
    .product_container { padding: 40px 0 20px;}
    .product_container { display: block;}
    .about_list li a span { position: static; margin-left: 10px;}
    .product_content ul li { width: 48%; margin: 0 1% 5% 1%;}
}




/* news */
.news_banner { height: 350px; background: url(../images/news.jpg) center no-repeat; background-size: cover;}
.news_banner .banner_div2 { color: #fff;}
.news_container2 { flex: 1;}
.news_container2 li { width: 31%; margin: 0 1% 5% 1%; float: left; padding: 20px; background: #f5f5f5; box-sizing: border-box;}
.news_container2 li:first-child { width: 100%; padding: 20px;}
.news_container2 li:first-child a { display: flex; justify-content: space-between;}
.news_container2 li:first-child .news_photograph { flex: 0 1 30%; margin-right: 20px;}
.news_container2 li:first-child .news_layout { flex: 0 1 65%; display: flex; flex-direction: column; justify-content: center;}
.news_container2 li:first-child .news_date { color: #444444; font-family: Din;}
.news_container2 li:first-child .news_title { font-size: 24px; line-height: 32px; height: 32px; overflow: hidden; color: var(--style_color_1d2088); margin-top: 10px;}
.news_container2 li:first-child .news_content { color: #444444; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 45px;}
.news_container2 li:first-child .news_more { color: var(--style_color_f08200);}
.news_photograph { overflow: hidden;}
.news_container2 li:hover .news_photograph img { transform: scale(1.05);}
.news_container2 li:nth-of-type(n+2) .news_layout { padding: 30px 0;}
.news_container2 li:nth-of-type(n+2) .news_date { color: #444; font-family: Din;}
.news_container2 li:nth-of-type(n+2) .news_title { color: #222222; font-size: 18px; line-height: 36px; height: 36px; overflow: hidden; margin: 5px 0 15px}
.news_container2 li:nth-of-type(n+2) .news_content { color: #444; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.news_container2 li:nth-of-type(n+2) .news_more { display: none;}
@media screen and (max-width: 1024px) {
    .news_container2 li:first-child .news_photograph { flex: 0 1 45%;}
    .news_container2 li:nth-of-type(n+2) .news_layout { padding: 20px 0 0;}
}
@media screen and (max-width: 768px) {
    .news_container2 li { width: 48%;}
    .news_container2 li:first-child { padding: 20px 10px;}
    .news_container2 li:first-child .news_content { margin: 15px 0 30px;}
    .news_container2 li:first-child .news_photograph { flex: 0 1 60%;}
    .news_container2 li:first-child .news_title { font-size: 20px;}
}
@media screen and (max-width: 700px) {
    .news_container2 li:first-child .news_photograph { margin-right: 0;}
    .news_container2 li:first-child .news_date { margin-top: 10px;}
    .news_container2 li:first-child .news_title { font-size: 18px;}
    .news_container2 li:nth-of-type(n+2) .news_date { font-size: 14px;}
    .news_container2 li:nth-of-type(n+2) .news_title { font-size: 16px;}
    .news_container2 li:nth-of-type(n+2) .news_layout { padding: 10px 0 0;}
    .news_container2 li { padding: 10px;}
}




/* service */
.service_banner { height: 350px; background: url(../images/service.jpg) center no-repeat; background-size: cover; position: relative;}
.service_container { width: 95%; margin: auto; max-width: 1600px; padding: 80px 0; display: flex; justify-content: space-between;}
.service_content { flex: 1;}
.service_content .item_top { padding: 40px; box-sizing: border-box; background: #f5f5f5; margin-bottom: 40px;}
.service_content .item_top ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.service_content .item_top li { flex: 0 1 32%; background: #fff; margin-bottom: 60px;}
.service_content .item_top li:nth-of-type(n+4) { margin-bottom: 0;}
.service_content .item_top li div { padding: 30px; box-sizing: border-box; box-sizing: border-box;}
.service_content .item_top li p { font-size: 30px; color: var(--style_color_1d2088); margin: 10px 0 20px;}
.service_content .item_top li span { line-height: 24px; color: #444444;}
.service_content .item_top li:nth-of-type(2) { display: flex; flex-direction: column-reverse;}
.service_content .item_top li:nth-of-type(5) { display: flex; flex-direction: column-reverse;}
.service_content .item_bottom { padding: 100px 20px 60px; background: #f5f5f5; box-sizing: border-box;}
.service_div1 { font-size: 44px; color: #222222; margin-bottom: 40px;}
.service_content .item_bottom ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.service_content .item_bottom li { flex: 0 1 48%; background: #fff; padding: 10px 30px 30px; margin-bottom: 40px; box-sizing: border-box;}
.service_div2 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 15px;}
.service_div2 div { font-size: 24px; color: var(--style_color_f08200); font-weight: bold;}
.service_div2 span { font-size: 72px; color: #e5e5e5; font-family: Din; line-height: 1;}
.service_div3 { line-height: 24px; color: #444;}
@media screen and (max-width: 1440px) {
    .service_content .item_top li p { font-size: 26px;}
}
@media screen and (max-width: 1280px) {
    .service_content .item_top li div { padding: 20px;}
    .service_content .item_top { padding: 25px;}
}
@media screen and (max-width: 1024px) {
    .service_content .item_bottom { padding: 50px 20px 40px;}
    .service_div1 { font-size: 32px;}
}
@media screen and (max-width: 768px) {
    .service_container .about_list { display: none;}
    .service_container { padding: 50px 0;}
    .service_content .item_top li { flex: 0 1 48%;}
    .service_content .item_top li:nth-of-type(n+4) { margin-bottom: 50px;}
    .service_div2 span { font-size: 50px;}
}
@media screen and (max-width: 700px) {
    .service_container { padding: 40px 0 20px;}
    .service_content .item_bottom { padding: 40px 20px 20px;}
    .service_content .item_top { padding: 25px 10px 5px 10px;}
    .service_content .item_top li div { padding: 20px 10px;}
    .service_content .item_top li p { font-size: 16px;}
    .service_content .item_top li p { margin: 10px 0;}
    .service_content .item_top li { margin-bottom: 40px;}
    .service_content .item_top li:nth-of-type(n+4) { margin-bottom: 40px;}
    .service_content .item_top li div img { width: 35px; height: 35px;}
    .service_content .item_bottom ul { display: block;}
    .service_div1 { font-size: 24px; margin-bottom: 30px;}
    .service_div2 div { font-size: 20px;}
    .service_content .item_bottom li { padding: 10px 20px 30px; margin-bottom: 20px;}
    .service_div2 span { font-size: 36px;}
}





/* contact */
.contact_banner { height: 350px; background: url(../images/contact.jpg) center no-repeat; background-size: cover; position: relative;}
.contact_container { width: 95%; max-width: 1600px; margin: auto; padding: 80px 0;}
.contact_container .item_top ul { display: flex; justify-content: space-between; padding: 0 135px;}
.contact_container .item_top li { flex: 0 1 33.3%; display: flex; flex-direction: column; align-items: center; text-align: center;}
.contact_div1 { display: flex; align-items: center; justify-content: center; width: 156px; height: 156px; border-radius: 50%; border: 1px solid #e7e7e7;}
.contact_div2 { font-size: 18px; color: #222222; margin: 45px 0 15px;}
.contact_div3 { color: #888888; line-height: 1.5;}
.contact_container .item_bottom { margin-top: 80px;}
@media screen and (max-width: 1366px) {
    .contact_container .item_top ul { padding: 0;}
}
@media screen and (max-width: 1024px) {
    #dituContent { height: 400px !important;}
}
@media screen and (max-width: 768px) {
    .contact_container { padding: 50px 0;}
    .contact_container .item_top li:nth-of-type(1) .contact_div3 br { display: none;}
    .contact_container .item_top li { flex: 0 1 30%;}
    .contact_div1 { width: 125px; height: 125px;}
    .contact_div2 { margin: 25px 0 15px;}
    #dituContent { height: 300px !important;}
}
@media screen and (max-width: 700px) {
    .contact_container .item_top ul { flex-direction: column;}
    .contact_div2 { margin: 0; font-size: 14px;}
    .contact_container .item_top li { flex-direction: row; justify-content: space-between; margin-bottom: 20px;}
    .contact_container .item_top li:nth-of-type(1) { order: 2;}
    .contact_container .item_top li:nth-of-type(2) { order: 1;}
    .contact_div1 { width: 50px; height: 50px; margin: auto;}
    .contact_div1 img { width: 35%;}
    .contact_div3 { flex: 0 1 80%;}
    #dituContent { height: 240px !important;}
    .contact_container .item_bottom { margin-top: 30px;}
    .contact_container { padding: 40px 0 50px;}
}



/* brand */
.brand { display: flex; padding: 20px 0; background: #fafafa; overflow: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none;}
.brand::-webkit-scrollbar { display: none;}
.brand img { flex:0 1 10%;}
.brand img + img { border-left: 1px solid #e6e6e6;}




/* footer */
.footer { background: url(../images/footer_bg.jpg); background-size: cover; overflow: hidden; border-top: 5px solid var(--style_color_f08200);}
.footer_container { width: 95%; margin: auto; max-width: 1600px;}
.footer_container .item_top { display: flex; justify-content: space-between; padding-top: 70px;}
.footer_list { flex: 0 1 50%; display: flex; justify-content: space-between;}
.footer_list h3 { color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 30px;}
.footer_list ul a { display: block; color: #cccccc; font-size: 14px; margin-bottom: 15px;}
.footer_list ul a:hover { text-decoration: underline;}
.footer_information { text-align: right;}
.footer_information div ~ div { margin-top: 20px;}
.footer_information p { font-size: 14px; color: #ccc; line-height: 1.5;}
.footer_div2 span { color: var(--style_color_f08200); font-weight: bold; font-size: 36px;}
/* .footer_container .item_middle { padding: 30px 0;}
.footer_container .item_middle span { margin-left: 28px; position: relative; cursor: pointer;}
.footer_container .item_middle span img:nth-of-type(2) { position: absolute; left: -29px; top: -100px; display: none;}
.footer_container .item_middle span:hover img:nth-of-type(2) { display: block;} */
.footer_container .item_middle { display: flex; margin: 20px 0; color: #fff;}
.footer_container .item_middle a { color: #fff; margin: 0 10px;}
.friend_link { margin-left: 20px; flex: 1;}
.footer_container .item_bottom { border-top: 1px solid #333333; padding: 20px 0; display: flex; justify-content: space-between; color: #999999; font-size: 14px;}
.footer_container .item_bottom a { color: #999;}
.footer_container .item_bottom a:hover { text-decoration: underline;}
.iphone_footer { width: 100%; display: none; padding: 5px 0; text-align: center; background: var(--style_color_1d2088); 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: 1024px) {
    .footer_container .item_bottom span { display: none;}
}
@media screen and (max-width: 768px) {
    .footer_container .item_top { padding-top: 50px;}
}
@media screen and (max-width: 700px) {
    .footer { margin-bottom: 54px;}
    .iphone_footer { display: block;}
    .footer_container .item_top { padding: 30px 0; display: block;}
    .footer_list { display: none;}
    .footer_information { text-align: left;}
    .footer_div2 span { font-size: 20px;}
    .footer_container .item_middle { display: none;}
    .footer_information div ~ div { margin-top: 10px;}
    .footer_div1 { width: 40%;}
    .footer_container .item_bottom { padding: 15px 0; 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_f08200); 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_f08200); padding-left: 10px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: var(--style_color_f08200);}
.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;}
}