@charset "utf-8";
/* CSS Document */
a,big,blockquote,body,caption,cite,code,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;margin:0;outline:0;padding:0;}
body{line-height:1}
body,html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background-color:#fff;}



/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse}
input,textarea{outline:none;border:none}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:0.55;font-size:14px}
textarea{resize:none;overflow:auto}
input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset}
button,input,select,textarea{font-size:100%}
img{max-width:100%}
a img{border:0}
*{margin:0;padding:0;box-sizing:border-box}
input,textarea,select{outline:none}
a,a:hover{text-decoration:none;outline:none}
ul li{list-style-type:none}
img{border:none}


/* CSS Document */
/*Bebas Neue*/
@font-face{font-family:'Bebas Neue';src:url('./BebasNeue.eot');src:url('./BebasNeue.eot?#iefix') format('embedded-opentype'),url('./BebasNeue.woff2') format('woff2'),url('./BebasNeue.woff') format('woff'),url('./BebasNeue.ttf') format('truetype'),url('./BebasNeue.svg#BebasNeue') format('svg');font-weight:normal;font-style:normal;font-display:swap}
/*Inter*/
@font-face{font-family:'Inter';src:url('./Inter-Black.woff2') format('woff2'),url('./Inter-Black.woff') format('woff'),url('./Inter-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-ExtraBold.woff2') format('woff2'),url('./Inter-ExtraBold.woff') format('woff'),url('./Inter-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-SemiBold.woff2') format('woff2'),url('./Inter-SemiBold.woff') format('woff'),url('./Inter-SemiBold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-Medium.woff2') format('woff2'),url('./Inter-Medium.woff') format('woff'),url('./Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-Bold.woff2') format('woff2'),url('./Inter-Bold.woff') format('woff'),url('./Inter-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('./Inter-Regular.woff2') format('woff2'),url('./Inter-Regular.woff') format('woff'),url('./Inter-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}


.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 

html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;-webkit-text-size-adjust: 100%;}
*,*::before,*::after {box-sizing: inherit;}
html *,html :after,html :before {box-sizing: border-box}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
b,strong{font-weight:Bold;}
em{font-style:italic}
sup{font-size:small;vertical-align:top}


.fixed{position:fixed}
.flex{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;}
.flex-wrap{flex-flow:wrap}
.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.inline-block{display:inline-block}
.block{display:block}
.hide{display:none}
*{text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none}

.w1780{width:94%;max-width:1780px;margin:0 auto;}
.container{width: 90%;max-width:1600px;margin:0 auto;}
body{font-family:Inter,Arial, Helvetica, sans-serif;font-weight:normal;line-height:1.8}
html, body{font-size:10px;}
@media screen and (max-width:1600px){
html, body{font-size:8px;}	
}
@media screen and (max-width:1220px){
html, body{font-size:7px;}		
}
@media screen and (max-width:1024px){
html, body{font-size:10px;}		
.w1780{width:90%;}
}


/*@font-face{font-family:'DIN';src:url('./DINCOROS-Black.eot');src:url('./DINCOROS-Black.eot?#iefix') format('embedded-opentype'),url('./DINCOROS-Black.woff2') format('woff2'),url('./DINCOROS-Black.woff') format('woff'),url('./DINCOROS-Black.ttf') format('truetype'),url('./DINCOROS-Black.svg#DINCOROS-Black') format('svg');font-weight:bold;font-style:normal;font-display:swap}*/

.f_Helvetica{font-family:'Bebas Neue',Arial, Helvetica, sans-serif;}
.f_BebasNeue{font-family:'Bebas Neue',Arial, Helvetica, sans-serif;}

@font-face{font-family:'Frick';src:url('./Frick03-Condensed.eot');src:url('./Frick03-Condensed.eot?#iefix') format('embedded-opentype'),url('./Frick03-Condensed.woff2') format('woff2'),url('./Frick03-Condensed.woff') format('woff'),url('./Frick03-Condensed.ttf') format('truetype'),url('./Frick03-Condensed.svg#Frick0.3-Condensed') format('svg');font-weight:bold;font-style:normal;font-display:swap}
*[lang|="vn"] .f_Helvetica{font-family:'Frick',Arial, Helvetica, sans-serif!important; font-weight:bold!important;}
*[lang|="vn"] .f_BebasNeue{font-family:'Frick',Arial, Helvetica, sans-serif!important;font-weight:bold!important;}





h1,h1 a,h1 em,h1 span,h1 strong{font-size:48px;line-height:1.333}
@media only screen and (max-width:1024px){h1,h1 a,h1 em,h1 span,h1 strong{font-size:32px}}
h2,h2 a,h2 em,h2 span,h2 strong{font-size:32px;line-height:1.333}
@media only screen and (max-width:1024px){h2,h2 a,h2 em,h2 span,h2 strong{font-size:20px}}
h3,h3 a,h3 em,h3 span,h3 strong{font-size:24px;line-height:1.333}
@media only screen and (max-width:1024px){h3,h3 a,h3 em,h3 span,h3 strong{font-size:18px}}
h4,h4 a,h4 em,h4 span,h4 strong{font-size:22px;line-height:1.5}
@media only screen and (max-width:1024px){h4,h4 a,h4 em,h4 span,h4 strong{font-size:17px}}
h5,h5 a,h5 em,h5 span,h5 strong{font-size:20px;line-height:1.5}
@media only screen and (max-width:1024px){h5,h5 a,h5 em,h5 span,h5 strong{font-size:16px}}
h6,h6 a,h6 em,h6 span,h6 strong{font-size:18px;line-height:1.5}
@media only screen and (max-width:1024px){h6,h6 a,h6 em,h6 span,h6 strong{font-size:15px}}

/*h1{margin-top:60px;margin-bottom:40px}
@media only screen and (max-width:1024px){h1{margin-top:40px;margin-bottom:20px}}
h2{margin-top:50px;margin-bottom:30px}
@media only screen and (max-width:1024px){h2{margin-top:30px;margin-bottom:20px}}
h3{margin-top:40px;margin-bottom:20px}
@media only screen and (max-width:1024px){h3{margin-top:20px;margin-bottom:10px}}
h4{margin-top:30px}
@media only screen and (max-width:1024px){h4{margin-top:10px}}
*/

/*swiper*/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}



/*****************************header*****************************/
.header-wrapper{position:fixed;left:0;right:0;top:0;z-index:30;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.header-wrapper.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)}

.header-wrapper.on{background-color:#fff}
.header-wrapper.on .pc-nav-box ul li:hover > a{color:#dc0307}
.header-wrapper.on .pc-nav-box ul li a{color:#000000;}

.header-wrapper.on .language .top-lan{background-image:url(./top-lan1.png)}
.header-wrapper.on .language .top-lan::after{background-image:url(./icon-v1.png)}

/*logo-box*/
.header-wrapper .box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;height:10rem;padding:0 0.6rem 0 0.56rem}
.header-wrapper .logo-box{width:15rem}
.header-wrapper .logo-box a{display:block; line-height:0;}
.header-wrapper .logo-box img{max-width:100%}

.header-wrapper .other-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center}
/*language*/
.header-wrapper .language{display:inline-block; position:relative; line-height:10rem;z-index:3;}
.header-wrapper .language .top-lan{height:2.3rem; background:url(./top-lan.png) no-repeat left center; background-size:2rem;display:inline-block; vertical-align:middle; padding-left:2rem;padding-right:2rem; position:relative; cursor:pointer; transition:all 0.5s ease;}
.header-wrapper .language .top-lan::after{content:''; width:1rem; height:0.7rem; background:url(./icon-v.png) no-repeat center; background-size:1rem;position:absolute; right:0; top:50%; margin-top:-0.4rem;}
.header-wrapper .language .lan_list{position:absolute; width:8rem; left:-18%; top:100%; background:#fff;  padding:1rem 0;border-radius:1rem; display:none;}
.header-wrapper .language .lan_list{box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); padding:0 1.8rem; width:23rem; left:auto; right:-1.8rem; padding-top:2rem; padding-bottom:0.5rem;}
.header-wrapper .language .lan_list dt{color:#000; font-size:1.8rem;line-height: 1.5;padding-left:4.5rem; box-sizing:border-box; margin-bottom:1rem;}
.header-wrapper .language .lan_list dd{color:#5d5d5d; line-height:4rem; border-top:1px solid #d6d6d6;padding-left:4.5rem; box-sizing:border-box;}
.header-wrapper .language .lan_list dd a{position:relative;color:#000; padding-left:2rem; font-size:1.8rem;}
.header-wrapper .language .lan_list dd a::before{content:''; width:1rem; height:1rem; border:1px solid #5d5d5d; border-radius:50%; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-0.5rem;}
.header-wrapper .language .lan_list dd:hover a{color:#dc0307;}
.header-wrapper .language .lan_list dd:hover a::before{border-color:#dc0307; transition:all 0.5s ease;}
.header-wrapper .language .lan_list dd.on a::before{ background:#dc0307;border-color:#dc0307;}
.header-wrapper .language .lan_list dd.on a{color:#dc0307;}
.mask{background:url(./bg50.png); position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; display:none;}


/*pc-nav-box*/
.pc-nav-box{flex:1; text-align:right; margin-right:25px;line-height:0;}
.pc-nav-box ul{font-size:0; display:inline-block;}
.pc-nav-box li{position:relative;margin-right:4.4rem; display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.pc-nav-box li:hover > a:after,.pc-nav-box li.on > a:after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.pc-nav-box li:hover .nav{opacity:1;visibility:visible}
.pc-nav-box li:hover .nav:before{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.pc-nav-box li:hover .nav a{display:block;animation:navInUp50 0.6s ease;animation-fill-mode:forwards}
.pc-nav-box li:first-child a:before{display:none}
.pc-nav-box li:hover > a:before{opacity:1;visibility:visible}

.pc-nav-box li > a{position:relative;font-size:1.8rem;line-height:10rem;color:#fff;font-weight:500;}
.pc-nav-box li > a:before{content:"";border:0.08rem solid transparent;position:absolute;left:50%;bottom:0;z-index:10;margin-left:-0.08rem;border-bottom-color:#fff;opacity:0;visibility:hidden;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.pc-nav-box a{display:block;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.pc-nav-box .nav{position:absolute;left:50%;top:100%;z-index:10;text-align:left;width:26rem;margin-left:-13rem;border-radius:10px;padding:0.16rem;background-color:rgba(205,25,40,0.9);overflow:hidden;opacity:0;visibility:hidden;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.05)}
.pc-nav-box .nav:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;transform:translateY(-110%);-webkit-transform:translateY(-110%);-moz-transform:translateY(-110%);-ms-transform:translateY(-110%);-o-transform:translateY(-110%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.pc-nav-box .navB{ padding:3.5rem 2rem;}
.pc-nav-box .nav a{position:relative;z-index:1;font-size:1.6rem;line-height:2.6rem;padding:1rem 0;display:none;opacity:0;visibility:hidden;}
.pc-nav-box .nav a{color:#fff!important;}
.pc-nav-box .nav a span{display:block;position:relative;padding-left:1.7rem;}
.pc-nav-box .nav a span:after{content:"";width:0.6rem;height:0.6rem;border-radius:50%;background-color:#fff;position:absolute;left:0;top:50%; margin-top:-0.3rem;}
.pc-nav-box .nav:hover a span{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.pc-nav-box .nav:hover a:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.pc-nav-box .nav,.pc-nav-box .nav a span{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}


.phone-nav{display:none}
@media screen and (min-width:1024px){
.header-wrapper.active{transform:translate(0,-1.2rem)}


.headerWhite{ padding-top:10rem;}

.headerWhite .header-wrapper,
.header-wrapper:hover{background-color:#fff}

.headerWhite .header-wrapper .pc-nav-box ul li:hover > a,
.header-wrapper:hover .pc-nav-box ul li:hover > a{color:#dc0307;}

.headerWhite .header-wrapper .pc-nav-box ul li .nav a:hover,
.header-wrapper:hover .pc-nav-box ul li .nav a:hover{color:#dc0307;}

.headerWhite .header-wrapper .pc-nav-box ul li a,
.header-wrapper:hover .pc-nav-box ul li a{color:#000}

.headerWhite .header-wrapper .language .top-lan,
.header-wrapper:hover .language .top-lan{color:#333;background-image:url(./top-lan1.png)}

.headerWhite .header-wrapper .language .top-lan::after,
.header-wrapper:hover .language .top-lan::after{background-image:url(./icon-v1.png)}

}
@media screen and (max-width:1600px){
.box-container{width:14rem}
.pc-nav-box{margin:0 1rem}
.pc-nav-box ul{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.pc-nav-box li{margin-right:4rem}

}

@media screen and (max-width:1024px){
.box-container{width:100%;}
.pc-nav-box{display:none}
.header-wrapper .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;height:6rem; padding:0 0;}
.header-wrapper .logo-box{width:15rem}
.header-wrapper .logo-box a{display:block}
.header-wrapper .logo-box img{width:100%}
.header-wrapper .other-box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center}

.header-wrapper .language{order:0;line-height:6rem;}
.header-wrapper .language .top-lan{padding-left:0;font-size:0;line-height:6rem;width:3.6rem;height:3.6rem; margin-right:2rem;}


.header-wrapper.on .Mobilemenu span{background-color:#000}
/*Mobilemenu*/
.Mobilemenu{font-size:0;order:2;width:2.6rem;height:2.6rem;position:relative}
.Mobilemenu.on span:nth-child(1){transform:rotate(45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu.on span:nth-child(2){opacity:0}
.Mobilemenu.on span:nth-child(3){transform:rotate(-45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu span{display:inline-block;width:100%;height:2px;background:#fff;position:absolute;left:0;top:1.3rem;z-index:10;transform-origin:center center;border-radius:5px;transition:margin 140ms cubic-bezier(0.25,0.46,0.45,0.94) 230ms,transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms,-webkit-transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms}
.Mobilemenu span:nth-child(1){margin-top:-0.8rem}
.Mobilemenu span:nth-child(2){margin-top:0}
.Mobilemenu span:nth-child(3){margin-top:0.8rem}
/*phone-nav*/
.phone-nav{width:100%;height:calc(100% - 6rem);position:fixed;right:0;top:6rem;background:#fff;z-index:501;overflow:auto;}
.phone-nav ul{width:100%;margin:0 auto;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;transition:max-height 0.8s ease;-webkit-transition:max-height 0.8s ease;-moz-transition:max-height 0.8s ease;-ms-transition:max-height 0.8s ease;-o-transition:max-height 0.8s ease}
.phone-nav ul::-webkit-scrollbar{width:4px}
.phone-nav ul::-webkit-scrollbar-track{background-color:#eaeaea}
.phone-nav ul::-webkit-scrollbar-thumb{background-color:#dc0307}
.phone-nav ul li{position:relative}
.phone-nav ul li.active .a1{color:#dc0307;font-weight:700}
/*.phone-nav ul li.active .a1:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}*/
.phone-nav ul li .a1{position:relative;display:block;font-size:2rem; font-weight:500;color:#000;line-height:6rem;padding:0 3rem;border-bottom:1px solid #f3f3f3}
.phone-nav ul li .a1:before{content:"";display:inline-block;background:#dc0307;position:absolute;z-index:10}
.phone-nav ul li .a1:before{width:2.6rem;height:2.6rem;right:1.3rem;top:50%; margin-top:-1.3rem;background:url(./arrow-r2.png) no-repeat center; background-size:1rem;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease}

.phone-nav ul li.on .a1{font-weight:700;color:#dc0307}
.phone-nav ul li .navs{background:#f9f9f9;width:100%;display:none}
.phone-nav ul li .navs .navB{ padding:1.5rem 1.5rem;}
.phone-nav ul li .navs a{font-size:1.8rem;display:block;color:#000; font-weight:500;padding-left:0;line-height:5rem;padding:0 3rem;}
.phone-nav ul li .navs a:last-child{margin-bottom:0;border-bottom:none}


.headerWhite{ padding-top:6rem;}
.headerWhite .header-wrapper .language .top-lan{background-image:url(./top-lan1.png)}
.headerWhite .header-wrapper .language .top-lan::after{background-image:url(./icon-v1.png)}
.headerWhite .header-wrapper .Mobilemenu span{background-color:#000}
}






/*****************************footer start*****************************/
/*footer*/
.footer{background:#1f1f1f;padding-top:9rem;}
.footer .footer-top{padding-bottom:8.5rem;}
/*listBox*/
.footer .listBox{float:left;color:#757575;width:35%;}
.footer .listBox .li{float:left; width:50%;}
.footer .listBox .title i{ display:none;}
.footer .listBox .title,
.footer .listBox .title a{font-size:2.2rem;line-height:4.2rem;color:rgba(255,255,255,0.8);font-weight:bold;}
.footer .listBox .title a:hover{color:#fff;}
.footer .listBox .navigations li{font-size:0;padding:1rem 0;}
.footer .listBox .navigations li a{font-size:1.8rem;line-height:2.4rem;color:rgba(255,255,255,0.6);display:inline-block; position:relative;}
.footer .listBox .navigations li a:after{content:'';width:100%; height:1px; background:rgba(255,255,255,0.6); position:absolute;bottom:0;left:0;}
.footer .listBox .navigations li a:hover{color:#fff;}
.footer .listBox .navigations li a:hover:after{background:#fff;}

/*rightBox*/
.footer .rightBox{float:right;font-size:13px;line-height:24px;color:rgba(255,255,255,0.8);width:24.375%;}
.footer .rightBox h2 a,
.footer .rightBox h2{font-size:1.8rem;line-height:30px;color:rgba(255,255,255,0.8);font-weight:bold; display:block;margin-bottom:8px;}
.footer .footer-subscribe{margin-top:2rem; margin-bottom:3.5rem}
.footer .footer-subscribe .footer-subscribeBox{align-items:center;background:#1f1f1f;border:1px solid rgba(255,255,255,0.8);border-radius:5px;display:flex;height:5rem;max-width:33rem;z-index: 1; padding:5px 6px;}
.footer .footer-subscribe .subscribeInput{background:none;border:none;color:rgba(255,255,255,0.8);flex:1;font-weight:normal;font-size:16px;height:100%;outline:none;width:auto;padding-left:10px;}
.footer .footer-subscribe .subscribeInput::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.footer .footer-subscribe .subscribeBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;cursor:pointer;color:#1f1f1f;font-weight:normal;font-size:15px;border-radius:5px;height:100%;width:11rem;}

/*footer-logo*/
.footer .footer-logoBox{float:left;width:35%;}
.footer .footer-logo{padding-top:1.5rem;margin-bottom:4.5rem;line-height:0;}
.footer .footer-logo img{height:4rem; max-width:100%;}
.footer .slogan{font-size:2.2rem;color:rgba(255,255,255,0.8);line-height:1.5;}
@media screen and (max-width:1600px){
.footer .footer-logoBox{width:30%;}
.footer .rightBox{width:30%;}
.footer .footer-subscribe .footer-subscribeBox{max-width:100%;}
}
@media screen and (max-width:1220px){
.footer .footer-lx p br{ display:none;}
}
@media screen and (max-width:1024px){
.footer{padding-top:5rem;}
.footer .footer-top{padding-bottom:5rem;}
.footer .listBox{float:none;width:100%;}
.footer .listBox .li{float:none;width:100%;}
.footer .listBox .title a,
.footer .listBox .title{font-size:1.8rem;line-height:5.2rem;}
.footer .listBox .title a{ display:block;}
.footer .listBox .title{padding:0;border-bottom:1px solid rgba(255,255,255,0.1); position:relative;}
.footer .listBox .title i{ display:block; width:16px; height:16px; position:absolute;right:0; top:50%; margin-top:-8px;background:url(./icon-v.png) no-repeat center center; background-size:100%;}
.footer .listBox .title i{transform:rotate(0deg);}
.footer .listBox .on .title i{transform:rotate(180deg);}
.footer .listBox .navigations {margin-bottom:0rem;display:none;}
.footer .listBox .on .navigations{display: block;}
.footer .listBox .navigations li a{font-size:1.6rem;}
.footer .listBox .navigations li a:after{ display:none;}

.footer .rightBox{font-size:1.4rem;line-height:1.3;float:none;width:100%;margin-bottom:0; padding-top:3rem; text-align:left;}

.footer .footer-logoBox{width:100%;float:none; margin-bottom:3rem;}
.footer .footer-logo{margin-bottom:1.5rem;}
.footer .footer-logo img{height:3rem;}
.footer .slogan{font-size:1.8rem;}

.footer .footer-subscribe .footer-subscribeBox{max-width:100%;}


.footer .rightBox h2 a,
.footer .rightBox h2{font-size:1.6rem;line-height:26px;}
}





/*footer-bottom footer-copyright*/
.footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.1); padding-top:4rem;padding-bottom:4rem;}
.footer .footer-copyright{font-size:15px;line-height:1.3;color:rgba(255,255,255,0.8);}
.footer .footer-copyright a{color:rgba(255,255,255,0.8);}
.footer .footer-copyright a:hover{color:#fff;}
@media screen and (max-width:1024px){
.footer .footer-bottom{padding-top:3rem;padding-bottom:3rem;}
.footer .footer-copyright{font-size:13px;}
}


/*footer-share*/
.footer .footer-share{text-align:left;position:relative; padding-top:5rem;}
.footer .footer-share .icon-line{line-height:0;}
.footer .footer-share .icon-line a{display:inline-block;width:25px;height:25px;margin-right:23px;cursor:pointer;background-size:100%; background-repeat:no-repeat; background-position:center;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.footer .footer-share .icon-line a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.footer .footer-share .icon-line .mr0{margin-right:0!important}
.footer .footer-share .icon-line a.footer-icon-fb{background-image:url(./icon-fb.png);}
.footer .footer-share .icon-line a.footer-icon-fb-cai{background-image:url(./icon-fb.png);}
.footer .footer-share .icon-line a.footer-icon-dy{background-image:url(./icon-dy.png);}
.footer .footer-share .icon-line a.footer-icon-dy-cai{background-image:url(./icon-dy.png);}
.footer .footer-share .icon-line a.footer-icon-ins{background-image:url(./icon-ins.png);}
.footer .footer-share .icon-line a.footer-icon-ins-cai{background-image:url(./icon-ins.png);}
.footer .footer-share .icon-line a.footer-icon-youtube{background-image:url(./icon-ytb.png);}
.footer .footer-share .icon-line a.footer-icon-youtube-cai{background-image:url(./icon-ytb.png);}
.footer .footer-share .qrcode-modal{width:130px;min-height:130px;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.1);box-shadow:0 6px 10px 0 rgba(0,0,0,.1);border:1px solid #fff;background-color:#fff;position:absolute;border-radius:4px;left:0;bottom:37px;display:none}
.footer .footer-share .qrcode-modal:before{content:"";width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid #fff;position:absolute;bottom:-12px;right:12px}
.footer .footer-share .qrcode-modal:after{content:"";width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid #fff;position:absolute;bottom:-11px;right:12px}
.footer .footer-share .qrcode-modal .modalBox{ padding:5px 5px;}
.footer .footer-share .qrcode-modal img{display:block;width:100%;max-height:100%;max-width:100%;}
.footer .footer-share .qrcode-modal .text{font-size:12px;line-height:30px;color:#86868b;text-align:center}
#douyin-qrcode{width:226px;margin-left:-95px;}
@media screen and (max-width:1024px){
.footer .footer-share{ display:none;}
}


/*footer mobileshare*/
.footer-mobileShare{ display:none; }
.footer-mobileShare .platform-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.footer-mobileShare .platform-container>li{margin-right:15px;height:32px}
.footer-mobileShare .platform-container>li a{display:block}
.footer-mobileShare .platform-container>li img{height:32px}
/*mobileshare弹窗*/
#weixin-qrcode{align-items:center;justify-content:center;flex-direction:row}
#weixin-qrcode{position:fixed;top:0;left:0;right:0; margin:0 auto; text-align:center;background-color:rgba(255,255,255,.6);display:none;z-index:1000000000000}
.qrcode-container{width:100%;padding:0 15px;margin:60px auto 0}
.qrcode-box{width:200px;padding:10px;background:#fff;box-shadow:1px 3px 5px #666;border-radius:5px;font-size:12px;color:#000;display:block;text-align:center;margin-bottom:20px;margin-left:auto;margin-right:auto}
.qrcode-box img{width:100%;margin-bottom:8px}
@media screen and (max-width:1024px){
.footer-mobileShare{display:block;margin-top:2rem;padding-bottom:2%;}
}




/*****************************page start*****************************/
.navbg{position:absolute;content:"";width:100%;height:100%;background:url(./navbg.png) center top no-repeat; background-size:100%;top:0;left:0;z-index:1;}
/*pagebanner*/
.pagebanner{position:relative; overflow:hidden;padding-right:12.5vw; padding-bottom:4.166666666666667vw;}
.pagebanner:after{position:absolute;content:"";width:100%;height:100%;background-color:#eeeef2;bottom:0;left:14.58vw;z-index:0;}
.pagebanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover; background-color:#fff;color:#fff;padding-bottom:51.19047619047619%; position:relative; z-index:2;}
.pagebanner .pagebanner-tt{color:#ffffff;position:absolute;right:0; left:0;top:30.72vw;z-index:3;}
.pagebanner .pagebanner-tt h2{font-size:4rem;font-weight: 900;line-height:normal;text-transform:uppercase;}
.pagebanner .pagebanner-tt .des{font-size:15px;line-height:1.5;/*filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;*/}
.pagebanner .pagebanner-tt .pagebanner-ttB{min-width:47rem;padding:2.4rem 4.4rem; background:#cd1928; float:right;}
/*other*/
.pageFaq .pagebanner .pagebanner-tt{top:30.72vw;}
.pageNews .pagebanner .pagebanner-tt{top:29vw;}
.pageNetwork .pagebanner .pagebanner-tt{top:30.72vw;}
.pageProduct .pagebanner .pagebanner-tt{top:28.90625vw;}
@media screen and (min-width:1921px){
	.pagebanner .container{max-width:100%; width:83.3%;}
}
@media screen and (max-width:1024px){
.pagebanner .pagebanner-tt h2{font-size:3rem;}
.pagebanner .pagebanner-tt .des{font-size:14px;}
.pagebanner .pagebanner-tt .pagebanner-ttB{min-width:38rem;padding:1.4rem 3.4rem;}
}
@media screen and (max-width:768px){
.pagebanner{padding-right:0;padding-bottom:3rem;}

.pagebanner .pagebanner-tt{top:auto!important;bottom:1rem;}
.pagebanner .pagebanner-tt h2{font-size:2rem;}
.pagebanner .pagebanner-tt .des{font-size:12px;}
.pagebanner .pagebanner-tt .pagebanner-ttB{min-width:0;padding:1.4rem 1.4rem;}
}



/*pageInfo*/
.page img{max-width:100%;}


/*sectionBox*/
.sectionBox{padding-top:10rem; padding-bottom:10rem;}
@media screen and (max-width: 768px){
.sectionBox{padding-top:5rem; padding-bottom:5rem;}
}



/*faq-list*/
.faq-list dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3.8rem 0;border-bottom:1px solid #f4f6f8;cursor:pointer;position:relative}
.faq-list dl dt::before{position:absolute;content:"";width:100%;height:1px;background-color:#cd1928;bottom:-1px;left:0;-webkit-transition:opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;transition:opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .5s cubic-bezier(.215,.61,.355,1) 0s,opacity 0s linear .3s;transition:transform .5s cubic-bezier(.215,.61,.355,1) 0s,opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0);z-index:1}
.faq-list dl .q{display:block;font-size:5rem;line-height:1;width:3rem;margin-right:3rem;color:#cd1928;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;}
*[lang|="vn"] .faq-list dl .q{font-family:'Frick',Arial, Helvetica, sans-serif;font-weight:500;}
.faq-list dl .tit{font-size:2.2rem;width:calc(100% - 12.5rem); font-weight:500;line-height:1.5;}
.faq-list dl .txt{font-size:1.8rem; line-height:1.8; color:#333333;width:calc(100% - 1.5rem); font-weight:500;}
.faq-list dl .acdn-toggle-icon{width:6rem;height:6rem;margin-right:4px;border-radius:50%;background-color:#f4f6f8;position:relative;-webkit-transition:background-color .2s linear,-webkit-transform .2s linear;transition:background-color .2s linear,-webkit-transform .2s linear;transition:background-color .2s linear,transform .2s linear;transition:background-color .2s linear,transform .2s linear,-webkit-transform .2s linear;pointer-events:all;cursor:pointer}
.faq-list dl dt .acdn-toggle-icon::after,.faq-list dl dt .acdn-toggle-icon::before{position:absolute;content:"";width:2.4rem;height:2px;background-color:#000000;left:0;top:0;right:0;bottom:0;margin:auto}
.faq-list dl dt .acdn-toggle-icon::after{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}
.faq-list dl dd{padding:3rem 6rem;background-color:#f4f6f8;border-bottom:1px solid #cd1928}
.faq-list dl .acdn-toggle.is-active::before{opacity:0;-webkit-transition:opacity 0s linear;transition:opacity 0s linear}
.faq-list dl .acdn-toggle.is-active .acdn-toggle-icon{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);background-color:transparent}
.faq-list dl .acdn-toggle.is-active .acdn-toggle-icon::after{-webkit-transform:rotateZ(0);transform:rotateZ(0)}
.faq-list dl .acdn-box{display:none}
@media only screen and (min-width:1025px){
.faq-list dl .acdn-toggle:hover::before{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}
.faq-list dl .acdn-toggle:hover .acdn-toggle-icon{background-color:transparent}
}
@media only screen and (max-width:1024px){
.faq-list dl .q{font-size:4.2rem;width:25px;margin-right:2rem}
.faq-list dl .tit{font-size:1.4rem;width:calc(100% - (35px + 32px))}
.faq-list dl .txt{font-size:1.2rem;width:calc(100% - 15px)}
.faq-list dl dt .acdn-toggle-icon{width:32px;height:32px;margin-right:0}
.faq-list dl dt .acdn-toggle-icon::after,.faq-list dl dt .acdn-toggle-icon::before{width:13px}
.faq-list dl dd{padding:2rem 32px 2rem 45px}
}
@media only screen and (max-width:768px){
.faq-list dl .q{font-size:3rem;}
.faq-list dl .tit{font-size:1.4rem;}
.faq-list dl .txt{font-size:13px;}
}

.faq-listBox .pageTit{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;width:100%;position:-webkit-sticky;position:sticky;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5rem 0;top:5rem}
@media only screen and (max-width:1024px){.faq-listBox .pageTit{padding:4rem 0;top:4rem}}
@media only screen and (max-width:768px){.faq-listBox .pageTit{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;width:100%;position:static;padding:2rem 0;margin-bottom:0rem;}}
.faq-listBox .pageTit{float:left;width:54rem; width:33.75%;}
.faq-listBox .faq{width:calc(100% - 54rem); width:66.25%;position:relative;float:right;}
@media screen and (max-width: 768px){
.faq-listBox .pageTit{width:100%;}
.faq-listBox .faq{width:100%;}	
}


/*pageTit*/
.pageTit{text-align:left;position:relative; z-index:2;}
.pageTit h2{color:#000000;font-size:6rem;line-height:normal;text-transform:uppercase;margin-bottom:10px;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight: bold;}
*[lang|="vn"] .pageTit h2{font-family:'Frick',Arial, Helvetica, sans-serif;}
.pageTit .des{color:#000000;font-size:1.8rem;line-height:1.3;max-width:72%;}
@media screen and (max-width: 1024px){
.pageTit h2{font-size:4rem;}
.pageTit .des{font-size:1.4rem;}
.pageTit .des br{ display:none;}
}
@media screen and (max-width: 768px){
.pageTit h2{font-size:3rem;}
.pageTit .des{font-size:1.2rem;}
.pageTit .des br{ display:none;}
}



/*page-tab*/
.page-tab{margin:0 auto;padding:3.5rem 0 3.5rem 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:4rem;line-height:4rem;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;*display: inline;zoom:1;position: relative;height:4rem;line-height:4rem;border-radius:5px; vertical-align:top;}
.page-tab ul li a{font-size:1.6rem;padding:0 0.5rem;margin:0 5px;min-width:4rem;height:4rem;line-height:4rem;border:1px solid #eaeaea;display:inline-block;text-align:center;background-color:#ffffff;color:#000;border-radius:5px; font-weight:500;}
.page-tab ul li.next-page a{background:url(./arrow-r2.png) center center no-repeat; background-size:7px; width:4rem; padding:0;}
.page-tab ul li.prev-page a{background:url(./arrow-l2.png) center center no-repeat; background-size:7px; width:4rem; padding:0;}
.page-tab ul li a:hover{background-color:#f7f7f7;}
.page-tab ul li a.focus{background-color:#cd1928;color: #fff;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}



/*pageNewsList*/
.pageNewsList {overflow: hidden;}
.pageNewsList ul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -1.5rem;}
.pageNewsList ul li{width:50%;margin-bottom:6rem;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNewsList ul li .item{ display:block;margin:0 1.5rem;position:relative;}
.pageNewsList ul li .imgBox{overflow:hidden;height:0;position:relative;border-radius:5px;padding-bottom:66.66666666666667%;}
.pageNewsList ul li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageNewsList ul li .imgBox,.pageNewsList ul li .imgBox img,
.pageNewsList ul li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsList ul li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.pageNewsList ul li .infoBox{ padding-top:30px;}
.pageNewsList ul li .date{font-size:1.5rem;line-height:1.5;margin-bottom:10px;color:#767574;font-weight:500;}
.pageNewsList ul li .title{font-size:1.8rem;min-height:5.6rem;line-height:2.8rem;/*margin-bottom:3rem;*/color:#000000;font-weight:bold;overflow:hidden;}
.pageNewsList ul li .more{background:url(./m2.png) left top no-repeat; background-size:2rem; height:1rem;display:none;}
.pageNewsList ul li .item:hover .title{color:#cd1928;}
@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){
.pageNewsList ul{margin:0;}
.pageNewsList ul li .item{margin:0;}
.pageNewsList ul li{width:100%;}
}




/*ProSec-proList*/
.pageNewsRight{width:40rem;float:right;padding-top:11.5rem;padding-bottom:6rem;}
.pageNewsLeft{width:calc(100% - 40rem);float:left;position:relative; padding-top:11.5rem;padding-bottom:6rem;}
.pageNewsLeft .pageNewsLeftB {padding-right:9rem;}

@media screen and (max-width:1220px){
.pageNewsRight{ float:none;width:100%;padding-top:5rem;}
.pageNewsLeft{width:100%;position:relative; float:none;}
.pageNewsLeft .pageNewsLeftB {padding-right:0;}
}



/*page-newSearch*/
.page-newSearch{border: 1px solid #E5E7EB; position:relative;border-radius:10px; margin-bottom:4.3rem;}
.page-newSearch input.text{font-size:1.6rem;height:5rem;line-height:5rem;padding:0 10rem 0 2rem;border-radius:0;margin-bottom:0;font-weight:normal;color:#4b4b4b;width:100%;background:#fff;border:none;display:block;border-radius:10px;}
.page-newSearch input::-webkit-input-placeholder,
.page-newSearch input:-moz-placeholder,
.page-newSearch input::-moz-placeholder,
.page-newSearch input:-ms-input-placeholder {color:#c9cdd4;font-size:0.14rem;}
.page-newSearch .newSearchbtn {display:inline-block;width:5rem;font-size:0;margin-right:0;border-radius:0;height:5rem;border-radius:10px;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background-image:url(./icon-search.png); background-color:#fff;background-repeat:no-repeat; background-position:center center;background-size:1.5rem; position:absolute;right:0;top:0;}
.page-newSearch .delete{display:none;width:1.4rem;height:5rem;font-size:0;margin-right:5rem;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;cursor:pointer;background-image:url(./icon-close2.png);background-repeat:no-repeat; background-position:center center;background-size:1.4rem; position:absolute;right:0.3rem;top:0;z-index:3;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}


/*page-tagList*/
.page-tagList{margin-bottom:3rem; }
.page-tagList .page-tagListB{margin:0 -5px;}
.page-tagList a{font-size:1.6rem;padding:0 1.7rem;margin:0 5px;line-height:4.5rem;border-radius:4.5rem; margin-bottom:1.6rem;display:inline-block;background-color:#eeeef2;color:#454547;font-weight:500;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;}
.page-tagList a:hover{background-color:#cd1928;color: #fff;}



/*recommendList*/
.recommendList .rec_tit{font-size:2.4rem;line-height:8.6rem;color:#000;font-weight: bold; text-transform:uppercase; position:relative;}
.recommendList .rec_tit span{display:block;border-bottom:1px solid #e9e9e9;}
.recommendList .rec_tit:after{content: ''; display: block; width:11rem;height:1px;position:absolute;bottom:0;left:0;z-index:2;background-color:#cd1928; }
.recommendList ul{overflow:hidden;display:block;font-size:0;line-height:0;}
.recommendList ul li{width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;border-bottom:1px solid #e9e9e9;}
.recommendList ul li .item{ display:block;position:relative; padding-bottom:2.5rem;padding-top:2.5rem;}
.recommendList ul li .date{font-size:1.4rem;line-height:1.5;color:#adadad;font-weight:500;}
.recommendList ul li .title{font-size:1.7rem;line-height:2.4rem;margin-bottom:1rem;color:#000000;font-weight:500;}
.recommendList ul li .item:hover .title{color:#cd1928;}
.recommendList ul li .title i{display:inline-block;width:0.3rem; line-height:2.4rem;height:2.4rem;margin-right:1rem;background-image:url(./line2.jpg);background-repeat:no-repeat; background-position:left center;background-size:0.3rem; vertical-align:baseline; position:relative; top:0.5rem;}




/*news-share*/
.news-share{padding-bottom:30px;position:relative; display:inline-block; padding:12px 40px; background:#eeeef2;border-radius:48px; line-height:0;}
.news-share .iconfont {width:24px; height:24px;font-size:20px;display:inline-block; margin-right:24px;}
.news-share .icon-ins{background: url(./share-icon-ins.png) left center no-repeat;background-size:24px;}
.news-share .icon-fb{background: url(./share-icon-fb.png) left center no-repeat;background-size:24px;}
.news-share .icon-lianjie{background: url(./share-icon-copy.png) left center no-repeat;background-size:24px;margin-right:0!important; cursor:pointer;}
/*icon-weixin cover-share*/
#cover-share{position:fixed;background-color:rgba(255,255,255,.8);width:100%;top:0;left:0;z-index:100000; display:none;}
#qrCode{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.cover-cancel{position:absolute;top:40px;right:40px;width:40px;height:40px;background: url(./close.png) center center no-repeat;background-size: 15px;}
.news-detial-cover{width:100%;height:225px;position:absolute;top:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
/*icon-lianjie copy-success-message*/
.copy-success-message{width:100px;line-height:24px;position:absolute;border:1px solid #e3e3e3;text-align:center;font-size:12px!important;top:-32px;right: -20px;background: #fff;}
.copy-success-message:after,.copy-success-message:before{content:'';position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;left:36px}
.copy-success-message:after{border-top:6px solid #e3e3e3;top:25px}
.copy-success-message:before{border-top:6px solid #fff;top:23px;z-index:1000}






/*pageNewsInfo*/
.news-detail{max-width:104rem;}
.news-detail .lei{display:inline-block;background:#eeeef2;color:#4b4b4b;text-align:center;font-weight:normal;font-size:1.6rem;line-height:4.5rem;border-radius:4.5rem;padding:0 2.4rem;margin-bottom:2.7rem;}
.news-detail .tit{font-size:4rem;margin-bottom:3rem;line-height:1.4; color:#000000;font-weight:500;position:relative;}
.news-detail .tit span{padding-bottom:2.3rem;display:block;border-bottom:1px solid #e9e9e9;}
.news-detail .tit:after{content: ''; display: block; width:11rem;height:1px;position:absolute;bottom:0;left:0;z-index:2;background-color:#cd1928; }
.news-detail .shuju{font-size:1.6rem;color:#4b4b4b;font-weight:normal;line-height:normal;}
.news-detail .shuju span{padding-left:2rem;display:inline-block; }
.news-detail .shuju span.date{background: url(./icon-d.png) left center no-repeat;background-size:1.4rem;margin-right:4.2rem;}
.news-detail .shuju span.user{background: url(./icon-u.png) left center no-repeat;background-size:1.4rem;}
.news-detail .newsTxt{font-size:1.8rem;color:#333333;line-height:1.7;overflow:hidden; padding-top:5.6rem; padding-bottom:3rem;}
.news-detail .newsTxt img{display:inline-block;border-radius:10px; height:auto; margin-bottom:10px; margin-top:10px;}
.news-detail .newsBtnBOX{margin-bottom:3.2rem;border-top:1px solid #d9d9dc; padding-top:3rem;}
.news-detail .newsBtn{display:block;color:#000000; font-size:1.6rem;line-height:3rem;height:3rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-bottom:7px;}
.news-detail .newsBtn a:hover{ text-decoration:underline;}
.news-detail .newsBtn strong{ font-size:1.8rem;}
@media screen and (max-width:1024px){
.news-detail .lei{font-size:1.3rem;line-height:3.5rem;border-radius:3.5rem;padding:0 2rem;margin-bottom:2rem;}
.news-detail .tit{font-size:3rem;margin-bottom:2rem;}
.news-detail .tit span{padding-bottom:2.3rem;}
.news-detail .shuju{font-size:1.3rem;}
.news-detail .shuju span{padding-left:2rem; }
.news-detail .newsTxt{font-size:1.4rem;line-height:1.6;padding-top:5.6rem;}
.news-detail .newsBtnBOX{margin-bottom:3.2rem;}
.news-detail .newsBtn{font-size:1.4rem;line-height:2.4rem;height:2.4rem;}
.news-detail .newsBtn strong{ font-size:1.6rem;}
}





/*swbtn*/
.swbtn .swiper-button-next,
.swbtn .swiper-button-prev{width:7rem;height:7rem;background:url(./arrow-l.png) no-repeat center center #fff;background-size:100%;border-radius:50%;opacity:1;position:absolute;top:30%; margin-top:-3.5rem; outline:none;box-shadow:0 2px 30px rgba(0,0,0,0.1);}
.swbtn .swiper-button-prev{left:0;}
.swbtn .swiper-button-next{background-image:url(./arrow-r.png); right:0;}
.swbtn .swiper-button-prev.swiper-button-disabled, 
.swbtn .swiper-button-next.swiper-button-disabled{opacity:0;}
.swbtn .swiper-button-next:hover{background-image:url(./arrow-r.png);}
.swbtn .swiper-button-prev:hover{background-image:url(./arrow-l.png);}
@media screen and (max-width: 1024px){
.swbtn .swiper-button-next,
.swbtn .swiper-button-prev{width:6rem;height:6rem;}
}
@media screen and (max-width: 768px){
.swbtn .swiper-button-next,
.swbtn .swiper-button-prev{width:5rem;height:5rem;}
}



/*pageTit*/
.pageTit2{position:relative;z-index:2; line-height:0;font-size:0; margin-bottom:7.4rem;}
.pageTit2 h2{font-size:6rem;margin-bottom:14px;line-height:normal;text-transform:uppercase;font-weight:900;color:#333333;}
*[lang|="vn"] .pageTit2 h2{font-weight:700;}
.pageTit2 .line{width:5.7rem; height:3px;background:#cd1928;display:inline-block; margin:0 auto;width:3.3rem; height:6px;}
.pageTit2 .des{color:#000000;font-size:1.8rem;line-height:1.3;max-width:72%;}
.pageTit2 h2 b,
.pageTit2 h2 strong{color:#cd1928;font-weight:900;}
*[lang|="vn"] .pageTit2 h2 b,
*[lang|="vn"] .pageTit2 h2 strong{font-weight:700;}
@media screen and (max-width: 1024px){
.pageTit2{margin-bottom:6.4rem;}
.pageTit2 h2{font-size:4rem;}
.pageTit2 .des{font-size:1.4rem;}
.pageTit2 .des br{ display:none;}
.pageTit2 .line{width:4.7rem; height:2px;width:2.3rem; height:4px;}
}
@media screen and (max-width: 768px){.pageTit2{margin-bottom:3.4rem;}
.pageTit2 h2{font-size:3rem;}
.pageTit2 .line{width:2.7rem; height:2px;width:2rem; height:3px;}
}



/*pageNewsXgList*/
.pageNewsXgList{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -1.5rem;}
.pageNewsXgList li{width:33.333333%;margin-bottom:6rem;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pageNewsXgList li .item{ display:block;margin:0 1.5rem;position:relative;}
.pageNewsXgList li .imgBox{overflow:hidden;height:0;position:relative;border-radius:10px;padding-bottom:66.66666666666667%;}
.pageNewsXgList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageNewsXgList li .imgBox,
.pageNewsXgList li .imgBox img,
.pageNewsXgList li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsXgList li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.pageNewsXgList li .infoBox{ padding-top:30px;}
.pageNewsXgList li .date{font-size:1.5rem;line-height:1.5;margin-bottom:10px;color:#767574;font-weight:500;}
.pageNewsXgList li .title{font-size:1.8rem;min-height:5.6rem;line-height:2.8rem;/*margin-bottom:3rem;*/color:#000000;font-weight:bold;overflow:hidden;}
.pageNewsXgList li .more{background:url(./m2.png) left top no-repeat; background-size:2rem; height:1rem; display:none;}
.pageNewsXgList li .item:hover .title{color:#cd1928;}
/**/
.detail-xgBox{ padding-top:7rem;padding-bottom:2rem;}
.detail-xgList{position:relative;overflow:hidden;max-width:1920px;margin:0 auto;}
.detail-xgList .swbtn .swiper-button-prev{left:4.2rem;}
.detail-xgList .swbtn .swiper-button-next{right:4.2rem;}
@media screen and (max-width:1024px){
.detail-xgBox{ padding-top:4rem;padding-bottom:2rem;}

.pageNewsXgList li .date{font-size:1.3rem;}
.pageNewsXgList li .title{font-size:1.4rem;min-height:5.2rem;line-height:2.6rem;}
}
@media screen and (max-width:768px){
.pageNewsXgList li{width:100%;}
}





/*supportBox*/
.supportBox1{ padding-top:15rem;}
.dealer .dealerBOX{padding:7rem 4rem; background:#eeeef2;border-radius:10px;margin-bottom:5.6rem;}
.dealer input,.dealer select{ -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0;border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;vertical-align:middle;outline:none;}
.dealer .select{height:6rem; outline:none; width:50%;float:left;}
.dealer .select1 #Country{width:100%;height:6rem;line-height:6rem;padding-left:3rem;font-size:1.8rem;color:#000;border-radius:10px;background: url(./icon-v1.png) 95% center no-repeat #fff;background-size:1.6rem;}
.dealer .select1 option{font-size:1.6rem;line-height:1.5;padding:10px 3rem;}
.dealer .custom-select{position:relative;display:block; cursor:pointer; margin:0 1.2rem;}
.dealer .custom-select-trigger{position:relative;display:block;width:100%;height:6rem;line-height:6rem;padding-left:3rem;font-size:1.8rem;color:#000;border-radius:10px;background: url(./icon-v1.png) 95% center no-repeat #fff;background-size:1.6rem;}
.dealer .custom-options{position:absolute;display:none;top:100%;left:0;right:0;background:#fff;border-radius:10px;z-index:999;border: 1px solid #e4e7ed;box-shadow:0px 0px 12px rgba(0, 0, 0, .12);}
.dealer .custom-options ul{list-style:none;padding:0;margin:0}
.dealer .custom-options li{cursor:pointer;font-size:1.6rem;line-height:1.5;padding:10px 3rem;}
.dealer .custom-options li:hover{background-color:#f1f1f1}
.dealer .custom-select.active .custom-options{display:block}
/*selectSearch*/
.selectSearch{position:relative;border-radius:10px; margin:0 1.2rem;}
.selectSearch input.text{font-size:1.6rem;height:6rem;line-height:6rem;padding:0 10rem 0 2.3rem;border-radius:0;margin-bottom:0;font-weight:normal;color:#000;width:100%;background:#fff;border:none;display:block;border-radius:10px;}
.selectSearch input::-webkit-input-placeholder,
.selectSearch input:-moz-placeholder,
.selectSearch input::-moz-placeholder,
.selectSearch input:-ms-input-placeholder {color:#adadad;font-size:1.6rem;}
.selectSearch .Searchbtn{display:inline-block;width:6rem;height:6rem;font-size:0;margin-right:0;border-radius:0;border-radius:10px;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background-image:url(./icon-search2.png); background-color:#fff;background-repeat:no-repeat; background-position:center center;background-size:1.6rem; position:absolute;right:0;top:0;}
.selectSearch .delete{display:none;width:1.4rem;height:6rem;font-size:0;margin-right:6rem;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;cursor:pointer;background-image:url(./icon-close2.png);background-repeat:no-repeat; background-position:center center;background-size:1.4rem; position:absolute;right:0.3rem;top:0;z-index:3;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
@media screen and (max-width:1024px){
	
.supportBox1{ padding-top:10rem;}
.dealer .dealerBOX{padding:6rem 2rem;margin-bottom:4.6rem;}
.dealer .select{height:5rem;}
.dealer .select1 #Country{height:5rem;line-height:5rem;padding-left:2rem;font-size:1.6rem;background-size:1.4rem;}
.dealer .select1 option{font-size:1.4rem;padding:7px 2rem;}
.dealer .custom-select{margin:0 1rem;}
.dealer .custom-select-trigger{height:5rem;line-height:5rem;padding-left:2rem;font-size:1.6rem;background-size:1.4rem;}

.dealer .custom-options li{font-size:1.4rem;padding:7px 2rem;}


.selectSearch{margin:0 1.2rem;}
.selectSearch input.text{font-size:1.4rem;height:5rem;line-height:5rem;padding:0 7rem 0 2.3rem;}
.selectSearch input::-webkit-input-placeholder,
.selectSearch input:-moz-placeholder,
.selectSearch input::-moz-placeholder,
.selectSearch input:-ms-input-placeholder {font-size:1.4rem;}
.selectSearch .Searchbtn{width:5rem;height:5rem;background-size:1.4rem;}
.selectSearch .delete{width:1.2rem;height:5rem;background-size:1.2rem;right:0.3rem;}
}
@media screen and (max-width:768px){.supportBox1{ padding-top:7rem;}
.dealer .custom-options li{font-size:1.4rem;line-height:1.4;padding:5px 3rem;}

.dealer .dealerBOX{padding:4rem 1.5rem;margin-bottom:2rem;}
.dealer .select{height:4rem;}
.dealer .select1 #Country{height:4rem;line-height:4rem;padding-left:1rem;font-size:1.4rem;background-size:1.2rem;}
.dealer .select1 option{font-size:1.2rem;padding:7px 1.5rem;}
.dealer .custom-select{margin:0;}

.dealer .custom-select-trigger{height:4rem;line-height:4rem;padding-left:1rem;font-size:1.4rem;background-size:1.2rem;}

.dealer .custom-options li{font-size:1.2rem;padding:7px 1.5rem;}

.dealer .select{width:100%;float:none;}
.dealer .select1{ margin-bottom:1rem;}


.selectSearch{margin:0;}
.selectSearch input.text{font-size:1.2rem;height:4rem;line-height:4rem;padding:0 5rem 0 1rem;}
.selectSearch input::-webkit-input-placeholder,
.selectSearch input:-moz-placeholder,
.selectSearch input::-moz-placeholder,
.selectSearch input:-ms-input-placeholder {font-size:1.2rem;}
.selectSearch .Searchbtn{width:4rem;height:4rem;background-size:1.2rem;}
.selectSearch .delete{width:1rem;height:4rem;background-size:1rem;right:0.3rem;}
}



/*deul*/
.deul{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -1.5rem; }
.deul li{width:50%;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:3rem;}
.deul li .debox{margin: 0 1.5rem; padding:3.5rem 4rem;border-radius:10px; background:#eeeef2;}
.deul li h2 {font-size:2.2rem;padding-bottom:2.2rem;margin-bottom:2rem;text-align: left;border-bottom:1px dashed #d2d2d2;font-weight:bold;color:#000;}
.deul li .des,.deul li p {font-size:1.8rem;line-height:3rem;font-weight:normal;color:#333;}
.deul li .des{min-height:9rem;padding-right:10rem; position:relative;}
.deul li .add_link{ display:inline-block; width:5rem; height:5rem;border-radius:50%; position:absolute;right:0; top:0;cursor: pointer;background:url(./icon-add2.png) no-repeat center center #cd1928;background-size:100%;}
.deul li .add_link{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.deul li .add_link:hover{ background-color:#a90412;}
@media screen and (max-width:1024px){


.deul{margin:0 -1rem; }
.deul li{margin-bottom:2rem;}
.deul li .debox{margin: 0 1rem; padding:2.5rem 3rem;}
.deul li h2 {font-size:1.8rem;padding-bottom:1.2rem;margin-bottom:1rem;}
.deul li .des,.deul li p {font-size:1.4rem;line-height:2rem;}
.deul li .des{min-height:8rem;padding-right:7rem;}
.deul li .add_link{width:4rem; height:4rem;}
}
@media screen and (max-width:768px){
.deul{margin:0 -0.5rem; }.deul li{width:100%;}
.deul li{margin-bottom:1rem;}
.deul li .debox{margin: 0 0.5rem; padding:1.5rem 2rem;}
.deul li h2 {font-size:1.6rem;padding-bottom:1rem;margin-bottom:1rem;}
.deul li .des,.deul li p {font-size:1.2rem;line-height:2rem;}
.deul li .des{min-height:6rem;padding-right:5rem;}
.deul li .add_link{width:3rem; height:3rem;}
}


.supportBox2{ padding-top:8rem;}
/*support2Table*/
#support2Table{min-width:80%; margin:0 auto;}
#support2Table td{ vertical-align:middle; line-height:1; padding:0 3rem;}
#support2Table td img{display:inline-block; vertical-align:middle; width:6.2rem;}
#support2Table td h2 {display:inline-block; vertical-align:middle; padding-left:1.5rem;padding-right:1rem;font-size:7rem;color:#cd1928;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight: bold;}
#support2Table td p{display:inline-block; vertical-align:middle;font-size:2.2rem; text-transform:uppercase; color:#4b4b4b;font-weight:normal;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;    font-weight: bold;}
#support2Table td sup{font-size:4rem;text-transform:uppercase; color:#cd1928;font-weight:normal;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;    font-weight: bold;}
*[lang|="vn"] #support2Table td h2{font-family:'Frick',Arial, Helvetica, sans-serif;}
*[lang|="vn"] #support2Table td p{font-family:'Frick',Arial, Helvetica, sans-serif;}
*[lang|="vn"] #support2Table td sup{font-family:'Frick',Arial, Helvetica, sans-serif;}
@media screen and (max-width:1024px){.supportBox2{ padding-top:7rem;}
#support2Table td img{width:5.2rem;}
#support2Table td h2 {font-size:6rem;}
#support2Table td p{font-size:1.8rem;}
#support2Table td sup{font-size:3rem;}
}
@media screen and (max-width:768px){.supportBox2{ padding-top:5rem;}
#support2Table td{ display: block; padding:0; width:100%!important;}
#support2Table td img{width:4.2rem;}
#support2Table td h2 {font-size:5rem;}
#support2Table td p{font-size:1.6rem;}
#support2Table td sup{font-size:2.6rem;}
}
@media screen and (max-width:350px){
#support2Table td p{font-size:1.6rem;}
#support2Table td img{width:4.2rem;}
#support2Table td h2 {font-size:5rem;}
#support2Table td sup{font-size:2rem;}
}



/*supportBox3*/
.supportBox3{ padding-bottom:8rem;padding-top:3rem;}
.supportService ul{ font-size:0;position:relative;margin:0 -1rem;}
.supportService ul li{ display:inline-block;*display:inline;zoom:1;width:50%; vertical-align:top; margin-bottom:2rem;}
.supportService ul li .item{ margin:0 1rem;display:block;position:relative;border-radius:5px;overflow:hidden;background:#fff;}
.supportService ul li .item .picB{display: block;}
.supportService ul li .item .pic{display: block;position: relative;width: 100%;padding-bottom:38rem;overflow: hidden;vertical-align:bottom;}
.supportService ul li .item .pic img{position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}

.supportService ul li .item .pic:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0;background:url(./support2-sd.png) repeat-y left top;background-size:100%;}
.supportService ul li .item .tit{position:absolute; width:100%; height:100%; left:0;top:0;right:0;}
.supportService ul li .item .tit .titNr{ padding-left:5.5rem; padding-right:5.5rem; padding-top:12rem;}
.supportService ul li .item .tit .des{font-size:1.8rem;font-weight:normal;color:#fff;line-height:1.5;}
.supportService ul li .item .tit .t{font-size:2.4rem;color:#fff;font-weight:500;line-height:1.5; margin-bottom:8px;padding-top:6.3rem; text-transform:uppercase;background:url(./support2-fw-icon1.png) no-repeat left top;background-size:5rem;}
.supportService ul li.li2 .item .tit .t{ background-image:url(./support2-fw-icon2.png);}
.supportService ul li.li3 .item .tit .t{ background-image:url(./support2-fw-icon3.png);}
.supportService ul li.li4 .item .tit .t{ background-image:url(./support2-fw-icon4.png);}

.supportService ul li .item .picB,s
.supportService ul li .item .titNr,
.supportService ul li .item .des,
.supportService ul li .item,
.supportService ul li .item .t,
.supportService ul li .item .icon,
.supportService ul li .item .pic img,
.supportService ul li .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.supportService ul li .item:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1024px){
.supportService ul li{ width:100%;}
.supportBox3{ padding-bottom:7rem;padding-top:2rem;}
.supportService ul{margin:0 -0.5rem;}
.supportService ul li{margin-bottom:2rem;}
.supportService ul li .item{margin:0 0.5rem;}
.supportService ul li .item .pic{padding-bottom:35rem;}
.supportService ul li .item .tit .titNr{padding-left:4.5rem; padding-right:4.5rem;padding-top:10rem;}
.supportService ul li .item .tit .des{font-size:1.6rem;line-height:1.5;}
.supportService ul li .item .tit .t{font-size:2rem;line-height:1.5; margin-bottom:8px;padding-top:5.3rem;background-size:4rem;}
}
@media screen and (max-width:992px){
.supportBox3{ padding-bottom:5rem;padding-top:2rem;}
.supportService ul{margin:0 -0.5rem;}
.supportService ul li{margin-bottom:1rem;}
.supportService ul li .item{margin:0 0.5rem;}
.supportService ul li .item .pic{padding-bottom:30rem;}
.supportService ul li .item .tit .titNr{padding-left:3.5rem; padding-right:3.5rem;padding-top:7rem;}
.supportService ul li .item .tit .des{font-size:1.4rem;line-height:1.3;}
.supportService ul li .item .tit .t{font-size:2rem;line-height:1.3; margin-bottom:8px;padding-top:4.3rem;background-size:3rem;}
}
@media screen and (max-width:768px){
.supportService ul li .item .pic{padding-bottom:48vw;}
.supportService ul li .item .tit .t{font-size:1.8rem;line-height:1.3; margin-bottom:8px;padding-top:auto;background-size:3rem;}
.supportService ul li .item .tit .titNr{padding-left:2.5rem; padding-right:2.5rem;padding-top:0; padding-bottom:3rem;}
.supportService ul li .item .tit .des{font-size:1.3rem;line-height:1.3;}
.supportService ul li .item .tit{height:auto;top:auto; bottom:0;}
}


/*socialBox1*/
.socialBox1{ padding-bottom:5rem;padding-top:12rem; font-size:2rem; color:#000000; line-height:1.8; font-weight:normal;}
.socialDedailul{ padding-top:5rem;font-size:0;position:relative;margin:0 -1rem;}
.socialDedailul li{ display:inline-block;*display:inline;zoom:1;width:33.333333%; vertical-align:top; margin-bottom:2rem;}
.socialDedailul li .item{ margin:0 1rem; padding:5.5rem 6rem;display:block;position:relative;border-radius:10px; min-height:29.2rem;overflow:hidden;background:#eeeef2;}
.socialDedailul li .item .icon{ text-align:right;}
.socialDedailul li .item .icon img{width:5rem;}
.socialDedailul li .item .tit{position:absolute; width:100%;left:0;bottom:0;right:0;}
.socialDedailul li .item .tit .titNr{ padding-left:6rem; padding-right:6rem; padding-bottom:6rem;}
.socialDedailul li .item .tit .des{font-size:2rem;font-weight:500;color:#000000;line-height:1.5;}
.socialDedailul li .item .tit .t{font-size:5rem;color:#000;font-weight:bold;line-height:1.5; margin-bottom:8px;}
.socialDedailul li .item .tit .t b{font-size:3.4rem;}
@media screen and (max-width:1024px){.socialBox1{ padding-bottom:5rem;padding-top:7rem; font-size:1.4rem;}.socialBox1 table{ width:100%; margin:0 auto;}
.socialDedailul li{ width:100%;}
.socialDedailul li .item{padding:2.5rem 3rem;min-height:20rem;}
.socialDedailul li .item .tit .des{font-size:1.4rem;}
.socialDedailul li .item .tit .t{font-size:3rem;}
.socialDedailul li .item .tit .t b{font-size:2.4rem;}
}


/*socialBox2*/
.socialBox2{ padding-bottom:5rem;padding-top:3rem; font-size:2rem; color:#000000; line-height:1.8; font-weight:normal;}
.socialDedailul2{font-size:0;position:relative;margin:0;}
.socialDedailul2 li{ display:inline-block;*display:inline;zoom:1;width:100%; vertical-align:top; margin-bottom:16rem;}
.socialDedailul2 li .item{ display:block;position:relative;}
.socialDedailul2 li .item .picB{display: block; margin-bottom:8.6rem;}
.socialDedailul2 li .item .pic{display: block;position: relative;width: 100%;padding-bottom:46.25%;overflow: hidden;border-radius:10px;}
.socialDedailul2 li .item .pic img{position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}
.socialDedailul2 li .item .tit{position:relative; min-height:12.5rem;}
.socialDedailul2 li .item .tit .des{font-size:2rem;font-weight:normal;color:#000000;line-height:2; vertical-align:baseline; padding-top:11.5rem; width:50%; float:right;}
.socialDedailul2 li .item .tit .t{font-size:5rem;color:#000;min-height:12.5rem;font-weight:bold;line-height:1; margin-bottom:8px; position:absolute; left:0;top:0;background:url(./social-tit.png) no-repeat left top;background-size:11.8rem; width:50%; float:left;}
.socialDedailul2 li .item .tit .t .num{font-size:14rem;font-family:'Bebas Neue',Arial, Helvetica,sans-serif;font-weight:normal;position:absolute; left:6rem;top:6rem; -webkit-text-stroke: 1px #f0babe;-webkit-text-fill-color: transparent;}
*[lang|="vn"] .socialDedailul2 li .item .tit .t .num{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.socialDedailul2 li .item .tit .t h2{ padding-top:12rem; padding-left:10rem;padding-right:10rem;font-size:6rem;font-weight:bold; position:relative; z-index:2; line-height:1.2; color:#cd1928;}

.socialDedailul2 li .item,
.socialDedailul2 li .item .pic img,
.socialDedailul2 li .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.socialDedailul2 li .item:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1024px){
.socialDedailul2 li{ margin-bottom:7rem;}
.socialDedailul2 li .item .tit .t{width:100%; float:none; position:static;}
.socialDedailul2 li .item .tit .des{width:100%; float:none; padding-top:5rem;}


.socialDedailul2 li .item .tit .des{font-size:1.4rem;}
.socialDedailul2 li .item .tit .t{font-size:3rem;color:#000;min-height:12.5rem;}
.socialDedailul2 li .item .tit .t .num{font-size:7rem;}
.socialDedailul2 li .item .tit .t h2{ padding-top:7rem; padding-left:7rem;padding-right:0;font-size:4rem;}

}
@media screen and (max-width:768px){
.socialDedailul2 li{ margin-bottom:5rem;}
}



/*socialBox4*/
.socialBox4{ padding-bottom:7rem;padding-top:12rem; font-size:2rem; color:#000000; line-height:1.8; font-weight:normal;}
.socialBox4 img{ display:block;border-radius:10px;}
#socialTable_data{margin-top:2rem;}
#socialTable_data td{ vertical-align:middle; line-height:1; padding:0 2rem; text-align:center; font-size:1.8rem;color:#000000;line-height:1.5; width:25%;border-left:1px solid #e4e4e4;}
#socialTable_data td h2{font-size:5rem;color:#cd1928;font-weight:bold; margin-bottom:1rem;}
#socialTable_data td:nth-child(1){ border:none;}
@media screen and (max-width:1024px){
	
.socialBox4{ padding-bottom:5rem;padding-top:7rem; font-size:1.4rem;line-height:1.5; font-weight:normal;}

#socialTable_data{margin-top:2rem;}
#socialTable_data td{font-size:1.4rem;}
#socialTable_data td h2{font-size:3rem;}	
}
@media screen and (max-width:768px){
#socialTable_data td{ display: block; padding:0; width:100%!important;border-left:none;border-top:1px solid #e4e4e4;}


.socialBox4{ padding-bottom:5rem;padding-top:7rem; font-size:1.4rem;line-height:1.5; font-weight:normal;}

#socialTable_data{margin-top:2rem;}
#socialTable_data td{font-size:1.4rem; padding-top:3rem; padding-bottom:3rem;}
#socialTable_data td h2{font-size:3rem;}
}








.socialBox3{padding-top:8rem;padding-bottom:7rem;background:url(./social2-bg.jpg) no-repeat center center;background-size:cover;}
/*socialBox3_ImgBox*/
.socialBox3_Box{margin:0 auto;position:relative;}
.socialBox3_Box .socialBox3_ImgBox{width:66.5%;height:auto; float:right; text-align:left; overflow:hidden;}
.socialBox3_Box .socialBox3_ImgBox .swiper-slide{width:100%;border-radius:10px;}
.socialBox3_Box .socialBox3_ImgBox .ImgBox{overflow:hidden;/*padding-bottom:60.37735849056604%;*/padding-bottom:64rem; position:relative;border-radius:10px;}
.socialBox3_Box .socialBox3_ImgBox .ImgBox img {position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}
.socialBox3_Box .socialBox3_ImgBox a,
.socialBox3_Box .socialBox3_ImgBox .ImgBox,
.socialBox3_Box .socialBox3_ImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.socialBox3_Box .socialBox3_ImgBox .ImgBox:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
/*socialBox3_List*/
.socialBox3_Box .socialBox3_lunboBox{width:49.0625%;position:absolute;left:0;top:7.8rem; height:100%;}
.socialBox3_Box .socialBox3_lunbo{width:100%;position:absolute; left:0;top:0;}
.socialBox3_Box .socialBox3_List{font-size:0; line-height:0; }
.socialBox3_Box .socialBox3_List li{width:100%; display:block;}
.socialBox3_Box .socialBox3_List li .item{display:block;min-height:46.5rem;border-radius:10px; background:#cd1928;}
.socialBox3_Box .socialBox3_List li,
.socialBox3_Box .socialBox3_List li a{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}
.socialBox3_Box .socialBox3_List li .infoB{ padding-top:12rem; padding-left:8.4rem;padding-bottom:8.4rem; padding-right:8.4rem; }
.socialBox3_Box .socialBox3_List li .des{font-size:1.8rem;color:#fff;line-height:3rem; height:18rem; overflow:hidden;}
/**/
.socialBox3 .swiper-pagination{ position: absolute; bottom:4.6rem!important;left:0;right:0; text-align:center; margin:0 auto;}
.socialBox3 .swiper-container-horizontal>.swiper-pagination-bullets,
.socialBox3 .swiper-pagination-custom,	
.socialBox3 .swiper-pagination-fraction{bottom:0;}
.socialBox3 .swiper-pagination-bullet{width:6.8rem;height:6px;background-color:#d74753;border-radius:0;opacity:1;}
.socialBox3 .swiper-pagination-bullet-active{background-color:#ffffff;}

@media screen and (max-width:1024px){
.socialBox3_Box .socialBox3_ImgBox{width:100%;height:auto; float:none; text-align:left; overflow:hidden;}
.socialBox3_Box .socialBox3_ImgBox .ImgBox{padding-bottom:60.37735849056604%;}

.socialBox3_Box .socialBox3_lunboBox{width:100%;position: relative;left:0;top:0; margin-top:2rem; height:auto;}
.socialBox3_Box .socialBox3_lunbo{position: static;}

.socialBox3_Box .socialBox3_List li .infoB{ padding-top:7rem; padding-left:3rem;padding-bottom:6rem; padding-right:3rem; }


.socialBox3_Box .socialBox3_List li .des{font-size:1.4rem;}

.socialBox3_Box .socialBox3_List li .item{min-height:40rem;}

}






/*****************************pageNav start*****************************/
.pageTop{border-bottom:1px solid #ededed;}
.pageNav{position:relative; z-index:1; text-align:center; padding-top:1.5rem;}
.pageNav ul{margin:0 auto;font-size:0;overflow:hidden;text-align:center;position:relative;}
.pageNav li{display:inline-block;*display:inline;zoom:1;position:relative;}
.pageNav li a{display:block;color:#000000;font-size:1.8rem; padding:0 2.2rem; margin:0 2.5rem;line-height:6.5rem;position:relative; overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.pageNav li:last-child a{margin-right:0!important;}
.pageNav li a span{ display:inline-block;position:relative; z-index:2;}
.pageNav li a:after{content:'';height:3px; background:#cd1928;width:0;position:absolute;left:0;bottom:0px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.pageNav li a.aNow:after{width:100%;}
.pageNav li a:hover:after{width:100%;}
.pageNav-tit{ display:none;}

.pageNav::-webkit-scrollbar,
.pageNav ul::-webkit-scrollbar {display:none;}
.pageNav ul{overflow: hidden;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-o-overflow-scrolling: touch;-ms-overflow-scrolling: touch;overflow-scrolling: touch;}	
@media screen and (max-width:1024px) {
.pageNav li a{font-size:1.6rem; padding:0 1.8rem; margin:0 1.2rem;line-height:5.5rem;}
}
@media screen and (max-width:768px){.pageTop{display:none!important;}
.pageTop{position:relative;}
.pageTop .w1560{position:relative;}
.pageNav-tit{display:block;height:60px;line-height:60px;color: #000;text-align:left;padding-right: 20px; position:relative;font-size:16px;}
.pageNav-tit:after {content:''; display:inline-block;width:26px;height:13px;background: url(./v2.png) no-repeat 60% center;background-size:13px; position:absolute;right:0; top:50%; margin-top:-6px;}
.pageNav{ display:none; position:absolute;width:100%; background:#fff; z-index:9;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);}
.pageNav ul{display:block;float:none; margin-right:0;padding:10px 10px;padding-right:0; height:auto;}
.pageNav li{ display:block;line-height: normal;float:none; font-size:14px;}
.pageNav li a{display:block; color:#333;padding:10px 10px;text-align:left; line-height:24px; border:none;width:100%; min-width:0;}
.pageNav li a span{ }
.pageNav li .aNow,
.pageNav li a:hover{background:none;color:#4f7efc;}
}
@media screen and (max-width:640px){
.pageNav-tit{height:50px;line-height:50px; font-size:14px;}
}



/*pageTit3*/
.pageTit3{position:relative;z-index:2; line-height:0;font-size:0; }
.pageTit3 h2{font-size:8rem;margin-bottom:10px;line-height:normal;text-transform:uppercase;color:#333333;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight: normal;}
*[lang|="vn"] .pageTit3 h2{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.pageTit3 .des{color:#767574;font-size:1.8rem;line-height:1.3; margin-bottom:3rem;}
.pageTit3 .line{width:11rem; height:7px;background:#cd1928;display:inline-block; margin:0 auto;}
@media screen and (max-width: 1024px){
.pageTit3 h2{font-size:7rem;margin-bottom:55px;}
.pageTit3 .line{width:9rem; height:5px;}
.pageTit3 .des{font-size:1.4rem;}
.pageTit3 .des br{ display:none;}
}
@media screen and (max-width: 992px){
.pageTit3 h2{font-size:5rem;margin-bottom:0px;}
.pageTit3 .line{width:7rem; height:3px;}
}
@media screen and (max-width: 768px){
.pageTit3 h2{font-size:3rem;margin-bottom:0px;}
.pageTit3 .line{width:5rem; height:3px;}
}





.productInfo{}
.productInfo .pageTit3{padding-top:7rem;padding-bottom:7.4rem;border-bottom:1px solid #ededed;}
.productHotBox{ position:relative; overflow:hidden; background:#FFF;padding-top:5rem;padding-bottom:5rem;border-bottom:1px solid #ededed;}
.productHot{overflow:hidden;position:relative; }
.productHot .swiper-slide{overflow:hidden;position:relative;}
.productHot .text{ width:100%;z-index:3;padding-left:12.5%; position:absolute;top:50%; left:0;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.productHot .text h2{font-size:6rem;margin-bottom:1rem; line-height:1.2;color:#fff;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;}
*[lang|="vn"] .productHot .text h2{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.productHot .text .des{font-size:1.6rem;line-height:1.7;color:#fff;font-weight:500; max-width:55rem;}

.productHot .ImgBox{overflow:hidden;padding-bottom:34.375%;position:relative;}
.productHot .ImgBox img {position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}

.productHot .text h2,
.productHot .text .des{opacity:0;transform:translateY(-60px)}
.productHot .swiper-slide-active .text h2{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1)}
.productHot .swiper-slide-active .text .des{transform:translateY(0) translateZ(0);opacity:1;-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}

/*swiper-button*/
.productHot .swiper-button-prev{position:absolute;left:3.4rem;top:50%;opacity:1;width:2.5rem;height:4.4rem;margin-top:-2.2rem;background:url("./arrow-l3.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.productHot .swiper-button-next{position:absolute;right:3.4rem;top:50%;opacity:1;width:2.5rem;height:4.4rem;margin-top:-2.2rem;background:url("./arrow-r3.png") center center no-repeat;background-size:100%;z-index:2;outline:none;}
.productHot .swiper-button-prev.swiper-button-disabled, 
.productHot .swiper-button-next.swiper-button-disabled{opacity:0;}

@media screen and (max-width: 1024px){.productInfo .pageTit3{padding-top:5rem;padding-bottom:5rem;}
.productHot .text h2{font-size:5rem;}
.productHot .text .des{font-size:1.4rem;max-width:80%; line-height:1.5;}

.productHot .swiper-button-prev,
.productHot .swiper-button-next{width:1.5rem;}
}
@media screen and (max-width: 992px){
.productHot .text h2{font-size:4rem;}	
}
@media screen and (max-width: 768px){
.productHot .text h2{font-size:3rem;}
.productHot .text .des{font-size:1.2rem;max-width:90%; line-height:1.3;}

.productHot .ImgBox{padding-bottom:45%;}

.productHot .swiper-button-prev,
.productHot .swiper-button-next{ display:none;}

.productHotBox{padding-top:0;padding-bottom:0;}
.productHotBox .container{width:100%;}
}








/*pageProList*/
.pageProList{padding-top:12rem; padding-bottom:6.5rem;margin:0 auto;}
.pageProListul{font-size:0;margin:0 -4rem;}
.pageProListul li{display:inline-block;*display:inline;zoom:1;width:50%;margin-bottom:11rem;vertical-align:top;}
.pageProListul li a{display:block;}
.pageProListul .item{display:block;margin:0 4rem; position:relative; background:#fff; overflow:hidden;}
.pageProListul h2{font-size:4.8rem;margin-bottom:0;line-height:1;color:#000000;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;margin-right:3rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
*[lang|="vn"] .pageProListul h2{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.pageProListul .des{font-size:2rem;line-height:1.5;color:#767574;font-weight:500;margin-right:3rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}

/*ImgBoxB*/
.pageProListul .ImgBoxB{position:relative;}
.pageProListul .ImgBoxB .ImgBox{display:block;overflow:hidden;padding-bottom:56.7%; position:relative;}
.pageProListul .ImgBoxB .ImgBox img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:contain;}
.pageProListul .ImgBoxB .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageProListul .ImgBoxB .ImgBox:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02); -o-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
/*hot*/
.pageProListul .hot{ width:10rem; height:10rem;background:url("./icon-hot.png") center center no-repeat;background-size:100%; position:absolute;right:10rem;top:3rem;}
/*moreimg*/
.pageProListul .moreimg img{ display:none;}
.pageProListul .moreimg dl{ display:block; text-align:center; font-size:0;line-height:0;width:16px; position:absolute; right:0;top:0; z-index:6;}
.pageProListul .moreimg dl dd{display:block;margin-right:6px; margin-bottom:6px;}
.pageProListul .moreimg dl dd a{display:block;background:#D3D2D3;border-radius:50%;height:16px; width:16px;border:1px solid #c1c1c1;}
.pageProListul .moreimg dl dd.on a{ border-color:#999;}
/*text*/
.pageProListul .t{font-size:3rem;line-height:normal;color:#000;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;border-bottom:1px solid #d4d4d4; padding-bottom:6px;margin-bottom:1.4rem; text-transform:uppercase;}
*[lang|="vn"] .pageProListul .t{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.pageProListul .text{font-size:1.8rem;line-height:3.4rem;color:#333;font-weight:500;margin-right:3rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.pageProListul .text p{ padding-left:2rem;background:url("./icon-y.png") left 1.2rem no-repeat;background-size:1rem;}
/*m*/
.pageProListul .m{margin-top:1.4rem;border-top:1px solid #d4d4d4; padding-top:3.5rem;}
.pageProListul .m a{width:30rem;line-height:6rem;border-radius:6rem;font-size:1.6rem;color:#fff; text-align:center;display:block; font-weight:bold;float:right; background:#cd1928; overflow:hidden; position:relative;}
.pageProListul .m a span{ display:block; position:relative; z-index:1;}
.pageProListul .m a:after{content:''; display:inline-block;width:0;height:100%; background-color:#f11b2d; position:absolute;left:0; top:0;}
.pageProListul .m a:hover:after{width:100%; left:auto; right:0;}
.pageProListul .m a,
.pageProListul .m a:after{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}

@media screen and (max-width: 1024px){
.pageProListul{margin:0 -3rem;}
.pageProListul .item{margin:0 3rem;}
.pageProListul h2{font-size:3.8rem;}
.pageProListul .des{font-size:1.8rem;}
	
.pageProListul .t{font-size:2rem;}
.pageProListul .text{font-size:1.4rem;}

.pageProList{padding-top:6rem; padding-bottom:4rem;margin:0 auto;}	
	
.pageProListul li{width:100%;margin-bottom:8rem;}
.pageProListul .m a{width:20rem;line-height:5rem;border-radius:5rem;font-size:1.4rem;}
.pageProListul .text{font-size:1.4rem;line-height:3rem;margin-right:2rem;}

.pageProListul .hot{ width:7rem; height:7rem;right:5rem;top:0rem;}
}
@media screen and (max-width:768px){
.pageProListul .m a{float:none; margin-left:auto; margin-right:auto;}
}









.pageProListul2 .moreimg img{ display:none;}
.pageProListul2 .moreimg dl{ display:block; text-align:center; font-size:0;line-height:0;}
.pageProListul2 .moreimg dl dd{display:inline-block;*display:inline;zoom:1; vertical-align:top; margin-right:6px; margin-bottom:6px;}
.pageProListul2 .moreimg dl dd a{display:block;background:#D3D2D3;border-radius:50%;height:16px; width:16px;border:1px solid #c1c1c1;}
.pageProListul2 .moreimg dl dd.on a{ border-color:#999;}







/*product-images-big*/
.product-images-big{width: 100%;}
/*bigImg*/
.bigImg{ position:relative; max-width:1080px; margin:0 auto;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:auto;position:relative;width:100%;}
.bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom:56.48148148148148%;position:relative;}
.bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-width:none; height:100%;width:auto;width:100%;object-fit:contain;}
.bigImg .mbtn{width:35px;height:35px;overflow:hidden;position:absolute;top:50%;margin-top:-12.5px;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:11px;}
.bigImg:hover .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.bigImg .mbtn.mprevbtnb{background-image:url(./pro-left.svg);left:0;}
.bigImg .mbtn.mnextbtnb{background-image:url(./pro-right.svg);right:0;}
.bigImg .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
/*swiper-pagination*/
.bigImg .swiper-pagination{padding:0 10px;display:none;bottom:0!important;}
.bigImg .swiper-pagination .swiper-pagination-bullet{flex-basis:100%;width:auto;height:2px;margin:0!important;border-radius:0;}
.bigImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
@media screen and (min-width:1600.1px) {
.product-images-big{height:61rem;overflow: hidden;}
.bigImg .swiper-container .swiper-slide .img{padding-bottom:61rem;}
}
@media screen and (max-width:1600px) {
.product-images-big{height:80rem;overflow: hidden;}
.bigImg .swiper-container .swiper-slide .img{padding-bottom:80rem;}	
}
@media screen and (max-width:1024px) {
.bigImg .mbtn{background-size:12px;}

.product-images-big{height:52vw;}
.bigImg .swiper-container .swiper-slide .img{padding-bottom:56.48148148148148%;}	
}
@media screen and (max-width:992px) {
.bigImg .swiper-container{ padding-bottom:20px;}
.bigImg .swiper-pagination{display:flex;}	
.bigImg .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}	
}



/*prodetailimg*/
.prodetailimg{ background:url(./pro2bg.jpg) no-repeat center center #d3d8dc; background-size:100%; padding-top:16.5rem;}
@media screen and (max-width:1024px) {
.prodetailimg{padding-top:6rem; padding-bottom:6rem;}
}


/*slick初始化*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}
.slick-prev,.slick-next{position:absolute;display:block;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:28px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}



/*bigImg*/
.bigImg{ position:relative; max-width:1080px; margin:0 auto;}
.bigImg .item{height:auto;position:relative;width:100%;}
.bigImg .item .img{overflow:hidden;padding-bottom:56.48148148148148%;position:relative;}
.bigImg .item img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}


/*product-images-small*/
.product-images-small{height:12.2rem;overflow:hidden; position:relative; margin:4.5rem auto;}
.smallImg{margin:0 auto;max-width:648px;font-size:0;overflow:hidden;text-align:center; position:static;}
.smallImg .slick-list{margin:0 auto; padding:0!important;}
.smallImg .slick-track{margin:0 auto; padding:0!important;}
.smallImg .thumbnail{display:inline-block;*display:inline;zoom:1;position:relative;}
.smallImg .thumbnail .item{height:12.2rem; position:relative;}
.smallImg .thumbnail img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain; z-index:1;}
.smallImg .thumbnail img{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
.smallImg .thumbnail.slick-current img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
/*Arrows*/
.smallImg .slick-next,
.smallImg .slick-prev{height:6rem;width:6rem;position:absolute;top:50%;transform: translate(0,-50%);border:none;text-align:center;font-size:0;z-index:5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-size:100%;border-radius:50%; background-color:#fff;}
.smallImg .slick-prev{left:0;background-image: url("./arrow-l.png");}
.smallImg .slick-next{right:0;background-image: url("./arrow-r.png");}
.smallImg .slick-next.slick-disabled,
.smallImg .slick-prev.slick-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width: 1024px){
.smallImg .slick-next,
.smallImg .slick-prev{width:5rem;height:5rem;margin-top:-2.5rem;transform: translate(0);}
}
@media screen and (max-width: 768px){
.smallImg .slick-next,
.smallImg .slick-prev{width:4rem;height:4rem;margin-top:-2rem;transform: translate(0);}
.product-images-small{height:15.8vw;margin:0 auto;}
.smallImg .thumbnail .item{height:15.8vw; position:relative;}
}



/*detailNr*/
.detailNr{/*margin-bottom:15rem;*/margin-bottom:10rem;}
.detailNr .proLeft{width:46%;float:left;}
.detailNr .proText{width:48%;float:left;}
.detailNr .proColor{width:52%;float:right;}
.detailNr .procs{width:54%;float:right;}
.detailNr .detailNrBox{ border-bottom:1px solid #ededed;padding-top:5.5rem;padding-bottom:5.5rem;}
.detailNr .proText .proTit{font-size:6rem;color:#000;line-height:1;text-transform:uppercase;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;}
*[lang|="vn"] .detailNr .proText .proTit{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.detailNr .proText .proTit-des{font-size:1.8rem;color:#4b4b4b;line-height:1.2;font-weight:500;}
@media screen and (max-width: 1024px){.detailNr .detailNrBox{ padding-top:4.5rem;padding-bottom:4.5rem;}.detailNr{margin-bottom:10rem;}
.detailNr .proText .proTit{font-size:5rem;}
.detailNr .proText .proTit-des{font-size:1.6rem;}
.detailNr .proText{width:100%;float:none;}
.detailNr .proColor{width:100%;float:none;}
}
@media screen and (max-width:768px){.detailNr .detailNrBox{ padding-top:5rem;padding-bottom:3.5rem;}.detailNr{margin-bottom:7rem;}
.detailNr .proLeft{width:100%;float:none;}
.detailNr .procs{width:100%;float:none;}
}


/*colorlist*/
.colorlist{padding-top:3rem; display:block; text-align:left; font-size:0;line-height:0;}
.colorlist li{display:inline-block;*display:inline;zoom:1; vertical-align:top;margin-right:1rem;margin-bottom:1rem; border:1px solid transparent; border-radius:50%;cursor:pointer;}
.colorlist li.active{ border-color:#c2c2c2;}
.colorlist li span{display:block;background:#fff;border-radius:50%;height:2.4rem;width:2.4rem;margin:1rem;border:1px solid #c2c2c2; cursor:pointer;}
@media screen and (max-width: 1024px){
.colorlist li span{height:2rem;width:2rem;margin:0.9rem;}
}
@media screen and (max-width: 768px){
.colorlist li span{height:1.8rem;width:1.8rem;margin:0.6rem;}
}

/*procs*/
.procs ul{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;/*flex-direction:row;*/flex-flow: wrap;flex:1;justify-content:space-between;grid-template-columns: auto auto}
.procs ul li{text-align:center;}
.procs ul li .t1{display:block;font-size:4rem;color:#000;line-height:1;text-transform:uppercase;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;}
.procs ul li .des{display:block;font-size:1.4rem;color:#8f9294;line-height:1.2;font-weight:500;}
@media screen and (max-width:1024px){
.procs ul li .t1{ font-size:3rem;}
.procs ul li .des{ font-size:1.4rem;}

.procs ul li{ width:50%; padding:2rem 0;}
}
@media screen and (max-width:768px){
.procs ul li .num{ font-size:2rem;}
.procs ul li .des{ font-size:1.2rem;}
.procs ul li{width:auto;}
}
@media screen and (max-width:640px){
.procs ul{grid-gap:0 50px;gap:0;}
.procs ul li{ width:50%; padding:2rem 0;text-align: left;}
}



/*bigImg*/
.SliderGalleryBox{ width:100%; overflow:hidden; margin-bottom:15rem;}
.SliderGallery .item{display:block;height:auto;position:relative;/*width:27%;*/width:20%;float:left;}
.SliderGallery .item .img{overflow:hidden;padding-bottom:100%;position:relative;/*background:url("./probg.jpg") center center no-repeat; background-size:cover;*/background:#efefef;}
.SliderGallery .item img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.SliderGallery{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;margin:0 auto;max-width:1920px;}
.SliderGallery .swiper-wrapper{padding:0;margin:0;cursor: grab;}
.SliderGallery .swiper-slide{list-style:none}
@media screen and (max-width:1024px){.SliderGalleryBox{ margin-bottom:10rem;}
.SliderGallery .item{/*width:33.3333%;*/ width:25%;}
}
@media screen and (max-width:768px){.SliderGalleryBox{ margin-bottom:7rem;}
.SliderGallery .item{/*width:40%;*/width:33.3333%;}
}


/*swiper-button*/
.SliderGalleryBox .swiper-buttonB .container{ position:relative;}
.SliderGalleryBox .swiper-scrollbar{position:relative;z-index:2;margin:30px 0 0;width:100%;height:30px;opacity:1!important;background:none;}
.SliderGalleryBox .swiper-scrollbar:before{content:"";position:absolute;left:0;right:0;bottom:14px;border-bottom:1px solid #cfcfcf;}
.SliderGalleryBox .swiper-scrollbar-drag{width:100%;position:relative;left:0;top:0;padding-bottom:14px;cursor:pointer;height:30px;display:flex;flex-direction:column;justify-content:flex-end;background:none;}
.SliderGalleryBox .swiper-scrollbar-drag:after{content:"";display:block;height:4px;width:100%;background:#cd1928;}
.SliderGalleryBox .swiper-scrollbar-drag:focus:after,
.SliderGalleryBox .swiper-scrollbar-drag:hover:after{height:5px}
.SliderGalleryBox .swiper-button-next,.SliderGalleryBox .swiper-button-prev{display:block;width:30px;height:30px;position:absolute;right:30px;bottom:5px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.55005 10.7133C4.55005 10.4834 4.64 10.2435 4.81991 10.0736L13.9054 0.988127C14.2652 0.628307 14.8349 0.628307 15.1947 0.988127C15.5545 1.34795 15.5545 1.91766 15.1947 2.27748L6.73895 10.7133L15.1847 19.159C15.5446 19.5189 15.5446 20.0886 15.1847 20.4484C14.8249 20.8082 14.2552 20.8082 13.8954 20.4484L4.81991 11.3529C4.64 11.173 4.55005 10.9431 4.55005 10.7133Z' fill='black'/%3E%3C/svg%3E") no-repeat 50%;background-size:auto 16px;border-radius:50%; top:auto; margin-top:0;}
.SliderGalleryBox .swiper-button-next.swiper-button-disabled,
.SliderGalleryBox .swiper-button-prev.swiper-button-disabled{opacity:.4}
.SliderGalleryBox .swiper-button-next.swiper-button-disabled,
.SliderGalleryBox .swiper-button-prev.swiper-button-disabled{opacity:0;}
.SliderGalleryBox .swiper-button-next.swiper-button-lock,.SliderGalleryBox .swiper-button-prev.swiper-button-lock{display:none}
.SliderGalleryBox .swiper-button-prev{left:auto; right:30px;}
.SliderGalleryBox .swiper-button-next{right:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4546 10.7133C15.4546 10.4834 15.3646 10.2435 15.1847 10.0736L6.09927 0.988127C5.74945 0.628307 5.16974 0.628307 4.81991 0.988127C4.47009 1.34795 4.46009 1.91766 4.81991 2.26749L13.2557 10.7133L4.81991 19.159C4.46009 19.5189 4.46009 20.0886 4.81991 20.4484C5.17973 20.8082 5.74945 20.8082 6.10927 20.4484L15.1847 11.3529C15.3646 11.173 15.4546 10.9431 15.4546 10.7133Z' fill='black'/%3E%3C/svg%3E")}
.SliderGalleryBox .swiper-scrollbar{width:calc(100% - 80px);left:0;}
@media(min-width:768px){
	.SliderGalleryBox .swiper-scrollbar{margin-top:40px}
	.SliderGalleryBox .swiper-scrollbar:before{bottom:14px}
	.SliderGalleryBox .swiper-button-next,.SliderGalleryBox .swiper-button-prev{bottom:5px;}
	.SliderGalleryBox .swiper-scrollbar-drag{padding-bottom:14px}
}







/*detailBoxParameters*/
.detailBoxParameters{ margin-bottom:12rem;}
.detailBoxParameters .img{width:50%;float:left;/*min-height:33vw;*/background:url("./pro-cs-tubg.png") left top no-repeat;background-size:100%;}
.detailBoxParameters .img img{display:block;max-width:100%;width:100%; height:auto;}
.detailBoxParameters .parameters{width:calc(50% - 20px);float:right;margin-left: 20px;}
.detailBoxParameters .parametersTit{display:block;font-size:5rem;color:#000;line-height:9.6rem;border-bottom:1px solid #bbbbbb;text-transform:uppercase;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;background:url("./icon-v3.png") right center no-repeat;background-size:3rem;}
*[lang|="vn"] .detailBoxParameters .parametersTit{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.detailBoxParameters .parametersTable{display:block;}
.detailBoxParameters .parametersTable .parametersTableB{padding:2.2rem 0;}
.detailBoxParameters .parametersTable table{ width:100%;}
.detailBoxParameters .parametersTable table td{ width:50%;font-size:1.6rem;color:#333333;line-height:1.6; font-weight:500; vertical-align:top; padding:1.1rem 0;}
.detailBoxParameters .parametersTable table td strong{font-size:1.8rem;color:#000;font-weight:bold;}
@media screen and (max-width:1024px){.detailBoxParameters{ margin-bottom:10rem;}
.detailBoxParameters .img{width:100%;float:none;}
.detailBoxParameters .parameters{width:100%;float:none;}

.detailBoxParameters .parametersTit{font-size:4rem;}
.detailBoxParameters .parametersTable table td{font-size:1.4rem;}
.detailBoxParameters .parametersTable table td strong{font-size:1.6rem;}
}
@media screen and (max-width:768px){.detailBoxParameters{ margin-bottom:7rem;}
.detailBoxParameters .img{width:100%;float:none;}
.detailBoxParameters .parameters{width:100%;float:none;}

.detailBoxParameters .parametersTit{font-size:3rem;}
.detailBoxParameters .parametersTable table td{font-size:1.2rem;}
.detailBoxParameters .parametersTable table td strong{font-size:1.4rem;}
}




/*detailBoxFeature*/
.detailBoxFeature ul{max-width:1920px;margin:0 auto;display: flex;justify-content: center;padding: 0 20px;margin-bottom: 30px;}
.detailBoxFeature ul li{ margin-bottom:6.6rem;}
.detailBoxFeature ul li .item{display:block;height:auto;position:relative;padding-top:3vw; width:100%; overflow:hidden;}
.detailBoxFeature ul li .img{float:left;height:31.25vw;max-height:60rem; /*width:57%;*/width:50%; position:relative; z-index:2; top:-3vw;}
.detailBoxFeature ul li .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.detailBoxFeature ul li .info{float:right; position:relative; z-index:1;/*width:43%;*/width:50%;}
.detailBoxFeature ul li .infoB{min-height:31.25vw;align-items: center;margin-left:-7.5vw; width:50vw; background:#eeeef2;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto; align-items: center;flex-direction: row;}
.detailBoxFeature ul li .infoBox{ padding-left:15vw; padding-right:7vw; padding-top:5vw; padding-bottom:5vw;width:100%;}
.detailBoxFeature ul li h2{font-size:5rem;line-height:1;color:#000;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;margin-bottom:3rem; text-transform:uppercase;}
*[lang|="vn"] .detailBoxFeature ul li h2{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.detailBoxFeature ul li .des{font-size:2rem;line-height:3.8rem;color:#333;font-weight:500;}
.detailBoxFeature ul li .des p{ padding-left:2.4rem;background:url("./icon-y.png") left 1.4rem no-repeat;background-size:1.2rem;}
.detailBoxFeature ul li:nth-child(2n) .img{float:right;}
.detailBoxFeature ul li:nth-child(2n) .info{float:left;}
.detailBoxFeature ul li:nth-child(2n) .infoB{margin-right:0;margin-left:7.5vw;}
.detailBoxFeature ul li:nth-child(2n) .infoBox{padding-left:7vw; padding-right:15vw;}
@media screen and (min-width:1921px){
.detailBoxFeature ul li .img{height:60rem;}
.detailBoxFeature ul li .infoB{min-height:60rem;width:111rem;}
.detailBoxFeature ul li .infoB{margin-left:-15rem;}
.detailBoxFeature ul li:nth-child(2n) .infoB{margin-left:0;margin-right:-15rem;}
.detailBoxFeature ul li .infoBox{padding-left:30rem; padding-right:15rem; padding-top:7rem; padding-bottom:7rem;}
.detailBoxFeature ul li:nth-child(2n) .infoBox{padding-left:15rem; padding-right:30rem;}

}
@media screen and (max-width:1024px){
.detailBoxFeature ul li h2{font-size:4rem;margin-bottom:2rem;}
.detailBoxFeature ul li .des{font-size:1.6rem;}

.detailBoxFeature ul li .infoB{margin-left:-5vw;}
.detailBoxFeature ul li .infoBox{ padding-left:10vw; padding-right:5vw; padding-top:5vw; padding-bottom:5vw;}
.detailBoxFeature ul li:nth-child(2n) .infoB{margin-right:-5vw;margin-left:4vw;}
.detailBoxFeature ul li:nth-child(2n) .infoBox{padding-left:5vw; padding-right:10vw;}
}
@media screen and (max-width:992px){
.detailBoxFeature ul li h2{font-size:3rem;margin-bottom:2rem;}
.detailBoxFeature ul li .des{font-size:1.4rem; line-height:3rem; }  
.detailBoxFeature ul li .des p{background-position:left 0.85rem;}

.detailBoxFeature ul li .item{padding-top:0!important;}
.detailBoxFeature ul li .img{top:0!important;}

.detailBoxFeature ul li{ margin-bottom:5rem;}
.detailBoxFeature ul li .img{float:none!important;width:100%; height:0!important; padding-bottom:62.7272%;}
.detailBoxFeature ul li .info{float:none!important;width:100%;}
.detailBoxFeature ul li .infoB{margin-right:0!important;margin-left:0!important;width:100%!important; display:block!important;}
.detailBoxFeature ul li .infoBox{padding-left:7vw!important; padding-right:7vw!important; padding-top:7rem; padding-bottom:7rem;}
}





/*detailBoxVideo*/
.detailBoxVideo{position:relative;overflow:hidden;}
.detailBoxVideo .pic{position:relative;height:0;padding-bottom:44.27083333333333%; overflow:hidden;}
.detailBoxVideo .pic:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(0,0,0,0.3); position:absolute;left:0;bottom:0;right:0;z-index:2;}
.detailBoxVideo .pic video,
.detailBoxVideo .pic img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover; z-index:1;}
.detailBoxVideo .videoicon{position:absolute;left:0;right:0;top:50%; margin:0 auto; p-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3; text-align:center;}
.detailBoxVideo .videoicon a{width:7rem; height:7rem;background:url("./icon-play3.png") center center no-repeat;background-size:100%;background-color:#fff;border-radius:50%;cursor:pointer; position:relative; display:inline-block;}
.detailBoxVideo .videoicon a::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1;}
.detailBoxVideo .videoicon a::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1; }
.detailBoxVideo .videoicon a::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;}
.detailBoxVideo .videoicon a::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;}
@keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(7); opacity:0;}}
@keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(10);opacity:0;}}
@media screen and (min-width:1921px){
.detailBoxVideo .pic{padding-bottom:85rem;}	
}
@media screen and (max-width:1024px){
.detailBoxVideo .videoicon a{width:6rem; height:6rem;}
}
@media screen and (max-width:768px){.detailBoxVideo .pic{padding-bottom:50%;}
.detailBoxVideo .videoicon a{width:5rem; height:5rem;}
}
@media screen and (max-width:640px){
.detailBoxVideo .videoicon a{width:4rem; height:4rem;}
}



/*c-video-box*/
#c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
#c-video-box .c-btn{position:fixed;top:3rem;right:3rem;width:5rem;height:5rem;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9;}
#c-video-box .c-btn:after,#c-video-box .c-btn:before{content:"";position:absolute;bottom:2.4rem;left:1rem;width:3rem;height:2px;background:#333;transition:.5s}
#c-video-box .c-btn:hover{background:#cd1928;}
#c-video-box .c-btn:hover:after,#c-video-box .c-btn:hover:before{background:#fff}
#c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000}
@media screen and (max-width:1024px){
#c-video-box .c-btn{top:1.5rem;right:1.5rem;width:4rem;height:4rem;}
#c-video-box .c-btn:after,
#c-video-box .c-btn:before{bottom:1.9rem;left:1rem;width:2rem;height:2px;}
}



/*pagePartner*/
.pagePartner .pageInfo{background:url("./partner-1bg.jpg") center top no-repeat;background-size:100%;}


/*partner1*/
.partner1{ padding-top:16rem; padding-bottom:12rem; position:relative;}
.partner1 .line{ content:'';width:100%; height:9px;position:absolute;bottom:0; left:0;right:0;background:url("./partner-line.png") center bottom no-repeat;}
.partner1 td{ width:33.333333%;text-align:center;}
.partner1 td img{ width:18rem;border-radius:50%;box-shadow:0 0px 20px rgba(0,0,0,0.08);}
.partner1 td h2{font-size:4rem;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight:bold;color:#ce1928;background: linear-gradient(to right, #ec1d21, #ce1928, #e91d22);-webkit-text-fill-color: transparent;-webkit-background-clip:text; text-transform:uppercase; padding-top:2.5rem;margin-bottom:1.2rem; line-height:1;}
*[lang|="vn"] .partner1 td h2{font-family:'Frick',Arial, Helvetica, sans-serif;}

.partner1 td,
.partner1 td p{font-size:1.8rem; line-height:1.5; font-weight:500;}
.partner1 td img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.partner1 td:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1024px){.partner1{ padding-top:12rem; padding-bottom:10rem;}
.partner1 td img{ width:16rem;}
.partner1 td h2{font-size:3rem;padding-top:1.5rem;margin-bottom:1rem;}
.partner1 td,
.partner1 td p{font-size:1.4rem;}
}
@media screen and (max-width:768px){.partner1{ padding-top:7rem; padding-bottom:7rem;}
.partner1 td img{ width:10rem;}
.partner1 td h2{font-size:2rem;padding-top:1rem;margin-bottom:1rem;}
.partner1 td,
.partner1 td p{font-size:1.4rem;}

.partner1 td{ display:block!important; width:100%; text-align:center; padding:3rem 0;}
}



/*partner2*/
.partner2{ padding-top:11rem; padding-bottom:9rem; position:relative; font-size:1.8rem; line-height:3.2rem; color:#000000;}
.partner2 .pageTit2{margin-bottom:3.5rem;}
.partner2 .pageTit2 h2{ font-size:5rem;}
@media screen and (max-width:1024px){
.partner2{ padding-top:9rem; padding-bottom:7rem;font-size:1.4rem;line-height:2.2rem;}
.partner2 .pageTit2{margin-bottom:3.5rem;}
.partner2 .pageTit2 h2{ font-size:4rem;}
}
@media screen and (max-width:768px){
.partner2{ padding-top:7rem; padding-bottom:6rem;font-size:1.4rem;line-height:2.2rem;}
.partner2 .pageTit2{margin-bottom:2.5rem;}
.partner2 .pageTit2 h2{ font-size:3rem;}
}

/*partner3*/
.partner3{padding-bottom:10rem;}
@media screen and (max-width:1024px){
.partner3{padding-bottom:8rem;}
}
@media screen and (max-width:768px){
.partner3{padding-bottom:6rem;}
}

/*VideoBox*/
.VideoBox{position:relative;overflow:hidden; }
.VideoBox .pic{position:relative;height:0;padding-bottom:39.375%; overflow:hidden;}
.VideoBox .pic:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(0,0,0,0.3); position:absolute;left:0;bottom:0;right:0;z-index:2;}
.VideoBox .pic video,
.VideoBox .pic img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover; z-index:1;}
.VideoBox .videoicon{position:absolute;left:0;right:0;top:50%; margin:0 auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3; text-align:center;}
.VideoBox .videoicon a{width:7rem; height:7rem;background:url("./icon-play3.png") center center no-repeat;background-size:100%;background-color:#fff;border-radius:50%;cursor:pointer; position:relative; display:inline-block;}
.VideoBox .videoicon a::before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1;}
.VideoBox .videoicon a::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:20%; height:20%; border-radius:50%; content:''; z-index: -1; }
.VideoBox .videoicon a::before{animation:scale 2s ease-out infinite; background:#fff; opacity:0.5; animation-delay:0;}
.VideoBox .videoicon a::after{animation:scale2 2s ease-out infinite; background:#fff; opacity:0.3; animation-delay:0;}
@keyframes scale{0%{transform:translate(-50%, -50%) scale(1); opacity:.9} 100%{transform:translate(-50%, -50%) scale(7); opacity:0;}}
@keyframes scale2{0%{transform:translate(-50%, -50%) scale(1); opacity:.9;} 100%{transform:translate(-50%, -50%) scale(10);opacity:0;}}
@media screen and (max-width:1024px){
.VideoBox .videoicon a{width:6rem; height:6rem;}
}
@media screen and (max-width:768px){.VideoBox .pic{padding-bottom:50vw;}
.VideoBox .videoicon a{width:5rem; height:5rem;}
}
@media screen and (max-width:640px){
.VideoBox .videoicon a{width:4rem; height:4rem;}
}


.partnerUNNews .pageTit2{ width:90%; margin:0 auto;}
/*detailBoxFeature*/
.UNNewsList ul li{background:#f5f5f8;}
.UNNewsList ul li .item{display:block;height:auto;position:relative;padding-top:8rem; padding-bottom:8rem; width:100%; overflow:hidden;}
.UNNewsList ul li .img{float:left;height:43rem; width:50%; position:relative; z-index:2; overflow:hidden;border-radius:10px;}
.UNNewsList ul li .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.UNNewsList ul li .item,.UNNewsList ul li .img img,
.UNNewsList ul li .img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.UNNewsList ul li .item:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.UNNewsList ul li .info{float:right;/* position:relative;*/width:50%;}
.UNNewsList ul li .infoB{min-height:43rem;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto; align-items: center;flex-direction: row; position:relative;z-index:2;}
.UNNewsList ul li .infoBox{padding-left:3vw; padding-right:3vw;}
.UNNewsList ul li h2{font-size:5rem;line-height:1;color:#000;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;margin-bottom:3rem; text-transform:uppercase;}
.UNNewsList ul li .des{font-size:1.8rem;line-height:1.7;color:#000;font-weight:normal;}
.UNNewsList ul li .line{width:5.2rem;height:0.9rem;background:#cd1928; margin-top:2.4rem;}
.UNNewsList ul li .num{font-size:30rem;line-height:30rem;color:#e7e7eb;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;margin-bottom:3rem; text-transform:uppercase; position:absolute;bottom:-12rem;right:0; z-index:0;} 
*[lang|="vn"] .UNNewsList ul li h2{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
*[lang|="vn"] .UNNewsList ul li .num{font-family:'Frick',Arial, Helvetica, sans-serif; font-weight:500;}
.UNNewsList ul li:nth-child(2n){background:#fff;}
.UNNewsList ul li:nth-child(2n) .img{float:right;}
.UNNewsList ul li:nth-child(2n) .info{float:left;}
.UNNewsList ul li:nth-child(2n) .infoB{}
.UNNewsList ul li:nth-child(2n) .infoBox{}
.UNNewsList ul li:nth-child(2n) .num{left:0;right:auto;}
@media screen and (max-width:1024px){
.UNNewsList ul li h2{font-size:4rem;margin-bottom:2rem;}
.UNNewsList ul li .des{font-size:1.4rem;line-height:1.6;}
.UNNewsList ul li .line{width:3.8rem;height:0.5rem; margin-top:1.4rem;}
.UNNewsList ul li .num{font-size:26rem;line-height:26rem;}

.UNNewsList ul li .img{height:30rem;}
.UNNewsList ul li .infoB{min-height:30rem;}
}
@media screen and (max-width:992px){
.UNNewsList ul li h2{font-size:3rem;margin-bottom:2rem;}
.UNNewsList ul li .des{font-size:1.4rem; line-height:2.4rem; }  
.UNNewsList ul li .des p{background-position:left 0.85rem;}
.UNNewsList ul li .line{width:3.5rem;height:0.5rem; margin-top:1rem;}
.UNNewsList ul li .num{font-size:20rem;line-height:25rem;}



.UNNewsList ul li .img{float:none!important;width:100%; height:0!important; padding-bottom:53.75%;}
.UNNewsList ul li .info{float:none!important;width:100%;}
.UNNewsList ul li .infoB{margin-right:0!important;margin-left:0!important;width:100%!important; display:block!important;min-height: 4.3rem;}
.UNNewsList ul li .infoBox{padding-left:3vw!important; padding-right:3vw!important; padding-top:7vw;}

}



/*partnerHistory*/
.partnerHistory{padding-top:14rem;padding-bottom:7rem; overflow:hidden;}
.partnerHistory .pageTit2{margin-bottom:6rem;}
.historyList{ position:relative;}
.historyList .historyListul{position:relative;padding:0}
.historyList .default-line{content:'';position:absolute;left:50%;margin-left:-1px;width:1px;height:100%;border-left:1px  dashed #a6a6a7;}
.historyList .draw-line{width:1px;height:0;position:absolute;left:50%;background:#cd1928; margin-left:-1px;}
/*dian*/
.historyList .dian{ position:absolute;top:50%;right:-7.5px;width:15px;height:15px;background:#fff;border-radius:50%;border:5px solid #cd1928; font-size:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.historyList .date{position:absolute;top:50%;right:-5rem;margin-top:-5rem;width:10rem;height:10rem;line-height:10rem;border-radius:50%;background:#cd1928;border-width:0;text-align:center; font-size:2rem; font-weight:bold;color:#fff;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.historyList .date{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform: scale(0);-moz-transform: scale(0); -o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
/*itemB*/
.historyList .itemB{width:86.25%;overflow:hidden;}
.historyList .item{display:block;height:auto;position:relative;width:100%;overflow:hidden; background:#eeeef2;border-radius:10px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.historyList .item .info{padding:5rem 5rem;}
.historyList .item h2{font-size:2.6rem;line-height:2.6rem;/*height:2.6rem;overflow:hidden;*/color:#000;font-weight:bold;margin-bottom:1.5rem;}
.historyList .item .des{font-size:1.6rem;line-height:2.6rem; height:7.8rem;color:#000;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.historyList .item .line{width:2.8rem;height:0.6rem;background:#cd1928;margin-top:2.4rem;}
.historyList .item .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:10px;padding-bottom:44%;}
.historyList .item .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*li*/
.historyList ul li{position:relative;width:50%;}
.historyList ul li:nth-child(2n){margin-left:50%;position:relative;margin-top:-10rem;} 
.historyList ul li:nth-child(2n) .itemB{ margin-left:13.75%;}
.historyList ul li:nth-child(2n) .dian{left:-7.5px;right:auto;}
.historyList ul li:nth-child(2n) .date{ left:-5rem;right:auto;}

.historyList .item:hover,
.historyList ul li.in-view .item{ background:#cd1928;}
.historyList .item:hover h2,
.historyList ul li.in-view .item h2{color:#fff;}
.historyList .item:hover .des,
.historyList ul li.in-view .item .des{color:#fff;}
.historyList .item:hover .line,
.historyList ul li.in-view .item .line{background:#fff;}
.historyList ul li.in-view.last .date{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
/*MoreBtn*/
.MoreBtn{text-align:center; cursor:pointer;display:block;padding-top:5.4rem;}
.MoreBtn a{text-align:center;position:relative; display:inline-block;background:#cd1928;min-width:17rem; padding:0 3rem;font-size:1.8rem;line-height:6rem;height:6rem;border-radius:6rem;overflow:hidden;color:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;box-shadow:0 10px 30px rgba(220,3,7,0.3)}
.MoreBtn a:hover{ background:#a50714;}
@media screen and (max-width:1024px){.partnerHistory{padding-top:10rem;padding-bottom:5rem;}.partnerHistory .pageTit2{margin-bottom:5rem;}
.historyList .item .info{padding:3rem 3rem;}
.historyList .item h2{font-size:1.6rem;line-height:1.6rem;height:1.6rem;margin-bottom:1rem;}
.historyList .item .des{font-size:1.2rem;line-height:2.2rem; height:6.2rem;}
.historyList .item .line{width:2rem;height:0.3rem;margin-top:1.4rem;}

.historyList .date{right:-3rem;margin-top:-3rem;width:6rem;height:6rem;line-height:6rem;font-size:1.4rem;}
.historyList ul li:nth-child(2n) .date{left:-3rem;right:auto;}

.MoreBtn{padding-top:5.4rem;}
.MoreBtn a{min-width:15rem;font-size:1.6rem; padding:0 2rem;line-height:5rem;height:5rem;border-radius:5rem;}
}
@media screen and (max-width:768px){.partnerHistory{padding-top:7rem;padding-bottom:5rem;}.partnerHistory .pageTit2{margin-bottom:3rem;}
	
.historyList .default-line{left:0;}
.historyList .draw-line{left:0;}

.historyList .dian{right:auto; left:-7.5px;}

.historyList .date{right:auto; left:-3rem;} 

.historyList{ padding-left:25px;}

.historyList ul li{width:100%;}
.historyList ul li:nth-child(2n){ margin-left:0;margin-top:0;}
.historyList ul li .itemB{ margin-left:13.75%; margin-bottom:2rem;}
.historyList ul li:nth-child(2n) .itemB{margin-left:13.75%;}

.MoreBtn{padding-top:4.4rem;}
.MoreBtn a{min-width:15rem;font-size:1.4rem;padding:0 2rem;line-height:4.5rem;height:4.5rem;border-radius:4.5rem;}
}






/*pagebanner2{*/
.pagebanner2{position:relative; overflow:hidden;/*padding-bottom:4.166666666666667vw;*/}
.pagebanner2:after{position:absolute;content:"";width:100%;height:100%;background-color:#eeeef2;bottom:0;left:14.58vw;z-index:0;}
.pagebanner2 .VideoBox .pic{padding-bottom:48.95833333333333%;}
@media screen and (max-width:768px){
.pagebanner2{/*padding-bottom:3rem;*/}
}



/*aboutInfo*/
.aboutInfo{position:relative;max-width:1920px;margin:0 auto;margin-top:17rem; margin-bottom:6rem;overflow:hidden; }
.aboutInfo:after{position:absolute;content:"";width:49%;height:100%;background-color:#eeeef2;bottom:0;left:51%;z-index:0;}
.aboutInfo .aboutInfoBox{ position:relative; padding:12rem 0; z-index:1;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;align-items: center;flex-direction: row;}
.aboutInfo .pageTit2{position: absolute;left:12rem;top:0; text-align:left;}
.aboutInfo .pageTit2 .line{margin:0; margin-bottom:2.5rem;}
.aboutInfo .pageTit2 h2 b,.aboutInfo .pageTit2 h2 strong{ color:#cd1928;}
.aboutInfo .img{width:100%; position:relative; z-index:2;overflow:hidden;border-radius:10px;padding-bottom:67.34%;}
.aboutInfo .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.aboutInfo .imgB{width:61.25%; float:left;}
.aboutInfo .info{width:38.75%; float:right;}
.aboutInfo .info .infoB{ margin-left:9rem; font-size:2rem; line-height:3.4rem; color:#3b4048; position:relative; padding-bottom:5vw;}
.aboutInfo .line2{position:absolute;width:1px;height:10vw;background-color:#d8d8db;bottom:0;left:61.25%;margin-left:8rem;z-index:2;}
.aboutInfo .line2:after{position:absolute;content:"";width:2px;height:4.2rem;background-color:#cd1928;top:0;left:0;z-index:2;}
@media screen and (max-width:1024px){
.aboutInfo{margin-top:15rem; margin-bottom:5rem;}
.aboutInfo .aboutInfoBox{padding:9rem 0;}
.aboutInfo .pageTit2{left:10rem;}
.aboutInfo .pageTit2 .line{margin-bottom:1.5rem;}
.aboutInfo .info .infoB{ margin-left:5rem; font-size:1.4rem; line-height:1.5;padding-bottom:4vw;}

.aboutInfo .line2{height:8vw;margin-left:4rem;}
.aboutInfo .line2:after{height:3.2rem;}

.aboutInfo .imgB{width:58%;}
.aboutInfo .info{width:42%;}
.aboutInfo .line2{left:58%;}
}
@media screen and (max-width:992px){.aboutInfo{margin-top:7rem; margin-bottom:5rem;}
.aboutInfo .aboutInfoBox{ display:block;}
.aboutInfo .pageTit2{left:5rem;}
.aboutInfo .img{padding-bottom:67.3469387755102%;}
.aboutInfo .imgB{width:100%; float:none;}
.aboutInfo .info{width:100%;float:none;}
.aboutInfo .info .infoB{margin-left:0rem;padding-bottom:2rem; padding-top:5rem;}
.aboutInfo .line2{left:0%;height:6rem;margin-left:0;}
.aboutInfo .line2:after{height:2.2rem;}

.aboutInfo:after{position:absolute;content:"";width:100%;height:70%;left:0;}

}




/*aboutCulture*/
.aboutCulture{position:relative; padding-top:6rem;padding-bottom:6rem;overflow:hidden;}
.aboutCulture .aboutCultureBox{z-index:1;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction: row;}
.aboutCulture .img{width:100%; position:relative;z-index:2;overflow:hidden;border-radius:10px;padding-bottom:45.5rem;}
.aboutCulture .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.aboutCulture .imgB{width:54.375%; float:right;}
.aboutCulture .info{width:45.625%; float:left;}
.aboutCulture .info .infoB{ margin-right:8.5rem; font-size:1.8rem; line-height:2.8rem; color:#3b4048;}
.aboutCulture .info td{/*vertical-align:top;height:18rem; padding-bottom:2rem;*/vertical-align: middle;height:15rem;padding-bottom: 0;}
.aboutCulture .info td h2{ color:#cd1928; font-weight:bold; }
@media screen and (max-width:1024px){
.aboutCulture{padding-top:5rem;padding-bottom:5rem;}
.aboutCulture .imgB{width:55%;}
.aboutCulture .info{width:45%;}


.aboutCulture .img{padding-bottom:30rem;}
.aboutCulture .info .infoB{ margin-right:3rem; font-size:1.4rem; line-height:1.5;}
.aboutCulture .info td{height:12rem; padding-bottom:2rem; width:auto;}
.aboutCulture .info td h2{padding-right:2rem;}
}
@media screen and (max-width:992px){.aboutCulture{padding-top:5rem;padding-bottom:5rem;}.aboutCulture .aboutCultureBox { display:block;}
.aboutCulture .imgB{width:100%; float:none;}
.aboutCulture .info{width:100%;float:none;}
.aboutCulture .info .infoB{ margin-right:0;}
.aboutCulture .info td{height:8rem; padding-bottom:2rem; width:auto;}
.aboutCulture .img{padding-bottom:58%;}
}


/*pageAbout partnerHistory*/
.pageAbout .partnerHistory{padding-top:8rem;overflow:hidden;}
@media screen and (max-width:1024px){
.pageAbout .partnerHistory{padding-top:7rem;}
}
@media screen and (max-width:768px){
.pageAbout .partnerHistory{padding-top:5rem;}
}

/*aboutData*/
.aboutData{ width:100%;position:relative;background:#cd1928; padding-top:8.7rem; padding-bottom:8.7rem;overflow:hidden;}
.aboutData .info .infoB{font-size:2rem; line-height:1.7; color:#fff;}
.aboutData .info td{vertical-align:top;height:18rem; padding-bottom:4rem;padding-top:4rem; text-align:center;width:33.333333%;}
.aboutData .info td img{width:8rem; margin-bottom:1rem;}
@media screen and (max-width:1024px){
.aboutData{padding-top:7rem; padding-bottom:7rem;}
.aboutData .info .infoB{font-size:1.6rem; line-height:1.5;}
.aboutData .info td{vertical-align:top;height:15rem; padding-bottom:3rem;padding-top:3rem;}
.aboutData .info td img{width:6rem;}
}
@media screen and (max-width:992px){
.aboutData{padding-top:5rem; padding-bottom:5rem;}
.aboutData .info .infoB{font-size:1.4rem; line-height:1.5;}
.aboutData .info td{height:10rem;padding-bottom:3rem;padding-top:3rem; }
.aboutData .info td img{width:5rem;}
}
@media screen and (max-width:640px){.aboutData{padding-top:2rem; padding-bottom:2rem;}
.aboutData .info td{padding-bottom:3rem;padding-top:3rem; display:block!important; width:100%!important; height:auto;}
}

/*aboutLong*/
.aboutLong{position:relative; background:url(./about-cxh-bg.jpg) no-repeat center center; background-size:cover;overflow:hidden;}
.aboutLong .aboutLongBox{ position:relative; z-index:1;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;align-items: center;flex-direction: row;}
.aboutLong .pageTit h2{margin-bottom:4rem;}
.aboutLong .pageTit h2 b,
.aboutLong .pageTit h2 strong{ color:#cd1928;}
.aboutLong .pageTit .des{ max-width:100%; font-size:2rem; color:#3b4048; line-height:3.4rem;}
.aboutLong .img{width:100%; position:relative; z-index:2;overflow:hidden;padding-bottom:102.1978021978022%;}
.aboutLong .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.aboutLong .imgB{width:56.875%; float:left;}
.aboutLong .info{width:43.125%; float:right;}
.aboutLong .info .infoB{ margin-left:6.5rem; font-size:2rem; line-height:3.4rem; color:#3b4048; position:relative; padding:5vw 0;}

@media screen and (max-width:1024px){
.aboutLong .pageTit h2{margin-bottom:3rem;}
.aboutLong .pageTit .des{font-size:1.6rem;line-height:1.7;}
.aboutLong .info .infoB{ margin-left:5.5rem; font-size:1.6rem; line-height:1.7;}

}
@media screen and (max-width:992px){
.aboutLong .pageTit h2{margin-bottom:2rem;}
.aboutLong .pageTit .des{font-size:1.4rem;line-height:1.5;}
.aboutLong .info .infoB{ margin-left:3rem; font-size:1.4rem; line-height:1.5;padding:7rem 0 3rem 0;}
.aboutLong .aboutLongBox{ display:block;}
.aboutLong .imgB{width:100%; float:none;}
.aboutLong .info{width:100%; float:none;}
}
@media screen and (max-width:480px){
.aboutLong .pageTit h2 br{ display:none;}

}


/*aboutLab*/
.aboutLab{position:relative;overflow:hidden;}
.aboutLab .aboutLabBox{padding-top:18rem; padding-bottom:17rem;position:relative; z-index:1;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;align-items: center;flex-direction: row;background:url(./about-sys-bg.png) no-repeat center center; background-size:100%;}
.aboutLab .pageTit h2{margin-bottom:4rem;}
.aboutLab .pageTit h2 b,
.aboutLab .pageTit h2 strong{ color:#cd1928;}
.aboutLab .pageTit .des{ max-width:100%; font-size:2rem; color:#3b4048; line-height:3.4rem;}
.aboutLab .img{width:100%; position:relative; z-index:2;overflow:hidden;padding-bottom:56.35245901639344%;border-radius:10px;}
.aboutLab .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.aboutLab .imgB{width:56.875%; float:left;}
.aboutLab .info{width:43.125%; float:right;}
.aboutLab .info .infoB{ margin-left:9rem; font-size:2rem; line-height:3.4rem; color:#3b4048; position:relative; padding:5vw 0;}

@media screen and (max-width:1024px){.aboutLab .aboutLabBox{padding-top:12rem; padding-bottom:10rem;}
.aboutLab .pageTit h2{margin-bottom:3rem;}
.aboutLab .pageTit .des{font-size:1.6rem;line-height:1.7;}
.aboutLab .info .infoB{ margin-left:5.5rem; font-size:1.6rem; line-height:1.7;}

}
@media screen and (max-width:992px){.aboutLab .aboutLabBox{padding-top:10rem; padding-bottom:9rem;}
.aboutLab .pageTit h2{margin-bottom:2rem;}
.aboutLab .pageTit .des{font-size:1.4rem;line-height:1.5;}
.aboutLab .info .infoB{ margin-left:3rem; font-size:1.4rem; line-height:1.5;padding:7rem 0 0rem 0;}
.aboutLab .aboutLabBox{ display:block;}
.aboutLab .imgB{width:100%; float:none;}
.aboutLab .info{width:100%; float:none;}
}
@media screen and (max-width:768px){.aboutLab .aboutLabBox{padding-top:7rem; padding-bottom:5rem;}
.aboutLab .info .infoB{padding:5rem 0 0rem 0;}
}


/*factoryList*/
.factoryListB{/*width:60.41666666666667%;*/ margin:0 auto; position:relative;width:50%;}
.factoryList{display:block;font-size:0;line-height:0;margin:0 -5vw; }
.factoryList .swiper-container{overflow:visible;}
.factoryList li{width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.factoryList li .item{ display:block;margin:0 5vw;position:relative;}
.factoryList li .imgBox{overflow:hidden;height:0;position:relative;border-radius:10px;padding-bottom:46.55172413793103%;}
.factoryList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.factoryList li .imgBox,
.factoryList li .imgBox img,
.factoryList li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.factoryList li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.factoryList li .title{font-size:2.4rem;line-height:7rem; font-weight:500; text-align:center;padding:0 4.3rem;border-radius:10px;margin-bottom:3rem;color:#fff; background:#cd1928;overflow:hidden;position:relative;top:-3.5rem;margin-left:4.6rem;display:inline-block;}
.factoryList li .item:hover .title{background:#dd0a1c;}
/**/
.factoryBox{padding-top:16rem;padding-bottom:5rem; background:#eeeef2;overflow:hidden;}
.factoryListBox{position:relative;overflow:hidden;}
.factoryListBox .swbtn .swiper-button-prev{left:-13rem; margin-top:0.5rem;}
.factoryListBox .swbtn .swiper-button-next{right:-13rem;margin-top:0.5rem;}
@media screen and (max-width:1024px){
.factoryBox{padding-top:10rem;padding-bottom:5rem;}


.factoryList li .title{font-size:1.6rem;line-height:5rem;padding:0 3.3rem;top:-2.5rem;margin-left:3.6rem;}

.factoryListB{width:80%;}
.factoryList{margin:0 -2rem; }
.factoryList li .item{margin:0 2rem;}

.factoryListBox .swbtn .swiper-button-prev{left:-3rem;margin-top:0.5rem;}
.factoryListBox .swbtn .swiper-button-next{right:-3rem;margin-top:0.5rem;}
}
@media screen and (max-width:768px){.factoryBox{padding-top:7rem;padding-bottom:5rem;}
.factoryList li{width:100%;}

.factoryList li .title{font-size:1.4rem;line-height:4rem;padding:0 2rem;top:-2rem;margin-left:1.6rem;}

.factoryListB{width:80%;}
.factoryList{margin:0 -1rem; }
.factoryList li .item{margin:0 1rem;}

.factoryListBox .swbtn .swiper-button-prev{left:-3rem;margin-top:0.3rem;}
.factoryListBox .swbtn .swiper-button-next{right:-3rem;margin-top:0.3rem;}
.factoryList li .imgBox{padding-bottom:60%;}
}




/*honorList*/
.honorBox{ overflow:hidden;}
.honorBox .pageTit2{ margin-bottom:2rem;}
.honorListBox{padding-bottom:9rem;}
.honorListB{ margin:0 auto; position:relative; }
.honorList{display:block;font-size:0;line-height:0;margin:0 -3rem; }
.honorList li{width:28%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.honorList li .item{ display:block;margin:0 3rem;position:relative;}
.honorList li .imgBox{overflow:hidden;height:0;position:relative;padding-bottom:51%;}
.honorList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.honorList li .imgBox,
.honorList li .imgBox img,
.honorList li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.honorList li .title{font-size:2rem;/*font-size:1.8rem;*/line-height:1.5;/* font-weight: bold;*/text-align:center;color:#000000;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; margin:0 -30rem;margin-top:7rem; display:none;min-height: 4.9rem;}
/*.honorList li .infoBox{ margin:0 -100px;}*/
/*.smallhonor li .title{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}*/


.honorList li .item{padding:12rem 0 0px 0;cursor:grab;}
.honorList .swiper-slide-duplicate-active .title,
.honorList .swiper-slide-active .title{display:block;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:scale(0.7)}

/*.honorList .swiper-slide-duplicate-next{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
.honorList .swiper-slide-duplicate-prev{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}*/


/**/
.honorList .swiper-slide{transform:scale(1);-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.honorList .swiper-slide-active,
.honorList .swiper-slide-duplicate-active{transform: scale(1.5);}

/*.honorList .swiper-slide-active .imgBox,
.honorList .swiper-slide-duplicate-active .imgBox{padding-bottom:334px;}*/
.bighonor{ position:absolute;top:0;left:0;right:0; margin:0 auto; background:#fff;width:67.4rem; z-index:3;}
.bighonor .swiper-container{cursor:grab;}
.bighonor{ display:none;}


/*.bighonor .swiper-slide-duplicate-active .title,
.bighonor .swiper-slide-active .title{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}*/

.smallhonor{ width:76%; margin:0 auto;}
.smallhonor .swiper-container{overflow:visible;cursor:grab;}
/**/
.honorBox{padding-top:14rem;padding-bottom:9rem; background:#fff;}
.honorListBox{position:relative;}

.swbtn2 .swiper-button-next,
.swbtn2 .swiper-button-prev{width:7rem;height:7rem;background:url(./arrow-l.png) no-repeat center center #fff;background-size:100%;border-radius:50%;opacity:1;position:absolute;top:auto; margin-top:0; outline:none;box-shadow:0 2px 30px rgba(0,0,0,0.1);z-index:3;}
.swbtn2 .swiper-button-prev{left:0;}
.swbtn2 .swiper-button-next{background-image:url(./arrow-r.png); right:0;}
.swbtn2 .swiper-button-prev.swiper-button-disabled, 
.swbtn2 .swiper-button-next.swiper-button-disabled{opacity:0;}
.swbtn2 .swiper-button-next:hover{background-image:url(./arrow-r.png);}
.swbtn2 .swiper-button-prev:hover{background-image:url(./arrow-l.png);}

.honorListBox .swbtn2 .swiper-button-prev{left:12%;bottom:0;}
.honorListBox .swbtn2 .swiper-button-next{right:12%;bottom:0;}
.honorListB:after{right:0;position:absolute;top:0;content:"";width:12%;height:100%;background-color:#fff;z-index:2;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.honorListB:before{left:0;position:absolute;top:0;content:"";width:12%;height:100%;background-color:#fff;z-index:2;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}


@media screen and (max-width:1024px){.honorList li .item{padding:10rem 0 0px 0;}.honorListBox{padding-bottom:7rem;}.honorBox{padding-top:10rem;padding-bottom:9rem;}
.honorList li .title{font-size:1.6rem;margin:0 -10rem;margin-top:6rem;}
}
@media screen and (max-width:992px){.honorList li .item{padding:7rem 0 0px 0;}.honorListBox{padding-bottom:7rem;}
.honorList li{width:100%;}

.smallhonor{ width:76%;}
.honorListBox .swbtn2 .swiper-button-prev{left:5%;}
.honorListBox .swbtn2 .swiper-button-next{right:5%;}

.honorListB:after{width:15%;}
.honorListB:before{width:15%;}

.honorBox{padding-top:7rem;padding-bottom:10rem;} 

/*.honorList{margin:0 -10px; }
.honorList li .item{margin:0 10px;}*/

.honorList li .title{margin:0 -1.5rem;margin-top:3rem;font-size:1.4rem;min-height:0;}

.swbtn2 .swiper-button-next,
.swbtn2 .swiper-button-prev{width:5rem;height:5rem;}
}
@media screen and (max-width:768px){
.honorBox{padding-top:7rem;padding-bottom:7rem;}.honorListBox{padding-bottom:5rem;}
}





/*css3*/
.fadeInUp50{-webkit-animation-name:fadeInUp50;-moz-animation-name:fadeInUp50;-ms-animation-name:fadeInUp50;animation-name:fadeInUp50}
@-webkit-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-o-keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp50{from{opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeft50{-webkit-animation-name:fadeInLeft50;-moz-animation-name:fadeInLeft50;-ms-animation-name:fadeInLeft50;animation-name:fadeInLeft50}
@-webkit-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-o-keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft50{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRight50{-webkit-animation-name:fadeInRight50;-moz-animation-name:fadeInRight50;-ms-animation-name:fadeInRight50;animation-name:fadeInRight50}
@-webkit-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-moz-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-o-keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight50{from{opacity:0;-webkit-transform:translate3d(50px,0,0);-moz-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important}
}



@keyframes navInUp50{0%{opacity:0;visibility:hidden;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}
100%{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}
@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}
@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}
@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}
75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}
50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}
75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}
}
@keyframes iconScale2{from{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);opacity:1}
to{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);opacity:0}
}



/*****************************右侧栏漂浮 start*****************************/
.public-celan{position:fixed;right:0;top:50%;z-index:101;border:1px solid #eeeef2;background:#fff;/*border-radius:10px;*/border-top-left-radius:10px;border-bottom-left-radius: 10px; width:7rem;box-shadow:0 2px 30px rgba(0,0,0,0.1)}
.public-celan li{position:relative;}
.public-celan li a{display:block;padding-top:2rem; padding-bottom:1.8rem; position:relative;}
.public-celan li .icon{display:block;width:100%;height:2.5rem;overflow:hidden;cursor:pointer;text-align:center; }
.public-celan li .icon img{margin:0 auto;width:2.5rem;display:block;overflow:hidden;}
.public-celan li .t{text-align:center;font-size:1.4rem;color:#cd1928;font-weight:bold;}
.public-celan li:nth-child(1) a:after{content:'';position:absolute; width:3.6rem; height:1px; left:0;bottom:0;right:0; margin:0 auto;background:#e1e1e1;}
/*.public-celan li a:hover{background-color:#e1e1e1;}*/
.public-celan li:nth-child(1) a{border-top-left-radius:10px;}
.public-celan li:nth-last-child(1) a{border-bottom-left-radius: 10px;}
@media screen and (max-width:1024px){
.public-celan{width:6rem;}	
.public-celan li a{padding-top:1.8rem; padding-bottom:1.6rem;}	
.public-celan li .icon{height:2.2rem;}
.public-celan li .icon img{width:2.2rem;}
.public-celan li .t{font-size:1.3rem;}
.public-celan li:nth-child(1) a:after{width:3.4rem;}
}
@media screen and (max-width:768px){
.public-celan{right:0;top:auto;bottom:20%;}
  
.public-celan{width:5rem;}
.public-celan li a{padding-top:1.2rem; padding-bottom:1rem;}	
.public-celan li .icon{height:2rem;}
.public-celan li .icon img{width:2rem;}
.public-celan li .t{font-size:1.2rem;}
.public-celan li:nth-child(1) a:after{width:3rem;;}
}




/*****************************banner start*****************************/






/*indexBanner*/
.wrap{/*width:83.3%; margin-right:auto; margin-left:auto;*/}
.indexBanner{height:100vh; width:100%;}
/*.indexBanner .swiper-slide{clip-path:none; opacity:0; z-index:0;}
.indexBanner .swiper-slide-prev{clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); opacity:0; transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 3;}
.indexBanner .swiper-slide-active{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%); opacity:1; transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 2;}
.indexBanner .swiper-slide-next{z-index: 1;}*/

.indexBanner .img_box,
.indexBanner .video_slide .img_box{position:relative; height:100%;}
.indexBanner .img_box img,
.indexBanner .video_slide .img_box video{width:100%; height:100%; object-fit:cover;}
/* 视频遮罩 */
.indexBanner .video_slide .img_box::after{content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index:0;}
.indexBanner .intro_box{position: absolute; top: 45%; left:0; width:100%; margin-top:-1rem; z-index: 10;}
.indexBanner .intro_box .tit{font-size:8rem; color: #fff; font-weight: bold;width: 100%; text-transform:uppercase; display:none;}


.indexBanner .widgets .wrap{position:relative;}
.indexBanner .swiper-button-prev{width:5rem; height:5rem; background:url(./prev.png) no-repeat center; background-size:cover;border-radius:50%; position:absolute; left:20px; top:50%; margin-top:-2.5rem; transition:all 0.5s ease;}
.indexBanner .swiper-button-next{width:5rem; height:5rem; background:url(./next.png) no-repeat center; background-size:cover;border-radius:50%;position:absolute; right:20px; top:50%; margin-top:-2.5rem; transition:all 0.5s ease;}
.indexBanner .swiper-button-prev::after,.indexBanner .swiper-button-next::after{display:none;}

.indexBanner .btn-area{position:absolute; right:0; bottom:4rem; display:flex;align-items: flex-end;justify-content: flex-start; z-index:1; }
.indexBanner .btn-area .btn-stop,
.indexBanner .btn-area .btn-play{display:inline-block;width:28px;height:0;overflow:hidden;display:none;}
.indexBanner .btn-area .btn-stop{background:url(./btn-slider-stop.png) no-repeat center}
.indexBanner .btn-area .btn-play{display:none;background:url(./btn-slider-play.png) no-repeat center}

.indexBanner .swiper-pagination{position:static}
.indexBanner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:6.8rem; height:auto; margin:0 0.7rem!important;vertical-align: middle;background:transparent;opacity:1;outline: none;}
.indexBanner .swiper-pagination .swiper-pagination-bullet .tit{font-size:1.5rem; color:#fff; text-align: left; opacity:.6; transition:all .5s ease;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active .tit{opacity: 1;}

.indexBanner .swiper-pagination-bullet-active .timer,  
.indexBanner .swiper-pagination-bullet .timer{display:block; position:relative;width:6.8rem; height:5px; margin-top: 1rem; background:transparent;opacity:1;}
.indexBanner .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.2;content:''}

/*.indexBanner .swiper-pagination .swiper-pagination-bullet{width:auto;}*/
.indexBanner .swiper-pagination-bullet-active .timer, 
.indexBanner .swiper-pagination-bullet .timer{width:auto;}

/*process*/
.indexBanner .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#fff;transition-property:width;transition-timing-function: linear;}
.indexBanner .swiper-pagination-bullet-active .process{opacity:1;width:100%;}
/*.indexBanner .swiper-pagination-bullet.play.stop .process{transition:none}*/



/**/
.indexBanner .left-area{position:absolute; top:50%; left:0.35rem; transform:translateY(-50%); z-index: 1; display:none;}
.indexBanner .left-area .pagination-left .line{width:1.55rem; height:2px; padding:0.7rem 0; transition:all .5s ease; cursor: pointer;}
.indexBanner .left-area .pagination-left .line::after{content:""; display: block; width: 100%; height:2px; background:rgba(255,255,255,0.3);}
.indexBanner .left-area .pagination-left .line:first-child{margin-top: 0;}
.indexBanner .left-area .pagination-left .line.active{width:3rem;}
.indexBanner .left-area .pagination-left .line.active::after{background:rgba(255,255,255,1);}


/*scroll_down*/
.indexBanner .scroll_down{position:absolute; left:0; bottom:9rem; z-index:1;}
.indexBanner .scroll_down .txt{font-size:1.5rem;color:#fff;font-weight:bold; text-transform:uppercase;}
.indexBanner .scroll_down .line{display:block; width:3px; height:7.6rem; position:absolute; top:4rem; left:50%; margin-left:-1.5px; overflow:hidden;}
.indexBanner .scroll_down .line:before{height:100%; background:rgba(255,255,255,.7); opacity:.5; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;}
.indexBanner .scroll_down .line:after{background:#fff; left:0px; top:0; content:''; position:absolute; width:2px; -webkit-animation:about_scroll-down-line 4s infinite; -o-animation:about_scroll-down-line 4s infinite; animation:about_scroll-down-line 4s infinite;} 
@keyframes about_scroll-down-line {
	0%, 20% {
	  height:30%;
	  top:-30%;
	}
	80%, 100% {
	  height:30%;
	  top:140%;
	}
}


.indexBanner{overflow:hidden;position:relative; width:100%;min-height:300px;}
.indexBanner .video_slideBox{position:absolute; top:0; left:0; right:0; bottom:0;}
.indexBanner .video_slide{position:relative;height:100%;}
.indexBanner .video_slide .img_box video{object-fit:cover; width:100%; height:100%;}

/*swiper-container*/
.indexBanner .swiper-container{overflow:hidden;position:relative; height:100%;/*cursor: grab;*/}
.indexBanner .swiper-slide{overflow:hidden;position:relative; height:100%;}
.indexBanner .swiper-slide .img_box{overflow:hidden;position:relative;height:100%;}
.indexBanner .swiper-slide img{ display:block;max-width:none;vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;}
.indexBanner .swiper-slide .img_box img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.indexBanner .swiper-slide.swiper-slide-active .img_box img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.indexBanner .swiper-slide .img_box video{ display:block;max-width:none;vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;}
@media screen and (min-width:768.1px){
/*.indexBanner .swiper-slide .img_box img{ -webkit-transform:scale(1.17);-moz-transform:scale(1.17);-ms-transform:scale(1.17);-o-transform:scale(1.17);transform:scale(1.17);-webkit-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4); transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);}
.indexBanner .swiper-slide-active .img_box img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);
-webkit-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4); transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);}*/
}
@media screen and (max-width:780px){
  .indexBanner{position:relative; height:0!important; padding-bottom:100%;}
  .indexBanner .video_slideBox .video_slide{height:100%;}
  .indexBanner .video_slideBox,
  .indexBanner .swiper-container{position:absolute; top:0; left:0; right:0; bottom:0;}
  .indexBanner .intro_box .tit{font-size:3.2rem;}
  .indexBanner .left-area{display:none;}
  .indexBanner .btn-area{right:4%;}
  .indexBanner .btn-area .btn-play,
  .indexBanner .btn-area .btn-stop{display:none!important;}
  
  .indexBanner .swiper-pagination .swiper-pagination-bullet{width:4rem; margin:0 0.6rem!important;}
  .indexBanner .swiper-pagination .swiper-pagination-bullet .tit{display:none;}
  .indexBanner .swiper-pagination-bullet-active .timer, .indexBanner .swiper-pagination-bullet .timer{float:right; width:4rem;height:3px;}

	.indexBanner .scroll_down{bottom:5rem;left:3%;}
	.indexBanner .scroll_down .line{height:3.6rem; top:4rem;}
	
	
}



/*indexPro*/
.indexPro{padding-top:10.5rem;}
.indexPro .inner-wrap{/*width:calc(100% - 100px);*/margin:0 auto}
.indexPro .inner-wrapB{overflow:hidden;display:flex}
.indexPro .item{position:relative;flex: 1;max-height:67rem;height:35vw;background-size:cover !important;/*background-position:center center !important;*/background-position:30% center !important;background-repeat:no-repeat;text-align:center;color:#fff;transition-duration:0.6s;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:1rem; margin-bottom:2rem;}
.indexPro .item+.item{margin-left:1.5rem}
.indexPro .item.on,.indexPro .item:hover{min-width:50%;text-align:left;display:block;background-position:center center !important;}
.indexPro .item::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity: 0.6;}
.indexPro .item::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background:url(./index-proa-s.png) center bottom no-repeat;background-size:cover;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro .item.on::before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro .item.on::after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.indexPro .item .tit{line-height:1.2;font-size:3.2rem;transition-duration:.1s;transition-delay:.1s;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-left:0; margin-bottom:1rem;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase;}
*[lang|="vn"] .indexPro .item .tit{font-family:'Frick',Arial, Helvetica, sans-serif;}

.indexPro .item .des{line-height:1.5;font-size:1.6rem;color:#fff; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-left:0;}
.indexPro .item .inner{position:relative;margin:0; z-index:2;margin:5rem 5rem;}
.indexPro .item .inner-visible,
.indexPro .item .inner-hidden{position:absolute;bottom:0;left:0; width:100%;}
.indexPro .item .inner-visible .inner{display:none;width:100%;min-width:60rem;}
.indexPro .item .inner-hidden .inner{display:block;width:90%;max-width:21rem;margin:5rem auto;}
.indexPro .item.on .inner-visible .inner {display:block;transition-delay:.2s;transition:all .2s;}
.indexPro .item.on .inner-hidden .inner{display:none;transition-delay:.2s;transition:all .2s;}
@media screen and (max-width:1024px){
.indexPro{padding-top:7rem;}
.indexPro .inner-wrapB{ margin-left:-1.5rem;}
.indexPro .item{width:calc(50% - 1.5rem);display:block;background-position:center center !important;}
.indexPro .item.on,.indexPro .item:hover{width:calc(50% - 1.5rem);}
.indexPro .item{margin-left:1.5rem}
.indexPro .item .tit{font-size:2.2rem;}
.indexPro .item .des{font-size:1.4rem;}

.indexPro .item .inner-visible .inner{display:block;width:auto;min-width:0; text-align:center;}
.indexPro .item .inner-hidden .inner{display:none;}
.indexPro .item.on .inner-visible .inner {display: block;}
.indexPro .item.on .inner-hidden .inner{display:none;}

.indexPro .item .inner{margin:3rem 3rem;}
.indexPro .item .inner-hidden .inner{margin:3rem auto;}
}
@media screen and (max-width:768px){
.indexPro{padding-top:5rem;}
.indexPro .inner-wrapB{ margin-left:0;}
.indexPro .item{width:100%;display:block}
.indexPro .item.on,.indexPro .item:hover{width:100%;}
.indexPro .item,
.indexPro .item+.item{margin-left:0}
.indexPro .item .inner{margin:3rem 3rem;}
.indexPro .item .inner-hidden .inner{margin:3rem auto;}
.indexPro .item{height:45vw;}
}

/*index-shuju*/
.index-shuju{padding-top:5rem;padding-bottom:5rem;}
.index-shuju ul{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;flex: 1;justify-content:space-between;}
.index-shuju ul li{padding:2rem 0.8rem; height:15rem; border-right:1px solid #e5e5e5; text-align: center; width:25%;}
.index-shuju ul li:last-child{border-right:none;}
.index-shuju ul li .num{ font-size:4rem; color:#000; font-weight:bold;}
.index-shuju ul li .tit{ font-size:1.6rem; color:#000; font-weight:normal;}
@media screen and (max-width:1024px){
.index-shuju ul li .num{ font-size:3rem;}
.index-shuju ul li .tit{ font-size:1.4rem;}
}
@media screen and (max-width:992px){
.index-shuju ul li .num{ font-size:2rem;}
.index-shuju ul li .tit{ font-size:1.2rem;}
.index-shuju ul li{height:10rem;}
}
@media screen and (max-width:768px){
.index-shuju ul li .num{ font-size:2rem;}
.index-shuju ul li .tit{ font-size:1.2rem;}
.index-shuju ul li{width:50%;border-bottom:1px solid #e5e5e5;height:10rem;}
.index-shuju ul li:nth-last-child(2){border-bottom:none;}
.index-shuju ul li:nth-last-child(1){border-bottom:none;}
.index-shuju ul li:nth-child(2n){border-right:none;}
}


/*indexTit*/
.indexTit{position:relative; z-index:2;}
.indexTit h2{color:#000000;font-size:6rem;line-height:normal;margin-bottom:10px;font-weight:900;}
*[lang|="vn"] .indexTit h2{font-weight:700;}
.indexTit .des{color:#000000;font-size:1.8rem;line-height:1.3;max-width:72%;}
@media screen and (max-width: 1024px){
.indexTit h2{font-size:4rem;}
.indexTit .des{font-size:1.4rem;}
.indexTit .des br{ display:none;}
}
@media screen and (max-width: 768px){
.indexTit h2{font-size:3rem;}
.indexTit .des{font-size:1.4rem;}
.indexTit .des br{ display:none;}
}


/*index-newsList*/
.index-news{ padding-top:7rem;padding-bottom:5rem;}
.index-news .indexTit{ padding-bottom:50px;}
.index-news .indexTit h2{text-transform:uppercase;}
.index-newsList{display:block;font-size:0;line-height:0;margin:0 -1.5rem;}
.index-newsList .swiper-container{ overflow:visible;}
.index-newsList li{width:33.333333%;margin-bottom:6rem;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.index-newsList li .item{ display:block;margin:0 1.5rem;position:relative;}
.index-newsList li .imgBox{overflow:hidden;height:0;position:relative;border-radius:10px;padding-bottom:67.79661016949153%;}
.index-newsList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.index-newsList li .imgBox,
.index-newsList li .imgBox img,
.index-newsList li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.index-newsList li .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.index-newsList li .infoBox{ padding-top:30px;}
.index-newsList li .date{font-size:1.5rem;line-height:1.5;margin-bottom:10px;color:#767574;font-weight:500;}
.index-newsList li .title{font-size:1.8rem;min-height:5.6rem;line-height:2.8rem;color:#000000;font-weight:bold;overflow:hidden; padding-right:8rem;/*margin-bottom:3rem;*/}
.index-newsList li .more{background:url(./m2.png) left top no-repeat; background-size:2rem; height:1rem; display:none;}
.index-newsList li .item:hover .title{color:#cd1928;}
/**/
.index-newsBox{position:relative;overflow:hidden;padding-top:8.5rem;}
.index-newsBox:after{content:'';position:absolute; width:87.1875vw;max-width:1680px; height:50%; left:0;top:0;right:0; margin:0 auto;background:#f0f0f4;}
.index-newsBox .swbtn .swiper-button-prev{left:3rem;top:40%;}
.index-newsBox .swbtn .swiper-button-next{right:3rem;top:40%;}
.index-news .float-cursor{position:fixed; top:0; left:0; z-index:100; margin-left:-53px; margin-top:-22px; pointer-events:none;display:none!important;}
@media screen and (max-width:1024px){
.index-news{ padding-top:4rem;padding-bottom:2rem;}
.index-newsList li .date{font-size:1.3rem;}
.index-newsList li .title{font-size:1.4rem;min-height:5.2rem;line-height:2.6rem;margin-right:0;padding-right:0;}
.index-news .float-cursor{ display:none!important;}

.index-newsBox:after{height:50vw;}
}
@media screen and (max-width:768px){
.index-newsList li{width:100%;}
}


/*indexHot*/
.indexHot{ padding-top:15rem;padding-bottom:7rem;}
/*indexHot_ImgBox*/
.indexHot_Box{margin:0 auto;position:relative; height:100%;}
.indexHot_Box .indexTit{ position:absolute;top:0; left:0; margin-left:9rem; margin-top:23.5rem;width:25%;}
.indexHot_Box .bg{content:'';position:absolute;width:100%; height:85.6%; left:-0;top:7.2%;background:#f0f0f4;}
/*indexHot_ImgBox*/
.indexHot_ImgBox{width:70.2247191011236%;height:auto;float:right; text-align:left;position:relative;}
.indexHot_ImgBox .swiper-slide{width:100%;}
.indexHot_ImgBox .ImgBox{overflow:hidden;padding-bottom:72rem; position:relative;border-radius:10px;}
.indexHot_ImgBox .ImgBox::after{z-index:0; position: absolute; right: 0; top: 0; content: ""; width: 100%; height: 100%;background: url(./index-pro-rdbg.png) center center no-repeat; background-size:100%;}
.indexHot_ImgBox .ImgBox img {position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}
.indexHot_ImgBox a,
.indexHot_ImgBox .ImgBox,
.indexHot_ImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.indexHot_ImgBox .ImgBox:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
/*indexHot_lunbo*/
.indexHot_lunbo{z-index: 2; position: absolute; top: 0; right: 0; width:19rem; height: 100%;border-radius:10px;}
.indexHot_lunbo_box{position: relative; height: 100%; padding: 44px 0;}
.indexHot_lunbo .swiper-container{width: 100%; height: 100%;}
.indexHot_lunbo .swiper-wrapper{width: 100%; height: 100%;}
.indexHot_lunbo .swiper-slide{position: relative;cursor: pointer;}
.indexHot_lunbo .swiper-slide::after{transition: 0.4s;z-index: -1; position: absolute; right: 0; top: 0; content: ""; width: 100%; height: 100%; background-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.indexHot_lunbo .swiper-slide::before{transition: 0.4s;z-index: -1; position: absolute; right: 0; bottom: 0; content: ""; width: 100%; height:1px; background-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.indexHot_lunbo .swiper-slide .item{transition: 0.4s;display: flex; align-items: center; justify-content: space-between;height:100%; text-align:center;font-weight: normal;color:#ffffff;font-size:1.6rem;}
.indexHot_lunbo .swiper-slide-active::after{background-color: #cd1928;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.indexHot_lunbo .swiper-slide-active::before{background-color: transparent;}
.indexHot_lunbo .swiper-slide-active .item{font-weight:bold;}
.indexHot_lunbo .swiper-slide .item .t{ padding:0 1rem;}
.indexHot_lunbo .swiper-button-prev{position: absolute; left: 0;right:0;top:2.4rem; margin:0 auto; width:2.7rem; height:1.8rem; background: url(./arrow-t.png) center center no-repeat; background-size:100%; outline: none;}
.indexHot_lunbo .swiper-button-next{position: absolute; left: 0;right:0; top:auto;bottom:2.4rem;margin:0 auto;  width:2.7rem; height:1.8rem; background: url(./arrow-d.png) center center no-repeat; background-size:100%; outline: none;}
/*mobile_indexHot_Img*/
.mobile_indexHot_Img{ display:none;}
@media screen and (max-width:1024px){
.indexHot_ImgBox{width:100%;height:auto;float:none; text-align:left;position:relative;}
.indexHot_ImgBox .ImgBox{padding-bottom:57.6%;}

.indexHot_lunbo,
.indexHot_ImgBox{ display:none;}


.indexHot{ padding-top:8rem;padding-bottom:7rem; background:#f0f0f4;}
.indexHot_Box .indexTit{ position: relative;top:0; left:0; width:auto; margin:0 auto;margin-bottom:5rem;margin-top:0rem; margin-left:0; text-align:center; }
.indexHot_Box .indexTit h2 br{ display:none;}
.indexHot_Box .indexTit .des{ margin:0 auto;}
.mobile_indexHot_Img{ display: block;}
.mobile_indexHot_Img{width:100%;height:auto;text-align:left;position:relative;}
.mobile_indexHot_Img .swiper-slide{width:100%;}
.mobile_indexHot_Img .swiper-slide .t{ position: absolute; bottom:0; left:0;right:0; z-index:2; font-size:1.6rem; font-weight:bold; text-align:center; color:#fff; padding:2rem 3rem 30px 3rem;}
.mobile_indexHot_Img .swiper-slide .t::before{transition: 0.4s;z-index: 0; position: absolute; right: 0; bottom: 0; content: ""; width: 100%; height:1px; background-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.mobile_indexHot_Img .ImgBox{overflow:hidden;padding-bottom:57.6%; position:relative;border-radius:10px;}
.mobile_indexHot_Img .ImgBox::after{z-index:0; position: absolute; right: 0; top: 0; content: ""; width: 100%; height: 100%;background: url(./index-pro-rdbg.png) center center no-repeat; background-size:100%;}
.mobile_indexHot_Img .ImgBox img{position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}

.mobile_indexHot_Img .swiper-pagination{text-align: center; left: 0; width: 100%; bottom:5px; } 
.mobile_indexHot_Img .swiper-pagination-bullet {opacity:1; width: 6px; height:6px; text-align: center; border-radius:50%;background-color:#fff;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;margin:0 3.5px; } 
.mobile_indexHot_Img .swiper-pagination-bullet-active { background:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} 
}




/*indexAbout*/
.indexAbout{ padding-top:11rem;padding-bottom:12rem;position:relative;margin:0 auto;max-width:1920px;}
.indexAbout .bg{content:'';position:absolute;width:63rem; height:50%; right:50%; margin-right:9rem;bottom:0;background:#f0f0f4; z-index:-1;}
.indexAbout_Box{margin:0 auto; position:relative;}
.indexAbout_ImgBox{ position:absolute;right:52%; top:8.5rem; width:48%; height:100%; z-index:2;}
.indexAbout_ImgBox a{ display:block;}
.indexAbout_ImgBox .ImgBox{overflow:hidden;padding-bottom:81.52173913043478%; position:relative;}
.indexAbout_ImgBox .ImgBox img {position: absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:cover;}
.indexAbout_ImgBox a,
.indexAbout_ImgBox .ImgBox,
.indexAbout_ImgBox .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.indexAbout_ImgBox a:hover .ImgBox img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/*indexAbout_Info*/
.indexAbout_Info{margin-left:32.29%;min-height:92rem; overflow:hidden;background:#cd1928; position:relative;}
.indexAbout_Info .bg2{z-index:0; position: absolute; right:0; top:0;width: 100%; height: 100%;background: url(./index-abbg.png) center center no-repeat; background-size:100%;}
.indexAbout_Info .indexAbout_InfoB{ padding-left:31%; padding-top:8.5rem;padding-bottom:8.5rem;}
.indexAbout_Info .indexTit{ padding-top:15.5rem;}
.indexAbout_Info .indexTit h2{ color:#fff;}
.indexAbout_Info .indexTit .des{ color:#fff; padding-top:10rem;}

.indexAbout_Info .indexTit .more{ margin-top:6rem;}
.indexAbout_Info .indexTit .more a{ display:inline-block;width:16rem;font-size:1.6rem;line-height:5rem;padding:0 2rem;/*border:1px solid #fff;*/ text-align:left; color:#fff; font-weight:500;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; position:relative;}
.indexAbout_Info .indexTit .more a span{display:block; padding-right:2.2rem;background: url(./more.png) right center no-repeat; background-size:2.2rem;}
.indexAbout_Info .indexTit .more a:hover{background:#fff; color:#cd1928;}
.indexAbout_Info .indexTit .more a:hover span{background-image:url(./more2.png);}
.indexAbout_Info .indexTit .more a::before{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform: translate(-50%, -50%) scale(1); border:1px solid #fff; transition: all .5s ease; z-index: 0;}
.indexAbout_Info .indexTit .more a:hover::before{transform: translate(-50%, -50%) scale(1.2); opacity:0;}
.indexAbout_Info .indexTit .more a::after{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform: translate(-50%, -50%) scale(0.8); opacity:0; background:#ea5515; transition: all .5s ease; z-index: -1;}
.indexAbout_Info .indexTit .more a:hover::after{transform: translate(-50%, -50%) scale(1); opacity:1;}
@media screen and (max-width:1220px){
.indexAbout_Info{min-height:50vw;}
/*.indexAbout_Info .indexTit{ padding-top:6rem;}*/
.indexAbout_Info .indexTit .des{ padding-top:4rem;}
}
@media screen and (max-width:1024px){

.indexAbout{ padding-top:8rem;padding-bottom:0rem;position:relative;}
.indexAbout_Info{min-height:55rem;}
.indexAbout_Info .indexTit{ padding-top:4rem;}
.indexAbout_Info .indexTit .des{ padding-top:2rem;}
.indexAbout_Info .indexTit .more{ margin-top:4rem;}
.indexAbout_Info .indexTit .more a{ width:14rem;font-size:1.4rem;line-height:4rem;}	
	
}
@media screen and (max-width:992px){
.indexAbout{ padding-top:5rem;padding-bottom:0rem;position:relative;}	
.indexAbout_Info{min-height:55vw;}

.indexAbout_Info .indexTit{ padding-top:0rem;}
.indexAbout_Info .indexTit .des{ padding-top:0rem;}
}
@media screen and (max-width:768px){
.indexAbout_ImgBox{ position: static;right:0; top:0rem; width:100%;}	
.indexAbout_Info{margin-left:0%;min-height:0;}
.indexAbout_Info .indexTit .des{ padding-top:2rem;max-width:100%;}
.indexAbout_Info .indexAbout_InfoB{padding-left:10%;padding-right:10%;}
.indexAbout_Info .bg2{right:0; top:0;}
}

.pageTech.headerWhite{ padding-top:0!important;}
.pageTech.headerWhite .header-wrapper{background-color:#fff}



/*public-back*/
.public-back{position:fixed;right:0;top:50%;z-index:101;border:1px solid #eeeef2;background:#fff;border-top-left-radius:10px;border-bottom-left-radius: 10px;width:7rem;box-shadow:0 2px 30px rgba(0,0,0,0.1); margin-top:-12rem;}
.public-back .backdiv{position:relative;}
.public-back .backdiv a{display:block;padding-top:2rem; padding-bottom:1.8rem; position:relative;}
.public-back .backdiv .icon{display:block;width:100%;height:2.5rem;overflow:hidden;cursor:pointer;text-align:center; }
.public-back .backdiv .icon img{margin:0 auto;width:2.5rem;display:block;overflow:hidden;}
.public-back .backdiv .t{text-align:center;font-size:1.4rem;color:#cd1928;font-weight:bold;}
.public-back .backdiv a{border-top-left-radius:10px;border-bottom-left-radius: 10px;}
@media screen and (max-width:1024px){
.public-back{width:6rem;margin-top:-10rem;}	
.public-back .backdiv a{padding-top:1.6rem; padding-bottom:1.4rem;}	
.public-back .backdiv .icon{height:2.2rem;}
.public-back .backdiv .icon img{width:2.2rem;}
.public-back .backdiv .t{font-size:1.3rem;}
}
@media screen and (max-width:768px){
.public-back{right:0;top:auto;bottom:20%;margin-top:0;margin-bottom:14rem;}
.public-back{width:5rem;}
.public-back .backdiv a{padding-top:1.2rem; padding-bottom:1rem;}	
.public-back .backdiv .icon{height:2rem;}
.public-back .backdiv .icon img{width:2rem;}
.public-back .backdiv .t{font-size:1.2rem;}
}



/*MoreBtn2*/
.MoreBtn2{text-align:center; cursor:pointer;display:block;padding-top:5.4rem;padding-bottom:5.4rem;}
.MoreBtn2 a{text-align:center;position:relative; display:inline-block;background:#cd1928;min-width:17rem; padding:0 3rem;font-size:1.8rem;line-height:6rem;height:6rem;border-radius:6rem;overflow:hidden;color:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;box-shadow:0 10px 30px rgba(220,3,7,0.3)}
.MoreBtn2 a:hover{ background:#a50714;}
@media screen and (max-width:1024px){
.MoreBtn2{padding-top:5.4rem;padding-bottom:5rem;}
.MoreBtn2 a{min-width:15rem;font-size:1.6rem; padding:0 2rem;line-height:5rem;height:5rem;border-radius:5rem;}
}
@media screen and (max-width:768px){
.MoreBtn2{padding-top:4.4rem;padding-bottom:4rem;}
.MoreBtn2 a{min-width:15rem;font-size:1.4rem;padding:0 2rem;line-height:4.5rem;height:4.5rem;border-radius:4.5rem;}
}

/*socialBimg*/
.socialBimg img{ display:block; width:100%;}


/*honorListBox*/
.honorListBox .smallhonor{ position:relative;}
.honorListBox .smallhonor .swbtn2 .swiper-button-next{right:0;position:absolute;top:0;content:"";width:33.33333%;height:100%;background-color:#fff;z-index:2; background:none;box-shadow: none;}
.honorListBox .smallhonor .swbtn2 .swiper-button-prev{left:0;position:absolute;top:0;content:"";width:33.33333%;height:100%;background-color:#fff;z-index:2;background:none;box-shadow: none;}
@media screen and (max-width:992px){
	.honorListBox .smallhonor .swbtn2{ display:none;}
}


/*productImg*/
.productImg{max-width:1920px;margin:0 auto; text-align:center;}
.productImg img{display:block;max-width:100%;}









/***********************************************tech.css***********************************************/

:root{
--color-main:#0055b8;--color-white:#fff;--color-txt:#111;--color-bg:#f5f5f5;--color-0:#000;--color-3:#333;--color-6:#666;--color-9:#999;--color-border:#dedede;
--fsize-base:.9vw;
/*22*/--fsize-large:calc(var(--fsize-base) * 1.25);
/*20*/--fsize-txt:calc(var(--fsize-base) * 1.16);
/*16*/--fsize-small:calc(var(--fsize-base) * .925);
/*90*/--fsize-h1:calc(var(--fsize-base) * 5.2);
/*26*/--fsize-h2:calc(var(--fsize-base) * 1.5);
/*30*/--fsize-h3:calc(var(--fsize-base) * 1.74);
}
@media (max-width:970px){
	/*:root{--fsize-base:3.8vw}*/
	
:root{--fsize-base:2vw;
/*22*/--fsize-large:calc(var(--fsize-base) * 1.25);
/*20*/--fsize-txt:calc(var(--fsize-base) * 1.16);
/*16*/--fsize-small:calc(var(--fsize-base) * .925);
/*90*/--fsize-h1:calc(var(--fsize-base) * 4);
/*26*/--fsize-h2:calc(var(--fsize-base) * 1.5);
/*30*/--fsize-h3:calc(var(--fsize-base) * 1.74);
}


}


.lazyload,.lazyloading{opacity:0}
.lazyloaded{opacity:1;transition:opacity 300ms}
.blur-up{-webkit-filter:blur(5px);filter:blur(5px);transition:filter 400ms,-webkit-filter 400ms}
.blur-up.lazyloaded{-webkit-filter:blur(0);filter:blur(0)}


/*tech_jindouyun*/
.tech_jindouyun{background:var(--color-0);}
.tech_jindouyun .bigimg img{display:block;width:100%}
.tech_jindouyun .box{position:relative;overflow:hidden;min-height:400px}
.tech_jindouyun .box .bg img{display:block;width:100%}
.tech_jindouyun .box .img img{display:block;width:100%}

.tech_jindouyun .box .con .tit{color:#0e83f2;background:linear-gradient(131.84deg,#32f0ea 0%,#0e83f2 31.25%,#32f0ea 100%);font-size:var(--fsize-h1);line-height:0.9;-webkit-background-clip:text;background-position:100vw;-webkit-text-size-adjust:none;text-decoration:none;/*white-space:nowrap;*/-webkit-text-fill-color:transparent;animation:mainlight 3s linear infinite;animation-fill-mode:forwards; text-transform:uppercase;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight: bold;}
@media (max-width:970px){
.tech_jindouyun .box .con .tit{}
.tech_jindouyun .box .con .tit span br{ display:none;}
.tech_jindouyun .box .con .tit span{display:block;color:#0e83f2;background:linear-gradient(131.84deg,#32f0ea 0%,#0e83f2 31.25%,#32f0ea 100%);font-size:var(--fsize-h1);line-height:0.9;-webkit-background-clip:text;background-position:100vw;-webkit-text-size-adjust:none;text-decoration:none;/*white-space:nowrap;*/-webkit-text-fill-color:transparent;animation:mainlight 3s linear infinite;animation-fill-mode:forwards; text-transform:uppercase;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight: bold;}
}
@keyframes mainlight{0%{background-position:0}
to{background-position:100vw}
}
.tech_jindouyun .box .con .txt{color:var(--color-white);font-size:var(--fsize-h2);margin-top:0.8vw}
@media (max-width:970px){
.tech_jindouyun .box .con .txt{margin-top:2vw}
}
.tech_jindouyun .box .con .lin{width:5vw;height:.3vw;background:linear-gradient(90deg,#0e83f2 60.42%,#4df8fa 100%);margin:2vw auto 0}
@media (max-width:970px){
.tech_jindouyun .box .con .lin{margin-left:0;width:10vw;height:.8vw;margin-top:6vw}
}


/*box01*/
.tech_jindouyun .box01 .cov{position:absolute;bottom:0;left:0;right:0;top:0}
.tech_jindouyun .box01 .cov img{display:block;width:100%}
.tech_jindouyun .box01 .con{position:absolute;top:10%;left:0;right:0;text-align:center}
.tech_jindouyun .box01 .con .sub{color:var(--color-white);font-size:var(--fsize-h2);width:94%; margin:0 auto;margin-bottom:2vw;font-weight:normal; }
@media (max-width:970px){
.tech_jindouyun .box01 .con .sub{}
.tech_jindouyun .box01 .con{top:15%;}
}

.tech_jindouyun .box01 .con .tit{margin-bottom:4.6875vw;}
@media (max-width:970px){
.tech_jindouyun .box01 .con .tit{}
}

.tech_jindouyun .box01 .list{position:absolute;top:28%;left:20%;width:60%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4vw}
@media (max-width:970px){
.tech_jindouyun .box01 .list{grid-template-columns:repeat(2,minmax(0,1fr));width:80%;left:10%;top:35%}
}

.tech_jindouyun .box01 .list .item{text-align:center;color:var(--color-white)}
.tech_jindouyun .box01 .list .item .ih{font-size:var(--fsize-h2);opacity:.5;line-height:1.5;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight: normal;}
@media (max-width:970px){
.tech_jindouyun .box01 .list .item .ih{}
}

.tech_jindouyun .box01 .list .item .ib{font-weight:bold;font-size:var(--fsize-h3);line-height:1.5;color:#b3b3b3;background:linear-gradient(90deg,#b3b3b3,#fff 30%,#b3b3b3 60%);-webkit-background-clip:text;background-position:30vw;-webkit-text-size-adjust:none;text-decoration:none;white-space:nowrap;-webkit-text-fill-color:transparent;animation:textlight 2s linear infinite;animation-fill-mode:forwards;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight: bold;}
@media (max-width:970px){
.tech_jindouyun .box01 .list .item .ib{}
}
@keyframes textlight{0%{background-position:0}
to{background-position:30vw}
}

/*box02*/
.tech_jindouyun .box02 .img01{position:absolute;top:47%;left:0;right:0}
@media (max-width:970px){
.tech_jindouyun .box02 .img01{top:62%}
}
.tech_jindouyun .box02 .con{position:absolute;top:10%;left:0;right:0;text-align:center}
@media (max-width:970px){
.tech_jindouyun .box02 .con{text-align:left;left:10%;right:10%;}
}
.tech_jindouyun .box02 .con .txt{margin-top:1.6vw}
@media (max-width:970px){
.tech_jindouyun .box02 .con .txt{margin-top:2vw}
}
.tech_jindouyun .box02 .list{position:absolute;top:33.3%;left:5.2%;right:5.2%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:970px){
.tech_jindouyun .box02 .list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4vw;left:10%;right:10%;}
}
.tech_jindouyun .box02 .list .item{text-align:center;font-size:var(--fsize-h2);line-height:1.5;color:var(--color-white);opacity:.5;line-height:1.5;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
@media (max-width:970px){
.tech_jindouyun .box02 .list .item{text-align:left}
}
.tech_jindouyun .box02 .img02{position:absolute;top:75%;left:12%;width:76%}
@media (max-width:970px){
.tech_jindouyun .box02 .img02{left:6vw;width:88vw;top:83%}
}
.tech_jindouyun .box02 .img02 img{transition:all .3s}
.tech_jindouyun .box02 .img02:hover img{transform:scale(1.05)}


/*box03*/
.tech_jindouyun .box03 .con{position:absolute;top:8%;left:0;right:0;text-align:center}
@media (max-width:970px){
.tech_jindouyun .box03 .con{text-align:left;left:10%}
}
.tech_jindouyun .box03 .con .lin{margin-top:1vw;}
@media (max-width:970px){
.tech_jindouyun .box03 .con .lin{margin-top:2vw;}
}
.tech_jindouyun .box03 .list{position:absolute;right:13%;top:39%;display:flex;justify-content:flex-end;text-align:right}
@media (max-width:970px){
.tech_jindouyun .box03 .list{justify-content:flex-start;text-align:left;top:20%;right:auto;left:10%}
}
.tech_jindouyun .box03 .list .item{margin-left:6vw;color:var(--color-white);transition:all .3s}
.tech_jindouyun .box03 .list .item:hover{transform:scale(1.05)}
@media (max-width:970px){
.tech_jindouyun .box03 .list .item{margin-left:0;margin-right:6vw}
}
.tech_jindouyun .box03 .list .item .ih{/*80*/font-size:calc(var(--fsize-base) * 4.6);line-height:1.2;display:flex;align-items:center;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight: bold;}
@media (max-width:970px){
.tech_jindouyun .box03 .list .item .ih{font-size:calc(var(--fsize-base) * 3.6);}
}
.tech_jindouyun .box03 .list .item .ih strong{font-weight: bold;}

.tech_jindouyun .box03 .list .item .ib{font-size:var(--fsize-h3);line-height:1.1;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
@media (max-width:970px){
.tech_jindouyun .box03 .list .item .ib{}
}
.tech_jindouyun .box03 .sptxt{position:absolute;right:13%;top:52%;text-align:right}
@media (max-width:970px){
.tech_jindouyun .box03 .sptxt{text-align:left;right:auto;left:10%;top:33%}
}
.tech_jindouyun .box03 .sptxt .lin{width:5vw;height:.3vw;background:linear-gradient(90deg,#0e83f2 60.42%,#4df8fa 100%);margin-left:auto;}
@media (max-width:970px){
.tech_jindouyun .box03 .sptxt .lin{margin-left:0;width:10vw;height:.8vw;}
}
.tech_jindouyun .box03 .sptxt .txt{color:var(--color-white);opacity:.7;font-size:var(--fsize-txt);margin-top:4.1vw;line-height:1.3;}
@media (max-width:970px){
.tech_jindouyun .box03 .sptxt .txt{}
}


/*box04*/
.tech_jindouyun .box04 .con{position:absolute;top:10%;left:0;right:0;text-align:center}
@media (max-width:970px){
.tech_jindouyun .box04 .con{text-align:left;left:10%}
}


.tech_jindouyun .box04 .con .lin{margin-top:1vw;}
@media (max-width:970px){
.tech_jindouyun .box04 .con .lin{margin-top:2vw;}
}
.tech_jindouyun .box04 .img01{position:absolute;top:39.2%;left:17%;width:66%}
@media (max-width:970px){
.tech_jindouyun .box04 .img01{display:none}
}
.tech_jindouyun .box04 .list{position:absolute;top:28%;left:24%;width:60%;display:flex}
@media (max-width:970px){
.tech_jindouyun .box04 .list{left:10%;width:80%;top:31%}
}
.tech_jindouyun .box04 .list .item{flex:1;margin-right:8vw;position:relative;transition:all .3s}
.tech_jindouyun .box04 .list .item:hover{transform:scale(1.05)}
@media (max-width:970px){
.tech_jindouyun .box04 .list .item{margin-right:4vw;}
.tech_jindouyun .box04 .list .item:last-child{margin-right:0}
}
.tech_jindouyun .box04 .list .item .wra{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-white)}
@media (max-width:970px){
.tech_jindouyun .box04 .list .item .wra{text-align:left}
}
.tech_jindouyun .box04 .list .item .wra .ih{/*70*/font-size:calc(var(--fsize-base) * 4.05);font-family:din;font-weight:bold;line-height:1.2;color:#0e83f2;background:linear-gradient(131.84deg,#32f0ea 0%,#0e83f2 31.25%,#32f0ea 100%);-webkit-background-clip:text;background-position:100vw;-webkit-text-size-adjust:none;text-decoration:none;white-space:nowrap;-webkit-text-fill-color:transparent;animation:mainlight 9s linear infinite;animation-fill-mode:forwards;font-family:'Bebas Neue',Arial, Helvetica, sans-serif; font-weight: bold;line-height:1.1;text-align: center;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight: bold;}
@media (max-width:970px){
.tech_jindouyun .box04 .list .item .wra .ih{font-size:calc(var(--fsize-base) * 3.05);}
}
.tech_jindouyun .box04 .list .item .wra .ib{font-size:var(--fsize-h3);line-height:1.1;font-family:'Bebas Neue',Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
@media (max-width:970px){
.tech_jindouyun .box04 .list .item .wra .ib{}
}
.tech_jindouyun .box04 .sptxt{position:absolute;top:90%;left:0;right:0;text-align:center;line-height:1.5;font-size:var(--fsize-small);color:var(--color-white);opacity:.5; font-weight:bold;}
@media (max-width:970px){
/*.tech_jindouyun .box04 .sptxt{line-height:1.6;left:10%;right:10%;text-align:left;top:85%}*/
.tech_jindouyun .box04 .sptxt br{display:none}
.tech_jindouyun .box04{background:#03052c;}
.tech_jindouyun .box04 .sptxt{line-height: 1.2;left: 0;right: 0;text-align:left;top: 0;position: static;width: 80%;margin: 0 auto;padding-top:0; padding-bottom:10%;}
}


/*box05*/
.tech_jindouyun .box05{padding:6vw 0}
.tech_jindouyun .box05 .bigbox{position:relative;width:76%;margin:0 auto}
.tech_jindouyun .box05 .bigbox .img01{position:absolute;top:1.5%;left:1.5%;right:1.5%;border-radius:1vw;overflow:hidden}
.tech_jindouyun .box05 .bigbox .img01 .video{width:100%;height:47vw;object-fit:cover}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox{width:80%;}
.tech_jindouyun .box05 .bigbox .img01 .video{height:92vw;display:none}

.tech_jindouyun .box05 .bigbox .img{position: absolute;top: 0;left: 0;right: 0;overflow: hidden; width: 100%;height: 100%;}
.tech_jindouyun .box05 .bigbox .img img{display:block;width:100%;height:100%;}
}
.tech_jindouyun .box05 .bigbox .img01 img{display:none}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox .img01 img{display:block;height:92vw}

.tech_jindouyun .box05 .bigbox .img01{position: relative;top: 0;left: 0;right: 0;padding:1.5% 1.5%;border-radius:1vw;overflow:hidden;}
}
.tech_jindouyun .box05 .bigbox .con{position:absolute;top:56%;left:10%;right:7%}
.tech_jindouyun .box05 .bigbox .con .tit{white-space:nowrap;}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox .con{position: relative;top:0;left:0;width:83%;margin:0 auto;padding-top:10%;padding-bottom:10%;right:0;}
.tech_jindouyun .box05 .bigbox .con .tit{white-space:initial;}
}
.tech_jindouyun .box05 .bigbox .con .lin{margin:0; margin-top:1.8vw;}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox .con .lin{}
}

.tech_jindouyun .box05 .bigbox .con .tip{line-height:1.3;font-size:var(--fsize-txt);color:#a6a6a7;/*opacity:.5;*/ font-weight:bold; margin-top:3.6vw;}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox .con .tip{/*display:none*/}
}
.tech_jindouyun .box05 .bigbox .con .img02{margin-top:6vw;width:60%}
@media (max-width:970px){
.tech_jindouyun .box05 .bigbox .con .img02{width:90%; position:relative;}
.tech_jindouyun .box05 .bigbox .con .img02 img{ height:auto;}
}


/*box06*/
.tech_jindouyun .box06 .con{position:absolute;top:10%;left:0;right:0;text-align:center}
@media (max-width:970px){
.tech_jindouyun .box06 .con{text-align:left;left:10%}
}

.tech_jindouyun .box06 .con .lin{display:none}
@media (max-width:970px){
.tech_jindouyun .box06 .con .lin{display:block}
}

.tech_jindouyun .box06 .list{position:absolute;left:13%;top:39%;font-size:var(--fsize-h2);color:#a6a6a7;font-weight:normal; line-height:1.5;}
.tech_jindouyun .box06 .list strong{font-weight:normal;color:#fff;}
@media (max-width:970px){
.tech_jindouyun .box06 .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));left:10%;right:10%;top:30%}
}
.tech_jindouyun .box06 .list .item{margin-bottom:2.6vw;position:relative}
@media (max-width:970px){
.tech_jindouyun .box06 .list .item{margin-bottom:6vw}
}
.tech_jindouyun .box06 .list .item::before{position:absolute;left:-1.3vw;top:.7vw;content:"";display:block;width:.6vw;height:.6vw;background:linear-gradient(90deg,#1393f1 0%,#0991f5 100%);border-radius:50%}
@media (max-width:970px){
.tech_jindouyun .box06 .list .item::before{display:none}
}
.tech_jindouyun .box06 .img01{position:absolute;top:28%;right:12%;width:48%}
@media (max-width:970px){
.tech_jindouyun .box06 .img01{top:53%;right:3%;width:94%}
}


/*box07*/
.tech_jindouyun .box07 .con{position:absolute;top:6%;left:0;right:0;text-align:center}
.tech_jindouyun .box07 .con .lin{display:none}
@media (max-width:970px){
.tech_jindouyun .box07 .con .lin{display:block; margin-left:auto; margin-right:auto;}
}
.tech_jindouyun .box07 .img01{position:absolute;top:17%;left:21%;width:58%}
@media (max-width:970px){
.tech_jindouyun .box07 .img01{top:24%;left:4%;width:97%}
}
.tech_jindouyun .box07 .img02{position:absolute;top:59%;left:11%;right:11%}
@media (max-width:970px){
.tech_jindouyun .box07 .img02{top:57%;left:5%;right:5%}
}
.tech_jindouyun .box07 .img02 img{transition:all .3s}
.tech_jindouyun .box07 .img02:hover img{transform:scale(1.05)}




/*indexPro.indexProvn */
.indexPro.indexProvn .inner-wrapB{ margin-left:-1.5rem;}
.indexPro.indexProvn .item{width: calc(50% - 1.5rem);}
.indexPro.indexProvn .item.on,
.indexPro.indexProvn .item:hover{width: calc(50% - 1.5rem);}
.indexPro.indexProvn .item::before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro.indexProvn .item::after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.indexPro.indexProvn .item .inner-visible .inner {display:block;}
.indexPro.indexProvn .item .inner-hidden .inner{display:none;}
.indexPro.indexProvn .item,
.indexPro.indexProvn .item:hover{text-align:left;display:block;background-position:center center !important;}
@media screen and (max-width:768px){
.indexPro.indexProvn .inner-wrapB{ margin-left:0;}
.indexPro.indexProvn .item{width:100%;display:block}
.indexPro.indexProvn .item.on,
.indexPro.indexProvn .item:hover{width:100%;}
.indexPro.indexProvn .item,
.indexPro.indexProvn .item+.item{margin-left:0}
}

/*indexPro.indexProid */
.indexPro.indexProid .inner-wrapB{ margin-left:-1.5rem;}
.indexPro.indexProid .item{width: calc(50% - 1.5rem);}
.indexPro.indexProid .item.on,
.indexPro.indexProid .item:hover{width: calc(50% - 1.5rem);}
.indexPro.indexProid .item::before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.indexPro.indexProid .item::after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.indexPro.indexProid .item .inner-visible .inner {display:block;}
.indexPro.indexProid .item .inner-hidden .inner{display:none;}
.indexPro.indexProid .item,
.indexPro.indexProid .item:hover{text-align:left;display:block;background-position:center center !important;}
@media screen and (max-width:768px){
.indexPro.indexProid .inner-wrapB{ margin-left:0;}
.indexPro.indexProid .item{width:100%;display:block}
.indexPro.indexProid .item.on,
.indexPro.indexProid .item:hover{width:100%;}
.indexPro.indexProid .item,
.indexPro.indexProid .item+.item{margin-left:0}

} 

/*faqbanner img*/
.faqbanner img{ display:block; width:100%;}




/*2024-11-15 newly added*/
/*downloadBox*/
.downloadBox{ padding-bottom:12rem;padding-top:12rem; font-size:2rem; color:#000000; line-height:1.8; font-weight:normal;}
@media screen and (max-width:1024px){
	.downloadBox{ padding-bottom:12rem;padding-top:7rem; font-size:1.4rem;}
}


/*downloadList*/
.downloadList{margin:0 auto;}
.downloadListul{padding-top:9rem;font-size:0;position:relative;margin:0 -1rem;}
.downloadListul li{ display:inline-block;*display:inline;zoom:1;width:33.333333%; vertical-align:top; margin-bottom:2rem;}
.downloadListul li .item{ margin:0 1rem; padding:5rem 6rem;display:block;position:relative;border-radius:10px;overflow:hidden;background:#eeeef2;}
.downloadListul li .item .tit{font-size:3rem;color:#000;font-weight:500;line-height:1.2;margin-bottom:8px;}
.downloadListul li .item .tit a{color:#000;}
.downloadListul li .item .tit a:hover{color:#333;}
.downloadListul li .item .des{font-size:2rem;font-weight:normal;color:#6f6f6f;line-height:1.5;}
.downloadListul li .item .des span{display:inline-block;margin-right:2.6rem;}
.downloadListul li .item .titNr{min-height:12rem;}
.downloadListul li .item .downbtn a{display:inline-block;font-size:2.1rem;line-height:3.8rem;padding:0 2rem;font-weight:normal;color:#cd1928;border:1px solid #cd1928;border-radius:5px;margin-top:1.5rem;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.downloadListul li .item .downbtn a:hover{ background-color:#cd1928;color:#fff;}
@media screen and (max-width:1024px){.downloadListul{padding-top:5rem;}
.downloadListul li{ width:50%;}
.downloadListul li .item{padding:3rem 3rem;}
.downloadListul li .item .tit{font-size:2.4rem;}
.downloadListul li .item .des{font-size:1.8rem;}
.downloadListul li .item .downbtn a{font-size:1.8rem;}

}
@media screen and (max-width:768px){.downloadListul{padding-top:5rem;}
.downloadListul li{ width:100%;}
.downloadListul li .item{padding:3rem 3rem;}
.downloadListul li .item .titNr{min-height:8rem;}
.downloadListul li .item .tit{font-size:2.2rem;}
.downloadListul li .item .des{font-size:1.6rem;}
.downloadListul li .item .downbtn a{font-size:1.6rem;line-height:3.5rem;padding:0 1.8rem;}
}


/*downloadSearch*/
.downloadSearch{width:80%;max-width:950px;margin:0 auto;}
.downloadSearch .downloadSearchB{border:2px solid #c9c9c9;border-radius:10px; overflow:hidden;}
.downloadSearch .selectSearch{margin:0;}
.downloadSearch .selectSearch input.text{font-size:1.8rem;height:5rem;line-height:5rem;padding:0 15rem 0 5rem;border-radius:0;margin-bottom:0;font-weight:normal;color:#000;width:100%;background:#fff;border:none;display:block;}
.downloadSearch .selectSearch .Searchbtn{width:10.5rem;height:5rem;background-image:url(./icon-search3.png);background-size:2.2rem;border-radius:0;}
.downloadSearch .selectSearch .sline{width:1px;height:2.6rem;background:#c9c9c9;position:absolute;right:10.5rem;top:1.2rem; display:block;}
.downloadSearch .selectSearch .delete{width:2rem;height:5rem;margin-right:12rem;}
@media screen and (max-width:1024px){
.downloadSearch .selectSearch input.text{font-size:1.4rem;height:4rem;line-height:4rem;padding:0 14rem 0 4rem;}
.downloadSearch .selectSearch .Searchbtn{width:8.5rem;height:4rem;background-size:1.8rem;}
.downloadSearch .selectSearch .sline{right:8.5rem;height:2rem;top:1rem;}
.downloadSearch .selectSearch .delete{width:2rem;height:4rem;margin-right:9rem;}
}
@media screen and (max-width:768px){
.downloadSearch{width:100%;}
.downloadSearch .downloadSearchB{border:1px solid #c9c9c9;}
.downloadSearch .selectSearch input.text{font-size:1.4rem;height:4rem;line-height:4rem;padding:0 10rem 0 2rem;}
.downloadSearch .selectSearch .Searchbtn{width:5.5rem;height:4rem;background-size:1.6rem;}
.downloadSearch .selectSearch .sline{right:5.5rem;height:2rem;top:1rem;}
.downloadSearch .selectSearch .delete{width:2rem;height:4rem;margin-right:6rem;}

}
.index-vision{
	margin: 12rem auto 0;
}
.index-vision .index-vision-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.index-vision .index-vision-box .index-vision-box-title{
	font-size: 4.8rem;
	color: #000000;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 8px;	
}
.index-vision .index-vision-box .index-vision-box-desc{
	font-size: 2.4rem;
	color: #000000;
	font-weight: 400;
	line-height: 1.5;
}