@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:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;} 
::-webkit-scrollbar-button {
    width: 1.0416666666666667vw;
    height: 1.0416666666666667vw;
}

::-webkit-scrollbar-button:vertical:single-button:start {  
    background: no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:vertical:single-button:end {
    background: no-repeat;
    background-size: cover;
    cursor: pointer;
   
}
::-webkit-scrollbar-button:horizontal:single-button:start {
    background: no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:horizontal:single-button:end {
    background: no-repeat;
    background-size: cover;
    cursor: pointer;
}
*/
img{width: 100%;height: 100%;}
:root {
    --maincolor: #7d352b;
    --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: #f72c23;
    --linecolor2: #c48a4e;
    --linecolor3: #f2d0a0;
    --bgcolor: #f9f7f3;
    --bgcolor2: #f6f6f6;
}
a{color: var(--maincolor);}

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

.box_con {
    box-sizing: border-box;
    padding: 0 3.125vw;
    margin: 0 auto;
}

.box_con2{
    max-width: 1340px;
    margin: 0 auto;
}

/*头部样式*/
header{margin:0 auto;border-top: 2px solid var(--linecolor);background: url(/uploads/image/smdimages/header_bg.png) no-repeat center;box-sizing: border-box;background-size: cover;}
.head_con{justify-content: space-between;align-items: center;height: 120px;}
header h1{max-width: 313px;}
.head_right{display: inline-flex;flex-direction: column;align-items: flex-end;}
.head_top{display: inline-flex;}
.head_top .search{width: 130px;height: 30px;background: var(--fontcolore);border-radius: 30px;position: relative;}
.head_top .search input{width: 75%;height: 30px;line-height: 30px;background: none;border:none;padding-left: 10px;box-sizing: border-box;}
.head_top .search button{position: absolute;background: none;border:none;position: absolute;right: 0;top: 0;width: 40px;height: 30px;}
.head_top .search button img{width: 16px;height: 16px;}
.head_top .lang{width: 60px;text-align: center;font-size: 14px;color: var(--linecolor2);text-align: center;background: var(--fontcolore);line-height: 30px;border-radius: 30px;margin-left: 30px;}
.head_top .lang a{display: block;color: var(--linecolor2);}
.head_nav ul li a{display: block;font-size: 18px;color: var(--fontcolor3);line-height: 45px;padding: 0 30px;box-sizing: border-box;transition: transform 0.5s;}
.head_nav ul li.active a,
.head_nav ul li:hover a{background: url(/uploads/image/smdimages/head_nav_bg.png) no-repeat;color: var(--fontcolorf);background-size: 100% 45px;transform: translatey(10px) scale(1.01);}

.fixed header{position: fixed;top: 0;left: 0;right: 0;z-index: 9;}

/*底部样式*/
footer{margin: 0 auto;background: url(/uploads/image/smdimages/footer_bg.jpg) no-repeat center;background-size: cover;}
.foot_top{padding:50px 0;}
.foot_nav ul{justify-content: center;}
.foot_nav ul li{padding-right: 30px;margin-right: 30px;position: relative;}
.foot_nav ul li::after{content: "";display: block;width: 1px;height: 10px;background: rgba(255, 255, 255, 0.5);position: absolute;right: 0;top: 50%;margin-top: -5px;}
.foot_nav ul li:last-child{margin-right: 0;padding-right: 0;}
.foot_nav ul li:last-child:after{display: none;}
.foot_nav ul li a{font-size: 16px;color: var(--fontcolorf);}
.foot_link{height: 40px;margin: 30px auto;text-align: center;}
.foot_link select{width: 180px;height: 40px;line-height: 40px;border-radius: 40px;background: none;padding: 0 20px;box-sizing: border-box;font-size: 14px;color: var(--fontcolora);margin: 0 20px;}
.foot_txt{text-align: center;}
.foot_txt p{font-size: 16px;line-height: 36px;color: var(--fontcolorf);opacity: 0.6;}
.foot_txt p img{max-width: 100px;margin: 0 5px;opacity: 1;}
.foot_txt p:nth-child(3){opacity: 1;}
.foot_txt span{font-size: 14px;color: var(--fontcolorf);opacity: 0.2;display: block;line-height: 36px;}
.foot_txt span a{color: var(--fontcolorf);}

.foot_btm{background: rgba(0, 0, 0, 0.1);padding: 15px 0;}
.foot_btm p{text-align: center;font-size: 14px;line-height: 24px;color: var(--fontcolorf);opacity: 0.2;}
.foot_btm p a{color: var(--fontcolorf);}

/*banner样式*/
.banner{position: relative;height: calc(100vh - 120px);overflow: hidden;}
.banner .swiper-slide a{display: block;height: calc(100vh - 120px);transform: scale(1.2);transition: ease-in 0.5s;}
.banner .swiper-slide-active a{transform: scale(1);transition: ease-in 2.5s;}
.banner .swiper-pagination-banner{position: absolute;bottom: 40px;text-align: center;z-index: 2;}
.banner .swiper-pagination-banner .swiper-pagination-bullet{width: 26px;height: 28px;background: url(/uploads/image/smdimages/banner_icon_01.png) no-repeat;border-radius: 0;opacity: 1;margin: 0 10px;}
.banner .swiper-pagination-banner .swiper-pagination-bullet-active{background: url(/uploads/image/smdimages/banner_icon_02.png) no-repeat;}

.box_tit{display: inline-flex;justify-content:space-between;width: 100%;}
.box_tit h3{font-size: 30px;color: var(--fontcolorf);width: 70%;line-height: 45px;letter-spacing: 1px;}
.box_tit h3::before,
.box_tit h3::after{content: "";display: inline-block;vertical-align: middle;width: 17px;height: 28px;background: url(/uploads/image/smdimages/box_tit_bg.png) no-repeat center;padding-right: 10px;}
.box_tit h3::after{transform: rotatey(180deg);}
.box_tit>a{line-height: 45px;font-size: 14px;color: var(--fontcolorf);position: relative;padding-left: 30px;transition: transform 0.5s;}
.box_tit>a::before,
.box_tit>a::after{content: "";display: block;position: absolute;left: 0;top: 50%;}
.box_tit>a::before{width: 16px;height: 16px;border: 1px solid var(--fontcolorf);border-radius: 16px;margin-top: -8px;}
.box_tit>a::after{width: 10px;height: 10px;border-radius: 10px;background: var(--fontcolorf);margin-top: -5px;left: 12px;}
.box_tit>a:hover{transform: translatey(-10px) scale(1.01);}

.box1{padding-top: 3.125vw;}
.box1_con{justify-content: space-between;}
.box1_left{width: calc(100% - 630px);}
.box1_new{max-width: 700px;width: 100%;background: url(/uploads/image/smdimages/box1_left_bg.jpg) no-repeat no-repeat center;background-size: cover;padding: 30px;box-sizing: border-box;height: 480px;}
.box1_new .box_tit>a{color: var(--linecolor3);line-height: 30px;}
.box1_new .box_tit>a::before{border:1px solid var(--linecolor3);}
.box1_new .box_tit>a::after{background: var(--linecolor3);}
.box1_new .box_tit span a{display: block;line-height: 45px;color: var(--linecolor3);}

.box1_left_con{justify-content: space-between;}
.box1_new{max-width: 700px;width: 100%;}
.box1_new_top{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.box1_new_btm{border-top: 1px solid rgba(62, 18, 9, 0.3);}
.box1_new_top ul,
.box1_new_btm ul{margin: 25px auto;}
.box1_new_top ul li,
.box1_new_btm ul li{padding-left: 35px;box-sizing: border-box;position: relative;color: var(--fontcolorf);transition: transform 0.5s;}
.box1_new_top ul li a,
.box1_new_btm ul li p{font-size: 16px;line-height: 30px;color: var(--fontcolorf);}
.box1_new_btm ul li a{justify-content: space-between;}
.box1_new_btm ul li p{width: 85%;}
.box1_new_btm ul li em{width: 15%;text-align: right;font-size: 14px;color: var(--fontcolorf);}
.box1_new_btm ul li em font{font-size: 18px;}
.box1_new_top ul li::before,
.box1_new_btm ul li::before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 30px;height: 16px;margin-top: -8px;}
.box1_new_top ul li::before{background: url(/uploads/image/smdimages/box1_new_top_icon.png) no-repeat center;}
.box1_new_btm ul li::before{background: url(/uploads/image/smdimages/box1_new_btm_icon.png) no-repeat center;}
.box1_new_top ul li:hover,
.box1_new_btm ul li:hover,
.box2_left .tct ul li:hover{transform: translatex(15px);}

.box1_recommend {width: calc(100% - 700px);height: 480px;overflow: hidden;position: relative;}
.box1_recommend .swiper-slide a{display: block;position: relative;}
.box1_recommend .swiper-slide .pic{width: 100%;height: 480px;position: relative;}
.box1_recommend .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.box1_recommend .swiper-slide .pic::after{content: "";display: block;height: 80px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 80%);}
.box1_recommend .swiper-slide a p{font-size: 16px;line-height: 30px;color: var(--fontcolorf);width: 75%;position: absolute;bottom: 10px;left: 30px;z-index: 4;}
.box1_recommend .swiper-pagination-recommend{left: auto;right: 30px;bottom: 15px;width: 15%;position: absolute;z-index: 2;text-align: right;}
.box1_recommend .swiper-pagination-recommend .swiper-pagination-bullet{background: var(--fontcolorf);opacity: 1;}
.box1_recommend .swiper-pagination-recommend .swiper-pagination-bullet-active{background: var(--linecolor3);}

.box1_right{max-width: 600px;width: 100%;background: url(/uploads/image/smdimages/box1_right_bg.jpg) no-repeat no-repeat center;background-size: cover;padding: 30px;box-sizing: border-box;height: 480px;}
.box1_right .tct .pic{height: 200px;margin: 20px auto;}
.box1_right .tct .text{font-size: 18px;line-height: 30px;color: var(--fontcolorf);}

.box2{padding-top: 30px;}
.box2_con{justify-content: space-between;}
.box2_left{max-width: 700px;width: 100%;background: url(/uploads/image/smdimages/box2_left_bg.jpg) no-repeat no-repeat center;background-size: cover;padding: 30px;box-sizing: border-box;height: 480px;}
.box2_left .box_tit h3{color: var(--fontcolor3);}
.box2_left .box_tit h3::before,
.box2_left .box_tit h3::after{background: url(/uploads/image/smdimages/box_tit_bg2.png) no-repeat;}
.box2_left .box_tit>a{color: var(--fontcolor3);}
.box2_left .box_tit>a::before{border: 1px solid var(--linecolor3);}
.box2_left .box_tit>a::after{background: var(--linecolor3);}
.box2_left .tct{border-top: 1px solid rgba(62, 18, 9, 0.1);margin: 25px 0;padding-top: 25px;}
.box2_left .tct ul li{padding-left: 35px;box-sizing: border-box;position: relative;transition: transform 0.5s;}
.box2_left .tct ul li::before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 30px;height: 16px;margin-top: -8px;background: url(/uploads/image/smdimages/box1_new_btm_icon2.png) no-repeat center;}
.box2_left .tct ul li a,
.box2_left .tct ul li p{font-size: 16px;line-height: 45px;color: var(--fontcolor3);}
.box2_left .tct ul li a{justify-content: space-between;}
.box2_left .tct ul li p{width: 85%;}
.box2_left .tct ul li em{width: 15%;text-align: right;font-size: 14px;color: var(--fontcolor3);}
.box2_left .tct ul li em font{font-size: 18px;}

.box2_right{width: calc(100% - 730px);height: 480px;position: relative;}
.box2_right .box_tit{position: absolute;top: 30px;left: 30px;z-index: 5;}
.box2_right_tit{position: absolute;top: 0;left: 0;right: 0;}
.box2_right_tit ul{height: 490px;}
.box2_right_tit ul li{width: calc(100% / 3);padding: 30px;box-sizing: border-box;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.2);height: 480px;display: inline-flex;flex-direction: column;justify-content: flex-end;position: relative;transition: ease-in 0.5s;}
.box2_right_tit ul li a{position: relative;z-index: 2;width: 165px;transition: all 0.5s;}
.box2_right_tit ul li:hover a{width: 220px;transition: all 0.5s;}
.box2_right_tit ul li span{display: block;width: 90px;height: 88px;margin: 20px auto;}
.box2_right_tit ul li h3{font-size: 20px;line-height: 30px;color: var(--fontcolorf);}
.box2_right_tit ul li em{margin: 10px auto;display: block;width: 20px;height: 4px;}
.box2_right_tit ul li em img{display: block;}
.box2_right_tit ul li p{font-size: 14px;line-height: 24px;color: var(--fontcolorf);height: 0;overflow: hidden;transition: ease-in 0.5s;}
.box2_right_tit ul li font{font-size: 14px;line-height: 30px;color: var(--linecolor3);position: relative;text-indent: 2em;display: inline-block;height: 0;overflow: hidden;transition: ease-in 0.5s;margin: 10px auto;}
.box2_right_tit ul li font::before,
.box2_right_tit ul li font::after{content: "";display: block;position: absolute;left: 0;top: 50%;}
.box2_right_tit ul li font::before{width: 16px;height: 16px;border: 1px solid var(--linecolor3);border-radius: 16px;margin-top: -8px;}
.box2_right_tit ul li font::after{width: 10px;height: 10px;border-radius: 10px;background: var(--linecolor3);margin-top: -5px;left: 12px;}
.box2_right_tit ul li::after{content: "";display: block;background: url(/uploads/image/smdimages/box2_right_tit_bg.jpg) no-repeat;background-size: cover;max-width: 285px;width: 100%;height: 490px;position: absolute;left: -5px;bottom: -5px;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);opacity: 0;;transition: ease-in 0.5s;}
.box2_right_tit ul:hover li{width: calc((100% - 600px) / 2);transition: ease-in 0.5s;}
.box2_right_tit ul li:hover{width: 600px;}
.box2_right_tit ul li:hover::after{transition: ease-in 0.5s;opacity: 1;}
.box2_right_tit ul li:hover p{height: 96px;transition: ease-in 0.5s;}
.box2_right_tit ul li:hover font{height: 30px;transition: ease-in 0.5s;}
.box2_right_cons .item{height: 480px;display: none;}
.box2_right_cons .item img{width: 100%;height: 100%;object-fit: cover;}

.box3{padding-top: 30px;padding-bottom: 3.125vw;}
.box3_con{justify-content: space-between;}
.box3_left{width: calc(100% - 630px);background: url(/uploads/image/smdimages/box3_left_bg.jpg) no-repeat no-repeat center;background-size: cover;padding: 30px 50px;box-sizing: border-box;height: 480px;display: inline-flex;flex-direction: row-reverse;}
.box3_left .box_tit {width: 45px;}
.box3_left .box_tit h3 {writing-mode: vertical-rl;width: 100%;letter-spacing: 3px;}
.box3_left .box_tit h3::before{transform: rotate(90deg);vertical-align: initial;}
.box3_left .box_tit h3::after{transform: rotate(-90deg);vertical-align: initial;}
.box3_left .tct{display: inline-flex;flex-direction: row-reverse;align-items: center;}
.box3_left .tct .pic{width: 170px;height: 363px;margin: 0 60px;}
.box3_left .tct .tit{writing-mode: vertical-rl;font-size: 26px;line-height: 36px;color: var(--fontcolorf);font-family: "楷体";letter-spacing: 1px;height: 305px;padding-left: 30px;margin-left: 30px;position: relative;}
.box3_left .tct .tit::before,
.box3_left .tct .tit::after{content: '';display: block;position: absolute;left: 0;top: 0;}
.box3_left .tct .tit::before{width: 5px;height: 5px;background: var(--linecolor3);margin-left: -2px;}
.box3_left .tct .tit::after{width: 1px;height: calc(100% - 15px);background: var(--linecolor3);opacity: 0.4;margin-top: 15px;}
.box3_left .tct .txt{writing-mode: vertical-rl;font-size: 16px;line-height: 30px;color: var(--fontcolorf);font-family: "楷体";letter-spacing: 0.5px;height: 305px;}
.box3_left .tct .txt p{margin: 0 15px;}
.box3_left .tct .box_tit{margin-right: 30px;}
.box3_left .tct .box_tit a{padding-left: 0;display: inline-flex;justify-content: flex-end;writing-mode: vertical-rl;letter-spacing: 1px;height: 305px;color: var(--linecolor3);}
.box3_left .tct .box_tit>a::before,.box3_left .tct .box_tit>a::after{bottom: 70px; top: auto;left: 50%;}
.box3_left .tct .box_tit>a::before{border: 1px solid var(--linecolor3);margin-left: -9px;}
.box3_left .tct .box_tit>a::after{background: var(--linecolor3);margin-left: -5px;}

.box3_right{max-width: 600px;width: 100%;background: url(/uploads/image/smdimages/box3_right_bg.jpg) no-repeat no-repeat center;background-size: cover;padding: 30px;box-sizing: border-box;height: 480px;}
.box3_right .swiper-container{position: relative;overflow: hidden;margin: 30px auto;}
.box3_right .swiper-container .swiper-slide {transform: scale(0.7);opacity: 0.5;text-align: center;}
.box3_right .swiper-container .swiper-slide span{display: block;max-width: 153px;height: 311px;}
.box3_right .swiper-container .swiper-slide p{opacity: 0;font-size: 18px;line-height: 36px;color: var(--fontcolorf);}
.box3_right .swiper-container .swiper-slide-active,
.box3_right .swiper-container .swiper-slide-duplicate-active{transform: scale(1);opacity: 1;}
.box3_right .swiper-container .swiper-slide-active p,
.box3_right .swiper-container .swiper-slide-duplicate-active p{opacity: 1;}
.box3_right .swiper-container .swiper-button-prev,
.box3_right .swiper-container .swiper-button-next{width: 21px;height: 31px;background: url(/uploads/image/smdimages/swiper-button.png) no-repeat;}
.box3_right .swiper-container .swiper-button-prev{left: 30%;transform: rotatey(180deg);}
.box3_right .swiper-container .swiper-button-next{right: 30%;}
.box3_right .swiper-container .swiper-button-prev::after,
.box3_right .swiper-container .swiper-button-next::after{display: none;}

.bar{height: 420px;}
.bar_txt{width: 100%;height: 100%;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;}
.bar_txt h3{font-size: 42px;color: var(--fontcolorf);font-weight: bold;position: relative;z-index: 2;}
.bar_txt h4{font-size: 46px;font-weight: bold;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.5) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;text-transform: uppercase;margin-top: -35px;}

.crumb{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.crumb_con{justify-content: space-between;padding: 20px 0;}
.crumb_left{width: 70%;}
.crumb_left ul li{margin-right: 50px;position: relative;}
.crumb_left ul li a{font-size: 18px;line-height: 36px;color: var(--fontcolor3);display: block;}
.crumb_left ul li::after{content: "";display: block;width: 0%;height: 2px;background: var(--linecolor);position: absolute;bottom: -20px;left: 0;transition: ease-in 0.5s;}
.crumb_left ul li.active a,
.crumb_left ul li:hover a{color: var(--linecolor);}
.crumb_left ul li:hover::after,
.crumb_left ul li.active::after{width: 100%;transition: ease-in 0.5s;}

.crumb_right dl dt{line-height: 36px;}
.crumb_right dl dt img{width: 12px;height: 12px;display: inline-block;vertical-align: -middle;line-height: 36px;}
.crumb_right dl dd {padding-left: 20px;position: relative;color: var(--fontcolor3);}
.crumb_right dl dd::before{content: "<";display: block;position: absolute;top: 50%;left: 5px;margin-top: -12px;color: var(--fontcolor9);}
.crumb_right dl dd:nth-child(2){padding-left: 10px;}
.crumb_right dl dd:last-child a{color: var(--fontcolor3);}
.crumb_right dl dd:nth-child(2):before{display: none;}
.crumb_right dl dd a{display: block;font-size: 14px;line-height: 36px;color: var(--fontcolor9);}

.about_one{background: url(/uploads/image/smdimages/about_one_bg.jpg) no-repeat top center;padding: 70px 0;}
.about_one_con{justify-content: space-between;align-items: flex-start;}
.about_one_left{max-width: 640px;}
.about_one_tit p{font-size: 20px;line-height: 36px;color: var(--maincolor);}
.about_one_tit h3{font-size: 38px;font-weight: bold;color: var(--maincolor);}
.about_one_left .mains_text{height: 288px;overflow: hidden;}
.more span{display: block;width: 180px;line-height: 50px;text-align: center;background: var(--maincolor);font-size: 14px;color: var(--fontcolorf);position: relative;text-indent: 2em;cursor: pointer;transition: transform 0.5s;}
.more span::before,
.more span::after{content: "";display: block;position: absolute;left: 24%;top: 50%;}
.more span::before{width: 16px;height: 16px;border: 1px solid var(--fontcolorf);border-radius: 16px;margin-top: -8px;}
.more span::after{width: 10px;height: 10px;border-radius: 10px;background: var(--fontcolorf);margin-top: -5px;left: 32%;}
.more span:hover{transform: translatey(-10px) scale(1.01);}

.mains_text{margin: 30px auto;font-size: 16px;line-height: 32px;color: var(--fontcolor3);text-align: justify;}
.mains_text img{max-width: 100%;height: auto;width: auto;}

.about_two{background: url(/uploads/image/smdimages/about_two_bgs.jpg) no-repeat bottom;padding-bottom: 280px;background-attachment: fixed;}
.about_two_con{background: url(/uploads/image/smdimages/about_two_bg.jpg) no-repeat;padding: 40px;}
.about_two_tit h3{font-size: 38px;font-weight: bold;text-align: center;color: var(--maincolor);}
.about_two_con .about_two_items{justify-content: space-around;}
.about_two_con .about_two_items .item{width: calc(100% / 2 - 60px);display: inline-flex;padding: 20px;box-sizing: border-box;background: var(--fontcolorf);margin-top: 35px;justify-content: space-between;align-items: center;transition: transform .5s;}
.about_two_con .about_two_items .item .ico{width: 80px;height: 80px;margin-left: 30px;}
.about_two_con .about_two_items .item .tct{width: calc(100% - 130px);}
.about_two_con .about_two_items .item .tct h3{font-size: 24px;color: var(--maincolor);}
.about_two_con .about_two_items .item .tct h3 font{font-size: 14px;opacity: 0.5;}
.about_two_con .about_two_items .item .tct p{font-size: 32px;color: var(--fontcolor6);}
.about_two_con .about_two_items .item:hover{transform: translatey(-10px) scale(1.01);}

.about_three{background: url(/uploads/image/smdimages/about_three_bg.jpg) no-repeat;padding: 30px 0;box-sizing: border-box;background-size: cover;}
.about_three_tit{justify-content: space-between;height: 0;}
.about_three_tit .ico{margin-top: -150px;}
.about_three_tit h3{padding-right: 100px;text-align: right;font-size: 38px;color: var(--fontcolorf);font-weight: bold;margin-top: -100px;line-height: 45px;}

.about_four{background: url(/uploads/image/smdimages/about_four_bg.jpg) no-repeat;background-attachment: fixed;background-size: cover;padding: 70px 0;}
.about_four_tit{max-width: 168px;height: 339px;float: right;position: relative;z-index: 2;}
.about_four_con{position: relative;}
.about_four_con .time{max-width: 978px;height: 804px;position: absolute;top: 0;left: 0;}
.about_four_con .about_four_item{padding-top: 380px;position: relative;z-index: 3;}
.about_four_item ul li{height: 120px;padding: 10px;box-sizing: border-box;background: var(--bgcolor);margin: 50px auto;transition: transform .5s;}
.about_four_item ul li a{display: block;border:1px solid var(--maincolor);box-sizing: border-box;padding: 0 100px;position: relative;}
.about_four_item ul li a::after,
.about_four_item ul li a::before{content: "";display: block;width: 100px;height: 100px;position: absolute;top: 0;}
.about_four_item ul li a::after{background: url(/uploads/image/smdimages/about_three_tit_icon2.png) no-repeat center;right: 0;}
.about_four_item ul li a::before{background:  no-repeat center;left: 0;}
.about_four_item ul li p{line-height: 100px;font-size: 30px;color: var(--maincolor);}
.about_four_item ul li:hover{transform: translatey(-10px) scale(1.01);}
.about_four_item .more span{margin: 50px auto;}

.news{background: url(/uploads/image/smdimages/news_bg.jpg) no-repeat;padding: 70px 0;box-sizing: border-box;}
.news_items .item{width: calc(100% / 3 - 26.7px);margin-right: 40px;margin-bottom: 40px;transition: transform .5s;}
.news_items .item:nth-child(3n){margin-right: 0;}
.news_items .item .pic{width: 100%;height: 280px;}
.news_items .item .pic img{object-fit: cover;}
.news_items .item2 .pic img{width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;}
.news_items .item .tct{padding: 20px;box-sizing: border-box;}
.news_items .item .tct p{font-size: 16px;line-height: 34px;color: var(--fontcolor3);position: relative;padding-left: 25px;}
.news_items .item .tct p::before{content: "";display: block;width: 15px;height: 15px;background: url(/uploads/image/smdimages/time_icon.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -7.5px;}
.news_items .item .tct h3{font-size: 22px;line-height: 36px;color: var(--fontcolor3);font-weight: bold;height: 72px;margin: 10px auto;}
.news_items .item .tct span{font-size: 14px;line-height: 36px;color: var(--fontcolor1);position: relative;padding-right: 25px;}
.news_items .item .tct span::after{content: "";display: block;width: 17px;height: 8px;background: url(/uploads/image/smdimages/jt_icon.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.news_items .item:hover{transform: translatey(-10px) scale(1.01);}


/* 分页 */
.page_list ul {
    width: 100%;
    padding: 30px 0;
}

.page_list ul {
    justify-content: center;
}
 
.page_list ul li {
    width: 60px;
    height: 60px;
    border: 1px solid var(--fontcolorc);
    text-align: center;
    line-height: 58px;
    font-size: 20px;
    color: var(--fontcolor3);
    margin: 0 5px;
    border-radius: 60px;
    overflow: hidden;
    box-sizing: border-box;
}

.page_list ul li a {
    display: block;
    color: var(--fontcolor3);
}

.page_list ul li.active a,
.page_list ul li:hover a {
    background: var(--linecolor);
    color: var(--fontcolorf);
}

.news_cons{
    margin: 70px auto;
    padding: 30px 60px;
    box-sizing: border-box;
    background: var(--fontcolorf);
}
.news_cons .mains_text{
    margin: 30px auto;
}
.news_titles{
    text-align: center;
    border-bottom: 1px solid var(--fontcolord);
    padding-bottom: 20px;
}
.news_titles h3{
    font-size: 34px;
    line-height: 40px;
    color: var(--fontcolor3);
    font-weight: bold;
}
.news_titles p{
    font-size: 14px;
    line-height: 40px;
    color: #999;
    margin-top: 20px;
}
.news_titles p span{
    margin: 0 15px;
    display: inline-block;
}
.news_page{
    background: var(--bgcolor2);
    padding: 0 60px;
}
.news_page ul li{
    width: calc(100% / 3);
}
.news_page ul li a{
    display: inline-flex;
    line-height: 96px;
    align-items: center;
    color: var(--fontcolor3);
}
.news_page ul li a::before{
    content: "";
    display: inline-block;
    width: 9px;
    height: 17px;
    background: url(/uploads/image/smdimages/news_pag_01.png) no-repeat;
    margin-right: 10px;
}
.news_page ul li:nth-child(2){
    text-align: center;
}
.news_page ul li:nth-child(2) a::before{
    width: 18px;
    height: 14px;
    background: url(/uploads/image/smdimages/news_pag_02.png) no-repeat;
}
.news_page ul li:nth-child(3){
    text-align: right;
}
.news_page ul li:nth-child(3) a::before{
    display: none;
}
.news_page ul li:nth-child(3) a::after{
    content: "";
    display: inline-block;
    width: 9px;
    height: 17px;
    background: url(/uploads/image/smdimages/news_pag_01.png) no-repeat;
    transform: rotate(180deg);
    margin-left: 10px;
}

.business{background: url(/uploads/image/smdimages/business_bg.jpg) no-repeat;background-size: cover;padding: 90px 0;}
.business_items .item{width: calc(100% / 3 - 26.7px);margin-right: 40px;height: 610px;position: relative;overflow: hidden;}
.business_items .item:nth-child(3n){margin-right: 0;}
.business_items .item .pic{height: 610px;width: 100%;}
.business_items .item .pic img{object-fit: cover;transition: transform .5s;}
.business_items .item .tct{height: 100%;position: absolute;bottom: 0;left: 0;right: 0;padding: 50px;box-sizing: border-box;display: inline-flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.business_items .item .tct h3{writing-mode: vertical-rl;font-size: 28px;color: var(--fontcolorf);letter-spacing: 2px;padding: 40px 0;position: relative;transition: transform .5s;}
.business_items .item .tct h3::before,
.business_items .item .tct h3::after{content: "";display: block;width: 22px;height: 22px;background: url(/uploads/image/smdimages/business_items_icon.png) no-repeat;position: absolute;left: 0;right: 0;margin: 0 auto;}
.business_items .item .tct h3::before{top: 0;}
.business_items .item .tct h3::after{bottom: 0;transform: rotate(180deg);}
.business_items .item:hover .tct h3{transform: translatey(-220px) scale(1.01);}
.business_items .item:hover .pic img{transform: scale(1.1);}


.swiper-container-party{position: relative;overflow: hidden;}
/* .swiper-container-party .swiper-wrapper{transition: 0.5s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;} */
.swiper-container-party .swiper-pagination-party{text-align: right;width: 200px;right: 40px;position: absolute;bottom: 40px;z-index: 2;left: auto;}
.swiper-container-party .swiper-pagination-party .swiper-pagination-bullet{background: var(--fontcolorf);width: 14px;height: 14px;}
.swiper-container-party .swiper-pagination-party .swiper-pagination-bullet-active{opacity: 1;}
.swiper-container-party::after{content: "";display: block;position: absolute;z-index: 0;background: url(/uploads/image/smdimages/party_top_bg.jpg) no-repeat center;width: 420px;height: 470px;top: 0;right: 0;background-size: cover;}

.party_top .pic{width: calc(100% - 420px); height: 470px;}
.party_top .pic img{object-fit: cover;}
.party_top .tct{width: 420px;height: 470px;padding: 40px;box-sizing: border-box;position: relative;z-index: 3;opacity: 0;}
.party_top .tct p{font-size: 16px;line-height: 36px;color: var(--fontcolorf);padding-left: 25px;position: relative;}
.party_top .tct p::before{content: "";display: block;width: 15px;height: 15px;background: url(/uploads/image/smdimages/time_icon2.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -7.5px;}
.party_top .tct h3{font-size: 24px;line-height: 36px;font-weight: bold;color: var(--fontcolorf);margin: 10px auto;}
.party_top .tct span{font-size: 14px;line-height: 36px;color: var(--fontcolorf);margin-top: 200px;display: inline-block;position: relative;padding-right: 25px;}
.party_top .tct span::after{content: "";display: block;width: 17px;height: 8px;background: url(/uploads/image/smdimages/jt_icon2.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.swiper-container-party .swiper-slide-active .tct{opacity: 1;}

.party_btm{margin-top: 60px;}
.party_btm .item{width: calc(100% / 3 - 26.7px);padding: 30px;box-sizing: border-box;border:1px solid var(--fontcolore);margin-right: 40px;margin-bottom: 40px;transition: transform .5s;background: var(--fontcolorf);}
.party_btm .item:nth-child(3n){margin-right: 0;}
.party_btm .item p{font-size: 16px;line-height: 34px;color: var(--fontcolor3);position: relative;padding-left: 25px;}
.party_btm .item p::before{content: "";display: block;width: 15px;height: 15px;background: url(/uploads/image/smdimages/time_icon.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top: -7.5px;}
.party_btm .item h3{font-size: 22px;line-height: 36px;color: var(--fontcolor3);font-weight: bold;height: 72px;margin: 10px auto;}
.party_btm .item h3 span{font-size: 22px;padding: 0;}
.party_btm .item h3 span::after{display: none;}
.party_btm .item span{font-size: 14px;line-height: 36px;color: var(--fontcolor1);position: relative;padding-right: 25px;}
.party_btm .item span::after{content: "";display: block;width: 17px;height: 8px;background: url(/uploads/image/smdimages/jt_icon.png) no-repeat;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.party_btm .item:hover{transform: translatey(-10px) scale(1.01);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);}


.recruit_con{background: var(--fontcolorf);padding: 40px;box-sizing: border-box;}
.recruit_con .recruit_items .item{display: flex;text-align: center;font-size: 18px;line-height: 50px;height: 50px; overflow: hidden;color: var(--fontcolor3);border-bottom: 1px solid var(--fontcolor3);padding: 10px 0;}
.recruit_con .recruit_items .item span{display: block;width: calc(100% /5 );}
.recruit_con .recruit_items .item span a{color: var(--linecolor);}
.recruit_con .recruit_items .item:first-child span{font-size: 22px;font-weight: bold;}

.recruit_tit{background: url(/uploads/image/smdimages/recruit_tit_bg.jpg) no-repeat;background-size: cover;height: 220px;}
.recruit_tct{justify-content: space-between;align-items: center;height: 220px;color: var(--fontcolorf);}
.recruit_tct h3{font-size: 42px;line-height: 50px;font-weight: bold;}
.recruit_tct p{font-size: 16px;line-height: 36px;}
.recruit_tct a{width: 200px;line-height: 60px;background: var(--fontcolorf);color: var(--linecolor);text-align: center;display: block;font-size: 20px;transition: transform 0.5s;}
.recruit_tct a:hover{transform: translatey(-10px) scale(1.01);}
.more a{width: 200px;line-height: 60px;background: var(--linecolor);color: var(--fontcolorf);text-align: center;display: block;font-size: 20px;margin: 40px auto;transition: transform 0.5s;}
.more a:hover{transform: translatey(-10px) scale(1.01);}

.article_items .items{border-bottom: 1px solid var(--fontcolord);margin-bottom: 10px;padding-bottom: 10px;}
.article_items .items:last-child{border-bottom: none;}
.article_items .items .item{margin: 15px auto;}
.article_items .items .item a{justify-content: space-between;color: var(--fontcolor3);line-height: 34px;}
.article_items .items .item p{width: 70%;font-size: 18px;}
.article_items .items .item p::before{content: "";display: inline-block;vertical-align: middle;width: 8px;height: 8px;border: 1px solid var(--fontcolord);border-radius: 8px;margin-right: 10px;}
.article_items .items .item span{width: 20%;font-size: 14px;}
.article_items .items .item em{width:10%;text-align: right;font-size: 16px;}
.article_items .items .item:hover p{color: var(--linecolor);}

.contact_map{position: relative;}
#allmap{height: 860px;}

.contact_con{width: 520px;padding: 40px;box-sizing: border-box;position: absolute;top: 40px;right: 40px;background: rgba(255, 255, 255, 0.9);}
.contact_con h3{font-size: 30px;line-height: 40px;color: var(--fontcolor3);font-weight: bold;}
.contact_con ul{margin: 20px auto;}
.contact_con ul li{padding: 10px 0;}
.contact_con ul li p:nth-child(1){font-size: 20px;color: var(--fontcolor9);line-height: 36px;border-bottom: 1px solid var(--fontcolord);padding-bottom: 10px;margin-bottom: 10px;}
.contact_con ul li p b{font-size: 26px;font-family: arial;color: var(--linecolor);line-height: 36px;}
.contact_con ul li p span{font-size: 20px;line-height: 36px;color: var(--fontcolor3);}
.contact_con dl{align-items: flex-end;}
.contact_con dl dt{width: 145px;height: 145px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 91, 172, 0.1);}
.contact_con dl dd{font-size: 14px;color: var(--fontcolor3);writing-mode: vertical-rl;margin-left: 10px;}
.contact_con ul li p em{float: right;width: 19px;height: 19px;margin-top: 8px;}
.contact_con ul li:nth-child(1) p em{background: url(/uploads/image/smdimages/contact_con_01.png) no-repeat;}
.contact_con ul li:nth-child(2) p em{background: url(/uploads/image/smdimages/contact_con_02.png) no-repeat;}
.contact_con ul li:nth-child(3) p em{background: url(/uploads/image/smdimages/contact_con_03.png) no-repeat;}
.contact_con ul li:nth-child(4) p em{background: url(/uploads/image/smdimages/contact_con_04.png) no-repeat;}