@charset "utf-8";
html,body{font-family: "思源黑体 CN","Arial";}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:var(--lineColor);} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}


:root {
    --mainColor: #231714;
    --fontColor: #1e1e1e;
    --fontColora:#aaaaaa;
    --fontColorb:#bbbbbb;
    --fontColorc:#cccccc;
    --fontColord:#dddddd;
    --fontColore:#eeeeee;
    --fontColorf:#ffffff;
    --fontColor0:#000000;
    --fontColor1:#111111;
    --fontColor2:#222222;
    --fontColor3:#333333;
    --fontColor4:#444444;
    --fontColor5:#555555;
    --fontColor6:#666666;
    --fontColor7:#777777;
    --fontColor8:#888888;
    --fontColor9:#999999;
    --lineColor: #aeb4c2;
    --lineColor2: #eef2f6;
}
a{color: var(--mainColor);}

.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    max-width: 1360px;
    margin: 0 auto;
}
/* img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
} */

/* header */
header{position: fixed;top: 0;left: 0;right: 0;z-index: 9;}
header .head_top{background: var(--fontColor);height: 50px;line-height: 50px;}
header .head_top .head_con{justify-content: space-between;flex-wrap: nowrap;}
header .head_top .head_con h1{max-width: 120px;}
header .head_top .head_con h1 img{width:100%;}
header .head_top .head_con dl{justify-content: flex-end;align-items: center;color: var(--fontColorf);}
header .head_top .head_con dl dt{width: 16px;height: 19px;background: url(../images/member_ico.png) no-repeat center;}
header .head_top .head_con dl dd{padding-left: 10px;}
header .head_top .head_con dl dd:nth-child(2n){padding-left: 0;}
header .head_top .head_con dl dd a{font-size: 16px;color: var(--fontColorf);margin-left: 10px;}
header .head_btm{background: var(--fontColorf);}
header .head_btm .head_con{justify-content: space-between;flex-wrap: nowrap;}
header .head_btm .head_con ul{width: 80%;}
header .head_btm .head_con ul li{position: relative;margin-right: 15px;}
header .head_btm .head_con ul li a{display: block;font-size: 18px;line-height: 70px;padding: 0 20px;color: var(--fontColor3);}
header .head_btm .head_con ul li::after{content: "";display: block;width: 0;height: 4px;transition: all 0.5s;background: url(../images/nav_bg.png) no-repeat bottom;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
header .head_btm .head_con ul li:nth-child(1) a{background: url(../images/home_ico.png) no-repeat left;}
header .head_btm .head_con ul li a:hover,
header .head_btm .head_con ul li.active a{opacity: 0.5;}
header .head_btm .head_con ul li:hover::after,
header .head_btm .head_con ul li.active::after{transition: all 0.5s;width: 72px;}

header .head_btm .head_con dl{justify-content: flex-end;align-items: center;width: 20%;}
header .head_btm .head_con dl dt{background: var(--lineColor);border-radius: 50%;margin-left: 20px;cursor: pointer;position: relative;}
header .head_btm .head_con dl dt p{position: absolute;top: 58px;right: 0;display: none;z-index: 3;}
header .head_btm .head_con dl dt p input{width: 150px;line-height: 36px;height: 36px;box-sizing: border-box;text-indent: 0.5em;}
header .head_btm .head_con dl dt p button{width: 36px;height: 36px;position: absolute;right: 0;top: 0;background:var(--fontColor) url(../images/search_ico.png) no-repeat center;border: none;}
header .head_btm .head_con dl dt img{display: block;padding: 15px;}
header .head_btm .head_con dl dd a{margin-left: 10px;}

/* footer */
footer{border-top: 1px solid #e3e4e8;padding: 20px 0;border-bottom: 5px solid #aeb4c2;background: var(--fontColorf);}
footer .foot_top{justify-content: space-between;align-items: center;}
footer .foot_top .foot_nav,
footer .foot_top .foot_link{width: 40%;}
footer .foot_top .foot_nav a{display: inline-block;font-size: 14px;color: var(--mainColor);margin-right: 25px;}
footer .foot_top .foot_nav a:last-child{margin-right: 0;}
footer .foot_top .foot_logo{max-width: 80px;}
footer .foot_top .foot_link{text-align: right;}
footer .foot_top .foot_link span{display: inline-flex;margin-right: 20px;cursor: pointer;position: relative;}
footer .foot_top .foot_link span em{display: none;width: 120px;height: 120px;overflow: hidden;position: absolute;top: 20px;left: 50%;margin-left: -60px;}
footer .foot_top .foot_link span em img{display: block;width: 100%;height: 100%;}
footer .foot_top .foot_link span:hover em{display: block;}
footer .foot_btm {margin-top: 30px;}
footer .foot_btm p{text-align: center;font-size: 16px;line-height: 36px;color: var(--fontColor9);}
footer .foot_btm p span{color: var(--mainColor);margin: 0 15px;display: inline-block;}
footer .foot_btm p:last-child{margin-top: 30px;}
footer .foot_btm p:last-child a{color: var(--fontColor9);margin: 0 10px;}
.foot_log{max-width:120px;}
.foot_log img{width:100%;}
/* home */
/* common */
.title{margin-bottom: 30px;}
.title h3{font-size: 34px;color: var(--fontColor);font-weight: bold;}
.title h3 span{font-size: 16px;line-height: 36px;color: var(--fontColor9);text-transform: uppercase;display: inline-block;height: 45px;vertical-align: top;font-weight: normal;}
.title h3 span::before{content: "";display: block;width: 6px;height: 6px;background: var(--lineColor);margin-top: 10px;}

/* top */
.gotops{opacity: 0;width: 40px;height: 40px;background: var(--lineColor);color: var(--fontColorf);text-align: center;line-height: 40px;position: fixed;bottom: 40px;right: 30px;z-index: 5;cursor: pointer;font-size: 20px;font-family: monospace;transform: rotate(-90deg);transition: all 0.5s;}
.gotops.toshow{opacity: 1;transition: all 0.5s;}

/* banner */
.banner{height: calc(100vh);}
.myBanner{height: 100%;position: relative;}
.myBanner .swiper-slide a{height: 100%;display: block;}
.myBanner .swiper-pagination-banner{position: absolute;bottom: 40px;left: 0;right: 0;z-index: 2;text-align: center;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 0;background: var(--fontColorf);opacity: 0.6;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;}

/* product */
.product{margin: 0 auto 60px;}
.product_items{margin-top: 2px;}
.product_items .item{width: calc(100% / 4 - 4px);margin: 2px;overflow: hidden;position: relative;}
.product_items .item .pic{width: 100%;max-height: 380px;height: 100%;}
.product_items .item .pic img{max-width: 100%;max-height: 100%;transition: all 0.5s;}
.product_items .item .tct{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;transition: all 0.5s;}
.product_items .item .tct a{display: block;padding: 30px 30px 0;box-sizing: border-box;width: 100%;height: 100%;display: inline-flex;flex-direction: column;justify-content: flex-end;text-align: center;color: var(--fontColorf);transition: all 0.5s;}
.product_items .item .tct h3{font-size: 22px;line-height: 36px;}
.product_items .item .tct h3::after{content: "";display: block;background: url(../images/nav_bg.png) no-repeat;width: 72px;height: 4px;margin: 10px auto;}
.product_items .item .tct p{font-size: 14px;line-height: 24px;}
.product_items .item .tct em{display: block;width: 140px;line-height: 45px;text-align: center;font-size: 14px;color: var(--fontColor);background: var(--fontColorf);transition: all 0.5s;margin: 0 auto;transform: translateY(200%);}
.product_items .item:hover .tct{background: rgba(0, 0, 0, 0.6);transition: all 0.5s;}
.product_items .item:hover .tct a{transform: translateY(-10px);transition: all 0.5s;}
.product_items .item:hover .pic img{transform: scale(1.1);transition: all 0.5s;}
.product_items .item:hover .tct em{margin: 30px auto;transition: all 0.5s;transform: translateY(0);}
/* news */
.news{margin: 0 auto 60px;}
.news_tab .news_tit{display: inline-flex;float: right;margin-top: -70px;}
.news_tab .news_tit ul li{display: inline-block;font-size: 18px;color: var(--fontColor3);line-height: 40px;cursor: pointer;margin-left: 15px;position: relative;}
.news_tab .news_tit ul li::after{content: "";display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 0;height: 2px;background: var(--lineColor);transition: all 0.5s;margin: 0 auto;}
.news_tab .news_tit ul li.active,
.news_tab .news_tit ul li:hover{color: var(--lineColor);transition: all 0.5s;}
.news_tab .news_tit ul li.active::after,
.news_tab .news_tit ul li:hover::after{width: 100%;transition: all 0.5s;}
.news_items{display: none;}
.news_items.active{display: flex;}
.news_items .item{width: calc(100% / 3 - 13.33px);margin-right: 20px;margin-bottom: 20px;position: relative;}
.news_items .item:nth-child(1),
.news_items .item:nth-child(2){width: calc(100% / 2 - 10px);}
.news_items .item:nth-child(2),
.news_items .item:last-child{margin-right: 0;}
.news_items .item .pic{width: 100%;max-height: 300px;overflow: hidden;}
.news_items .item .pic img{transition: all 0.5s;max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;}
.news_items .item .tct{position: absolute;bottom: 0;left: 0;right: 0;height: 100%;margin: 0 auto;background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%);}
.news_items .item .tct a{width: 100%;height: 100%;padding: 30px;box-sizing: border-box;display: inline-flex;flex-direction: column;justify-content: flex-end;color: var(--fontColorf);transition: all 0.5s;}
.news_items .item .tct span{font-size: 14px;line-height: 24px;}
.news_items .item .tct p{font-size: 22px;line-height: 36px;}
.news_items .item:hover .tct a{transform: translateY(-10px);transition: all 0.5s;}
.news_items .item:hover .pic img{transform: scale(1.1);transition: all 0.5s;}

/* about */
.about{margin: 0 auto 60px;text-align: center;position: relative;height: 430px;}
.about #myVideo{width: calc(100% - 10px);margin: 0 auto;height: 100%;width: 100%;object-fit: cover;position: relative;z-index: 0;}
.about .about_con{height: 100%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;align-items: center;justify-content: space-between;}
.about .about_con .about_left,
.about .about_con .about_right{width: 50%;}
.about .about_con .about_left{text-align: left;}
.about .about_con .about_left .title h3,
.about .about_con .about_left .title h3 span{color: var(--fontColorf);}
.about .about_con .about_left .desc {font-size: 16px;line-height: 30px;color: var(--fontColorf);margin-bottom: 30px;}
.about .about_con .about_left .more{width: 140px;}
.about .about_con .about_left .more a{display: block;line-height: 45px;text-align: center;font-size: 14px;color: var(--fontColorf);background: rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.3);}
.about .about_con .about_left .more:hover a{background: var(--fontColor);}
.about .about_con .about_right{max-width: 480px;}
.about .about_con .about_right .video_btn{cursor: pointer;transition: all 0.5s;display:none;}
.about .about_con .about_right .video_btn:hover{transform: scale(0.9);transition: all 0.5s;}
/* dpa */
.dpa{margin: 0 auto 60px;}
.dpa_items .item{width: calc(100% / 3 - 13.33px);margin-right: 20px;margin-bottom: 20px;position: relative;}
.dpa_items .item:nth-child(3n){margin-right: 0;}
.dpa_items .item .pic{width: 100%;height: 100%;overflow: hidden;transition: all 0.5s;max-height: 580px;}
.dpa_items .item .pic img{transition: all 0.5s;max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;}
.dpa_items .item .tct{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: 30px;box-sizing: border-box;height: 100%;}
.dpa_items .item .tct .title{height: 100%;}
.dpa_items .item .tct .title a{display: flex;height: 100%;flex-direction: column;justify-content: flex-end;}
.dpa_items .item .tct .title h3,
.dpa_items .item .tct .title h3 span{color: var(--fontColorf);}
.dpa_items .item .tct .title em{font-size: 14px;line-height: 36px;color: var(--fontColorf);opacity: 0.6;}
.dpa_items .item:hover .pic img{transition: all 0.5s;transform: scale(1.1);}

/* brand */
.brand{margin: 0 auto 100px;}
.brand_items .item{width: calc(100% / 5 - 22px);margin-right: 27px;margin-bottom: 27px;height: 80px;line-height: 80px;text-align: center;transition: all 0.5s;}
.brand_items .item img{display: block;max-width: 100%;max-height: 100%;transition: all 0.5s;}
.brand_items .item:nth-child(5n){margin-right: 0;}
.brand_items .item a{display: block;font-size: 22px;color: var(--fontColorf);}
.brand_items .item a span{display: block;background: var(--lineColor) url(../images/brand_items_icon.png) no-repeat 60px;padding-left: 30px;transition: all 0.5s;}
.brand_items .item:hover{box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.06);transition: all 0.5s;}
.brand_items .item:hover img{transform: scale(1.1);transition: all 0.5s;}
.brand_items .item:hover a span{background: var(--fontColor) url(../images/brand_items_icon.png) no-repeat 60px;transition: all 0.5s;}

/* pages */
.pages{margin: 40px auto;}
.pages ul{justify-content: center;}
.pages ul li{width: 60px;height: 60px;margin: 0 10px;font-size: 22px;color: var(--fontColor);line-height: 58px;text-align: center;}
.pages ul li a{display: block;color: var(--fontColor);transition: all 0.5s;border:1px solid var(--fontColor);}
.pages ul li.active a,
.pages ul li:hover a{color: var(--fontColorf);transition: all 0.5s;background: var(--lineColor);color: var(--fontColorf);border:1px solid var(--lineColor);transition: all 0.5s;}

/* 内页 */
.bar{height: 560px;}
.bar .box_con{height: 100%;}
.bar .bar_tit{display: flex;height: 100%;flex-direction: column;justify-content: center;color: var(--fontColorf);}
.bar .bar_tit h3{font-size: 46px;margin-top: 50px;font-weight: bold;}
.bar .bar_tit p{font-size: 30px;font-weight: bold;color:var(--fontColorf);}

/* crumbs */
.crumbs{margin: -60px auto 100px;}
.crumbs dl{font-size: 14px;line-height: 26px;color: var(--fontColorf);justify-content: space-between;opacity: 0.8;}
.crumbs dl dt{padding-left: 20px;background: url(../images/crumbs_icon_01.png) no-repeat left;}
.crumbs dl dd{padding-left: 20px;background: url(../images/home_icon.png) no-repeat left;}
.crumbs dl dd a{color: var(--fontColorf);}

/* news_list */
.news_title{margin-bottom: 90px;}
.news_title ul{justify-content: center;}
.news_title ul li{width: 160px;line-height: 50px;text-align: center;margin: 0 15px;}
.news_title ul li a{display: block;font-size: 20px;color: var(--fontColor3);background: var(--lineColor2);transition: all 0.5s;}
.news_title ul li:hover a,
.news_title ul li.active a{color: var(--fontColorf);background: var(--lineColor);transition: all 0.5s;}

.news_list .news_top{background: var(--lineColor2);margin-bottom: 40px;transition: all 0.5s}
.news_list .news_top .pic{max-width: 670px;max-height: 300px;overflow: hidden;}
.news_list .news_top .pic img{max-width: 100%;max-height: 100%;height: 100%;object-fit: cover;}
.news_list .news_top .tct{width: calc(100% - 670px);padding: 30px;box-sizing: border-box;}
.news_list .news_top .tct b{display: block;font-size: 32px;color: var(--fontColor6);line-height: 40px;}
.news_list .news_top .tct span{display: block;font-size: 14px;color: var(--fontColor9);}
.news_list .news_top .tct h3{font-size: 30px;line-height: 36px;color: var(--fontColor3);margin: 15px 0;}
.news_list .news_top .tct p{font-size: 16px;line-height: 30px;color: var(--fontColor6);margin-bottom: 10px;}
.news_list .news_top .tct em{font-size: 14px;line-height: 40px;color: var(--fontColor9);background: url(../images/news_icon.png) no-repeat right;padding-right: 30px;}
.news_list .news_btm .item{width: calc(100% / 3 - 23.33px);margin-right: 35px;margin-bottom: 35px;transition: all 0.5s;}
.news_list .news_btm .item:nth-child(3n){margin-right: 0;}
.news_list .news_btm .item a{display: block;}
.news_list .news_btm .item .pic{width: 100%;max-height: 290px;overflow: hidden;}
.news_list .news_btm .item .pic img{max-width: 100%;max-height: 100%;}
.news_list .news_btm .item .tct{padding: 10px;box-sizing: border-box;}
.news_list .news_btm .item .tct span{font-size: 14px;line-height: 24px;color: var(--fontColor3);display: block;}
.news_list .news_btm .item .tct h3{font-size: 24px;line-height: 36px;margin: 10px 0;}
.news_list .news_btm .item .tct em{display: block;font-size: 14px;line-height: 30px;background: url(../images/news_icon.png) no-repeat right;}
.news_list .news_top:hover,
.news_list .news_btm .item:hover{box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);transform: translateY(10px);transition: all 0.5s;}

.news_tct{padding: 0 70px;box-sizing: border-box;}
.news_tct .news_titles{text-align: center;margin-bottom: 40px;}
.news_tct .news_titles h3{font-size: 34px;color: var(--fontColor3);}
.news_tct .news_titles p{font-size: 14px;line-height: 30px;color: var(--fontColor9);margin: 15px 0;}
.news_tct .mains_text{padding: 40px 0px;box-sizing: border-box;font-size: 16px;line-height: 36px;color: var(--fontColor3);}

.product_page{margin: 40px auto 60px;}
.product_page ul{background: var(--bgColor2);;display: flex;justify-content: space-between;width: 100%;}
.product_page ul li{width: 30%;background: var(--lineColor2);}
.product_page ul li:nth-child(1){text-align: right;}
.product_page ul li:nth-child(2){text-align: center;}
.product_page ul li a{font-size: 20px;line-height: 80px;color: var(--fontColor3);padding: 0 30px;box-sizing: border-box;justify-content: space-between;width: 100%;align-items: center;display: inline-flex;}
.product_page ul li a em{display:inline-block;vertical-align: middle;background: url(../images/ban_jt.png) no-repeat center;width: 7px;height: 12px;transition: ease-in-out 0.5s;}
.product_page ul li:nth-child(2) a{justify-content: center;}
.product_page ul li:nth-child(2) a em{background: url(../images/product_page_icon.png) no-repeat center;width: 1.25vw;height: 20px;}
.product_page ul li:nth-child(1) a em{transform: rotate(180deg);}
.product_page ul li a:hover{background: var(--mainColor);color: var(--fontColorf);transition: ease-in-out 0.5s;}
.product_page ul li:hover a em{background: url(../images/ban_jt2.png) no-repeat center;}
.product_page ul li:nth-child(2):hover a em{background: url(../images/product_page_icon2.png) no-repeat center;}

/*  */
.download_list .item{width: calc(100% / 3 - 33.33px);margin-right: 50px;margin-bottom: 50px;padding: 10px;box-sizing: border-box;transition: all 0.5s;}
.download_list .item:nth-child(3n){margin-right: 0;}
.download_list .item a{justify-content: space-between;}
.download_list .item .pic{max-width: 210px;max-height: 225px;overflow: hidden;}
.download_list .item .pic img{max-width: 100%;height: 100%;}
.download_list .item .tct{width: calc(100% - 220px);display: inline-flex;flex-direction: column;justify-content: space-evenly;}
.download_list .item .tct h3{font-size: 18px;line-height: 30px;color: var(--fontColor3);}
.download_list .item .tct p{font-size: 14px;line-height: 24px;color: var(--fontColor9);}
.download_list .item .tct p span{display: block;}
.download_list .item .tct em{font-size: 18px;line-height: 36px;color: var(--fontColor3);display: inline-flex;padding-right: 30px;background: url(../images/download_icon.png) no-repeat 85px;}
.download_list .item:hover{box-shadow: 0 5px 10px 8px rgba(0, 0, 0, 0.05);transform: translateY(10px);transition: all 0.5s;}
.download_list .item:hover .tct h3{opacity: 0.6;}
.download_list .item:hover .tct p{color: var(--fontColor3);}

/* video */
.video_list .item{width: calc(100% / 2 - 20px);margin-right: 40px;margin-bottom: 40px;transition: all 0.5s;}
.video_list .item:nth-child(2n){margin-right: 0;}
.video_list .item .pic{width: 100%;max-height: 320px;overflow: hidden;}
.video_list .item .pic img{max-width: 100%;max-height: 100%;}
.video_list .item .tct{padding: 10px;box-sizing: border-box;}
.video_list .item .tct h3{font-size: 30px;line-height: 36px;color: var(--fontColor3);margin: 10px 0;}
.video_list .item .tct p{font-size: 16px;line-height: 30px;color: var(--fontColor6);}
.video_list .item:hover{box-shadow: 0 5px 10px 8px rgba(0, 0, 0, 0.05);transform: translateY(10px);transition: all 0.5s;}

/* contact */
.contact_map {height: 650px;position: relative;margin: 30px auto;overflow: hidden;}
.contact_map #allmap{height: 100%;}
.contact_map .contact_con{width: 470px;padding: 40px;box-sizing: border-box;position: absolute;top: 70px;right: 70px;background: rgba(255, 255, 255, 0.9);}
.contact_map .contact_con h3{font-size: 30px;line-height:45px;color: var(--fontColor);}
.contact_map .contact_con ul{margin: 1vw auto;}
.contact_map .contact_con ul li{padding: 0;}
.contact_map .contact_con ul li p:nth-child(1){font-size: 20px;color: var(--fontColor9);line-height: 36px;padding-bottom: 10px;margin-bottom: 10px;}
.contact_map .contact_con ul li p b{font-size: 22px;font-family: Arial;color: var(--fontColor);line-height: 36px;width: 240px;display: inline-flex;}
.contact_map .contact_con ul li p span{font-size: 20px;line-height: 36px;color: var(--fontColor);width: 240px;display: inline-flex;}
.contact_map .contact_con ul li p em{float: left;width: 25px;height: 19px;margin-top: 8px;background-size: contain !important;}
.contact_map .contact_con ul li:nth-child(1) p em{background: url(../images/contact_con_01.png) no-repeat;}
.contact_map .contact_con ul li:nth-child(2) p em{background: url(../images/contact_con_02.png) no-repeat;}
.contact_map .contact_con ul li:nth-child(3) p em{background: url(../images/contact_con_03.png) no-repeat;}
.contact_map .contact_con ul li:last-child p{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.contact_map .contact_con dl{margin-top: 30px;}
.contact_map .contact_con dl dt{font-size: 20px;line-height: 36px;}
.contact_map .contact_con dl dd{margin: 30px auto;}
.contact_map .contact_con dl dd span{display: inline-flex;margin-right: 30px;cursor: pointer;position: relative;}
.contact_map .contact_con dl dd span em{display: none;width: 120px;height: 120px;overflow: hidden;position: absolute;top: 40px;left: 50%;margin-left: -60px;}
.contact_map .contact_con dl dd span em img{display: block;width: 100%;height: 100%;}
.contact_map .contact_con dl dd span:hover em{display: block;}

/* address */
.address_con{height: calc(100vh - 110px);width: 100%;position: relative;overflow: hidden;}
.address_con .address_map{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.address_con .address_map img{width: 100%;height: 100%;object-fit: cover;}

.address_top{padding: 20px 0;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);font-size: 16px;color: var(--fontColor3);margin-top: 0px;background: var(--fontColorf);}
.address_top .from_select,
.layui-input, .layui-textarea{min-width: 160px;padding: 0 15px;line-height: 48px;height: 50px;margin-left: 10px;cursor: pointer;}
.layui-form-select,
.layui-input, .layui-textarea{max-width: 160px;display: inline-flex;line-height: 48px;height: 50px !important;}
.address_top .from_input{min-width: 160px;padding: 0 15px;height: 50px;line-height: 48px;box-sizing: border-box;margin-left: 10px;}
.address_top .from_btn{width: 160px;background: var(--lineColor);color: var(--fontColorf);height: 50px;line-height: 48px;box-sizing: border-box;border: none;margin-left: 10px;}

.address_items{width: 460px;padding-right: 30px;overflow-y: auto;max-height: 74vh;position: absolute;top: 110px;}
.address_items .item{background: var(--fontColorf);padding: 20px;box-sizing: border-box;margin-top: 10px;}
.address_items .item h3{font-size: 20px;color: var(--fontColor3);line-height: 36px;border-bottom: 1px solid var(--fontColord);padding-bottom: 10px;margin-bottom: 10px;background: url(../images/address_items_ico.png) no-repeat left 7px;padding-left: 30px;}
.address_items .item h3 a{font-size: 14px;}
.address_items .item p{font-size: 16px;line-height: 30px;padding-left: 25px;display: inline-flex;min-width: 49%;box-sizing: border-box;}
.address_items .item p span:nth-child(1){width: 80px;}
.address_items .item p span{width: calc(100% - 80px);}
/* .address_items .item p:nth-child(2){background: url(../images/contact_con_04.png) no-repeat left 6px;}
.address_items .item p:nth-child(3){background: url(../images/contact_con_01.png) no-repeat left 6px;} */
.address_items .item p:nth-child(2){background: url(../images/contact_con_05.png) no-repeat left 6px;}
.address_items .item p:nth-child(3){background: url(../images/contact_con_03.png) no-repeat left 6px;}

/* about */
.about_con {height: 920px;margin-top: -66px;}
.about_con .news_title{padding-top: 60px;}
.about_con .news_title ul li a{background: rgba(255, 255, 255, 0.6);}
.about_con .news_title ul li.active a,
.about_con .news_title ul li:hover a{background: var(--lineColor);}
.about_tiile h3{font-size: 38px;color: var(--fontColorf);}
.about_con2 .about_tiile h3{color: var(--fontColor3);}

/* culture */
.culture,
.history{padding-top: 120px;}

.culture{padding-bottom: 100px;}

.about_con3{height: 100vh;}
.preview{position: relative;}
.preview::before{content: "";display: block;width: 100%;height: 1px;background: var(--lineColor);position: absolute;top: 160px;}
.preview .swiper-container{overflow: hidden;padding: 70px 0 50px;}
.preview .swiper-container .swiper-slide{font-size: 26px;line-height: 66px;color: var(--fontColorf);position: relative;text-align: center;cursor: pointer;}
.preview .swiper-container .swiper-slide::before,
.preview .swiper-container .swiper-slide::after{content: "";display: block;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -45px;z-index: 2;}
.preview .swiper-container .swiper-slide::before{width: 38px;height: 38px;border:1px solid var(--lineColor)}
.preview .swiper-container .swiper-slide::after{width: 22px;height: 22px;background: var(--lineColor);margin: 8px auto;}
.preview .swiper-container .active-nav::after{background: var(--fontColorf);}
.preview .swiper-container .active-nav{font-size: 36px;}
.view {margin-top: 60px;}
.view .box_con{justify-content: space-between;align-items: center;}
.view .swiper-container{width: calc(100% - 330px);overflow: hidden;}
.view .swiper-container .swiper-slide .history_tit{width: 260px;}
.view .swiper-container .swiper-slide .history_tit h3{font-size: 60px;color: var(--fontColorf);}
.view .swiper-container .swiper-slide .history_tit h3 span{font-size: 24px;}
.view .swiper-container .swiper-slide .history_tit h3::after{content: "";display: block;width: 30px;height: 4px;background: var(--lineColor);margin: 30px 0;}
.view .swiper-container .swiper-slide .history_tit p{font-size: 44px;color: var(--fontColorf);}
.view .swiper-container .swiper-slide .history_tct{width: calc(100% - 280px);max-height: 270px;overflow-y: auto;padding: 0 30px;box-sizing: border-box;}
.view .arrow-left,
.view .arrow-right{display: inline-block;width: 50px;height: 50px;line-height: 48px;border: 1px solid var(--lineColor);text-align: center;font-size: 20px;color: var(--fontColorf);font-family: monospace;background: rgba(255, 255, 255, 0.1);}
.view .arrow-right{margin-right: 150px;}
.view .arrow-left:hover,
.view .arrow-right:hover{background: var(--lineColor);color: var(--fontColorf);}

/*  */
.member_pop{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;background: rgba(0, 0, 0, 0.8);z-index: 15;display: none;}
.member_con{background: var(--fontColorf);justify-content: space-evenly;padding: 40px;box-sizing: border-box;position: relative;margin-top: 5%;}
.member_colse{position: absolute;right: 40px;top: 40px;width: 40px;height: 40px;cursor: pointer;}
.member_colse::before,
.member_colse::after{content: "";display: block;width: 24px;height: 2px;background: var(--fontColor3);transform: rotate(45deg);position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;}
.member_colse::after{transform: rotate(-45deg);}
.member_con::after{content: "";display: block;width: 1px;height: 85%;background: var(--lineColor);position: absolute;left: 0;right: 0;margin: 0 auto;}
.member_con .member_item{max-width: 400px;padding: 30px 0;width: 100%;}
.member_con .member_item h3{font-size: 36px;color: var(--fontColor3);}
.member_con .member_item p{font-size: 22px;color: var(--fontColor3);margin-top: 15px;}
.member_con .member_bd{max-width: 400px;width: 100%;}
.member_con .member_bd .member_input{width: 100%;height: 50px;line-height: 48px;box-sizing: border-box;font-size: 16px;padding-left: 70px;margin-top: 30px;border:1px solid var(--lineColor)}
.member_con .member_bd .member_input::placeholder{color: var(--lineColor);}
.member_con .member_bd .yzm{float: right;height: 48px;position: relative;margin-top: -49px;margin-right: 1px;}
.member_con .member_bd .member_btn{width: 200px;line-height: 50px;text-align: center;border:none;background: var(--lineColor);color: var(--fontColorf);margin-top: 30px;}
.member_con .member_bd a{font-size: 16px;color: var(--lineColor);line-height: 50px;margin-top: 30px;}
.member_con .member_bd label{line-height: 30px;display: inline-block;margin-top: 30px;color: var(--lineColor);margin-right: 20px;}
.member_con .member_bd .member_box{width: 30px;height: 30px;border: 1px solid var(--lineColor);box-sizing: border-box;margin-right: 5px;}
.member_con .member_bd .member_input:nth-child(1){background: url(../images/member_icon_01.png) no-repeat 15px;}
.member_con .member_bd .member_input:nth-child(2){background: url(../images/member_icon_02.png) no-repeat 15px;}
.member_con .member_bd .member_input:nth-child(3){background: url(../images/member_icon_02.png) no-repeat 15px;}
.member_con .member_bd .member_input:nth-child(4){background: url(../images/member_icon_03.png) no-repeat 15px;}

/* customized */
.customized_top{padding: 40px;box-sizing: border-box;background: var(--fontColorf);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);margin: 0 auto 30px;}
.customized_title{text-align: center;padding-bottom: 30px;}
.customized_title h3{font-size: 36px;color: var(--fontColor3);line-height: 2;}
.customized_title p{font-size: 14px;color: var(--fontColor6);line-height: 36px;}

.customized_ggt{height: 120px;}
.customized_ggt h3{padding: 30px 40px;font-size: 28px;color: var(--fontColorf);line-height: 60px;}
.customized_ggt h3 a{width: 200px;font-size: 20px;line-height: 60px;text-align: center;background: rgba(255, 255, 255, 0.8) url(../images/customized_ggt_icon.png) no-repeat 130px;text-transform: uppercase;padding-right: 30px;transition: all 0.5s;}
.customized_ggt h3 a:hover{transform: translateY(10px);transition: all 0.5s;}

.customized_btm{padding: 40px 0;box-sizing: border-box;}
.customized_btm .customized_items{margin-top: 60px;}
.customized_btm .customized_items .item{width: calc(100% / 3 - 63.33px);margin-right: 95px;margin-bottom: 90px;transition: all 0.5s;}
.customized_btm .customized_items .item:nth-child(3n){margin-right: 0;}
.customized_btm .customized_items .item .pic{width: 100%;max-height: 250px;}
.customized_btm .customized_items .item .pic img{max-width: 100%;max-height: 100%;}
.customized_btm .customized_items .item .tct{text-align: center;}
.customized_btm .customized_items .item .tct h3{font-size: 26px;line-height: 36px;color: var(--fontColor3);transition: all 0.5s;}
.customized_btm .customized_items .item .tct p{font-size: 16px;line-height: 36px;color: var(--fontColor6);}
.customized_btm .customized_items .item .tct em{font-size: 16px;line-height: 36px;color: var(--fontColor3);padding-right: 30px;background: url(../images/customized_items_ico.png) no-repeat right;border-bottom: 2px solid transparent;transition: all 0.5s;}
.customized_btm .customized_items .item:hover{transform: translateY(10px);transition: all 0.5s;}
.customized_btm .customized_items .item:hover .tct h3{opacity: 0.4;;transition: all 0.5s;}
.customized_btm .customized_items .item:hover .tct em{opacity: 0.4;border-bottom: 2px solid var(--fontColor9);transition: all 0.5s;}
.customized_btm .customized_all,
.painting_all{width: 460px;line-height: 60px;text-align: center;font-size: 20px;color: var(--fontColor3);background: var(--lineColor2);margin: 60px auto;cursor: pointer;transition: all 0.5s;}
.customized_btm .customized_all:hover,
.painting_all:hover{background: var(--mainColor);color: var(--fontColorf);transition: all 0.5s;}

/*  */
.painting{margin: 120px auto 0;}
.painting_top{background: var(--lineColor2);}
.painting_top h3{font-size: 22px;line-height: 80px;color: var(--fontColor3);}
.painting_top h3 a{float: right;font-size: 18px;padding-left: 20px;background: url(../images/return_icon.png) no-repeat left;}
.painting_top h3 p{width: 80%;display: inline-flex;justify-content: center;align-items: center;font-size: 20px;}
.painting_top h3 p span{padding-right: 30px;background: url(../images/painting_top_ico.png) no-repeat right;margin-right: 15px;opacity: 0.5;}
.painting_top h3 p span:last-child{background: none;padding-right: 0;margin-right: 0;}
.painting_top h3 p span.active{opacity: 1;}

.painting_tit{text-align: center;color: var(--fontColor3);padding: 60px 0;}
.painting_tit h3{font-size: 36px;line-height: 2;}
.painting_tit p{font-size: 14px;color: var(--fontColor6);}


.painting_items .item{width: calc(100% / 3 - 6.33px);margin-right: 9px;margin-bottom: 30px;text-align: center;position: relative;overflow: hidden;transition: all 0.5s;border: 1px solid transparent;box-sizing: border-box;cursor: pointer;}
.painting_items .item:nth-child(3n){margin-right: 0;}
.painting_items .item span{display: block;width: 100%;max-height: 300px;text-align: center;line-height: 300px;}
.painting_items .item span img{max-width: 100%;max-height: 300px;width: auto;height: auto;}
.painting_items .item h3{font-size: 24px;color: var(--fontColor3);}
.painting_items .item em{font-size: 16px;padding-right: 30px;width: 120px;line-height: 45px;display: inline-block;border:1px solid var(--fontColor3);margin: 30px auto;background: url(../images/customized_items_ico.png) no-repeat 90px;}
.painting_items .item p{background: var(--lineColor);font-size: 14px;color: var(--fontColorf);width: 80px;line-height: 30px;position: absolute;top: 0;left: 0;display: none;}
.painting_items .item small{font-size: 14px;line-height: 30px;color: var(--lineColor);padding-bottom: 20px;display: block;opacity: 0;}
.painting_items .item:hover,
.painting_items .item.active{border: 1px solid var(--fontColord);box-shadow: 0 8px 50px rgba(0, 0, 0, 0.1);transition: all 0.5s;}
.painting_items .item:hover em{background: var(--lineColor) url(../images/customized_items_ico2.png) no-repeat 90px;color: var(--fontColorf);border: 1px solid var(--lineColor);transition: all 0.5s;}
.painting_items .item.active p{display: block;transition: all 0.5s;}
.painting_items .item.active small,
.painting_items .item:hover small{opacity: 1;}

.painting_itemss{justify-content: center;}
.painting_itemss .item{width: calc(100% / 6 - 26.66px);margin-right: 32px;margin-bottom: 30px;text-align: center;position: relative;overflow: hidden;transition: all 0.5s;border: 1px solid transparent;box-sizing: border-box;cursor: pointer;}
.painting_itemss .item:nth-child(6n){margin-right: 0;}
.painting_itemss .item span{display: block;width: 100%;max-height: 200px;}
.painting_itemss .item span img{display: block;width: calc(100% - 1px);border:1px solid var(--fontColord);box-sizing: border-box;}
.painting_itemss .item.active span img{border: 1px solid var(--fontColor9);}

.painting_pop{width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 12;display: none;}
.painting_con{background: var(--fontColorf);padding: 40px 80px;box-sizing: border-box;margin-top: 4vh;position: relative;}
.painting_con .painting_tit{padding: 0 0 30px;}
.painting_con .mains_text{max-height: 55vh;overflow-y: auto;padding-right: 35px;}
.painting_con .txt{margin: 20px auto;font-size: 14px;}
.painting_con .txt span{font-size: 16px;}
.painting_con .txt span:last-child{float: right;}
.painting_con .ann{display: block;line-height: 80px;background: var(--mainColor);font-size: 26px;color: var(--fontColorf);}
.painting_con .ann a{color: var(--fontColorf);display: block;text-align: center;}

.painting_colse{position: absolute;right: 40px;top: 40px;width: 40px;height: 40px;cursor: pointer;}
.painting_colse::before,
.painting_colse::after{content: "";display: block;width: 24px;height: 2px;background: var(--fontColor3);transform: rotate(45deg);position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;}
.painting_colse::after{transform: rotate(-45deg);}

.painting_return a{font-size: 16px;color: var(--fontColor3);line-height: 36px;padding-left: 20px;background: url(../images/return_icon.png) no-repeat left;}

.painting_cons{padding: 40px 0;justify-content: space-between;align-items: flex-start;}
.painting_cons .painting_left{width: calc(100% - 500px);padding-top: 100px;}
.painting_cons .painting_left img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;}
.painting_cons .painting_right{width: 420px;}
.painting_cons .painting_right .painting_right_item .painting_pages{border-bottom: 1px solid var(--fontColord);padding-bottom: 30px;margin-bottom: 30px;max-height: 610px;overflow-y: auto;}
.painting_cons .painting_right .painting_right_item .btn_txt{width: 100%;line-height: 60px;color: var(--fontColorf);text-align: center;font-size: 16px;padding-right: 30px;background: var(--mainColor) url(../images/btn_icon2.png) no-repeat 240px;box-sizing: border-box;cursor: pointer;}
.painting_cons .painting_right .painting_right_tit{border-bottom: 1px solid var(--fontColord);}
.painting_cons .painting_right .painting_right_tit h3{line-height: 40px;font-size: 26px;color: var(--fontColor3);padding-bottom: 20px;}
.painting_cons .painting_right .painting_right_tit h3 a{display: inline-block;width: 40px;height: 40px;background:var(--lineColor2) url(../images/return_icon.png) no-repeat center;float: right;}
.painting_cons .painting_right .painting_page_items h3{font-size: 20px;line-height: 36px;color: var(--fontColor3);margin-top: 20px;}
.painting_cons .painting_right .painting_page_items .item{margin-top: 10px;display: inline-flex;width: 100%;align-items: center;}
.painting_cons .painting_right .painting_right_tit input{width: 150px;line-height: 50px;text-align: center;border:none;margin: 20px 20px 20px 0;background: var(--lineColor);color: var(--fontColorf);}
.painting_cons .painting_right .painting_right_tit input.reset{border:1px solid var(--fontColor3);background: none;color: var(--fontColor3);}

.painting_cons .painting_right .painting_page_items .item span{display: inline-flex;align-items: center;width: 90px;height: 80px;border: 1px solid var(--fontColord);line-height: 80px;box-sizing: border-box;position: relative;}
.painting_cons .painting_right .painting_page_items .item span img{max-width: 100%;max-height: 80px;width: auto;height: auto;vertical-align: text-bottom;}
.painting_cons .painting_right .painting_page_items .item p{width: 69%;display: inline-flex;align-items: center;padding-left: 20px;box-sizing: border-box;}
.painting_cons .painting_right .painting_page_items .item a{display: inline-block;width: 40px;height: 40px;background:var(--lineColor2) url(../images/btn_icon.png) no-repeat center;float: right;}
.painting_cons .painting_right .painting_page_items .item span::after{content: "";display: block;width: 32px;height: 32px;position: absolute;right: 0;bottom: 0;}
.painting_cons .painting_right .painting_right_item2 .painting_page_items .item span::after,
.painting_cons .painting_right .painting_right_item3 .painting_page_items .item.active span::after{display: block;}
.painting_cons .painting_right .painting_right_item3 .painting_page_items .item a{background:var(--lineColor2) url(../images/painting_right_item3_ico.png) no-repeat center;}
.painting_cons .painting_right .painting_right_item3 .painting_page_items .item.active a{opacity: 0.5;}
.painting_cons .painting_right .painting_right_item3 .painting_page_items .item span::after,
.painting_cons .painting_right .painting_right3 .painting_right_item .painting_page_items .item span::after{display: none;}
.painting_cons .painting_right .painting_right3 .painting_right_item .painting_pages{height: auto;max-height: inherit;border-bottom: none;}
.painting_cons .painting_right .painting_right3 .painting_right_tit h3 a{width: auto;font-size: 16px;background: url(../images/btn_icon.png) no-repeat right;padding-right: 25px;}

.painting_return{line-height: 50px;font-size: 16px;}
.painting_return a{color: var(--fontColor3);}
.painting_page_color{width: 100%;margin-top: 10px;}
.painting_page_color .ite{width: calc(100% / 8);max-width: 40px;height: 40px;border:1px solid var(--fontColord);border-radius: 50%;overflow: hidden;margin: 1px;margin-right: 8px;margin-bottom: 8px;}
.painting_page_color .ite.active{border:1px solid var(--mainColor);}
.painting_page_color .ite img{width: 100%;height: 100%;padding: 1px;box-sizing: border-box;border-radius: 50%;}