.main-content .content-wrapper{width:100%;overflow:hidden;}
.main-content .content-wrapper main{padding-left:0;padding-right:0;}
.main-content .content-wrapper .sidebar-first{padding-left:0;padding-right:0;border-right:1px solid #a2a2a2;}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links){padding:0;list-style-type:none;}
@media (min-width:1140px){.main-content .content-wrapper .sidebar-first ul:not(.contextual-links){padding-top:2rem;}}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li{margin-left:4rem;margin-right:4rem;padding:1rem .5rem .9rem;border-bottom:1px solid #d5d5d5;}
@media (min-width:1140px){.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li{margin-right:0;}}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a{font-size:1.3rem;font-weight:300;padding:0;background:transparent;outline:none;display: block;}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a div{line-height:0.8rem;font-size:12px;text-transform:uppercase;}
@media (min-width:1140px){.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a{font-size:17px;}}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a:hover,.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a:focus{background:transparent;outline:none;}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li a.active{font-weight:bold;}
.main-content .content-wrapper .sidebar-first ul:not(.contextual-links) li.active a{font-weight:bold;}
.main-content .content-wrapper .sidebar-first + .main-content-with-sidebar{margin-left:-1px;border-left:1px solid #a2a2a2;padding-top:50px;padding-bottom:30px;}
.main-content .pro-detail .swiper-container{padding-top:50px;padding-bottom:50px;}
.main-content .pro-detail .swiper-container .swiper-slide .box{text-align:center;}
.main-content .pro-detail .swiper-container .swiper-slide .box img{display:inline-block;}
.main-content .pro-detail .swiper-pagination-bullet-active{background:#101116;}


.about{padding:60px 0;}
.about_section{padding:60px 0;}
.about .con{text-align:center;padding:80px 80px 0 80px;}
.about .con h3{font-size:30px;font-weight:400;margin-bottom:10px;}
.about .con div{color:#868686;line-height:24px;text-align: left;}
@media (max-width:812px){
    .about_section{padding:20px 0;}
    .about .w50{width:100%!important;}
    .about{max-width:90%;}
    .about .con{padding:40px 20px;}
    .about .con h3{font-size:20px;margin-bottom:0px;}
}

.history{padding:60px 0;}
.history img{display:block;width:100%}
.history .mode-title{padding-top:116px;padding-bottom:88px;text-align:center;}
.history .mode-title .b-t{font-size:32px;font-weight:normal;font-stretch:normal;letter-spacing:1px;color:#333333}
.history .s1 .swiper-con{overflow:hidden;position:relative}
.history .s1 .swiper-con .swiper-container{overflow:visible;width:85%;margin:0 auto}
.history .s1 .swiper-con .swiper-container .swiper-slide{width:55%}
.history .s1 .swiper-con .pc-swiper{display:block}
.history .s1 .swiper-con .ph-swiper{height:0;overflow:hidden}
.history .s1 .swiper-item{width:100%;margin-right:0;margin-left:0}
.history .s1 .swiper-item .swiper-listc{position:relative;box-sizing:border-box}
/*.history .s1 .swiper-item .img{width:34%;position:relative;padding-bottom:56px;}
.history .s1 .swiper-item .img img{border:8px solid #ceb694;}
.history .s1 .swiper-item .img::before{content:'';position:absolute;bottom:0;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:16px solid #ceb694}
.history .s1 .swiper-item .img::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-200%;width:400%;height:3px;background-color:#ceb694}
.history .s1 .swiper-item .text{position:absolute;width:50%;box-sizing:border-box;padding-right:7%;top:16%;right:10%;font-family:MicrosoftYaHei;font-size:14px;font-weight:normal;line-height:30px;letter-spacing:1px;color:#666666;text-align:left}
.history .s1 .swiper-item .text .year{margin-bottom:20px;font-size:48px;color:#ceb694;font-weight:bolder}
.history .s1 .swiper-item .text .year img{display:inline-block;vertical-align:top;width:auto;height:44px}
.history .s1 .swiper-item:nth-of-type(2n) .swiper-listc{position:relative;padding-left:48%;padding-right:18%}
.history .s1 .swiper-item:nth-of-type(2n) .img{width:100%;position:relative;padding-bottom:0;padding-top:53px}
.history .s1 .swiper-item:nth-of-type(2n) .img::before{content:'';position:absolute;top:-3px;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:16px solid #ceb694;border-bottom:0}
.history .s1 .swiper-item:nth-of-type(2n) .img::after{content:'';position:absolute;top:-3px;left:50%;margin-left:-100%;width:400%;height:3px;background-color:#ceb694}
.history .s1 .swiper-item:nth-of-type(2n) .text{position:absolute;width:48%;box-sizing:border-box;padding-right:7%;top:30%;left:0;font-family:MicrosoftYaHei;font-size:14px;font-weight:normal;line-height:30px;letter-spacing:1px;color:#666666;text-align:right}
@media (max-width:1600px){
    .history .s1{padding-bottom:120px;}
    .history .s1 .mode-title{padding-top:90px;padding-bottom:74px}
    .history .s1 .s1-swiper .swiper-item .img{padding-bottom:56px}
    .history .s1 .s1-swiper .swiper-item .text{top:16%;font-size:14px;line-height:30px}
    .history .s1 .s1-swiper .swiper-item .text .year{margin-bottom:20px}
    .history .s1 .s1-swiper .swiper-item .text .year img{height:38px}
}
@media (max-width:1376px){
    .history .s1{padding-bottom:120px;}
    .history .s1 .mode-title{padding-top:90px;padding-bottom:74px}
    .history .s1 .swiper-con{overflow:hidden;position:relative}
    .history .s1 .swiper-con .swiper-container{width:100%;margin:0 auto}
}
@media (max-width:996px){
    .history .mode-title .b-t{font-size:22px}
    .history .s1{padding-bottom:120px;}
    .history .s1 .mode-title{padding-top:40px;padding-bottom:32px}
    .history .s1 .swiper-con{overflow:hidden;position:relative}
    .history .s1 .swiper-con .swiper-container{width:100%;margin:0 auto}
    .history .s1 .swiper-con .swiper-container .swiper-slide{width:100%}
    .history .s1 .swiper-con .pc-swiper{height:0;overflow:hidden}
    .history .s1 .swiper-con .ph-swiper{height:auto;display:block}
    .history .s1 .swiper-item{width:100%;float:left;margin-right:0;margin-left:0}
    .history .s1 .swiper-item .swiper-listc{position:relative;box-sizing:border-box}
    .history .s1 .swiper-item .img{width:40%;position:relative;padding-bottom:56px}
    .history .s1 .swiper-item .img::before{content:'';position:absolute;bottom:0;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:16px solid #ceb694}
    .history .s1 .swiper-item .img::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-200%;width:400%;height:3px;background-color:#ceb694}
    .history .s1 .swiper-item .text{position:absolute;width:58%;box-sizing:border-box;padding-right:2%;padding-left:4%;top:0;right:0;font-family:MicrosoftYaHei;font-size:14px;font-weight:normal;line-height:22px;letter-spacing:1px;color:#666666;text-align:left}
    .history .s1 .swiper-item .text .year{margin-bottom:10px;padding-top:30px;font-size:40px}
    .history .s1 .swiper-item .text .year img{display:inline-block;vertical-align:top;width:auto;height:30px}
    .history .s1 .swiper-item:nth-of-type(2n) .swiper-listc{position:relative;box-sizing:border-box}
    .history .s1 .swiper-item:nth-of-type(2n) .img{width:34%;position:relative;padding-bottom:56px}
    .history .s1 .swiper-item:nth-of-type(2n) .img::before{content:'';position:absolute;bottom:0;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:16px solid #ceb694}
    .history .s1 .swiper-item:nth-of-type(2n) .img::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-200%;width:400%;height:3px;background-color:#ceb694}
    .history .s1 .swiper-item:nth-of-type(2n) .text{position:absolute;width:60%;box-sizing:border-box;padding-right:7%;top:16%;right:0;font-family:MicrosoftYaHei;font-size:12px;font-weight:normal;line-height:24px;letter-spacing:1px;color:#666666;text-align:right}
    .history .s1 .swiper-item:nth-of-type(2n) .text .year{margin-bottom:10px}
    .history .s1 .swiper-item:nth-of-type(2n) .text .year img{display:inline-block;vertical-align:top;width:auto;height:30px}
    .history .s1 .swiper-item:nth-of-type(3){display:none}
    .history .s1 .swiper-item:nth-of-type(4){display:none}
}
*/
.history .s1 .swiper-item .text{min-width:270px;min-height:240px;padding-top:30px;box-sizing:border-box;font-family:MicrosoftYaHei;font-size:14px;font-weight:normal;line-height:24px;letter-spacing:1px;color:#666666;text-align:center;position:relative;}
.history .s1 .swiper-item .text .year{margin-bottom:20px;font-size:48px;line-height:48px;color:#b1bac9;font-weight:bolder}
.history .s1 .swiper-item .text::before{content:'';position:absolute;bottom:0;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:16px solid #b1bac9}
.history .s1 .swiper-item .text::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-200%;width:400%;height:3px;background-color:#b1bac9}
.history .s1 .swiper-item:nth-of-type(2n) .swiper-listc{position:relative;padding-left:48%;padding-right:18%}
.history .s1 .swiper-item:nth-of-type(2n) .img{width:100%;position:relative;padding-bottom:0;padding-top:53px}
.history .s1 .swiper-item:nth-of-type(2n) .text::before{content:'';position:absolute;top:-3px;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:16px solid #b1bac9;border-bottom:0}
.history .s1 .swiper-item:nth-of-type(2n) .text::after{content:'';position:absolute;top:-3px;left:50%;margin-left:-100%;width:400%;height:3px;background-color:#b1bac9}
@media (max-width:1600px){
    .history .s1{padding-bottom:120px;}
    .history .s1 .s1-swiper .swiper-item .text{font-size:14px;line-height:24px}
    .history .s1 .s1-swiper .swiper-item .text .year{margin-bottom:20px}
    .history .s1 .s1-swiper .swiper-item .text .year img{height:38px}
}
@media (max-width:1376px){
    .history .s1{padding-bottom:120px;}
    .history .s1 .swiper-con{overflow:hidden;position:relative}
    .history .s1 .swiper-con .swiper-container{width:100%;margin:0 auto}
}
@media (max-width:996px){
    .history .s1{padding-bottom:120px;}
    .history .s1 .swiper-con{overflow:hidden;position:relative}
    .history .s1 .swiper-con .swiper-container{width:100%;margin:0 auto}
    .history .s1 .swiper-con .swiper-container .swiper-slide{width:100%}
    .history .s1 .swiper-con .pc-swiper{height:0;overflow:hidden}
    .history .s1 .swiper-con .ph-swiper{height:auto;display:block}
    .history .s1 .swiper-item{width:100%;float:left;margin-right:0;margin-left:0}
    .history .s1 .swiper-item .swiper-listc{position:relative;box-sizing:border-box}
    .history .s1 .swiper-item .text{width:100%;min-height:280px;box-sizing:border-box;padding-right:2%;padding-left:4%;top:0;right:0;font-size:14px;font-weight:normal;line-height:22px;letter-spacing:1px;color:#666666;text-align:left}
    .history .s1 .swiper-item .text .year{margin-bottom:10px;padding-top:30px;font-size:40px}
    .history .s1 .swiper-item:nth-of-type(2n) .swiper-listc{position:relative;box-sizing:border-box}
    .history .s1 .swiper-item:nth-of-type(2n) .text::before{content:'';position:absolute;bottom:0;left:50%;margin-left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:16px solid #b1bac9}
    .history .s1 .swiper-item:nth-of-type(2n) .text::after{content:'';position:absolute;bottom:0;left:50%;margin-left:-200%;width:400%;height:3px;background-color:#b1bac9}box-sizing:border-box;padding-right:7%;top:16%;right:0;font-family:MicrosoftYaHei;font-size:12px;font-weight:normal;line-height:24px;letter-spacing:1px;color:#666666;text-align:right}
    .history .s1 .swiper-item:nth-of-type(2n) .text .year{margin-bottom:10px}
    .history .s1 .swiper-item:nth-of-type(3){display:none}
    .history .s1 .swiper-item:nth-of-type(4){display:none}
}


.contact{padding:50px 0;}
.contact .title{text-align:left;margin-top:50px;}
.contact .title h3{font-size:28px;}
.contact .title h4{font-size:22px;}
.contact .cms_error{ border:1px solid #c63; background: #FFECEC;color: #cb1b05;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.contact .cms_error p{ margin: 0;padding: 0;border-bottom: 1px  dotted #c63;padding: 0 12px;line-height: 30px;}
.contact .cms_error p:last-child{ border-bottom: 0;}
.contact .item{margin:20px 0;}
.contact .item li{float: left; width:48%;height:40px;display:-webkit-flex;display:flex;flex-direction:row;align-items:baseline}
.contact .item li.add{height:22px;align-items:baseline}
.contact .item li .w{display:inline-block;width:14px;}
.contact .item li.add2 .w,.contact .item li.add2 .add2b{display:none;}
.contact .item li>b{flex-shrink:0}
.contact .item li>div{flex-shrink:1}
.contact .feed{margin:0 auto 50px auto;}
.contact .feed .input-wrap{margin:20px 0px;position:relative;}
.contact .feed .input,.contact .feed .input:focus,.contact .feed .captcha{display:block;border:1px solid #191919;font-size:14px;width:100%;height:40px;background:#fff;padding:8px 10px;font-weight:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border-radius: 5px;}
.contact .feed .content{display:block;border:1px solid #191919;font-size:14px;height:165px;line-height:28px;width:100%;background:#fff;padding:8px 10px;font-weight:normal;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border-radius: 5px;}
.contact .feed .captcha_box label{display:block;}
.contact .feed .captcha{width:50%;float:left;}
.contact .feed .vimg{display:inline-block;width:50%;}
.contact .feed .vimg img{height:40px;}
.contact .feed .submit{margin:40px 0px;}
.contact .feed .submit input{width:100%;height:40px;display:block;margin:0 auto;border:1px solid #191919;background-color:#fff;color:#191919;transition:all ease-in-out 0.3s;border-radius: 5px;}
@media (max-width:812px){
    .contact .title{margin-top:30px;margin-bottom:20px;}
    .contact .title h3{font-size:20px;}
    .contact .title h3 img{height:50px;}
    .contact .item li{width:100%;height:auto;padding:10px 0;}
    .contact .item li.brand{flex-wrap:wrap;}
    .contact .item li.add{height:auto;margin:0px;padding:0px 0;}
    .contact .item li.add1{padding-top:10px;}
    .contact .item li.add p{margin:0px}
    .contact .item li.add2 .w{display:inline-block;}
    .contact .item li.add2 .add2b{display:inline;}
    .contact .title h4{font-size:20px;}
    .contact .feed .input-wrap,.contact .feed .submit{margin:0px;}
    .contact .feed .input,.contact .feed .input:focus,.contact .feed .captcha{height:28px;line-height:28px;padding:0px 5px;font-size:12px;}
    .contact .feed .content{height:120px;font-size:12px;padding:0px 5px;}
    .contact .feed .vimg img{height:28px;}
    .contact .feed .submit input{color:#fff;background-color:#191919;}
    .row:not(.no-gutter) [class*=col-]{margin-bottom:10px;}
}


.news-nav{margin-bottom:50px;}
.news-nav ul{overflow:hidden;text-align:center;}
.news-nav ul li{display:inline-block;border-bottom:#c1c1c1b5 solid 1px;margin:0 20px 10px 20px;transition:ease-in-out all 0.4s;}
.news-nav ul li:hover{border-bottom:#c1c1c1b5 solid 0px;}
.news-nav ul li a{display:block;margin-bottom:10px;}
@media screen and (max-width: 768px){
    .news-nav{margin-bottom:20px;}
}
.news-view{margin-top:40px;padding:5px 0 50px 0;}
.news-view .title{margin:40px 0;text-align:center;}
.news-view .title h3{font-weight:normal;margin-bottom:20px;}
.news-view .title figure{font-size:14px;line-height:34px;color:#acacac;}
.news-view .title figure span{display:inline-block;vertical-align:top;margin:0 16px;}
.news-view img{display:inline-block;}
.news-view video{width:100%;}
.news-view .prev-next{padding:20px 0;}
@media screen and (max-width: 768px){
    .news-view{margin-top:0px;padding:0px 0;max-width:80%!important;}
    .news-view .title{margin:40px 0 20px 0;}
    .news .title{font-size:32px;}
    .news .list ul li:nth-child(1){width:100%;margin-right:0;}
    .news .list ul li{width:100%;margin-right:0;}
    .news-view .prev-next>div{float: unset;}
}

.news-list{margin-top:20px;overflow:hidden;}
@media only screen and (max-width:770px){
    /* .news-list{width:100%} */
}
.news-list:after{content:'';display:table;clear:both}
.news-list .toolbar{padding-bottom:25px}
.news-list .toolbar:after{content:'';display:table;clear:both}
.news-list .toolbar .title-section{float:left;text-transform:uppercase;font-size:16px;padding-top:6px}
.news-list .toolbar .pager{float:right}
.news-list .toolbar .pager li{display:inline-block}
.news-list .toolbar .pager li a{display:block;padding:6px 10px}
.news-list .toolbar .pager li.current{background-color:#f5f5f5}
.news-list ul.event{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border:0}
.news-list ul.event li{float:left;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;padding-right:20px;margin-bottom:20px;position:relative;width:50%;border-bottom:0}
@media only screen and (min-width:1440px){.news-list ul.event li{width:33.33333%}}
@media only screen and (max-width:979px){.news-list ul.event li{width:100%}}
@media only screen and (max-width:770px){.news-list ul.event li{width:50%}}
@media only screen and (max-width:599px){.news-list ul.event li{width:100%;padding-right:0}}
.news-list ul.event li .title{font-weight:bold;text-transform:uppercase;font-size:18px;line-height:1.1em;padding:8px 10px 4px}
.news-list ul.event li .date{text-transform:uppercase;font-size:13px;padding-left:10px}
.news-list ul.event li .image{border-bottom:3px solid #000}
.news-list ul.event li .image img{width:100%}
.news-list ul.event li a{width:100%;display:block}
.news-list ul.event li a:hover{color:#000}
.news-list ul.event li .event-wrap{width:100%;display:block;position:relative;background-color:#f5f5f5;border-bottom:3px solid #f5f5f5;padding:40px;-webkit-transition:border-bottom-color 300ms;transition:border-bottom-color 300ms}
.news-list ul.event li .event-wrap:hover{border-bottom-color:#000;color:#000}
.news-list ul{margin:0 0 80px;border-top:1px solid #999}
.news-list ul li{display:block;width:100%;padding:10px 0;border-bottom:1px solid #999}
.news-list ul li:after{content:'';display:table;clear:both}
.news-list ul li a{width:100%;display:table;position:relative;color:#4c4c4c}
.news-list ul li .texts{display:table-cell;padding-right:100px}
.news-list ul li .texts .title{display:block;text-transform:uppercase;font-size:20px;line-height:1.6em;margin-top:10px}
.news-list ul li .texts .desc{display:block;margin-top:20px;}
.news-list ul li .texts .date{display:block;text-transform:uppercase;font-size:12px}
.news-list ul li .image{display:table-cell;vertical-align:middle;width:300px;position:relative}
.news-list ul li .image .selector{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background:url("../../images/home/news/nobg.png") no-repeat center center;background-color:#000;background-color:rgba(0,0,0,0.4);-webkit-transition:opacity 300ms;transition:opacity 300ms}
.news-list ul li .image img{width:100%}
.news-list ul li a:hover{color:#bbb}
.news-list ul li a:hover .image .selector{opacity:1}
@media only screen and (max-width:1439px){
    .news-list ul li .texts .title{font-size:24px}
    .news-list ul li .texts .date{font-size:14px}
    .news-list ul li .image{width:300px}
}
@media only screen and (max-width:1199px){
    .news-list ul li .texts .title{font-size:16px;margin-bottom:5px;margin-top:0px;height:1.6rem;overflow:hidden;}
    .news-list ul li .image{width:300px}
}
@media only screen and (max-width:979px){
    .news-list ul li .texts{display:block;width:100%;padding-bottom:30px;padding-right:0px}
    .news-list ul li .image{display:block;float:left;width:100%}
}
@media only screen and (max-width:770px){
    .news-list{/* padding-left:30px;padding-right:30px */}
    .news-list ul li{padding:20px 0}
}
@media only screen and (max-width:599px){
    .news-list{/* padding-left:20px;padding-right:20px; */margin-bottom:20px}
    .news-list ul{margin-bottom:20px}
}
@media only screen and (max-width:479px){
    .news-list{/* padding-left:20px;padding-right:20px */}
}
.news-list>ol{margin-bottom:20px}
.news-list>ol:after{content:'';display:table;clear:both}
.news-list>ol li{float:left;padding-right:10px;margin-bottom:10px;position:relative;width:25%}
@media only screen and (min-width:1440px){.news-list>ol li{width:20%}}
@media only screen and (max-width:979px){.news-list>ol li{width:33.33333%}}
@media only screen and (max-width:599px){.news-list>ol li{width:33.33333%}}
@media only screen and (max-width:479px){.news-list>ol li{width:50%}}
.news-list>ol li .image{background-color:#f5f5f5;width:100%;padding-bottom:100%;position:relative}
.news-list>ol li .image img{position:absolute;top:0;bottom:0;left:0;right:0;max-height:80%;max-width:80%;margin:auto}
.news-list>ol li .selector{position:absolute;top:0;left:0;right:10px;bottom:0;opacity:0;background-color:rgba(0,0,0,0.7);z-index:1;-webkit-transition:opacity 300ms;transition:opacity 300ms}
.news-list>ol li .selector .title{-webkit-font-smoothing:subpixel-antialiased;position:absolute;font-size:20px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-align:center;width:100%;padding:0 10%;top:50%;color:#fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1.2em}
.news-list>ol li:hover a{color:#fff}
.news-list>ol li:hover .selector{opacity:1}
@media only screen and (max-width:770px){
    .news-list .toolbar .title-section{padding-left:0px}
    .news-list>ol{padding-left:0px}
    .news-list>ol li .selector .title{font-size:16px}
}
@media only screen and (max-width:599px){
    .news-list .toolbar{padding-bottom:10px}
    .news-list .toolbar .title-section{padding-left:0;margin-bottom:15px}
}

.video .list ul li{width:49%;margin-right:2%;margin-bottom:40px;}
.video .list ul li:nth-child(2n){margin-right:0;}
.video .list ul li video{width:100%;}
.video .list ul li .title{font-size:14px;text-align:left;}
.video .list ul li a{transition:all 0.5s ease-in-out;opacity:1;}
.video .list ul li a p:hover{transition:all 0.5s ease-in-out;opacity:1;}
.video .list ul li a:hover{opacity:0.6;}
.video .list ul li a p:hover{opacity:0.6;}
.video .list ul li .read_more::before{content:"";width:40px;height:1px;display:inline-block;vertical-align:middle;margin-right:10px;background-color:#000000;}
@media screen and (max-width: 768px){
    .video{width:100%;max-width:100%;}
    .video .list ul li{width:100%;margin-right:0;}
}

.life{margin-top:100px;margin-bottom:50px;}
.life .list ul li{width:22%;margin-right:4%;margin-bottom:40px;}
.life .list ul li:nth-child(4n){margin-right:0;}
.life .list ul li video{width:100%;}
.life .list ul li .title{font-size:14px;text-align:left;}
.life .list ul li a{transition:all 0.5s ease-in-out;opacity:1;}
.life .list ul li a p:hover{transition:all 0.5s ease-in-out;opacity:1;}
.life .list ul li a:hover{opacity:0.6;}
.life .list ul li a p:hover{opacity:0.6;}
.life .list ul li p:nth-child(1){height:21px;overflow:hidden;}
.life .list ul li p:nth-child(2){text-align:left;font-size:14px;color:#868686;height:72px;overflow:hidden;}
.life .list ul li .read_more::before{content:"";width:40px;height:1px;display:inline-block;vertical-align:middle;margin-right:10px;background-color:#000000;}
.life .list ul li a:hover p:nth-child(2){color:#0a3a6d;}
@media screen and (max-width: 768px){
    .life .list ul li{width:100%;margin-right:0;}
}

.hover_i>div:nth-child(1){position:relative;}
.hover_i>div:nth-child(1)>div{position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;background-color:rgba(0,0,0,0.4)}
.hover_i>div:nth-child(1)>div>i{position:absolute;width:1px;height:2px;}
.hover_i>div:nth-child(1)>div>i::before,.hover_i>div:nth-child(1)>div>i::after{position:absolute;content:'';background-color:#fff;opacity:0;}
.hover_i>div:nth-child(1)>div>i::before{width:0px;height:1px;transition: width 1s;}
.hover_i>div:nth-child(1)>div>i::after{width:1px;height:0px;transition: height 1s;}
.hover_i>div:nth-child(1)>div>i:nth-child(1){top:5%;left:5%;}
.hover_i>div:nth-child(1)>div>i:nth-child(2){top:5%;right:5%;}
.hover_i>div:nth-child(1)>div>i:nth-child(2)::before,.hover_i>div:nth-child(1)>div>i:nth-child(4)::before{right: 0;}
.hover_i>div:nth-child(1)>div>i:nth-child(3){bottom:5%;left:5%;}
.hover_i>div:nth-child(1)>div>i:nth-child(4){bottom:5%;right:5%;}
.hover_i>div:nth-child(1)>div>i:nth-child(3)::after,.hover_i>div:nth-child(1)>div>i:nth-child(4)::after{bottom: 0;}
.hover_i:hover>div:nth-child(1)>div{ opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.hover_i:hover>div:nth-child(1)>div>i::before,.hover_i:hover>div:nth-child(1)>div>i::after{opacity:1;}
.hover_i:hover>div:nth-child(1)>div>i::before{width:50px;}
.hover_i:hover>div:nth-child(1)>div>i::after{height:50px;}

.join-section{padding:50px 0px}
.join-title{text-align:center;padding:50px 0px;}
.join-title>h2{color:#264476;}
.join-title>h2>span{color:#b4925d;}
.join-title>h5{color:#dedede;text-transform:uppercase;}
@media screen and (max-width: 812px){
    .join-section{padding:50px 0px 20px 0px}
    .join-title{padding:0px;}
}
.join-advantage{text-align:center;}
.join-advantage>figure{display:inline-block;margin:0px auto;position:relative;padding:20px;}
.join-advantage>figure>div{border:3px #0a3a72 solid;padding:60px 30px 60px;}
.join-advantage>figure>div>dl{color:#0a3a72;text-align:left;font-family:'SiyuanFont',Arial,Verdana,sans-serif;max-width:220px;}
.join-advantage>figure>div>dl>dt{font-size:24px;line-height:24px;letter-spacing:2px;}
.join-advantage>figure>div>dl>dt>span{font-size:12px;line-height:10px;display:inline-block;text-transform:uppercase;letter-spacing:0px;}
.join-advantage>figure>div>dl>dd{margin-top:10px;font-size:13px;line-height:15px;min-height:90px;}
.join-advantage>figure>figcaption{position:absolute;right:0px;bottom:0px;padding:7px;background-color:#fff;}
@media screen and (max-width: 812px){
    .join-advantage>figure{padding:0px 0px 10px 10px;}
    .join-advantage>figure>div{padding:10px 10px 20px 10px;}
    .join-advantage>figure>div>dl>dt{font-size:18px;}
    .join-advantage>figure>div>dl>dd{font-size:12px;line-height:14px;min-height:112px;}
    .join-advantage>figure>figcaption{padding:2px;left:0px;right:unset;}
    .join-advantage>figure>figcaption>img{width:28px;}
}

.join-support{text-align:center;}
.join-support>figure{display:inline-block;margin:0px auto;position:relative;}
.join-support>figure>div>img{width:385px;}
.join-support>figure>figcaption{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,0.47);color:#fff;font-size:1.4rem;display:flex;align-items:center;opacity:0;}
.join-support>figure>figcaption>div{flex:1;}
.join-support>figure:hover>figcaption{transition:all 0.5s ease-in-out;opacity:1;}
@media screen and (max-width: 812px){
    /* .join-support>figure>figcaption{opacity:1;font-size:1rem;} */
}

.join-box{background:url(../../images/home/join/join_04.jpg) no-repeat center;background-size:cover;}
.join-box .join-title>h2{color:#cdb592}
.join-box .join-title>h5{color:#ffffff}
.join-process{padding-bottom:20px;padding-top:20px;}
.join-process>ul{border:3px #e2ba7e solid;padding:3% 3%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.join-process>ul>li{color:#eecca0;font-size:1.1rem;text-align:center;padding: 0px 10px;}
.join-process>ul>li>img{margin:0px auto;}
@media screen and (max-width: 1440px){
    .join-process>ul>li{font-size:1rem;padding: 0px 2px;}
}
@media screen and (max-width: 812px){
    .join-box{padding-bottom:50px;}
    .join-process{padding-bottom:50px;}
    .join-process>ul{border:3px #e2ba7e solid;justify-content: flex-start;}
    .join-process>ul>li{white-space: nowrap;font-size: 0.7rem;padding:0px;}
}
.join-apply{padding-top:20px;}
.join-apply .cms_error{ border:1px solid #c63; background: #FFECEC;color: #cb1b05;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.join-apply .cms_error p{ margin: 0;padding: 0;border-bottom: 1px  dotted #c63;padding: 0 12px;line-height: 30px;}
.join-apply .cms_error p:last-child{ border-bottom: 0;}
.join-apply input[type="text"]{width:100%;line-height:32px;height:32px;padding:0 6px;outline: none;font-size:12px;}
.join-apply textarea{width:100%;line-height:32px;height:32px;padding:0 6px;outline: none;font-size:12px;}
.join-apply .captcha_box input.captcha{width:70%;float:left;}
.join-apply .captcha_box .vimg{width:calc(30% - 25px);height:32px;float:right;}
.join-apply .captcha_box .vimg>img{width:100%;height:36px;}
.join-apply .submit input{width:100%;height:51px;cursor:pointer;margin:20px auto;background:#c59852;color:#FFF;font-size:18px;border:none;outline:none;}
.join-apply .join-tel{text-align:center;font-size:18px;color:#FFF;}
.join-apply .join-tel a{color:#b1997b;}
@media screen and (max-width: 812px){
    .join-apply p{margin:0px;}
    .join-apply .submit input{height:34px;font-size:14px;}
    .join-apply .join-tel{font-size:16px;}
}

.div_blank{height:20px;clear:both;}
.cms_case18_search{padding:25px;}
.cms_case18_search input.search{border-top:none;border-left:none;border-right:none;border-bottom: 1px #3d3c3a solid;background:none; height: 24px;line-height: 24px; width:250px;}
.cms_case18_menu{border-bottom: 1px #eee solid;}
.cms_case18_menu>dt{padding:0px 25px 25px 25px;font-size:18px;color:#494941;float:left;width:250px;}
.cms_case18_menu>dd{float:right;}
.cms_case18_menu>dd li{display:inline-block; margin-left: 50px;}
.cms_case18_menu>dd li>span{font-size:20px;color:#797973;margin-right:5px;position:relative;display: inline-block;width:12px;}
.cms_case18_menu>dd li>span::before{content:'';position:absolute;left:0px;margin-top:-10px;width:10px;height:10px;border:1px #797973 solid;}
.cms_case18_menu>dd li.current>span::after{content:'';position:absolute;left:2px;width:6px;height:6px;margin-top:-8px;background-color:#494848;}
.cms_case18_menu>dd li>a{font-size:14px;color:#494941;}
.cms_case18 li{ width: 25%;}
.cms_case18 li .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin:0px 5px 5px 5px;}
.cms_case18 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case18 li .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;transition: all 0.6s;}
.cms_case18 li .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.cms_case18 li .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.cms_case18 li .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.cms_case18 li .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size:18px;font-weight: normal;}
.cms_case18 li .thumb h4.odd{ transform: rotate(-8deg); }
.cms_case18 li:hover .thumb .bgcolor{ opacity: 0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.cms_case18 li:hover .thumb .mask i.line_l,.cms_case18 li:hover .thumb .mask i.line_r{ height: 100%;}
.cms_case18 li:hover .thumb .mask i.line_t,.cms_case18 li:hover .thumb .mask i.line_b{ width: 100%;}
.cms_case18 li:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}
.cms_case18_title{display:block;text-align:center;font-size:14px;line-height:42px;color:#9b9b9b;padding:20px 0px;border-top:1px #494941 solid;margin:20px;min-height:140px;}
.cms_case18_title>span{display:block;font-size:15px;line-height:24px;color:#909090}
@media screen and (max-width: 768px) {
    .div_blank{height:5px;clear:both;}
    .cms_case18_search{padding:10px;}
    .cms_case18_menu{border-bottom:none;padding-left:10px;padding-right:10px;}
    .cms_case18_menu>dt{padding: 0px 25px 10px 0px;font-size: 16px;}
    .cms_case18_menu>dd{border-bottom: 1px #eee solid;padding-bottom: 10px;}
    .cms_case18_menu>dd li{margin-left:15px;}
    .cms_case18 li{ width: 50%;}
    .cms_case18_title{font-size:14px;line-height:22px;padding:4px 0px;margin:10px;height:44px;overflow:hidden;min-height:unset;}
}

.path{text-align:center;}
.product-view{margin-top:130px;padding:50px 0;min-height:450px;}
.product-view .swiper{overflow:hidden;padding-top:50px;}
.product-view .swiper .vertical{width:20%;}
.product-view .swiper .vertical ul li:hover{opacity:0.5;}
.product-view .swiper .swiper-container{position: relative;}
.product-view .swiper .swiper-container .swiper-wrapper{text-align:center;}
.product-view .swiper .swiper-container .swiper-wrapper .swiper-slide{cursor:pointer;}
.product-view .swiper .swiper-container .swiper-wrapper .swiper-slide img{display:unset;}
.product-view .swiper .vertical img{width:90px;cursor:pointer;}
.product-view .swiper .vertical .current img{opacity:0.5!important;}
.product-view .swiper-list{width:76%;overflow:hidden;margin:0 2%;}
.product-view .swiper-list ul{width:800%;position:relative;left:0;transition:ease-in-out all 0.7s;}
.product-view .swiper-list ul li{width:12.5%;}
.product-view .swiper-list ul li img{width:100%;}
.product-view .detail h1{margin:30px 0 20px 0;}
.product-view .detail aside{margin:20px 0;color:#868686;}
@media screen and (max-width: 768px) {
    .product-view .swiper .vertical ul li{float:left;}
    .product-view .swiper{float:none;width:100%!important;}
    .product-view .swiper .vertical{width:100%;}
    .product-view .swiper-list{width:100%;}
    .product-view{margin-top:45px;}
    .product-view{padding:0 0px 30px 0px;}
    .product-view .w50{width:100%!important;}
    .product-view .detail h1{font-size:22px;font-weight:400;}
    .product-view{min-height:auto;}
}