/* indexAdv */
.indexAdv {background: #fff;padding-bottom: 100px;margin-top:80px;}
.indexAdv-const{display:flex;}
.adv-left-slide{position:relative;z-index:2;width:63.54%;margin-right:50px;overflow:hidden;}
.adv-left-slide .item{position:relative;}
.adv-left-slide .item .pic{overflow:hidden;}
.adv-left-slide .item .pic img{transition:all 1s;}
.adv-left-slide .item .text{position:absolute;top:0;left:0;padding:11% 21%;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;}
.adv-left-slide .item .text i{display:block;width:52px;height:52px;}
.adv-left-slide .item .text h3{margin-top:45px;font-size:42px;}
.adv-left-slide .item .text p{margin-top:25px;font-size:18px;}
.adv-left-slide .item .text a{display:flex;align-items:center;margin-top:65px;font-size:16px;color:#fff;}
.adv-left-slide .item .text a span{display:block;height:25px;border-bottom:#fff solid 1px;}
.adv-left-slide .item .text a i{display:flex;align-items: center;justify-content: center;margin-left:20px;font-size:16px;width:50px;height:50px;color:#fff;border:#fff solid 1px;border-radius:50%;}
.adv-left-slide .item .text a:hover span{color:var(--vi-color);border-color:var(--vi-color);}
.adv-left-slide .item .text a:hover i{border-color:var(--vi-color);background-color:var(--vi-color);}
.adv-left-slide .item:hover .pic img{transform:scale(1.05);}

.adv-right-slide{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:340px;}
.adv-right-slide .item{overflow:hidden;opacity:0;transition:all .5s;}
.adv-right-slide .item .pic{overflow:hidden;}
.adv-right-slide .item .pic img{transition:all 1s;}
.adv-right-slide .item .title{margin-top:20px;overflow:hidden;}
.adv-right-slide .item .title h3{font-size:24px;color:#999999;}
.adv-right-slide .item.swiper-slide-active,.adv-right-slide .item.swiper-slide-next{opacity:1;}
.adv-right-slide .swiper-arrow{display:flex;align-items:center;height:50px;}
.adv-right-slide .swiper-arrow div{display:flex;align-items:center;justify-content:center;margin-right:20px;width:50px;height:50px;border:#d7d7d7 solid 1px;border-radius:50%;}
.adv-right-slide .swiper-arrow div:hover{color:#fff;background:var(--vi-color);border-color:var(--vi-color);}
@media(max-width:1600px){
.adv-left-slide .item .text{padding:10% 20%;}
.adv-right-slide{width:300px;}
}

@media(max-width:1500px){
.adv-left-slide .item .text{padding:10% 16%;}
.adv-right-slide{width:260px;}
}

@media(max-width:1200px){
.indexAdv{padding:50px 20px;}
.adv-left-slide{display:none;}
.adv-right-slide{width:100%;}
.adv-right-slide .item{opacity:1;}
.adv-right-slide .item .title{margin-top:10px;}
.adv-right-slide .item .title h3{font-size:16px;}
.adv-right-slide .swiper-arrow{display:none;}
}
/* indexAdv end */

/*--products--*/
.products{padding:0px 0 80px;overflow:hidden;background:#fff;}
.products-menu{margin-top:36px;overflow:hidden;}
.products-menu ul{display:flex;flex-wrap:wrap;justify-content:center;}
.products-menu li{width:150px;text-align:center;border-right:#d8d8d8 solid 1px;}
.products-menu li:nth-child(1){border-left:#d8d8d8 solid 1px;}
.products-menu li a{display:block;padding:15px 0;}
.products-menu li i{display:block;margin:0 auto;width:40px;height:40px;overflow:hidden;}
.products-menu li i img{display:block;transform:translateX(-100%);filter:drop-shadow(40px 0px #999);}
.products-menu li span{display:block;margin-top:8px;font-size:16px;color:#999;}
.products-menu li:hover i img,.products-menu li.cur i img{filter:drop-shadow(40px 0px var(--vi-color));}
.products-menu li:hover span,.products-menu li.cur span{color:var(--vi-color);}
.products-main{margin-top:40px;}
.products-list{display:flex;flex-wrap:wrap;margin:-15px;}
.products-list .item{margin:15px;width: calc(25% - 30px);overflow:hidden;transition:all 1s;background: #fff;}
.products-list .pic{overflow:hidden;background:#ededed;}
.products-list .pic img{transition:all 1s;}
.products-list .tit{padding: 0 40px;line-height:70px;font-size:18px;overflow:hidden;} 
.products-list .tit a{display:block;color:#333;transition:all 1s;}
.products-list .tit a:before{display:block;float:right;font-family:"iconfont";content:"\e694";}
.products-list .item:hover{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);}
.products-list .item:hover .pic img{transform:scale(1.1);}
.products-list .item:hover .tit a{padding:0 10px;color:var(--vi-color);}
@media(max-width:1600px){
.products-menu li{width:140px;}
}
@media(max-width:1200px){
.products{padding:0 10px 40px;}
.products-menu{display:none;margin-top:25px;}
.products-menu li{width:20%;border:none !important;}
.products-menu li a{padding:10px 0;}
.products-menu li i{width:20px;height:20px;}
.products-menu li span{margin-top:5px;font-size:14px;}
.products-menu li:hover i img,.products-menu li.cur i img{transform:translateX(-100%);filter:drop-shadow(20px 0px var(--vi-color));}
.products-main{margin-top:20px;}
.products-list{margin:-5px;}
.products-list .item{margin:5px;width:calc(50% - 10px);}
.products-list .tit{line-height:35px;font-size:14px;}
}
/*--end products--*/


/* news */
.news { padding: 3rem 0; background: #f6f6f6;}
.news .news-const .item { display: flex;justify-content: space-between; padding: 45px 0; border-bottom: 1px solid #ededed; animation: fadeInRightSmall 1.5s;}
.news .news-const .item:last-child { border:none;}
.news .news-const .item .pic { display: block; overflow: hidden; width: 400px;}
.news .news-const .item .pic img { display: block; width: 100%; transition: all  1.2s;}
.news .news-const .item .pic:hover img { transform: scale(1.2);}
.news .news-const .item .news-time { font-size: 14px; color: #c2c2c2;}
.news .news-const .item .news-title {width: 300px;}
.news .news-const .item .news-title span { font-size: 16px; color: #c2c2c2;}
.news .news-const .item .news-title h3 {margin-top: 30px;font-size: 24px;height: 70px;line-height: 1.5;color: #333;font-weight: normal;overflow: hidden;}
.news .news-const .item .news-title h3 a { color: #333;text-decoration: underline;}
.news .news-const .item .news-title h3 a:hover { color: var(--vi-color);}
.news .news-const .item .news-sum { width: 380px;}
.news .news-const .item .news-sum p {font-size: 16px;height: 100px;line-height: 25px;color: #c2c2c2;overflow: hidden;}
.news .news-const .item .news-sum a  {margin-top: 100px;display: inline-block;color: #c1c1c1;overflow: hidden;}
.news .news-const .item .news-sum a span { display: inline-block; font-size: 16px; height: 25px; border-bottom: 1px solid #c1c1c1;}
.news .news-const .item .news-sum a i { margin-left: 20px; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border:1px solid #c1c1c1; text-align: center; font-size: 18px;} 
.news .news-const .item .news-sum a:hover span {border-bottom: 1px solid var(--vi-color); color:var(--vi-color);}
.news .news-const .item .news-sum a:hover i { background: var(--vi-color); border: 1px solid var(--vi-color); color: #fff;}
@media (max-width:1600px) {
    .news .news-const .item .pic { width: 350px;}
    .news .news-const .item .news-title { width: 250px;}
    .news .news-const .item .news-sum { width: 350px;}
    .news .news-const .item .news-sum a { margin-top: 60px;}
}

@media (max-width:1200px) {
    .news { padding: 0px 20px 40px;}
    .news .news-const { margin-top: 10px;}
    .news .news-const .item { padding: 25px 0; flex-wrap: wrap;}
    .news .news-const .item .pic { width: 100%;}
    .news .news-const .item .news-time { margin: 20px 0; width: 100%;}
    .news .news-const .item .news-title { width: 100%; }
    .news .news-const .item .news-title h3 {margin-top: 20px;font-size: 18px;height: 25px;line-height: 25px;}
    .news .news-const .item .news-title h3 a {text-decoration: none;}
    .news .news-const .item .news-sum { margin-top: 20px; width: 100%;}
    .news .news-const .item .news-sum p { font-size: 14px; height: 50px;}
    .news .news-const .item .news-sum a { margin-top: 40px;}
    .news .news-const .item .news-sum a { margin-top: 40px;}
    .news .news-const .item .news-sum a span { font-size: 14px;}
    .news .news-const .item .news-sum a i { margin-left: 15px; width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
}
/* news end */



/*--aboutus--*/
.aboutus{padding:120px 0;overflow:hidden;background:#fff;}
.aboutus-inner{margin-top:75px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:fadeInUpSmall 3s;}
.aboutus-inner .images-wrap{position:relative;width:50%;overflow:hidden;border-radius:0px;}
.aboutus-inner .images-wrap .swiper-wrapper li{overflow:hidden;}
.aboutus-inner .images-wrap .swiper-wrapper li img{transition:all 1s;}
.aboutus-inner .images-wrap .swiper-wrapper li:hover img{transform:scale(1.05);}
.aboutus-inner .images-wrap .swiper-pager{position:absolute;z-index:9;left:0;bottom:20px;width:100%;text-align:center;}
.aboutus-inner .images-wrap .swiper-pager span{margin:0 10px;background:#fff;opacity:1;}
.aboutus-inner .images-wrap .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
.aboutus-inner .text-wrap{position:relative;width:calc(50% - 60px);overflow:hidden;}
.aboutus-inner .text-wrap .tit h3{font-size:42px;color:#333;}
.aboutus-inner .text-wrap .summary{margin-top:20px;overflow:auto;}
.aboutus-inner .text-wrap .summary::-webkit-scrollbar{width:5px;background:#f0f0f0;}
.aboutus-inner .text-wrap .summary::-webkit-scrollbar-thumb{background:var(--vi-color);}
.aboutus-inner .text-wrap .summary p{font-size:16px;line-height:25px;font-weight:300;color:#333;}
.aboutus-inner .text-wrap .btns{position:absolute;left:0;bottom:30px;}
.aboutus-inner .text-wrap .btns a{display:block;width:145px;height:47px;}
.aboutus-inner .text-wrap .btns a span{display:inline-block;padding:0 10px;line-height:35px;font-size:16px;font-weight:300;color:#333;border-bottom:var(--vi-color) solid 1px;}
.aboutus-inner .text-wrap .btns a i{display:inline-block;margin-left:12px;width:47px;line-height:47px;text-align:center;color:#fff;background:var(--vi-color);border-radius:50%;}
.aboutus-inner .text-wrap .btns a:hover span{color:var(--vi-color);}
@media(max-width:1200px){
.aboutus{padding:40px 20px;}
.aboutus-inner{margin-top:30px;}
.aboutus-inner .images-wrap{width:100%;}
.aboutus-inner .text-wrap{padding-top:20px;padding-bottom:0;width:100%;}
.aboutus-inner .text-wrap .tit h3{font-size:24px;}
.aboutus-inner .text-wrap .summary{margin-top:10px;height:auto;overflow:hidden;}
.aboutus-inner .text-wrap .summary p{font-size:14px;line-height:1.5;}
.aboutus-inner .text-wrap .btns{position:static;margin-top:30px;}
}
/*--end aboutus--*/

/*--honor--*/
.honor{padding:120px 0 65px;overflow:hidden;background:#efefef;}
.honor-inner{position:relative;margin:55px -40px 0;}
.honor-slide{padding:20px 40px 0;overflow:hidden;}
.honor-slide .prev,.honor-slide .next{position:absolute;z-index:9;top:35%;width:50px;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#cfcfcf;border-radius:50%;}
.honor-slide .prev{left:12px;}
.honor-slide .next{right:12px;}
.honor-slide .prev:hover,.honor-slide .next:hover{color:#fff;background:var(--vi-color);}
.honor-slide .item .pic{overflow:hidden;}
.honor-slide .item .pic img{display:block;transition:all 1s;}
.honor-slide .item .tit{margin-top:30px;text-align:center;font-size:16px;font-weight:400;overflow:hidden;color:#666;}
.honor-slide .item:hover .pic img{transform:scale(1.1);}
.honor-inner .swiper-pager{margin-top:50px;text-align:center;}
.honor-inner .swiper-pager span{margin:0 12px;width:10px;height:10px;opacity:1;background:#ccc;border-radius:50%;}
.honor-inner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.honor{padding:40px 20px;}
.honor-inner{margin:30px 0 0;}
.honor-slide{padding:0;}
.honor-slide .prev,.honor-slide .next{display:none;}
.honor-slide .item .tit{margin-top:15px;font-size:16px;}
.honor-inner .swiper-pager{margin-top:25px;}
}
/*--end honor--*/


/*--culture--*/
.culture{padding:150px 0;overflow:hidden;background:url(../images/Inpage/culture_bg.jpg) no-repeat center / cover;}
.culture .const-title span { color:#fff;}
.culture .const-title h3 { color:#fff;}
.culture-inner{margin-top:75px;overflow:hidden;}
.culture-list{display:flex;flex-wrap:wrap;margin:-15px;}
.culture-list .item{padding:45px 25px;margin:15px;width:calc(33.33% - 30px);text-align:center;color:#fff;overflow:hidden;background:rgb(243 0 0 / 77%);border-radius:0px;animation:fadeInUpSmall 1s;}
.culture-list .item i{display:flex;align-items:center;justify-content:center;margin:0 auto 15px;width:80px;height:80px;border:#fff solid 1px;border-radius:50%;}
.culture-list .item i img{display:block;width:30px;height:30px;}
.culture-list .item h3{font-size:32px;}
.culture-list .item p{margin-top:5px;font-size:16px;}
@media(max-width:1200px){
.culture{padding:40px 20px;}
.culture-inner{margin-top:30px;}
.culture-list{margin:-5px;}
.culture-list .item{margin:5px;padding:30px 15px;width:calc(100% - 10px);}
.culture-list .item i{margin:0 auto 10px;width:50px;height:50px;}
.culture-list .item h3{font-size: 20px;}
.culture-list .item p{font-size: 14px;}
}
/*--end culture--*/

/*--vision--*/
.vision{padding:200px 0;overflow:hidden;background:#fff url(../images/Inpage/vision_bg.jpg) no-repeat center 0 / cover;}
.vision-cont{margin:0 auto;padding:100px 50px;width:1120px;text-align:center;background:url(../images/Inpage/vision_text_before.png) no-repeat 0 0 ,url(../images/Inpage/vision_text_after.png) no-repeat 100% 100%;}
.vision-cont h3{font-size:42px;color:#333;}
.vision-cont p{margin-top:50px;font-size:18px;color:#666;text-align:left;}
@media(max-width:1200px){
.vision{padding:80px 20px;}
.vision-cont{padding:50px 20px;width:100%;background-size:30px;}
.vision-cont h3{font-size:24px;}
.vision-cont p{margin-top:5px;font-size:16px;text-align;}
}
/*--end vision--*/

/*--patent--*/
.patent{padding:120px 0 65px;overflow:hidden;background:#fff;}
.patent-inner{position:relative;margin-top:65px;}
.patent-inner .prev,.patent-inner .next{position:absolute;z-index:9;top:50%;width:50px;line-height:50px;text-align:center;cursor:pointer;color:#fff;background:#cfcfcf;border-radius:50%;transform:translateY(-50%);}
.patent-inner .prev{left:-25px;}
.patent-inner .next{right:-25px;}
.patent-inner .prev:hover,.patent-inner .next:hover{color:#fff;background:var(--vi-color);}
.patent-slide{position:relative;padding:80px 100px 60px;overflow:hidden;background:url(../images/Inpage/patent_slide_bg.jpg) no-repeat center / cover;border-radius:0px;}
.patent-slide .swiper-cont{overflow:hidden;}
.patent-slide .item .pic{overflow:hidden;border-radius:0px;}
.patent-slide .item .pic img{transition:all 1s;}
.patent-slide .item .tit{padding-top:15px;text-align:center;font-size:16px;font-weight:300;color:#666;overflow:hidden;border-radius:0px 20px 0 0;}
.patent-inner .swiper-pager{margin-top:50px;text-align:center;}
.patent-inner .swiper-pager span{margin:0 12px;width:10px;height:10px;opacity:1;background:#ccc;border-radius:50%;}
.patent-inner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:1200px){
.patent{padding:40px 20px;}
.patent-inner{margin-top:30px;}
.patent-inner .prev,.patent-inner .next{display:none;}
.patent-slide{padding:60px 20px 40px;}
.patent-slide .item .tit{font-size:14px;}
.patent-inner .swiper-pager{margin-top:25px;}
}
/*--end patent--*/


/*--brand--*/
.brand{padding:50px 0;overflow:hidden;background:#fff;}
.brand-inner{margin-top:120px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:fadeInUpSmall 2s;}
.brand-inner .item{position:relative;z-index:1;margin-bottom:6%;width:47%;overflow:hidden;border-radius:0px;}
.brand-inner .item:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.brand-inner .item .pic{overflow:hidden;}
.brand-inner .item .text{position:absolute;z-index:3;left:0;top:50%;width:100%;color:#fff;text-align:center;transform:translateY(-50%);}
.brand-inner .item .text h3{font-size:42px;font-family:"nafont";}
.brand-inner .item .text p{margin-top:15px;line-height:1.5;font-size:16px;font-weight:300;}
@media(max-width:1200px){
.brand{padding:40px 20px;background-size:100%;}
.brand-inner{margin-top:30px;}
.brand-inner .item{margin-bottom:20px;width:100%;}
.brand-inner .item .text h3{font-size:24px;}
.brand-inner .item .text p{font-size:16px;}
}
/*--end brand--*/


/*--t-txt-type06--*/
.t-txt-type06-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-txt-type06-list .item{margin-bottom:24px;padding:30px;width:calc(50% - 12px);border:#f0f0f0 solid 1px;transition:all .5s;border-radius:0px;}
.t-txt-type06-list .item .tit{position:relative;display:flex;align-items:center;padding-bottom:20px;overflow:hidden;}
.t-txt-type06-list .item .tit:before,.t-txt-type06-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-txt-type06-list .item .tit:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-txt-type06-list .item .tit:after{z-index:2;width:30px;height:2px;background:var(--vi-color);}
.t-txt-type06-list .item .tit h3{font:block 18px/1.5 "DIN Medium";color:#333;}
.t-txt-type06-list .item .cont{padding-top:20px;overflow:hidden;}
.t-txt-type06-list .item .cont p{font:normal 16px/1.5 "DIN Medium";color:#666;}
.t-txt-type06-list .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.1);}
@media(max-width:1200px){
.t-txt-type06-list .item{margin-bottom:10px;padding:15px 10px;width:100%;}
.t-txt-type06-list .item .tit{padding-bottom:10px;}
.t-txt-type06-list .item .tit h3{font-size:16px;}
.t-txt-type06-list .item .cont{padding-top:10px;}
.t-txt-type06-list .item .cont p{font-size:14px;}
}
/*--end t-txt-type06--*/


/*--t-txt-type07--*/
.t-txt-type07-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-10px;}
.t-txt-type07-list .item{margin:10px;padding:30px;width:calc(33.33% - 20px);border-right:#e5e5e5 solid 1px;transition:all .5s;border-radius:0px;}
.t-txt-type07-list .item:first-child{border-left:#e5e5e5 solid 1px;}
.t-txt-type07-list .item .tit{position:relative;padding-bottom:15px;overflow:hidden;}
.t-txt-type07-list .item .tit:before,.t-txt-type07-list .item .tit:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.t-txt-type07-list .item .tit:before{z-index:1;width:100%;background:#f0f0f0;}
.t-txt-type07-list .item .tit:after{z-index:2;width:32px;background:var(--vi-color);}
.t-txt-type07-list .item .tit h3{font-weight:bold;font-size:24px;color:var(--vi-color);}
.t-txt-type07-list .item .cont{padding-top:15px;overflow:hidden;}
.t-txt-type07-list .item .cont p.p1{margin-bottom:15px;font-size:18px;line-height:30px;color:#333;}
.t-txt-type07-list .item .cont p.p2{font-size:14px;line-height:25px;color:#a1a1a1;}
.t-txt-type07-list .item:nth-child(1){animation:fadeinB 1s;}
.t-txt-type07-list .item:nth-child(2){animation:fadeinB 2s;}
.t-txt-type07-list .item:nth-child(3){animation:fadeinB 3s;}
@media(max-width:1200px){
.t-txt-type07{padding:30px 0;}
.t-txt-type07-list .item{margin-bottom:10px;padding:20px;width:100%;border:none !important;}
.t-txt-type07-list .item .tit h3{font-size:20px;}
.t-txt-type07-list .item .cont{padding-top:10px;}
.t-txt-type07-list .item .cont p.p1{margin-bottom:10px;font-size:16px;line-height:1.5;}
.t-txt-type07-list .item .cont p.p2{font-size:12px;line-height:1.5;}
}
/*--end t-txt-type07--*/


/* --t-intro-type03-- */
.t-intro-type03{overflow:hidden;}
.t-intro-type03-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.t-intro-type03-inner .pic{width:600px;}
.t-intro-type03-inner .pic img{display:block;width:100%;}
.t-intro-type03-inner .text{padding-top:0px;width:calc(100% - 680px);overflow:hidden;}
.t-intro-type03-inner .text p{line-height:1.75;font-size:16px;color:#666;}
.t-intro-type03-photo{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.t-intro-type03-photo .item{width:calc(100% / 4 - 20px);transition:all 1s;}
.t-intro-type03-photo .item span{display:block;overflow:hidden;}
.t-intro-type03-photo .item span img{display:block;width:100%;transition:all 1s;}
.t-intro-type03-photo .item p{height:50px;line-height:50px;font-size:16px;text-align:center;overflow:hidden;}
.t-intro-type03-photo .item:hover{background:#0e90d2;}
.t-intro-type03-photo .item:hover span img{transform:scale(1.1);}
.t-intro-type03-photo .item:hover p{color:#fff;}
@media(max-width:1200px){
.t-intro-type03-inner .pic,.t-intro-type03-inner .text{width:100%;}
.t-intro-type03-inner .text p{font-size:14px;}
.t-intro-type03-photo{margin-top:10px;}
.t-intro-type03-photo .item{margin-top:10px;width:calc(100% / 2 - 5px);}
.t-intro-type03 strong {font-size:24px!important;}
}
/* --end t-intro-type03-- */


/* --t-title-type02-- */
.t-title-type02{position:relative;padding-top:20px;text-align:center;}
.t-title-type02:before{display:block;position:absolute;left:50%;top:0;width:32px;height:3px;content:"";background:#e60012;transform:translateX(-50%);}
.t-title-type02 h2{position:relative;z-index:1;font-size:36px;color:#333;}
.t-title-type02 p{margin-top:5px;font-size:16px;color:#999;}
@media(max-width:1200px){
.t-title-type02{padding-top:15px;}
.t-title-type02 h2{font-size:20px;}
.t-title-type02 p{font-size:14px;}
}
/* --end t-title-type02-- */


/* --t-title-type01-- */
.t-title-type01{text-align:center;}
.t-title-type01 h2{position:relative;z-index:1;font-size:36px;color:#333;}
.t-title-type01 h2:before{display:block;position:absolute;left:0;top:50%;width:100%;height:1px;content:"";background:#e2e2e2;transform:translateY(-50%);}
.t-title-type01 h2 span{display:inline-block;position:relative;z-index:2;padding:0 50px;background:#fff;}
.t-title-type01 h2 span:before,.t-title-type01 h2 span:after{display:block;position:absolute;top:50%;width:32px;height:3px;content:"";background:var(--vi-color);transform:translateY(-50%);}
.t-title-type01 h2 span:before{left:0;}
.t-title-type01 h2 span:after{right:0;}
.t-title-type01 p{margin-top:5px;font-size:16px;color:#999;}
@media(max-width:1200px){
.t-title-type01 h2{font-size:24px;}
.t-title-type01 h2 span{padding:0 40px;}
.t-title-type01 h2 span:before,.t-title-type01 h2 span:after{width:24px;height:1px;}
.t-title-type01 p{font-size:14px;}
}
/* --end t-title-type01-- */


/*-- t-picture-type06 --*/
.t-picture-type06{overflow:hidden;}
.t-picture-type06-list{overflow:hidden;}
.t-picture-type06-list .item{position:relative;display:flex;flex-wrap:wrap;overflow:hidden;background:#f9f9f9;}
.t-picture-type06-list .pic{width:50%;overflow:hidden;}
.t-picture-type06-list .pic img{display:block;width:100%;transition:all .5s;}
.t-picture-type06-list .text{position:relative;padding:50px;width:50%;overflow:hidden;transition:all .5s;}
.t-picture-type06-list .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.t-picture-type06-list .hd:before,.t-picture-type06-list .hd:after{display:block;position:absolute;left:0;bottom:0;content:"";}
.t-picture-type06-list .hd:before{z-index:1;width:100%;height:1px;background:#f0f0f0;}
.t-picture-type06-list .hd h3{padding:5px 0;font-weight:normal;font-size:34px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t-picture-type06-list .hd h3 small{display:block;font-size:16px;color:#ccc;}
.t-picture-type06-list .hd em{font-style:normal;color:#999;}
.t-picture-type06-list .hd em{display: block;color: #ccc;font-family:"DIN Medium";float: left; margin-right: 10px;height:60px;line-height: 60px;font-size:60px;font-weight:bold;font-style: normal;}
.t-picture-type06-list .bd{padding-top:30px;overflow:hidden;}
.t-picture-type06-list .bd p{font-size:16px;line-height:1.75;color:#666;}
.t-picture-type06-list .item:nth-child(odd){flex-direction:row-reverse;animation:fadeinL 1s;}
.t-picture-type06-list .item:nth-child(even){animation:fadeinR 1s;}
@media (max-width:1440px){
.t-picture-type06-list .text{padding:30px;}
.t-picture-type06-list .bd{padding-top:20px;}
}
@media (max-width:1200px){
.t-picture-type06-list .item .pic{width:100%;}
.t-picture-type06-list .text{position:relative;z-index:3;padding:20px;margin:0 auto;width:90%;height:auto;background:#fff;transform:translateY(-40px);box-shadow:0 0 20px rgba(0,0,0,0.1);}
.t-picture-type06-list .hd h3{font-size:18px;}
.t-picture-type06-list .hd h3 small{font-size:14px;}
.t-picture-type06-list .hd em{height:54px;line-height:54px;font-size:50px;}
.t-picture-type06-list .bd{padding-top:20px;}
.t-picture-type06-list .bd p{font-size:14px;}
}
/*-- end t-picture-type06 --*/


/* cxs-banner */
.cxs-banner { overflow: hidden;background: #fff;}
.cxs-banner .inner { position: relative;}
.cxs-banner .inner .item{display:block;overflow: hidden;}
.cxs-banner .inner .cxs-banner-arrow {animation: lignt 2s infinite  linear;position: absolute;right: 250px;top: 90px;text-align: center;}
.cxs-banner .inner .cxs-banner-arrow i { font-size: 16px; color: #999;}
.cxs-banner .inner .cxs-banner-arrow p { margin-top: 10px; font-size: 14px; color: #ccc;}
.cxs-banner .cxs-banner-pic { position: relative; cursor: pointer;}
.cxs-banner .videoPlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:57px; height: 57px; z-index: 3;}
.cxs-banner .cxs-banner-text {padding: 30px 0 30px;margin: 0 auto;width:1400px; animation: fadeInLeftSmall 1.2s;}
.cxs-banner .cxs-banner-text h3 { font-size: 62px; color: #333;}
.cxs-banner .cxs-banner-text p { font-size: 24px; color: #999;}
.cxs-banner .swiper-pager {position: absolute;left: calc(50% - 700px);bottom: 60px;width: 1400px;z-index: 3;text-align:center;}
.cxs-banner .swiper-pager span.swiper-pagination-bullet { margin-right: 15px; width: 12px; height: 12px; background: transparent; border:1px solid #000}
.cxs-banner .swiper-pager span.swiper-pagination-bullet-active { background: var(--vi-color); border: 1px solid var(--vi-color);}
.cxs-banner .prev,.cxs-banner .next{  opacity: 0; font-size:38px; position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:58px;color:#fff;text-align:center;cursor:pointer;outline:none;}
.cxs-banner:hover .prev,.cxs-banner:hover .next {opacity: .7;}
.cxs-banner .prev{left:5%;}
.cxs-banner .next{right:5%;}
.cxs-banner .prev:hover,.cxs-banner .next:hover{color:var(--vi-color);opacity:1;font-weight: bold;}
@keyframes lignt {
    0% { transform: translateY(-20px); }
    50% { transform: translateY(0);}
    100% {transform: translateY(20px); opacity: 0;}
}
@media (max-width:1600px) {
    .cxs-banner .cxs-banner-text  { width: 1200px;}
    .cxs-banner .swiper-pager { left: calc(50% - 600px); width: 1200px;}
}

@media (max-width:1200px) {
    .cxs-banner .cxs-banner-text { padding: 20px 20px 20px;width: 100%;background-color:#f4f4f4;}
    .cxs-banner .cxs-banner-text h3 { font-size: 30px;}
    .cxs-banner .cxs-banner-text p { font-size: 18px;}
    .cxs-banner .inner .cxs-banner-arrow { display: none;}
    .cxs-banner .swiper-pager  { bottom: 20px; text-align: center;}
    .cxs-banner .swiper-pager span.swiper-pagination-bullet { margin-right: 10px; width: 8px; height: 8px;}
    .cxs-banner .videoPlay { width: 40px; height: 40px;}
}

/* cxs-banner */