@charset "utf-8";
:root {
    --text-color: #3e3e3e;
    --text-color2: #fff;
    --main-bg: #dadada;
    --main-bg2: #223e47;
    --main-bg3: #fff;
    --main-bg4: #eeeeee;
    --text-a-color:#3e3e3e;
    --text-a-hover-color:#989898;
    --text-color-red:#c91420;
    --transition: all ease-in-out .3s;
    --transition2: all 1.3s ease-in-out 1.3s;
    --transition3: all ease-in-out 5s;
    --main-width: 1400px;
    --main-width-1200: 1200px;
    --margin-auto: 0 auto;
    --font-size-x: 10px;
    --font-size-s: 12px;
    --font-size-m: 14px;
    --font-size-m2: 16px;
    --font-size-m3: 18px;
    --font-size-m4: 20px;
    --font-size-b: 22px;
    --font-size-b1: 26px;
    --font-size-b2: 36px;
    --font-size-b3: 42px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,input,textarea,select{line-height:1;color:var(--text-color);}
ol,ul{list-style:none;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
img{display:block;max-width:100%;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:cover;}
.hide{display:none}
.overflow-h{overflow:hidden}
.text-center{text-align:center}
:focus{outline:0}
.container{margin:0 auto;width:95%;max-width:1600px;position:relative;}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}
*::-webkit-scrollbar{width:10px;height:1px;}
*::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#868689;}
*::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed;}
.images img{cursor:pointer;}

a{color:var(--text-a-color);text-decoration:none;-moz-transition:color .5s;-o-transition:color .5s;-webkit-transition:color .5s;transition:color .5s}
a:hover{color:var(--text-a-hover-color)}
.transition{transition:var(--transition);-moz-transition:var(--transition);-webkit-transition:var(--transition);-o-transition:var(--transition);}
.transition2{transition:var(--transition2);-moz-transition:var(--transition2);-webkit-transition:var(--transition2);-o-transition:var(--transition2);}
.transition3{transition:var(--transition3);-moz-transition:var(--transition3);-webkit-transition:var(--transition3);-o-transition:var(--transition3);}
.main_bg{background-color:var(--main-bg);}
.main_bg2{background-color:var(--main-bg3);}
.main_bg3{background-color:var(--main-bg4);}
.main_new{width:calc(100% - 40px);max-width:var(--main-width);margin:0 auto;position:relative;z-index:1;}
.main_title{text-align:center;position:relative;padding-bottom:10px;margin-bottom:50px;}
.main_title::after{content:'';display:block;background-color:var(--text-color-red);width:50px;height:2px;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);}
.main_title>h1{font-size:var(--font-size-b2);font-weight:bolder;line-height:2;}
.main_title>h1>b{color:var(--text-color-red);}
.main_title>h2{font-size:var(--font-size-b1);font-weight:bolder;line-height:2;}
.main_title>h2>b{color:var(--text-color-red);}
.main_title>h3{font-size:var(--font-size-m3);line-height:2;}
.main_summary{text-align:center;line-height:2;}
.main_content{padding-bottom:100px;line-height:1.6;font-size:var(--font-size-m);}
.main_content p img{display:inline-block;margin:0 auto;}
.only-pc{display:block;}
.only-mobile{display:none;}
@media screen and (max-width:1200px){
    .main_new{padding:0 20px;}
    .only-pc{display:none;}
    .only-mobile{display:block;}
}
@media screen and (max-width:1200px){
    .main_title{margin-bottom:20px;}
    .main_title>h1{font-size:var(--font-size-m3);}
    .main_title>h2{font-size:var(--font-size-m1);}
    .main_title>h3{font-size:var(--font-size-s);}
    .main_summary{font-size:var(--font-size-s);}
    .main_content{padding-bottom:50px;font-size:var(--font-size-s);}
}
.swiper-pagination-bullet-active{background:#000;}


.ratio-img{position:relative;}
.ratio-img>div{visibility: hidden;opacity: 0;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0}
.ratio-img>div>i::before,.ratio-img>div>i::after{content:'';display:block;position:absolute;width:0px;height:0px;background-color:var(--text-color2);transition:var(--transition);-moz-transition:var(--transition);-webkit-transition:var(--transition);-o-transition:var(--transition);}
.ratio-img>div>i:nth-child(1)::before{left:10px;top:10px;}
.ratio-img>div>i:nth-child(1)::after{left:10px;top:10px;}
.ratio-img>div>i:nth-child(2)::before{right:10px;top:10px;}
.ratio-img>div>i:nth-child(2)::after{right:10px;top:10px;}
.ratio-img>div>i:nth-child(3)::before{left:10px;bottom:10px;}
.ratio-img>div>i:nth-child(3)::after{left:10px;bottom:10px;}
.ratio-img>div>i:nth-child(4)::before{right:10px;bottom:10px;}
.ratio-img>div>i:nth-child(4)::after{right:10px;bottom:10px;}
.ratio:hover .ratio-img>div{visibility: visible;opacity: 1;}
.ratio:hover .ratio-img>div>i:nth-child(1)::before{width:100px;height:1px;}
.ratio:hover .ratio-img>div>i:nth-child(1)::after{width:1px;height:100px;}
.ratio:hover .ratio-img>div>i:nth-child(2)::before{width:100px;height:1px;}
.ratio:hover .ratio-img>div>i:nth-child(2)::after{width:1px;height:100px;}
.ratio:hover .ratio-img>div>i:nth-child(3)::before{width:100px;height:1px;}
.ratio:hover .ratio-img>div>i:nth-child(3)::after{width:1px;height:100px;}
.ratio:hover .ratio-img>div>i:nth-child(4)::before{width:100px;height:1px;}
.ratio:hover .ratio-img>div>i:nth-child(4)::after{width:1px;height:100px;}


/*top S*/
.header_bg{background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);position:fixed;top:0;left:0;right:0;z-index:99;}
.header_bg.on{background:#000;}
.header_bg.on .header {height:80px;}
.header_bg.on .header ul>li>a{color:var(--text-color2);}
.main_top{display:flex;flex-flow:column;}
.main_top .logo{padding:60px 0;}
.main_top .nav-list>ul{display:flex;justify-content:end;}
.main_top .nav-list>ul>li a{padding:30px 20px;display:block;font-size:var(--font-size-m3);color:var(--text-color2);text-shadow:2px 2px 2px #000;font-weight:bold;letter-spacing:0.05em;}
.main_top .nav-list>ul>li a:hover{color:var(--text-color2)}
.main_top .nav-list>ul>li.language{position:relative;}
.main_top .nav-list>ul>li.language>a{display:flex;align-items:center;}
.main_top .nav-list>ul>li.language>a:hover{color:var(--text-color2)}
.main_top .nav-list>ul>li.language>a>img{height:16px;margin-right:5px;}
.main_top .nav-list>ul>li.language>ul{position:absolute;background-color:var(--main-bg3);color:var(--text-color);width:100%;margin-top:-20px;overflow:hidden;height:0px;}
.main_top .nav-list>ul>li.language>ul a{font-size:var(--font-size-m);color:var(--text-color);padding:0px;width:100%;text-align:center;padding:10px 0;text-shadow:none}
.main_top .nav-list>ul>li.language>ul a:hover{background-color:var(--main-bg);}
.main_top .nav-list>ul>li.language:hover>ul{height:72px;}
.main_top .navbar-toggle{display:none;}
.header_bg.on .main_top{flex-flow:row;justify-content:space-between;}
.header_bg.on .main_top .logo{padding:30px 0;}
.header_bg.on .main_top .nav-list>ul>li a{font-size:var(--font-size-m);font-weight:400;}
@media screen and (max-width:1200px){
    .header_bg .main_top{display:flex;flex-flow:row;justify-content:space-between;align-items:center;}
    .main_top .logo,.header_bg.on .main_top .logo{padding:20px 0 20px 0;}
    .main_top .logo img{height:15px;}
    .header_bg{background:#000}
    .header_bg .nav-list{width:65%;position:fixed;top:55px;right:-65%;bottom:0px;background-color:#000;border-top:1px #454545 solid;z-index:99;overflow:auto;}
    .header_bg .nav-list>ul{flex-flow:column;padding-top:15px;padding-bottom:15px;}
    .header_bg .nav-list>ul>li>a{padding:10px 20px;font-size:var(--font-size-m);font-weight:400;}
    .header_bg .nav-list>ul>li>ul{position:unset;visibility:visible;opacity:1;padding:0px 0px 10px 40px;background-color:transparent;transform:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;box-shadow:none;}
    .header_bg .nav-list>ul>li>ul>li>a{color:var(--text-color2);}
    .header_bg .navbar-toggle{cursor:pointer;position:relative;width:26px;display:flex;flex-flow:column;}
    .header_bg .navbar-toggle>span{display:block;height:1px;background-color:var(--text-color2);margin:2.5px 0;border-radius:2px;}
    /* .header_bg.on .header {height:60px;}
    .header_bg.on .header .navbar-toggle>span{background-color:var(--text-color2);}
    .header_bg.on .nav-list{background-color:#000;color:var(--text-color2);}
    .header_bg.on .header .nav-list>ul>li>ul>li>a{color:var(--text-color2);} */
    .header_bg .nav-list.on{right:0}
    .header_bg .nav-list_bg.on{position:fixed;top:55px;right:0;left:0;bottom:0px;z-index:99;background:rgba(0,0,0,0.5)}
    .main_top .nav-list>ul>li.language{border-top: 1px #404040 solid;margin-top:20px;}
    .main_top .nav-list>ul>li.language>a{display:flex;align-items:center;}
    .main_top .nav-list>ul>li.language>a:hover{color:var(--text-color2)}
    .main_top .nav-list>ul>li.language>a>img{margin-right:5px;}
    .main_top .nav-list>ul>li.language>ul{flex:1;position:unset;width:100%;margin-top:0px;padding:0;overflow:hidden;height:auto;display:flex;justify-content:space-around;align-items:center;}
    .main_top .nav-list>ul>li.language>ul>li{width:50%;border-left:1px #000 solid;border-right:1px #000 solid;}
    .main_top .nav-list>ul>li.language>ul>li:last-child{border-left:none;}
    .main_top .nav-list>ul>li.language>ul a{color:var(--text-color);width:calc(100% - 40px);text-align:center;padding:10px 20px;font-size:12px;}
    .main_top .nav-list>ul>li.language>ul a:hover{background-color:var(--main-bg);}
    .main_top .nav-list>ul>li.language:hover>ul{height:auto;}
}
/*top E*/

/*foot S*/
.footer_bg{background-color:var(--main-bg2);color:var(--text-color2);padding:80px 0 20px;}
.footer_bg a{color:var(--text-color2);}
.footer{display:flex;flex-wrap:wrap;padding-bottom:40px;}
.footer .title{font-size:var(--font-size-b);}
.footer .link{padding:10px 0 24px;letter-spacing:0.05em;}
.footer1{width:50%;}
.footer1 .logo img{height:18px;}
.footer1 .corp_title{font-size:var(--font-size-b);font-weight:bold;padding:40px 0 15px;}
.footer1 .address{padding:0px 0 30px;}
.footer1 .footer1_box{display:flex;flex-wrap:wrap;}
.footer1 .footer1_box>div{width:55%;}
.footer1 .footer1_box>div:nth-child(2n){width:45%;}
.footer1 .email,.footer1 .tel,.footer1 .fax,.footer1 .weibo{display:flex;line-height:1.8;}
.footer1 .email>div,.footer1 .tel>div,.footer1 .fax>div,.footer1 .weibo>div{/* display:flex;flex-flow:column; */padding:0 0 0 10px;}
.footer2{width:30%;}
.footer2 ul{display:flex;flex-wrap:wrap;padding:40px 0 40px;}
.footer2 ul>li{padding-right:10px;}
.footer3{width:20%;display:flex;flex-flow:column;align-items:center;}
.footer3.footer3_en{align-items:baseline;width:calc(20% - 60px);padding-left:60px;}
.footer_copyright,.footer_copyright a{text-align:center;font-size:var(--font-size-s);line-height:1.4;}
.back_top{display:none;position:fixed;right:20px;bottom:20px;z-index:98;width:38px;height:38px;padding:10px;background-color:var(--text-color2);box-shadow:0px 0px 2px 0px #ddd;border-top:1px #454545 solid;transform:rotate(180deg);border-radius:50%;}
.back_top.active{display:block}
@media screen and (max-width:1200px){
    .footer_bg{padding:30px 0px 15px;}
    .footer{padding-bottom:20px;}
    .footer1,.footer2,.footer3{width:100%;}
    .footer1 .logo img{height:14px;}
    .footer1 .corp_title{font-size:var(--font-size-m1);padding:25px 0 10px;}
    .footer1 .address{font-size:var(--font-size-m);padding:5px 0 15px;}
    .footer1 .footer1_box>div{width:100%;font-size: var(--font-size-m);}
    .footer1 .footer1_box>div:nth-child(2n){width:100%;font-size: var(--font-size-m);}
    .footer b{font-size:var(--font-size-m);}
    .footer .title{padding:20px 0 10px;font-size:var(--font-size-m1);font-weight:bold;}
    .footer .link{font-size:var(--font-size-m);padding:10px 0 10px;}
    .footer1 .email,.footer1 .tel,.footer1 .fax,.footer1 .weibo{line-height:1.4;}
    .footer2 ul{padding:0px 0 10px;}
    .footer2 ul img{height:30px;}
    .footer3{display:flex;flex-flow:row;flex-wrap:wrap;}
    .footer3.footer3_en{width:100%;padding-left:0px;}
    .footer_tab{width:50%;}
    .footer_copyright{line-height:1.4;}
    .back_top{width:30px;height:30px;padding:5px;}
}
/*foot E*/

/*banner S*/
.banner{position:relative;}
.banner .swiper-slide>a>img{width:100%;}
.banner .banner-video-box{position:relative;background-color:#000;}
.banner .banner-video-box img{visibility: hidden;opacity: 0;}
.banner .banner-video-box .banner-video{position:absolute;width:100%;height:100%;}
.banner .swiper-pagination-bullet {border-radius:2px;width:3px;height:3px;transition:var(--transition);-moz-transition:var(--transition);-webkit-transition:var(--transition);-o-transition:var(--transition);}
.banner .swiper-pagination-bullet-active{background:var(--text-color2);width:20px;}
.banner .banner_title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;font-size:var(--font-size-b2);color:var(--text-color2);font-weight:500;}
.banner_bg{height:81px;background-color:#000;}
.banner-index{height:100vh;}
.banner-index .swiper-slide>a,.banner-index .swiper-slide>.banner-video-box{display:block;width:100%;height:100%;position:relative;}
.banner-index .swiper-slide>a>img{height:100%;}
.banner-index .banner-video-box .banner-video{width:auto;min-width:100%;height:auto;min-height:100%;left:50%;transform:translate(-50%,0);}
/* .banner-index .banner-text_bg{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(2,30,35,.61);} */
.banner-index .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.banner-index .banner-text>div{font-size:56px;line-height:1.4;color:#efefef;font-weight:bold;white-space:nowrap;width:0px;padding-right:0px;padding-left:0px;text-align:center;overflow:hidden;position:relative;display:flex;align-items:flex-end;}
.banner-index .banner-text>div::after{content:'';width:10px;height:10px;background-color:var(--text-color-red);display:block;animation:blink 1s infinite;visibility:hidden;margin-left:5px;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
.banner-index .swiper-slide-active .banner-text>div{width:100%;text-shadow:0px 0px 10px #000000;}
.banner-index .swiper-slide-active .banner-text>div::after{visibility:visible;}
.banner-index .swiper-slide-active>a>img{transform: scale(1.2);}
.banner_nav_bg{position:relative;z-index:2;height:80px;background-color:var(--main-bg3);}
.banner_nav{}
.banner_nav>ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:10px;}
.banner_nav>ul>li{padding:10px;}
.banner_nav>ul>li>a{color:var(--text-color);border:1px var(--text-color) solid;display:block;padding:10px 20px;background-color: rgba(255, 255, 255, 0.3);}
.banner_nav>ul>li>a:hover,.banner_nav>ul>li.on>a{color:var(--text-color-red);border:1px var(--text-color-red) solid;}
#web{position:absolute;margin-top:-160px;visibility: hidden;}
@media screen and (max-width:1200px){
    .banner{margin-top:55px;}
    .banner .banner_title{display:none;}
    .banner_bg{height:55px;}
    .banner-index{height:600px;}
    .banner-index .banner-video-box .banner-video{width:100%;}
}
@media screen and (max-width:1200px){
    .banner-index{height:30vh;}
    .banner_nav_bg{height:auto;padding:10px 0 20px;}
    .banner_nav{position:unset;transform:none}
    .banner_nav>ul>li{padding:5px;}
    .banner_nav>ul>li>a{color:var(--text-color);border:1px var(--text-color) solid;padding:5px 10px;font-size:var(--font-size-s);}
    .banner-index .banner-text>div{font-size:var(--font-size-m);}
    .banner-index .banner-text>div::after{width:5px;height:5px;}
}
/*banner E*/


/*index_title S*/
.index_title{padding:60px 0 100px;display:flex;justify-content:space-between;align-items:end;}
.index_title .title{font-size:var(--font-size-b3);font-weight:bold;width:2em;position:relative;padding:10px 10px 0 0;color:#7d7d7d;}
.index_title .title::after{content:'';display:block;width:5px;height:5px;background-color:#de2c3b;position:absolute;bottom:0;right:0}
.index_title_en .title{width:auto;display:inline-block;}
.index_title .title2{font-size:var(--font-size-b1);font-weight:bold;padding:50px 0;line-height:1.6;position:relative;}
.index_title .title2::after{content:'';position:absolute;top:40px;right:-80px;width:1px;height:100%;background:#fff;transform:rotate(20deg);}
.index_title_en .title2::after{display:none;}
.index_title .title3{font-size:var(--font-size-b);line-height:1.6;}
@media screen and (max-width:1200px){
    .index_title{padding:30px 0 60px;}
    .index_title .title{font-size:var(--font-size-b);}
    .index_title .title2{font-size:var(--font-size-m2);padding:30px 0;}
    .index_title .title2::after{top:30px;}
    .index_title .title3{font-size:var(--font-size-m2);}
}
@media screen and (max-width:1200px){
    .index_title{padding:30px 0;flex-flow:column;align-items:baseline;}
    .index_title .title{font-size:var(--font-size-m3);width:4em}
    .index_title_en .title{width:auto;}
    .index_title .title2{font-size:var(--font-size-m);padding:10px 0;line-height:1.2;}
    .index_title .title2::after{display:none;}
    .index_title .title3{font-size:var(--font-size-m);line-height:1.2;}
}
/*index_title E*/


/*index_about S*/
.index_about{padding:100px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.index_about_left{width:45%;}
.index_about_left .title{font-size:var(--font-size-b3);font-weight:bold;width:2em;position:relative;padding:10px 10px 0 0;}
.index_about_left .title_en{width:auto;display:inline-block;}
.index_about_left .title::after{content:'';display:block;width:5px;height:5px;background-color:#de2c3b;position:absolute;bottom:0;right:0}
.index_about_left .title2{font-size:var(--font-size-m3);font-weight:bold;padding:50px 0;line-height:1.6;}
.index_about_left .title3{font-size:var(--font-size-b);color:#8e8e8e;line-height:1.6;}
.index_about_right{width:50%;font-size:var(--font-size-m4);line-height:1.6;}
.index_about_right p:not(:last-child){padding-bottom:15px;}
@media screen and (max-width:1200px){
    .index_about_left .title{font-size:var(--font-size-b);}
    .index_about_left .title2{font-size:var(--font-size-m2);padding:30px 0;}
    .index_about_left .title3{font-size:var(--font-size-m2);}
    .index_about_right{font-size:var(--font-size-m);}
}
@media screen and (max-width:1200px){
    .index_about{padding:30px 0;}
    .index_about_left,.index_about_right{width:100%;}
    .index_about_left .title{font-size:var(--font-size-m3);width:4em}
    .index_about_left .title_en{width:auto;}
    .index_about_left .title2{font-size:var(--font-size-m);padding:10px 0;line-height:1.2;}
    .index_about_left .title3{font-size:var(--font-size-m);line-height:1.2;}
    .index_about_right{padding-top:30px;line-height:1.2;}
}
/*index_about E*/

/*index_video S*/
.index_video{padding-bottom:140px;text-align:center;}
#video{margin:0 auto;width:100%;max-width:1200px;height:auto}
.video_btn img{margin:0 auto;}
.mainFilter{width:100%;height:100%;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9998;background-color: rgba(0,0,0,.5);display:none;}
.video{width:900px;position:fixed;top:50%;left:50%;z-index:9999;display:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video iframe,.video video{width:100%;display:block;}
.video .close{width:30px;height:30px;cursor:pointer;position:absolute;top:-30px;right:0px;z-index:5;transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
.video .close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
@media screen and (max-width:1200px){
    .index_video{padding-bottom:50px;}
}
/*index_video E*/

/*index_case S*/
.index_case_bg{background-color:var(--main-bg2);color:var(--text-color2);}
.index_case_title .title{color:var(--text-color2);}
.index_case>ul{display:flex;flex-wrap:wrap;}
.index_case>ul>li{width:25%;position:relative;}
.index_case a{color:var(--text-color2);}
.index_case .pic{padding-top:75%;}
.index_case .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.index_case a:hover .pic::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}
.index_case .title{width:90%;position:absolute;left:50%;top:calc(100% - 80px);z-index:1;transform:translate(-50%,-50%);text-align:center;font-size:var(--font-size-m);}
.index_case .btn{position:absolute;left:50%;top:calc(100% - 40px);z-index:1;transform:translate(-50%,-50%);text-align:center;border:1px red solid;padding:5px 20px;border-radius:20px;font-size:var(--font-size-s);}
@media screen and (max-width:1200px){
    .index_case {padding: 0px 20px 20px;}
    .index_case>ul>li{width:50%;}
    .index_case .pic::after{display:none;}
    .index_case .title{font-size:var(--font-size-m);}
    .index_case .btn{background-color:rgba(0,0,0,.5)}
}
/*index_case E*/

/*index_partner S*/
.index_partner_bg{padding-bottom:100px;}
.index_partner_title{padding:60px 0 100px;display:flex;justify-content:space-between;align-items:end;}
.index_partner_title .title2::after{background:#7d7d7d;}
.index_partner{background:url(../images/home/index/index_partner_top.png) top center no-repeat;background-size:100%;padding-top:152px;}
.index_partner>div{background:url(../images/home/index/index_partner_foot.png) bottom center no-repeat;background-size:100%;padding-bottom:152px;}
.index_partner>div>ul{display:flex;flex-wrap:wrap;}
.index_partner>div>ul>li{width:calc(16.66% - 20px);position:relative;margin:10px;}
.index_partner>div a{color:var(--text-color2);}
.index_partner>div .pic{padding-top:43%;}
.index_partner>div .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
@media screen and (max-width:1200px){
    .index_partner{padding-top:100px;}
    .index_partner>div{padding-bottom:100px;}
}
@media screen and (max-width:1200px){
    .index_partner_title{padding:30px 0;align-items:baseline;}
    .index_partner_bg{padding-bottom:50px;}
    .index_partner{background-size:200%;padding-top:30px;}
    .index_partner>div{background-size:200%;padding-bottom:30px;}
    .index_partner>div>ul>li{width:calc(33.33% - 10px);position:relative;margin:5px;}
}
/*index_partner E*/

/*index_product S*/
.index_product_bg{background-color:var(--main-bg2);color:var(--text-color2);padding-bottom:100px;}
.index_product_title .title{color:var(--text-color2);}
.index_product>ul{display:flex;flex-wrap:wrap;}
.index_product>ul>li{width:calc(25% - 20px);margin:10px;}
.index_product a{color:var(--text-color2);}
.index_product .pic{padding-top:74%;position:relative;}
.index_product .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.index_product .title{border-top:15px #de2c3b solid;text-align:center;font-size:var(--font-size-m2);padding:10px 0;}
.index_product .title>span{background-color:#de2c3b;display: inline-block;margin-left:10px;}
@media screen and (max-width:1200px){
    .index_product_bg{padding-bottom:30px;}
    .index_product>ul>li{width:calc(50% - 10px);margin:10px 10px 10px 0px;}
    .index_product>ul>li:nth-child(2n){margin:10px 0px 10px 10px;}
    .index_product .title{font-size:var(--font-size-m);}
}
/*index_product E*/

/*index_factory S*/
.index_factory_bg{padding-bottom:100px;}
.index_factory_title .title2::after{background:#7d7d7d;}
.index_factory_title .title3>ul{display:flex;flex-wrap:wrap;}
.index_factory_title .title3>ul>li{position:relative;padding:0 20px 0 10px;}
.index_factory_title .title3>ul>li::after{content:'';display:block;width:5px;height:5px;background-color:#de2c3b;position:absolute;top:10px;left:0}
.index_factory_title .title3>ul>li a{color:#7d7d7d;}
.index_factory_title.index_title_en .title3>ul>li a{font-size: var(--font-size-m2);}
.index_factory{background:#7e8c90;padding:80px 0 150px;position:relative;}
.index_factory .pic{padding-top:80%;position:relative;}
.index_factory .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.index_factory .swiper-button-next{background:url(../images/home/index/factory_btn.png) no-repeat center;background-size:182px;width:182px;height:19px;background-color:rgba(255,255,255,0.5);padding:20px;top:auto;bottom:50px;right:0;}
.index_factory .swiper-button-next:after{display:none;}
@media screen and (max-width:1200px){
    .index_factory_bg{padding-bottom:30px;}
    .index_factory_title .title3>ul>li{line-height:1.8;padding:0 10px 0 10px;}
    .index_factory_title.index_title_en .title3>ul>li a{font-size: var(--font-size-s);}
    .index_factory{padding:20px 20px 80px;}
    .index_factory .swiper-button-next{background-size:100px;width:100px;height:10px;bottom:20px;right:20px;}
}
/*index_factory E*/

/*index_honor S*/
.index_honor_bg{background-color:var(--main-bg2);color:var(--text-color2);padding-bottom:100px;}
.index_honor_title .title{color:var(--text-color2);}
.index_honor .pic{padding-top:134%;position:relative;}
.index_honor .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
@media screen and (max-width:1200px){
    .index_honor_bg{padding-bottom:30px;}
    .index_honor{padding:0px 20px 20px;}
}
/*index_honor E*/

/*index_news S*/
.index_news_bg{padding-bottom:100px;}
.index_news_box{display:flex;flex-wrap:wrap;}
.index_news_left,.index_news_right{width:50%;}
.index_news_title{padding:100px 0 30px;}
.index_news_title .title{font-size:var(--font-size-b1);font-weight:bold;position:relative;padding:10px 10px 0 0;color:#7d7d7d;}
.index_news_title .title2{font-size:var(--font-size-b);font-weight:bold;padding:10px 0;line-height:1.6;position:relative;}
.index_news>ul{display:flex;flex-wrap:wrap;}
.index_news>ul>li{width:100%;padding:0px 0 20px;}
.index_news>ul>li a{display:flex;}
.index_news>ul>li a .date{border-right:1px var(--main-bg2) solid;padding:20px;display:flex;flex-flow:column;align-items:end;line-height:1.2;}
.index_news>ul>li a .date .day{font-size:var(--font-size-b3);color:var(--main-bg2);font-weight:bold;padding-right:40px;}
.index_news>ul>li a .date .year{color:var(--main-bg2);}
.index_news>ul>li a .content{padding:0px 20px;}
.index_news>ul>li a .content .title{font-size:var(--font-size-m2);font-weight:bold;line-height:2;}
.index_news>ul>li a .content .info{font-size:var(--font-size-m);line-height:1.4;}
.index_news>ul>li a .content .info>span{color:var(--text-color-red);}
@media screen and (max-width:1200px){
    .index_news_title .title{font-size:var(--font-size-b);}
    .index_news_title .title2{font-size:var(--font-size-m2);}
}
@media screen and (max-width:1200px){
    .index_news_bg{padding-bottom:30px;}
    .index_news_left,.index_news_right{width:calc(100% - 40px);}
    .index_news_title{width:100%;padding:30px 0 10px;}
    .index_news_title .title{font-size:var(--font-size-m3);width:4em}
    .index_news_title .title2{font-size:var(--font-size-m);padding:10px 0;line-height:1.2;}
    .index_news_bg .main_new{width:100%;}
    .index_news_bg .form{padding:0;}
    .index_news{padding:0;}
    .index_news>ul>li{width:100%;padding:0px 0 20px;}
    .index_news>ul>li a{flex-flow:column;}
    .index_news>ul>li a .date{flex-flow:row;padding:10px 0 0px;}
    .index_news>ul>li a .date .day{font-size:var(--font-size-b1);padding-right:10px;line-height:1;}
    .index_news>ul>li a .content{padding:0px 0px;}
    .index_news>ul>li a .content .title{font-size:var(--font-size-m);}
    .index_news>ul>li a .content .info{font-size:var(--font-size-s);}
}
/*index_news E*/



/*about S*/
.about{display:flex;flex-flow:column;}
.about>div{padding:40px 0;}
.about img{width:100%;}
.about_01{display:flex;justify-content:space-between;}
.about_01>div{width:46%;}
.about_01>div>img{width:100%;border-radius:30px;}
.about_01>div p:not(:last-child){padding-bottom:1em;}
.about_01:nth-child(2n+1)>div:nth-child(1){order:1;}

.about_02{display:flex;justify-content:space-between;}
.about_02>div{width:46%;}
.about_02>div p:not(:last-child){padding-bottom:1em;}
.about_03{width:100%;}
@media screen and (max-width:1200px){
    .about>div{padding:10px 0;}
    .about_01,.about_02{flex-flow:column;}
    .about_01>div,.about_02>div{width:100%;padding:10px 0;}
    .about_01:nth-child(2n+1)>div:nth-child(1){order:0;}
}
/*about E*/

/*honor S*/
.honor>ul{display:flex;flex-wrap:wrap;}
.honor>ul>li{width:calc(25% - 20px);padding:10px;}
.honor{padding:50px 0;}
.honor .pic{position:relative;}
.honor .pic>img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;}
.honor1{padding-bottom:50px;}
.honor1 .pic{padding-top:76%;}
.honor2{padding-bottom:50px;}
.honor2 .pic{padding-top:134%;}
@media screen and (max-width:1200px){
    .honor>ul>li{width:calc(50% - 20px);}
    .honor{padding:20px 0;}
}
/*honor E*/

/*culture S*/
.culture_bg{padding-bottom:100px;}
.culture{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0;}
.culture_pic,.culture_info{width:46%;}
.culture:nth-child(2n+1) .culture_pic{order:1;}
.culture_pic>img{width:100%;}
.culture_title{font-size:var(--font-size-m3);display:inline-block;border-bottom:1px var(--text-color-red) solid;line-height:2;}
.culture_content{padding:10px 0;font-size:var(--font-size-m);line-height:1.6;}
@media screen and (max-width:1200px){
    .culture_bg{padding-bottom:30px;}
    .culture{padding:20px 0;}
    .culture_pic,.culture_info{width:100%;}
    .culture:nth-child(2n+1) .culture_pic{order:0;}
    .culture_title{font-size:var(--font-size-m);padding-top:20px;}
    .culture_content{font-size:var(--font-size-s);}
}
/*culture E*/

/*process S*/
.process_top{text-align:center;padding:10px;}
.process_top>div{background-color:var(--text-color-red);color:var(--text-color2);font-size:var(--font-size-m3);font-weight:bold;display:inline-block;padding:10px 80px;}
.process_list{display:flex;flex-wrap:wrap;padding-top:60px;position:relative;}
.process_list::before{content:'';display:block;background-image:url(../images/home/process/direction.png);background-repeat:no-repeat;background-size:cover;width:45px;height:45px;position:absolute;top:30px;left:calc(50% - 22.5px)}
.process_list>li{width:calc(20% - 120px);padding:60px;position:relative;}

.process_list>li .icon{padding-top:100%;border-radius:50%;background-color:#e7e7e7;position:relative;cursor:pointer;}
.process_list>li:not(:last-child) .icon::after{content:'';display:block;background-image:url(../images/home/process/direction.png);background-repeat:no-repeat;background-size:cover;width:45px;height:45px;position:absolute;top:calc(50% - 22.5px);right:-75px;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);}

.process_list>li:nth-child(5n) .icon::after{display:none;}
.process_list>li:nth-child(5n)::after{content:'';display:block;background-image:url(../images/home/process/direction.png);background-repeat:no-repeat;background-size:cover;width:45px;height:45px;position:absolute;bottom:-25px;left:calc(50% - 22.5px);}

.process_list>li{order:1}
.process_list>li:nth-child(6){order:10}
.process_list>li:nth-child(7){order:9}
.process_list>li:nth-child(8){order:8}
.process_list>li:nth-child(9){order:7}
.process_list>li:nth-child(10){order:6}
.process_list>li:nth-child(11){order:11}
.process_list>li:nth-child(12){order:11}
.process_list>li:nth-child(13){order:11}
.process_list>li:nth-child(n+6):nth-child(-n+9) .icon::after{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);left:-75px;right:unset;}

.process_list>li .icon .pic{position:absolute;top:0;right:0;bottom:0;left:0;}
.process_list>li .icon .pic>img{width:50%;height:50%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.process_list>li .icon .default{display:block;}
.process_list>li .icon .action{display:none;}
.process_list>li.on .icon{background-color:var(--text-color-red);}
.process_list>li.on .icon .default{display:none;}
.process_list>li.on .icon .action{display:block;}
.process_list>li .title{font-size:var(--font-size-m3);color:var(--text-color-red);text-align:center;padding-top:20px;}
.process_list>li .ex_title{font-size:var(--font-size-s);color:var(--text-color-red);text-align:center;}
@media screen and (max-width:1200px){
    .process_list>li .title{font-size:var(--font-size-m);}
}
@media screen and (max-width:1200px){
    .process_top{padding:5px;}
    .process_top>div{font-size:var(--font-size-m);padding:5px 20px;}
    .process_list{padding-top:50px;}
    .process_list::before{width:20px;height:20px;top:20px;left:calc(50% - 10px)}
    .process_list>li{width:calc(33.33% - 30px);padding:15px;}
    .process_list>li:not(:last-child) .icon::after{width:20px;height:20px;top:calc(50% - 10px);right:-25px;}
    .process_list>li:nth-child(5n) .icon::after{display:block;}
    .process_list>li:nth-child(5n)::after{display:none;}
    .process_list>li:nth-child(3n) .icon::after{display:none;}
    .process_list>li:nth-child(3n)::after{content:'';display:block;background-image:url(../images/home/process/direction.png);background-repeat:no-repeat;background-size:cover;width:20px;height:20px;position:absolute;bottom:-10px;left:calc(50% - 10px);}
    .process_list>li .title{font-size:var(--font-size-s);padding-top:10px;padding-bottom:5px;}
    .process_list>li .ex_title{font-size:var(--font-size-x);line-height:1;}
    .process_list>li:nth-child(4){order:6}
    .process_list>li:nth-child(5){order:5}
    .process_list>li:nth-child(6){order:4}
    .process_list>li:nth-child(7){order:7}
    .process_list>li:nth-child(8){order:8}
    .process_list>li:nth-child(9){order:9}
    .process_list>li:nth-child(10){order:12}
    .process_list>li:nth-child(11){order:11}
    .process_list>li:nth-child(12){order:10}
    .process_list>li:nth-child(13){order:13}
    .process_list>li:nth-child(n+6):nth-child(-n+9) .icon::after{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);left:unset;right:-25px;}
    .process_list>li:nth-child(3n+4) .icon::after,.process_list>li:nth-child(3n+5) .icon::after{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);left:-25px;right:unset;}
}
/*process E*/

/*advantage S*/
.advantage_bg{padding-bottom:100px;}
.advantage{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0;}
.advantage_pic,.advantage_info{width:46%;}
.advantage:nth-child(2n+1) .advantage_pic{order:1;}
.advantage_pic>img{width:100%;}
.advantage_title{font-size:var(--font-size-b);line-height:1.6;display:flex;flex-wrap:wrap;}
.advantage_title>b{font-size:var(--font-size-b3);color:var(--text-color-red);position:relative;}
.advantage_title>b::after{content:'';position:absolute;top:10px;right:-10px;width:1px;height:140%;background:var(--text-color-red);transform:rotate(10deg);}
.advantage_title>div{padding-left:3em;width:100%;}
.advantage_title>div>span{display:inline-block;position:relative;}
.advantage_title>div>span::before{content:'';position:absolute;top:0px;width:100%;height:1px;background-image:linear-gradient(to right, rgba(255,255,255,1), rgb(255, 212, 212), var(--text-color-red));}
.advantage_content{padding:20px 0 10px;font-size:var(--font-size-m);line-height:1.6;}
@media screen and (max-width:1200px){
    .advantage_bg{padding-bottom:30px;}
    .advantage{padding:20px 0;}
    .advantage_pic,.advantage_info{width:100%;}
    .advantage:nth-child(2n+1) .advantage_pic{order:0;}
    .advantage_title{font-size:var(--font-size-m);padding-top:20px;align-items: center;}
    .advantage_title>b{font-size:var(--font-size-b);}
    .advantage_title>b::after{display:none;}
    .advantage_title>div{padding-left:1em;width:auto;}
    .advantage_content{padding:10px 0 10px;font-size:var(--font-size-s);}
}
/*advantage E*/

/*partner S*/
.partner{background-color:var(--main-bg);}
/*partner E*/

/*main_content_flex S*/
.main_content_flex{display:flex;flex-wrap:wrap;justify-content:space-between;}
.main_content_left{width:260px;}
.main_content_left>dl>dt{background-color:#232323;color:var(--text-color-red);font-size:var(--font-size-m3);padding:20px 30px;position:relative;}
.main_content_left>dl>dt>div.title{position:relative;padding-left:10px;line-height:1;}
.main_content_left>dl>dt>div.title::before{content:'';position:absolute;bottom:3px;left:0px;width:5px;height:5px;background:var(--text-color-red);}
.main_content_left>dl>dd{background-color:#e6e6e6;padding:20px 30px;}
.main_content_left>dl>dd>div:not(:last-child){border-bottom:1px #b6b6b6 solid;}
.main_content_left>dl>dd a{position:relative;padding:15px 10px;line-height:1;display:block;font-size:var(--font-size-m);}
.main_content_left>dl>dd a::before{content:'';position:absolute;bottom:17px;left:0px;width:3px;height:3px;border:1px #b6b6b6 solid;}
.main_content_left>dl>dd a:hover,.main_content_left>dl>dd a.on{color:var(--text-color-red);}
.main_content_left>dl>dd a:hover::before,.main_content_left>dl>dd a.on::before{border:1px var(--text-color-red) solid;}
.main_content_right{width:calc(100% - 300px);}
.main_content_right>ul{display:flex;flex-wrap:wrap;}
.main_content_right>ul>li{width:calc(25% - 10px);padding:5px;}
.main_content_right>ul>li a{display:block;padding:10px;background-color:#e6e6e6;}
.main_content_right>ul>li a:hover{color:var(--text-color-red);}
.main_content_right>ul>li .pic{padding-top:76%;position:relative;}
.main_content_right>ul>li .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.main_content_right>ul>li .title{text-align:center;font-size:var(--font-size-m);padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_content_list{width:100%;}
.main_content_list>ul{display:flex;flex-wrap:wrap;}
.main_content_list>ul>li{width:calc(25% - 10px);padding:5px;}
.main_content_list>ul>li .ratio{display:block;padding:10px;background-color:#e6e6e6;}
.main_content_list>ul>li .ratio:hover{color:var(--text-color-red);}
.main_content_list>ul>li .pic{padding-top:100%;position:relative;}
.main_content_list>ul>li .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.main_content_list>ul>li .title{text-align:center;font-size:var(--font-size-m);padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media screen and (max-width:1200px){
    .main_content_left{width:100%;padding-bottom:20px;}
    .main_content_left>dl>dt{font-size:var(--font-size-m);padding:10px 20px;}
    .main_content_left>dl>dt>div.btn{position:absolute;right:0;top:0;bottom:0;width:50px;display:flex;justify-content: center;align-items: center;}
    .main_content_left>dl>dt>div.btn>div{background-color:var(--main-bg3);width:12px;height:2px;}
    .main_content_left>dl>dt>div.btn>div::after{content:'';width:2px;height:12px;background-color:var(--main-bg3);display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
    .main_content_left>dl.on>dt>div.btn>div::after{display:none;}
    .main_content_left>dl>dd{padding:0px 20px;height:0px;overflow:hidden;}
    .main_content_left>dl.on>dd{padding:10px 20px;height:auto;}
    .main_content_right{width:100%;}
    .main_content_right>ul>li{width:calc(50% - 5px);padding:5px 5px 5px 0;}
    .main_content_right>ul>li:nth-child(2n){padding:5px 0 5px 5px;}
    .main_content_list>ul>li{width:calc(50% - 5px);padding:5px 5px 5px 0;}
    .main_content_list>ul>li:nth-child(2n){padding:5px 0 5px 5px;}
}
/*main_content_flex E*/


/*main_picture S*/
.main_picture_bg{padding-bottom:100px;}
.main_picture{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0;}
.main_picture_pic,.main_picture_info{width:46%;}
.main_picture:nth-child(2n+1) .main_picture_pic{order:1;}
.main_picture_pic>img{width:100%;}
.main_picture_title{font-size:var(--font-size-b);line-height:1.6;display:flex;flex-wrap:wrap;}
.main_picture_title>div{width:100%;}
.main_picture_title>div>span{display:inline-block;position:relative;border-bottom:1px var(--text-color-red) solid;}
.main_picture_content{padding:20px 0 10px;font-size:var(--font-size-m);line-height:1.6;}
@media screen and (max-width:1200px){
    .main_picture_bg{padding-bottom:30px;}
    .main_picture{padding:20px 0;}
    .main_picture_pic,.main_picture_info{width:100%;}
    .main_picture:nth-child(2n+1) .main_picture_pic{order:0;}
    .main_picture_title{font-size:var(--font-size-m);padding-top:20px;align-items: center;}
    .main_picture_title>div{padding-left:1em;width:auto;}
    .main_picture_content{padding:10px 0 10px;font-size:var(--font-size-s);}
}
/*main_picture S*/


/*product S*/
.prde_1{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 0;}
.prde_1 .pd1_le{width:60.6060606061%;flex-shrink:0;display:flex;justify-content:space-between;align-items:stretch;}
.prde_1 .swiper{width:10.4%;position:relative;}
.prde_1 .swiper1{position: absolute;top:0;left:0;right:0;bottom:0;}
.prde_1 .swiper1 .swiper-container{height:100%;}
.prde_1 .swiper1 .sw1{height:auto;}
.prde_1 .swiper1 .sw1.on .img{border:1px solid var(--text-color-red);}
.prde_1 .swiper1 .img{position:relative;padding-top:100%;border:1px solid transparent;border-radius:5px;cursor:pointer;}
.prde_1 .swiper1 .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 8px);height:calc(100% - 8px);-o-object-fit:cover;object-fit:cover;}
.prde_1 .swiper1 .swiper-button-next,.prde_1 .swiper1 .swiper-button-prev{position:absolute;width:100%;height:auto;left:auto;right:auto;margin:0 auto;text-align:center;background-image:none;opacity:1;}
.prde_1 .swiper1 .swiper-button-next::after,.prde_1 .swiper1 .swiper-button-prev::after{display:none;}
.prde_1 .swiper1 .swiper-button-next{top:calc(100% + 0.4rem);}
.prde_1 .swiper1 .swiper-button-prev{bottom:calc(100% + 0.4rem);top:auto;}
.prde_1 .swiper1 .swiper-button-prev img,.prde_1 .swiper1 .swiper-button-next img{margin:0 auto;}
.prde_1 .swiper2{width:81.25%;}
.prde_1 .swiper2 .sw2{position:relative;}
.prde_1 .swiper2 .hasV{cursor:pointer;}
.prde_1 .swiper2 .img{position:relative;overflow:hidden;border-radius:0.25rem;padding-top:100%;}
.prde_1 .swiper2 .img img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.prde_1 .swiper2 .img video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.prde_1 .swiper2 .play{display:block;width:0.7rem;height:0.7rem;background-image:url(../images/home/index/icon-play.png);background-repeat:no-repeat;background-size:contain;cursor:pointer;z-index:30;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.3s;}
.prde_1 .pd1_ri{width:33%;}
.prde_1 .pd1_ri .info_i{display:flex;justify-content:space-between;padding-top:0.45rem;padding-bottom:0.45rem;border-bottom:1px solid #ede8de;}
.prde_1 .pd1_ri .info_i:last-child{border-bottom:none;padding-bottom:0;}
.prde_1 .pd1_ri .ini{width:61%;}
.prde_1 .pd1_ri .ini2{width:35%;}
.prde_1 .pd1_ri .p1{font-size:var(--font-size-b);letter-spacing: 0.1em;}
.prde_1 .pd1_ri .p2{margin-top:0.08rem;}
.prde_1 .pd1_ri .d3{margin-top:0.2rem;margin-bottom:0.12rem;width:50px;height:2px;background-color:var(--text-color-red);margin-bottom:10px;}
.prde_1 .pd1_ri .p3{margin-bottom:0.14rem;color:#666;}
.prde_1 .pd1_ri .p4{word-break:break-all;}
.prde_1 .pd1_ri .d4{display:flex;}
.prde_1 .pd1_ri .d4 .ss{width:20px;height:20px;border-radius:50%;margin-right:0.1rem;border:1px solid #e5e5e5;}
.prde_1 .pd1_ri .d4 .ss:last-child{margin-right:0;}
.prde_1 .pd1_ri .star{display:flex;align-items:center;overflow:hidden;font-size:var(--font-size-m2);letter-spacing:0.2em;}
.prde_1 .pd1_ri .star>b{margin-right:26px;}
.prde_1 .pd1_ri .room{display:flex;align-items:center;overflow:hidden;font-size:var(--font-size-m2);letter-spacing:0.2em;}
.prde_1 .pd1_ri .room>b{margin-right:30px;}
.prde_1 .pd1_ri .cover_an_area{display:flex;align-items:center;overflow:hidden;font-size:var(--font-size-m2);letter-spacing:0.2em;}
.prde_1 .pd1_ri .cover_an_area>b{margin-right:16px;}
.return_box{text-align:right;padding-top:2em;}
.return_btn{border:1px #000 solid;background-color:#000;color:#fff;padding:8px 30px;border-radius:5px;}
.return_btn:hover{background-color:#f3f3f3;color:#000;}
@media (max-width:900px){
    .prde_1 .pd1_le{width:100%;flex-wrap:wrap;}
    .prde_1 .swiper{width:100%;height:auto;order:2;margin:10px 0;}
    .prde_1 .swiper1{height:100%;position: unset;}
    .prde_1 .swiper1 .swiper-button-next,.prde_1 .swiper1 .swiper-button-prev{opacity:0;}
    .prde_1 .swiper2{width:100%;order:1;}
    .prde_1 .pd1_ri{width:100%;margin-top:0.4rem;}
    .prde_1 .pd1_ri .info_i .ini{width:50%;}
    .prde_1 .pd1_ri .p1{font-size: var(--font-size-m3);}
    .return_btn{padding:8px 20px;}
}
.prde_2{border-top:1px solid #dad3cb;}
.prde_2 .hd{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;}
.prde_2 .hd .icon{width:20px;height:2px;background-color:#111;}
.prde_2 .bd{padding:1.2rem 0.4rem;text-align:center;}
/*product E*/


/*news S*/
.news>ul>li{padding:20px 0;}
.news_link{background-color:#f2f2f2;display:flex;justify-content:space-around;}
.news_link .img{width:30%;overflow:hidden;padding:2px;}
.news_link .pic{position:relative;padding-top:65%;}
.news_link .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.news_link .info{flex:1;padding:40px;display:flex;flex-flow:column;}
.news_link .title{font-size:var(--font-size-b);padding-bottom:20px;}
.news_link .content{font-size:var(--font-size-m);}
.news_link .date{display:flex;align-items:center;color:var(--text-color-red);padding:20px;font-size:var(--font-size-b);font-weight: bold;}
.news_link .date>div>span{font-size:var(--font-size-b3);position:relative;padding-right:10px;}
.news_link .date>div>span::after{content:'';position:absolute;top:5px;right:5px;width:1px;height:100%;background:var(--text-color-red);transform:rotate(10deg);}
@media screen and (max-width:1200px){
    .news_link{flex-flow:column;}
    .news_link .img{width:calc(100% - 4px);}
    .news_link .info{padding:10px;}
    .news_link .title{font-size:var(--font-size-m);padding-bottom:5px;font-weight:bold;}
    .news_link .content{font-size:var(--font-size-s);}
    .news_link .date{justify-content:end;font-size:var(--font-size-s);padding:10px;}
    .news_link .date>div>span{font-size:var(--font-size-m);}
    .news_link .date>div>span::after{top:0px;}
}
/*news E*/


/*contact S*/
.contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.contact_left{width:36%;font-size:16px;line-height:2;}
.contact_right{width:60%;}
.contact_qrcode{display:flex;flex-wrap:wrap;padding-top:10px;}
.contact_qrcode>li{padding:20px 0;text-align:center;font-size:var(--font-size-m);}
.contact_qrcode>li:not(:last-child){padding-right:20px;line-height:2;}
.contact_qrcode>li img{width:130px;}
.mapDiv{height:420px;border:1px var(--main-bg) solid;}
.mapDiv img{max-width:none;}
.form>.title{font-size:var(--font-size-m2);font-weight:bold;}
.form .f_inp{position:relative;padding-bottom:10px;}
.form .f_inp input{width:calc(90% - 42px);min-height:40px;border:solid 1px #adadad;background-color:#f2f2f2;border-radius:5px;padding-left:20px;padding-right:20px;}
.form .f_inp select{width:calc(90% - 42px);min-height:40px;border:solid 1px #d9d2cb;border-radius:5px;padding-left:0.2rem;padding-right:0.2rem;background-color:transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.form .f_inp textarea{width:calc(90% - 42px);height:5em;border:solid 1px #adadad;background-color:#f2f2f2;border-radius:5px;padding:10px 20px;display:block;}
.form .f_ta{display:flex;align-items:center;}
.form .f_ta .f_inp{width:50%;padding-bottom:0px;}
.form .f_ta .f_cta img{height:44px;cursor:pointer;display: block;}
.form .f_subs{display:flex;justify-content:center;margin-top:20px;}
.form .f_subs .f_btn{height:0.5rem;min-height:30px;line-height:1;padding:0 20px;border:1px var(--text-color-red) solid;outline:none;cursor:pointer;background-color:transparent;border-radius:1rem;color:var(--text-color-red);transition:all 0.3s;}
.form .f_subs .f_btn:hover{background-color:var(--text-color-red);color:#fff;transition:all 0.3s;}
.form .error-msg{color:#c10202;width:calc(100% - 62px);}
.form .error-msg>div{background-color:#ffe6e6;border:1px #c10202 solid;padding:5px 10px;margin-top:5px;}
@media screen and (max-width:1200px){
    .contact_left,.contact_right{width:100%;}
    .contact_left{font-size:12px;}
    .contact_qrcode>li img{width:124px;}
    .contact_right{padding-top:30px;}
    .form .f_inp input,.form .f_inp select{width:calc(100% - 42px);min-height:30px;}
    .form .f_inp textarea{width:calc(100% - 42px);}
    .form .f_ta .f_cta img{height:34px;margin-left:10px;}
    .form .error-msg{width:100%;}
}
/*contact E*/


/*download S*/
.download>ul{display:flex;flex-wrap:wrap;}
.download>ul>li{padding:20px 20px 20px 0;width:calc(50% - 20px);}
.download>ul>li:nth-child(2n){padding:20px 0px 20px 20px;}
.download_link{background-color:#f2f2f2;display:flex;justify-content:space-around;}
.download_link .img{width:30%;overflow:hidden;padding:2px;}
.download_link .pic{position:relative;padding-top:138%;}
.download_link .pic>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;}
.download_link .info{flex:1;padding:20px 40px;display:flex;flex-flow:column;}
.download_link .title{font-size:var(--font-size-m2);padding-bottom:10px;}
.download_link .content{font-size:var(--font-size-m);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.download_link .icon{display:flex;align-items:center;color:var(--text-color-red);padding:20px;font-size:var(--font-size-b);font-weight: bold;}
.download_link .icon>div>img{width:60px;}
@media screen and (max-width:1200px){
    .download>ul>li{padding:10px 0px 5px 0;width:100%;}
    .download>ul>li:nth-child(2n){padding:10px 0px 5px 0px;}
    /* .download_link{flex-flow:column;}
    .download_link .img{width:100%;} */
    .download_link .info{padding:10px;}
    .download_link .title{font-size:var(--font-size-s);padding-bottom:2px;font-weight:bold;}
    .download_link .content{font-size:var(--font-size-s);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
    .download_link .icon{padding:10px;}
    .download_link .icon>div>img{width:30px;}
}
/*download E*/


/*factory S*/
.factory>ul>li{width:calc(50% - 10px);padding:5px;}
.factory>ul>li .pic{padding-top:56%;position:relative;}
@media screen and (max-width:1200px){
    .factory>ul>li{width:calc(100% - 5px);padding:5px 5px 5px 0;}
}
/*factory E*/


/*case S*/
.case>ul>li .pic{padding-top:75%;position:relative;}
/*case E*/


/*****************************************************/
.pageController{text-align:center;}
.pageController .prev{text-align:left;padding-top:20px;font-size:var(--font-size-s);}
.pageController .next{text-align:left;padding-bottom:20px;font-size:var(--font-size-s);}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px;}
.pagination>li>a,.pagination>li>span{display:block;height:28px;padding:0px 12px;color:var(--text-color);line-height:2;font-size:var(--font-size-m);border-color:#d3d3d3;border-style:solid;border-width:1px;margin:0 1px;}
.pageController .pagination>.active>a,.pageController .pagination>.active>a:focus,.pageController .pagination>.active>a:hover,.pageController .pagination>.active>span,.pageController .pagination>.active>span:focus,.pageController .pagination>.active>span:hover{background-color:var(--text-color);border-color:var(--text-color);color:var(--text-color2)}
/*****************************************************/

/*系统提示*/
.home_message{ margin: 0 auto;width: 90%;max-width: 768px;padding:8% 0;}
.home_message .notification{ padding: 9px 0 9px 60px;line-height: 30px;}
.home_message .notification div{ font-size: 18px;}
.home_message .notification.success{ background: url(../images/home/success.png) left top no-repeat;color: #05994f;}
.home_message .notification.error{ background: url(../images/home/error.png) left top no-repeat;color: #cb1b05;}
.home_message .redirect{ padding-top: 20px;}
.home_message .redirect a{ display: inline-block;height: 30px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0 15px;}
.home_message .count_down{ padding-top: 20px;color: #9E9E9E;}
.home_message .count_down a{ color: #0080FF;}
.home_message .count_down span{ color: #555555;margin: 0 2px;}
.error-msg{color:#c10202}
.error-msg>div{background-color:#ffe6e6;border:1px #c10202 solid;padding:5px 10px;margin-top:5px;}

/*右侧浮动*/
.fixed_right{position:fixed;right:40px;top:50%;z-index:98;background-color:#cecdca;padding:20px 10px;border-radius:15px;text-align:center;font-size:var(--font-size-s);}
.fixed_right>div:not(:last-child){padding:0px 0px 20px;}
.fixed_right>div{display:flex;cursor:pointer;z-index:1;}
.fixed_right img{margin:0 auto 5px;}
.fixed_right_content{padding:0 10px;font-size:var(--font-size-m);display:none;}
.fixed_right_content>.title,.fixed_right_content>a{display:flex;align-items:center;}
.fixed_right.on .fixed_right_content{display:flex;}
.fixed_right_bg{position: fixed;top:0;right:0;left:0;bottom:0;z-index:97;display:none;}
.fixed_right_bg.on{display:block;}
@media screen and (max-width:1200px){
    .fixed_right{right:0px;padding:10px 5px;border-radius:10px;font-size:var(--font-size-x);}
    .fixed_right>div:not(:last-child){padding:0px 0px 10px;}
    .fixed_right img{margin:0 auto 5px;width:24px;}
    .fixed_right_content{font-size:var(--font-size-s);}
}


/*productive_process S*/
.productive_process{}
.productive_process_title{text-align:center;position:relative;padding-top:30px;padding-bottom:30px;margin-bottom:50px;}
.productive_process_title>h1{font-size:var(--font-size-b2);font-weight:bolder;line-height:1.5;}
.productive_process_title>div{font-size:var(--font-size-b2);line-height:1.5;color:#343331;}
.productive_process_title>h3{font-size:var(--font-size-m3);line-height:1.5;}
.productive_process_content{margin-bottom:100px;}
.productive_process_content .main_picture{padding:0;margin-bottom:50px;}
.productive_process_content .main_picture_title{display:flex;justify-content:center;padding-top:15%;}
.productive_process_content .main_picture_title>div{max-width:60%;display:flex;align-items:baseline;}
.productive_process_content .main_picture_title>div>span{font-size:var(--font-size-b3);margin-right:10px;}
.productive_process_content .main_picture_title>div.title_en{font-weight:300;line-height:2;}
.productive_process_content .main_picture_title>div>div{font-size: var(--font-size-b1);}
.productive_process_content .main_picture_title>div>div>.ex_title{line-height:2.4;font-size:var(--font-size-b);}
@media screen and (max-width:1200px){
    .productive_process_title>h1{font-size:var(--font-size-m3);}
    .productive_process_title>div{font-size:var(--font-size-s);}
    .productive_process_title>h3{font-size:var(--font-size-s);}
    .productive_process_title{padding-top:15px;padding-bottom:15px;margin-bottom:15px;}
    .productive_process_content{margin-bottom:40px;}
    .productive_process_content .main_picture_pic,.productive_process_content .main_picture_info {width: 50%;overflow: hidden;}
    .productive_process_content .main_picture{margin-bottom:15px;}
    .productive_process_content .main_picture:nth-child(2n+1) .main_picture_pic{order:1;}
    .productive_process_content .main_picture_title{padding-top:10px;flex-flow:column;align-items:baseline;}
    .productive_process_content .main_picture_title>div{max-width:100%;}
    .productive_process_content .main_picture_title>div>span{font-size:var(--font-size-m2);}
    .productive_process_content .main_picture_title>div>div{font-size: var(--font-size-m2);}
    .productive_process_content .main_picture_title>div>div>.ex_title{line-height:1.4;font-size:var(--font-size-s);}
    .productive_process_content .main_picture_title>div.title_en{font-size:var(--font-size-s);}
}
/*productive_process S*/

/**视频列表**/
.videolist
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.videolist .grid
{
	width:48%;
	height:auto;
	margin-right:4%;
	margin-bottom:30px;
	cursor: pointer;
}
.videolist .grid:nth-child(2n)
{
	margin-right:0px;
}
.videolist .grid .link
{
	display:block;
	width:100%;
}
.videolist .grid .link .outpic
{
	width:100%;
	height:auto;
	padding-bottom:66.66%;
	overflow:hidden;
	position:relative;
}
.videolist .grid .link .outpic .playbtn
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	width:100%;
	height:100%;
	background:url('../images/home/video_play.png') no-repeat center center;
	background-size:50px 50px;
	background-color:rgba(0,0,0,0.2);
	transition:1s;
}
.videolist .grid:hover .link .outpic .playbtn
{
	background-color:rgba(0,0,0,0);
}
.videolist .grid .link .outpic .pic
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
}
.videolist .grid .link .outpic .pic .image
{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1s;
}
.videolist .grid:hover .link .outpic .pic .image
{
	transform:scale(1.1);
}
.videolist .grid .link .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;
	font-size:15px;
	text-align:center;
	line-height:25px;
}
/**视频列表 end**/
/**全屏视频**/
.fullscreenvideobg
{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
	top:0px;
	left:0px;
	position:fixed;
    z-index:20000;
	display:none;
}
.fullscreenvideobg .closebtn
{
	width:80px;
	height:80px;
	font-size:75px;
	color:#fff;
	line-height:75px;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	cursor:pointer;
}
.fullscreenvideo
{
    position:absolute;
    top:0px;
    left:0px;
	width:100%;
	height:100%;
    z-index:10;
}
.fullscreenvideobg .videoblock
{
	width:80%;
    height:80%;
	overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    z-index:30;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.fullscreenvideobg .videoblock .video_1
{
    display:block;
    max-height:100%;
    max-width:100%;
}
/**全屏视频 end**/
@media screen and (max-width:1200px)
{
/**全屏视频**/
.fullscreenvideobg .closebtn
{
	width:50px;
	height:50px;
	font-size:45px;
	line-height:50px;
}
.fullscreenvideobg .videoblock
{
	width:88%;
	height:88%;
}
/**全屏视频 end**/
/**视频列表**/
.videolist .grid
{
	width:100%;
	margin-right:0%;
	margin-bottom:30px;
}
.videolist .grid .link .outpic .playbtn
{
	background-size:40px 40px;
}
/**视频列表 end**/
}