@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: #d9251c;
}

/* 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;border: 1px solid #dcdcdc;}
.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 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;}
}
/*基础配置*/


@font-face {
    font-family: DINCondensed;
    src: url(../fonts/D-DINCondensed.ttf);
}
@font-face {
    font-family: DINCondensedBold;
    src: url(../fonts/D-DINCondensed-Bold.ttf);
}


/* nav */
.nav { width: 100%; background: #fff; border-top: 2px solid var(--style_color); border-bottom: 1px solid #cccccc;}
.navContainer { width: 95%; max-width: 1440px; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative;}
.navContainer .itemRight { display: flex; flex: 0 1 70%;}
.headList { flex: 1;}
.headList>ul { display: flex;}
.headList>ul>li>a { text-align: center; display: block; line-height: 97px; transition: 0.5s;}
.headList>ul>li { position: relative; flex: 1;}
.headList>ul>li::before { content: url(../images/navArrow.png); position: absolute; top: 47%; right: 15%; transform: translateY(-50%);}
.headList>ul>li:first-child::before, .headList li:last-child::before { display: none;}
.headList>ul>li::after { z-index: 10; transition: 0.5s; content: ''; position: absolute; background: var(--style_color); width: 50%; height: 2px; left: 50%; bottom: -1px; transform: translateX(-50%) scale(0);}
.headList>ul>li.current>a { color: var(--style_color);}
.headList>ul>li.current::after { transform: translateX(-50%) scale(1);}
.headList>ul>li:hover>a { color: var(--style_color);}
.headList>ul>li:hover::after { transform: translateX(-50%) scale(1);}
.subMenu { transition: 0.5s; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 17%; width: 200px; z-index: 10; background: #fff; padding: 10px 0;}
.subMenu a { transition: 0.5s; font-size: 14px; display: block; padding: 10px 20px;}
.subMenu a:hover { color: var(--style_color); transform: translateX(20px);}
.headList>ul>li:hover .subMenu { visibility: visible; opacity: 1;}
.headContact { margin-left: 2%; display: flex; align-items: center;}
.headContact img { margin-right: 11px;}
.headContact div { color: var(--style_color); font-family: DINCondensedBold; font-size: 30px;}
.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: 32px; font-size: 15px;}
.toggleClass { right: 0%; transition: 0.5s;}

@media screen and (max-width: 1440px) {
    .navContainer .itemRight { flex: 0 1 78%;}
}
@media screen and (max-width: 1024px) {
    .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;}
    .navContainer .itemRight { display: none;}
    .navContainer { height: 80px;}
}
@media screen and (max-width:500px) {
    .mobile_sub_menu { width: 60%; padding: 20px 20px;}
    .navContainer { height: 55px;}
    .navContainer .itemLeft { flex: 0 1 26%;}
}



/* indexOne */
.indexOne { position: relative; overflow: hidden;}
.swiper-pagination-a { position: absolute; bottom: 10% !important; left: 12.5% !important; z-index: 1; width: auto !important;}
.swiper-pagination-a .swiper-pagination-bullet { border-radius: 3px !important; width: 32px !important; height: 4px !important; background: #fff !important; margin: 0 5px !important; opacity: 1 !important;}
.swiper-pagination-a .swiper-pagination-bullet-active { background: var(--style_color) !important; width: 56px !important;}
.swiper_a li img:nth-of-type(2) { display: none;}
@media screen and (max-width: 768px) {
    .swiper_a li img:nth-of-type(1) { display: none;}
    .swiper_a li img:nth-of-type(2) { display: block;}
}
@media screen and (max-width: 500px) {
    .swiper-pagination-a { left: 50% !important; transform: translateX(-50%); bottom: 5% !important;}
}



/* indexTwo */
.twoConatainer { width: 95%; margin: auto; max-width: 1420px; padding: 80px 0; overflow: hidden;}
.twoConatainer .itemTop { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; display: flex; justify-content: space-between; align-items: flex-end;}
.twoDiv1 div { position: relative; color: var(--style_color); font-size: 40px; font-weight: bold;}
.twoDiv1 div::after { content: ''; position: absolute; width: 100px; height: 2px; background: var(--style_color); left: -120px; top: 50%; transform: translateY(-50%);}
.twoDiv1 span { font-size: 18px; color: #666666; font-family: DINCondensed;}
.twoDiv2 { display: block; padding: 16px 39px; background: var(--style_color); color: #fff !important;}
.twoConatainer .itemBottom { display: flex;}
.indexProductList { height: max-content; flex: 0 1 18%; margin-right: 30px; border: 1px solid #e6e6e6; padding: 5px 9px; background: #f5f5f5;}
.indexProductList a { border-radius: 3px; width: 100%; transition: 0.5s; position: relative; display: block; line-height: 74px; text-align: center;}
.indexProductList a img { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); opacity: 0;}
.indexProductList li ~ li { border-top: 1px solid #e6e6e6;}
.indexProductContent { flex: 1;}
.indexProductContent ul { text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexProductContent li { flex: 0 1 23%; margin: 0 1% 3% 1%;}
.indexProductContent li img { display: block;}
.indexProductImg { border: 1px solid #e6e6e6;}
.indexProcutName { color: #444444; padding: 0 10px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 5px;}
.indexProductList a:hover { color: #fff; background: linear-gradient(to bottom, #ff3c32 , var(--style_color)); width: 110%; border-radius: 3px;}
.indexProductList a:hover img { opacity: 1;}
@media screen and (max-width: 1280px) {
    .indexProductList a { line-height: 62px;}
}
@media screen and (max-width: 1024px) {
    .twoConatainer { padding: 60px 0;}
    .indexProductList { flex: 0 1 22%;}
    .indexProductContent li { flex: 0 1 31%;}
    .indexProductContent li:nth-of-type(n+10) { display: none;}
}
@media screen and (max-width: 768px) {
    .twoConatainer { padding: 40px 0 50px;}
    .twoDiv1 div { font-size: 28px;}
    .twoDiv2 { padding: 6px 20px;}
    .indexProductContent li { flex: 0 1 48%;}
    .indexProductList { flex: 0 1 28%;}
    .indexProductContent li:nth-of-type(n+7) { display: none;}
    .twoConatainer .itemTop { align-items: center;}
}
@media screen and (max-width: 500px) {
    .twoConatainer .itemTop { padding-bottom: 10px;}
    .twoConatainer .itemBottom { display: block;}
    .indexProductList { margin-right: 0; box-sizing: border-box; margin-bottom: 20px;}
    .indexProductList ul { display: flex; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; overflow: auto;}
    .indexProductList ul::-webkit-scrollbar { display: none;}
    .indexProductList li ~ li { border-top: none; margin-left: 20px;}
    .indexProductList a { line-height: 40px;}
    .indexProductList a:hover img { opacity: 0;}
    .twoDiv1 div { font-size: 22px;}
}



/* indexThree */
.indexThree { background: url(../images/bgThree.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.threeContainer { width: 95%; margin: auto; max-width: 1420px; padding: 80px 0;}
.threeContainer .itemTop div { margin-bottom: 10px; position: relative; font-size: 48px; color: var(--style_color); font-weight: bold;}
.threeContainer .itemTop div::after { content: ''; position: absolute; width: 100px; height: 2px; background: var(--style_color); left: -120px; top: 50%; transform: translateY(-50%);}
.threeContainer .itemTop p { color: #666666;}
.threeContainer .itemBottom { position: relative; top: -80px;}
.threeContainer .itemBottom li { display: flex; justify-content: space-between; align-items: center; }
.threeList { display: flex; width: max-content; margin-right: 50px;}
.threeDiv1 { font-size: 72px; color: #222222; font-family: DINCondensed; margin-right: 20px;}
.threeDiv2 { padding-top: 40px;}
.threeDiv2 div { font-size: 30px; color: #222222;}
.threeDiv2 span { display: block; font-size: 18px; color: #666666; margin: 8px 0 25px; font-family: DINCondensed;}
.threeDiv2 p { color: #444444; line-height: 30px;}
.threeImg { flex: 1; border-left: 10px solid var(--style_color);}
.threeImg img { display: block;}
.threeArrow { position: absolute; bottom: 0; left: 7.5%; cursor: pointer;}
@media screen and (max-width: 1024px) {
    .indexThree { background-size: auto;}
    .threeContainer .itemBottom { top: 0;}
    .threeContainer .itemTop div::after { display: none;}
    .threeContainer .itemTop div { font-size: 40px;}
    .threeDiv2 { padding-top: 10px;}
    .threeArrow { bottom: -15%; left: 6%; transform: scale(0.8);}
    .threeContainer { padding: 60px 0 80px;}
}
@media screen and (max-width: 768px) {
    .threeContainer { padding: 40px 0 80px;}
    .threeContainer .itemTop div { font-size: 28px;}
    .threeContainer .itemTop { margin-bottom: 30px;}
    .threeDiv1 { font-size: 40px; margin-right: 10px;}
    .threeDiv2 div { font-size: 22px;}
    .threeList { flex: 0 1 50%; margin-right: 30px;}
    .threeDiv2 span { margin: 8px 0 12px;}
    .threeArrow { bottom: -22%; left: 1%; transform: scale(0.6);}
    .threeDiv2 p br { display: none;}
}
@media screen and (max-width: 500px) {
    .threeContainer .itemTop div { font-size: 22px;}
    .threeContainer .itemBottom li { display: block;}
    .threeList { width: auto; display: block; margin-right: 0; margin-bottom: 12px;}
    .threeDiv1 { display: none;}
    .threeContainer .itemTop { margin-bottom: 20px;}
    .threeDiv2 div { font-size: 18px; font-weight: bold;}
    .threeArrow { bottom: -18%; left: auto; right: 0;}
}



/* indexFour */
.indexFour { padding: 50px 0 100px; position: relative; overflow: hidden;}
.indexFour .itemTop { width: 95%; margin: auto; max-width: 1420px;}
.indexFour .itemTop div { position: relative; font-size: 48px; color: var(--style_color); font-weight: bold;}
.indexFour .itemTop div::after { content: ''; position: absolute; width: 100px; height: 2px; background: var(--style_color); left: -120px; top: 50%; transform: translateY(-50%);}
.indexFour .itemTop p { color: #666666; margin: 10px 0 50px;}
.indexCaseName { position: absolute; top: 5%; left: 5%; font-size: 30px; color: #222222;}
.fiveArrow { position: absolute; width: 95%; max-width: 1420px; display: flex; justify-content: space-between; left: 50%; top: 50%; transform: translate(-50%, 0%); z-index: 1;}
.fiveArrow img { cursor: pointer;}
@media screen and (max-width: 1024px) {
    .indexFour .itemTop div { font-size: 40px;}
    .indexFour .itemTop div::after { display: none;}
    .indexCaseName { font-size: 20px;}
    .indexFour { padding: 50px 0 80px;}
}
@media screen and (max-width: 768px) {
    .indexFour { padding: 40px 0 50px;}
    .indexFour .itemTop div { font-size: 28px;}
    .fiveArrow { top: 54%;}
    .fiveArrow img { transform: scale(0.8);}
    .indexFour .itemBottom img { display: block;}
}
@media screen and (max-width: 500px) {
    .indexFour .itemTop div { font-size: 22px;}
    .indexCaseName { font-size: 16px;}
    .fiveArrow img { transform: scale(0.6);}
    .fiveArrow { top: 57%;}
    .indexFour .itemTop p { margin: 10px 0 30px;}
}



/* indexSix */
.indexSix { background: url(../images/bgSix.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.sixContainer { padding: 100px 0; max-width: 1670px; margin: auto; margin-right: 0; display: flex; justify-content: space-between; align-items: center;}
.sixContainer .itemLeft { flex: 0 1 45%; margin-right: 30px;}
.sixContainer .itemRight { flex: 1;}
.sixContainer .itemRight img { display: block;}
.sixDiv1 { margin-bottom: 10px; position: relative; font-size: 48px; color: var(--style_color); font-weight: bold;}
.sixDiv1::after { content: ''; position: absolute; width: 100px; height: 2px; background: var(--style_color); left: -120px; top: 50%; transform: translateY(-50%);}
.sixDiv2 { color: #666666; margin: 10px 0 50px;}
.sixDiv3 { color: #222; line-height: 2;}
.sixDiv4 {  margin-top: 9%; display: flex; justify-content: space-between; align-items: flex-end;}
.sixDiv5 div { font-size: 36px; color: #ccc; font-family: DINCondensed;}
.sixDiv5 a { margin-top: 20px; display: block; padding: 16px 40px; color: #fff; background: var(--style_color);}
.sixDiv6 img ~ img { margin-left: 30px;}
@media screen and (max-width: 1670px) {
    .sixContainer { width: 95%; margin-right: auto;}
    .sixDiv1::after { display: none;}
}
@media screen and (max-width: 1600px) {
    .sixDiv6 img ~ img { margin-left: 10px;}
}
@media screen and (max-width: 1440px) {
    .sixDiv6 { display: none;}
    .sixDiv5 { display: flex; align-items: center;}
    .sixDiv5 a { margin-left: 20px; margin-top: 0;}
    .sixDiv3 br { display: none;}
}
@media screen and (max-width: 1024px) {
    .sixContainer { padding: 60px 0;}
    .sixDiv1 { font-size: 40px;}
    .sixDiv2 { margin: 10px 0 20px;}
    .sixDiv4 { margin-top: 3%;}
}
@media screen and (max-width: 768px) {
    .sixContainer { padding: 40px 0 50px;}
    .sixDiv1 { font-size: 28px;}
    .sixContainer { display: block;}
    .sixContainer .itemLeft { margin-right: 0;}
    .sixDiv3 { margin-bottom: 20px;}
    .sixDiv3 br { display: block;}
    .sixDiv4 { display: none;}
}
@media screen and (max-width: 500px) {
    .sixDiv1 { font-size: 22px;}
}





/* indexSeven */
.sevenContainer { width: 95%; margin: auto; max-width: 1420px; padding: 100px 0; overflow: hidden;}
.sevenContainer .itemTop { margin-bottom: 60px; display: flex; justify-content: space-between; align-items: flex-end;}
.sevenDiv1 div { margin-bottom: 10px; position: relative; font-size: 48px; color: var(--style_color); font-weight: bold;}
.sevenDiv1 div::after { content: ''; position: absolute; width: 100px; height: 2px; background: var(--style_color); left: -120px; top: 50%; transform: translateY(-50%);}
.sevenDiv1 p { color: #666666;}
.sevenDiv2 { display: flex;}
.sevenDiv2 div { cursor: pointer; background: var(--style_color); padding: 17px 38px; color: #fff; margin-left: 20px;}
.indexNewsList { display: flex; justify-content: space-between;}
.indexBigImg { position: relative; margin-right: 20px;}
.indexBigImg div { box-sizing: border-box; background: var(--style_color); font-size: 18px; color: #fff; position: absolute; width: 100%; bottom: 0; left: 0; line-height: 48px; height: 48px; overflow: hidden; padding: 0 20px;}
.sevenContainer .itemBottom ul { flex: 0 1 50%; }
.sevenContainer .itemBottom li a { box-sizing: border-box; border-bottom: 1px solid #ccc; padding: 30px 0; display: flex; justify-content: space-between;}
.indexNewsLayout { flex: 0 1 70%;}
.indexNewsTitle { font-weight: bold; margin-bottom: 8px; font-size: 20px; color: #444; line-height: 36px; height: 36px; overflow: hidden;}
.indexNewsContent { line-height: 24px; height: 48px; overflow: hidden; color: #444;}
.indexNewsDate { padding: 0 10px; border-left: 1px solid #ccc; color: var(--style_color); text-align: center;}
.indexNewsDate span { font-size: 72px; font-family: DINCondensed;}
.indexNewsDate p { font-size: 24px; font-family: DINCondensed;}
@media screen and (max-width: 1024px) {
    .sevenContainer { padding: 80px 0;}
    .sevenDiv1 div { font-size: 40px;}
    .sevenContainer .itemBottom li a { padding: 20px 0;}
    .sevenContainer .itemTop { margin-bottom: 40px; align-items: center;}
    .sevenDiv2 div { padding: 12px 25px;}
    .indexBigImg div { font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .sevenContainer { padding: 40px 0 50px;}
    .sevenContainer .itemBottom li a { padding: 10px 0;}
    .indexNewsTitle { font-size: 16px;}
    .sevenContainer .itemBottom ul { flex: 0 1 65%;}
    .sevenDiv1 div { margin-bottom: 0; font-size: 28px;}
    .sevenDiv2 div { padding: 8px 12px;}
    .indexNewsDate span { font-size: 60px;}
}
@media screen and (max-width: 500px) {
    .sevenDiv1 div { font-size: 22px;}
    .sevenDiv2 { display: none;}
    .indexNewsList { display: block;}
    .sevenContainer .itemTop { margin-bottom: 30px;}
    .indexBigImg { margin-right: 0;}
    .indexBigImg div { line-height: 36px; height: 36px;}
}




/* about */
.aboutBanner { position: relative; height: 300px; background: url(../images/about.jpg) center no-repeat; background-size: cover;}
.aboutBanner div { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bannerDiv1 { font-size: 48px; color: var(--style_color); font-weight: bold;}
.bannerDiv2 { position: relative; font-size: 22px; font-family: DINCondensed; color: #fff; margin-top: 10px; text-transform: uppercase;}
.bannerDiv2::before { content: ''; position: absolute; width: 48px; height: 1px; background: #fff; left: -25px; top: 50%; transform: translateY(-50%);}
.bannerDiv2::after { content: ''; position: absolute; width: 48px; height: 1px; background: #fff; right: -25px; top: 50%; transform: translateY(-50%);}
.aboutList { background: #f5f5f5;}
.aboutListContainer { display: flex; align-items: center; justify-content: space-between; width: 95%; margin: auto; max-width: 1420px;}
.aboutListContainer ul { display: flex;}
.aboutListContainer li { position: relative; transition: 0.5s; margin-right: 20px;}
.aboutListContainer li a { transition: 0.5s; display: block; line-height: 80px; padding: 0 12px; font-size: 18px; color: #666666;}
.aboutListContainer li::after { transition: 0.5s; transform: scale(0); content: ''; position: absolute; width: 100%; height: 3px; background: var(--style_color); left: 0; bottom: 0;}
.aboutListContainer li.aboutCurrent::after { transform: scale(1);}
.aboutListContainer li.current::after { transform: scale(1);}
.aboutListContainer li.current a { color: #444444;}
.aboutListContainer li.aboutCurrent a { color: #444444;}
.aboutListContainer li:hover a { color: #444444;}
.aboutListContainer li:hover::after { transform: scale(1);}
.path { font-size: 14px; color: #666666; background: url(../images/home.png) left center no-repeat; padding-left: 31px;}
.path a { color: #666666;}
@media screen and (max-width: 1280px) {
    .aboutListContainer li a { font-size: 16px; padding: 0 10px;}
}
@media screen and (max-width: 768px) {
    .bannerDiv1 { font-size: 36px;}
    .aboutPath .path { display: none;}
    .aboutListContainer ul { overflow: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none;}
    .aboutListContainer ul::-webkit-scrollbar { display: none;}
    .aboutListContainer li a { line-height: 60px;}
}
@media screen and (max-width: 500px) {
    .aboutBanner { height: 200px;}
    .bannerDiv1 { font-size: 24px;}
    .bannerDiv2::before, .bannerDiv2::after { display: none;}
    .bannerDiv2 { margin-top: 0;}
    .aboutListContainer li a { line-height: 50px;}
}



/* aboutOne */
.aboutOneContianer { width: 95%; margin: auto; max-width: 1420px; padding: 60px 0 100px;}
.aboutOneContianer .itemTop { text-align: center; margin-bottom: 50px;}
.aboutOneContianer .itemTop div { font-size: 36px; color: var(--style_color); font-weight: bold;}
.aboutOneContianer .itemTop p { font-size: 14px; color: #444444; line-height: 32px;}
.aboutOneContianer .itemBottom { display: flex; justify-content: space-between; align-items: center;}
.aboutOneContent { flex: 0 1 50%; margin-right: 30px; color: #222222; line-height: 2;}
.aboutOneContent img ~ img { margin-left: 30px; margin-top: 30px;}
.aboutOneImg { display: flex; justify-content: space-between;}
.aboutOneImg div ~ div { margin-left: 10px;}
@media screen and (max-width: 1366px) {
    .aboutOneContent br { display: none;}
    .aboutOneContent img ~ img { margin-left: 10px;}
}
@media screen and (max-width: 1024px) {
    .aboutOneContianer .itemTop div { font-size: 30px;}
    .aboutOneContianer .itemBottom { display: block;}
    #aboutTwo { text-align: center; margin-bottom: 20px;}
    .aboutOneImg { justify-content: center;}
}
@media screen and (max-width: 768px) {
    .aboutOneContianer { padding: 40px 0 50px;}
    .aboutOneContianer .itemTop { margin-bottom: 30px;}
}
@media screen and (max-width: 500px) {
    .aboutOneContianer .itemTop { margin-bottom: 20px;}
    .aboutOneContianer .itemTop div { font-size: 20px;}
    .aboutOneContent { margin-right: 0;}
    .aboutOneContent img { max-width: 15%;}
    .aboutOneContent img ~ img { margin-top: 10px;}
    .aboutOneImg img { display: block;}
    .aboutOneContent br { display: block;}
}



/* aboutTwo */
.aboutTwo { background: url(../images/bgAboutTwo.jpg) center no-repeat; background-size: cover;}
.aboutTwoContainer { width: 95%; margin: auto; max-width: 1420px; padding: 60px 0 30px;}
.aboutTwoContainer .itemTop { text-align: center; margin-bottom: 50px;}
.aboutTwoContainer .itemTop div { font-size: 36px; color: var(--style_color); font-weight: bold;}
.aboutTwoContainer .itemTop p { font-size: 14px; color: #444444; line-height: 32px;}
.aboutTwoContainer .itemBottom { display: flex; justify-content: space-between;}
.aboutTwoContent1 { flex: 0 1 50%; box-sizing: border-box;}
.aboutTwoContent1 ul { flex-wrap: wrap; display: flex; justify-content: space-between;}
.aboutTwoContent1 li:first-child { flex: 0 1 100%;}
.aboutTwoContent1 li:nth-of-type(n+2) { flex: 0 1 45%;}
.aboutTwoContent2 { flex: 0 1 50%; padding-left: 7%; box-sizing: border-box;}
.aboutTwoContent2 ul { flex-wrap: wrap; display: flex; justify-content: space-between;}
.aboutTwoContent1 li { flex: 0 1 100%;}
.aboutTwoContainer .itemBottom li { margin-bottom: 60px;}
.aboutTwoContainer .itemBottom li div { font-size: 30px; color: var(--style_color); font-weight: bold; margin: 20px 0 10px;}
.aboutTwoContainer .itemBottom p { font-size: 18px; line-height: 24px;}
@media screen and (max-width: 1024px) {
    .aboutTwoContainer .itemTop div { font-size: 30px;}
    .aboutTwoContainer .itemBottom li div { font-size: 22px;}
    .aboutTwoContent1 { flex: 0 1 45%;}
    .aboutTwoContent2 { flex: 0 1 50%;}
}
@media screen and (max-width: 768px) {
    .aboutTwoContainer { padding: 40px 0 0;}
    .aboutTwoContainer .itemTop { margin-bottom: 30px}
    .aboutTwoContainer .itemBottom li div { margin: 10px 0;}
    .aboutTwoContainer .itemBottom p { font-size: 16px;}
    .aboutTwoContainer .itemBottom li { margin-bottom: 40px;}
}
@media screen and (max-width: 500px) {
    .aboutTwoContainer .itemTop div { font-size: 22px;}
    .aboutTwoContainer .itemBottom { display: block;}
    .aboutTwoContent2 { padding-left: 0;}
    .aboutTwoContainer .itemBottom li div { font-size: 18px;}
}



/* aboutThree */
.aboutThree { position: relative;}
.aboutThreeContainer { width: 95%; margin: auto; max-width: 1420px; padding: 60px 0 70px; overflow: hidden;}
.aboutThreeContainer .itemTop { text-align: center;}
.aboutThreeContainer .itemTop div { font-size: 36px; color: #222; font-weight: bold;}
.aboutThreeContainer .itemTop p { width: 40px; height: 2px; background: #222222; display: inline-block; margin: 25px 0 50px;}
.aboutThreeContainer .itemBottom li { text-align: center;}
.aboutThreeContainer .itemBottom li p { line-height: 24px; height: 24px; overflow: hidden; padding: 0 10px; margin-top: 5px;} 
.aboutHonorArrow { position: absolute; width: 85% !important; left: 50% !important; top: 57% !important; transform: translateX(-50%); z-index: 10;}
.aboutHonorArrow .swiper-button-prev:after, .swiper-button-next:after { display: none;}
@media screen and (max-width: 1024px) {
    .aboutThreeContainer .itemTop div { font-size: 30px;}
    .aboutThreeContainer .itemTop p { margin: 10px 0 30px;}
}
@media screen and (max-width: 768px) {
    .aboutThreeContainer { padding: 40px 0 50px;}
}
@media screen and (max-width: 500px) {
    .aboutThreeContainer .itemTop div { font-size: 22px;}
    .aboutThreeContainer .itemTop p { margin: 10px 0 20px;}
}



/* contact */
.contactBanner { background: url(../images/contact.jpg) center no-repeat;}
.contactContainer { width: 95%; margin: auto; max-width: 1420px; padding: 55px 0 60px;}
.contactContainer .itemTop { border-bottom: 1px solid #ccc; padding-bottom: 50px; margin-bottom: 50px;}
.contactContainer .itemBottom { display: flex; justify-content: space-between;}
.contactContent { flex: 0 1 40%; margin-right: 50px; display: flex; flex-direction: column; justify-content: space-between;}
.contactDiv1 { font-size: 14px; color: #666666;}
.contactDiv2 { font-size: 40px; color: var(--style_color); font-family: DINCondensedBold;}
.contactDiv3 p { font-size: 18px; line-height: 2; color: #444444;}
.contactDiv4 {width: max-content; text-align: center; font-size: 14px; color: #666666;}
#dituContent { flex: 1; height: 420px !important;}
.contactListContainer .aboutCurrent { visibility: hidden;}
@media screen and (max-width: 768px) {
    .contactContainer .itemTop { padding-bottom: 20px;}
    #dituContent { height: 320px !important;}
    .contactDiv3 p { font-size: 16px;}
    .contactContainer { padding: 40px 0 50px;}
}
@media screen and (max-width: 500px) {
    .contactContainer .itemTop { margin-bottom: 30px;}
    .contactContainer .itemBottom { display: block;}
    #dituContent { height: 240px !important;}
    .contactContent { margin-right: 0; margin-bottom: 20px;}
}




/* product */
.productBanner { background: url(../images/product.jpg) center no-repeat;}
.productContainer { width: 95%; margin: auto; max-width: 1420px; padding: 60px 0; display: flex; justify-content: space-between;}
.productList { height: max-content; flex: 0 1 18%; margin-right: 30px; border: 1px solid #e6e6e6; padding: 5px 9px; background: #f5f5f5;}
.productList a { border-radius: 3px; width: 100%; transition: 0.5s; position: relative; display: block; line-height: 74px; text-align: center;}
.productList a img { position: absolute; right: 10%; top: 50%; transform: translateY(-50%); opacity: 0;}
.productList li ~ li { border-top: 1px solid #e6e6e6;}
.productContent { flex: 1;}
.productContent ul { text-align: center;}
.productContent li { float: left; width: 23%; margin: 0 1% 3% 1%;}
.productImg { border: 1px solid #e6e6e6;}
.productImg img { display: block;}
.productName { color: #444444; padding: 0 10px; line-height: 30px; height: 30px; overflow: hidden; margin-top: 5px;}
.productList li.current a { color: #fff; background: linear-gradient(to bottom, #ff3c32 , var(--style_color)); width: 110%; border-radius: 3px;}
.productList li.current a img { opacity: 1;}
.productList li.current a:hover { color: #fff; background: linear-gradient(to bottom, #ff3c32 , var(--style_color)); width: 110%; border-radius: 3px;}
.productList li.current a:hover img { opacity: 1;}
.productListContainer .aboutCurrent { visibility: hidden;}
@media screen and (max-width: 1280px) {
    .productList a { line-height: 62px;}
}
@media screen and (max-width: 1024px) {
    .productList { flex: 0 1 22%;}
    .productContent li { width: 31%;}
    .productContent li:nth-of-type(n+10) { display: none;}
}
@media screen and (max-width: 768px) {
    .productListContainer .path { display: block;}
    .productContainer { padding: 40px 0 50px;}
    .productContent li { width: 48%;}
    .productList { flex: 0 1 28%;}
    .productContent li:nth-of-type(n+7) { display: none;}
}
@media screen and (max-width: 500px) {
    .productContainer { display: block;}
    .productList { margin-right: 0; box-sizing: border-box; margin-bottom: 20px;}
    .productList ul { display: flex; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; overflow: auto;}
    .productList ul::-webkit-scrollbar { display: none;}
    .productList li ~ li { border-top: none; margin-left: 20px;}
    .productList a { line-height: 40px;}
    .productList li.current a img { opacity: 0;}
    .productContent li:nth-of-type(n+7) { display: block;}
}



/* news */
.newsBanner { background: url(../images/news.jpg) center no-repeat;}
.newsContainer { width: 95%; margin: auto; max-width: 1420px; padding: 60px 0;}
.newsContainer li { box-sizing: border-box; float: left; width: 49%; padding: 15px; background: #f5f5f5;margin-right:2%;margin-bottom:2%;}
.newsContainer li:nth-child(2n) { margin-right:0}
.newsContainer li a { display: flex;}
.newsImg { overflow: hidden; flex: 0 1 45%; margin-right: 25px;}
.newsLayout { padding: 10px 0; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.newsDate { color: #999999; font-family: DINCondensed;}
.newsTitle { margin-bottom: 8px; color: #444444; font-size: 20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.newsContent { color: #666666; line-height: 24px; height: 72px; overflow: hidden;}
.newsMore { font-size: 14px; color: #666666; transition: 0.5s;}
.newsImg img { display: block;}
.newsContainer li:hover .newsImg img {transform: scale(1.05);}
.newsContainer li:hover .newsMore { color: var(--style_color);}
@media screen and (max-width: 1024px) {
    .newsImg { flex: 0 1 50%;}
    .newsTitle { font-size: 17px;}
    .newsContent { height: 48px;}
}
@media screen and (max-width: 768px) {
    .newsContainer { padding: 40px 0 50px;}
    .newsContainer li { width: 100%;}
    .newsTitle { font-size: 20px;}
    .newsContent { height: 72px;}
}
@media screen and (max-width: 500px) {
    .newsLayout { padding: 0;}
    .newsImg { margin-right: 20px; display: flex;}
    .newsTitle { font-size: 17px; margin-bottom: 0;}
    .newsContent { height: 48px;}
}


/* footer */
.footer { background: url(../images/bgFooter.jpg) center no-repeat; background-size: cover; border-top: 2px solid var(--style_color);}
.footer .itemTop { display: flex; justify-content: space-between; width: 95%; margin: auto; max-width: 1420px; padding: 70px 0 50px;}
.footerList { flex: 0 1 60%; display: flex; justify-content: space-between;}
.footerList h3 { font-size: 18px; color: #444444; font-weight: bold; margin-bottom: 20px;}
.footerList a { font-size: 14px; color: #666666; margin-bottom: 10px; display: block;}
.footerList div:nth-of-type(2) { height: max-content; display: flex; flex-wrap: wrap;}
.footerList div:nth-of-type(2) h3 { flex: 0 1 100%;}
.footerList div:nth-of-type(2) ul ~ ul { margin-left: 20px;}
.footerDiv2  { margin: 40px 0 20px;}
.footerDiv2 div { font-size: 14px; color: #666666;}
.footerDiv2 p { font-size: 32px; font-family: DINCondensed; color: var(--style_color);}
.footerDiv3 { font-size: 14px; color: #666666; margin-bottom: 25px;}
.footerDiv4 { width: max-content; margin: auto; margin-right: 0; text-align: center; font-size: 14px; color: #666666;}
.footerImformation { text-align: right;}
.footer .itemBottom { background: rgba(0, 0, 0, 0.5); color: #fff;}
.footer .itemBottom a { color: #fff;}
.copyRight { font-size: 14px; width: 95%; margin: auto; max-width: 1420px; display: flex; justify-content: space-between; line-height: 60px;}
.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: 1024px) {
    .copyRight span { display: none;}
    .footer .itemTop { padding: 50px 0 30px;}
    .footerList div:nth-of-type(2) { display: block;}
    .footerList div:nth-of-type(2) ul ~ ul { margin-left: 0;}
    .footerDiv2 { margin: 30px 0 20px;}
}
@media screen and (max-width: 500px) {
    .footer .itemTop { padding: 30px 0;}
    .footerDiv2 { margin: 20px 0 0;}
    .footerDiv3 { margin-bottom: 15px;}
    .copyRight { display: block; line-height: 36px;}
    .footerDiv4 { margin-right: auto; margin-left: 0;}
    .footerImformation { text-align: left;}
    .footer { margin-bottom: 58px;}
    .iphone_footer { display: block;}
    .footerList { display: none;}
}


/*sitemap*/
.gm {
    width: 95%;
    max-width: 1500px;
    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;}
}