/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）()
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
.home-top-grid1 {
background: rgba(11, 100, 143, 0.7);
transition: 0.5s all;
}
*{text-transform:uppercase !important!important}
.home-top-grid2 {
background: rgba(226, 23, 55, 0.5);
transition: 0.5s all;
}
.home-top-grid3 {
background: rgba(11, 100, 143, 0.4);
transition: 0.5s all;
}
@font-face {
src: url(../font/HelveticaInserat.ttf);
}
@font-face {
font-family: 'FuturistCondensed';
src: url('../font/FuturistCondensed Regular.TTF');/* IE9*/
src: url('../font/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
/*url('/static/index/web_default/fonts/FuturistCondensed%20Regular.woff') format('woff'), *//* chrome、firefox */
url('../font/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('/static/index/web_default/fonts/FuturistCondensed%20Regular.svg') format('svg');/* iOS 4.1- */
}
@font-face {
font-family: 'Forza Medium';
src: url('/static/fonts/Prompt-Bold.OTF');
}
@font-face {
font-family: 'Forza Light';
src: url('/static/fonts/Prompt-Light.OTF');
}
@font-face {
font-family: 'Forza Book';
src: url('/static/fonts/Prompt-Regular.OTF');
}
@font-face {
font-family: 'Forza Bold';
src: url('/static/fonts/Prompt-Bold.OTF');
}
.ForzaM{font-family: 'Forza Medium';}
.ForzaL{font-family: 'Forza Light';}
.ForzaB{font-family: 'Forza Bold';}
@font-face {font-family: 'iconfont';
src: url('/static/index/web_default/css/font/iconfont.eot'); /* IE9*/
src: url('/static/index/web_default/css/font/iconfont.eot?') format('embedded-opentype'), /* IE6-IE8 */
url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('/static/index/web_default/css/font/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:'iconfont';}
@font-face {
font-family: 'iconfont1'; /* Project id 1502878 */
src: url('../font/font_1502878_vzyvufcq4gp.woff2') format('woff2'),
url('../font/font_1502878_vzyvufcq4gp.woff') format('woff'),
url('../font/font_1502878_vzyvufcq4gp.ttf') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
font-family: 'Forza Book','Arial',"微软雅黑";
min-width: 320px;
color: #666;
overflow-x: hidden;
}
.iconfont {
font-family: 'iconfont';
}
img {
max-width: 100%;
}
li {
list-style: none;
}
i,
em {
font-style: normal;
}
.vcenter {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
display: block;
vertical-align: middle;
margin: auto;
}
.last {
margin-right: 0 !important;
}
.tHide {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.blockFull {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.relative { position: relative;}
a { color: #666; transition: 0.5s;}
a:hover { color: #da3b15; text-decoration: none;}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0; padding: 0;}
img {border: 0;}
p{margin:0;line-height: 1.8;}
strong{font-family: 'Forza Bold';}
.container { width: 100%;max-width: 1520px;padding: 0;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left:3.5%;padding-right:3.5%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;font-family: 'Forza Bold';}
.color-2{color: #222;}
.col-title{}
.col-title h3{}
.col-more{}
.col-more a{display: inline-block;min-width:9.375vw;padding: 0.78vw 18px; margin-right:10px; text-align: center; font-family: 'Forza Medium';line-height: 25px;color: #fff;background: #da3b15; border-radius: 15px;}
.col-more a:hover{box-shadow: 0 0 15px rgba(218,59,21,0.5); background:rgb(78, 113, 133);font-size:24px}
/*header*/
.headSearPhone{position: absolute;right: 0;top: 0;width: 55px; height: 55px;text-align: center; line-height: 55px;}
.headSearPhone a i{font-size: 24px;}
#page{padding-top: 0px; overflow: hidden;}
header{width:100%; height: 70px;position: relative; background: #fff; z-index:1001;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 70px;}
header .container{position: relative;width: 100%;max-width: none;padding: 0 2.6vw;}
header .container>.clearfix{display:flex; align-items:center;}
header .container .nav{margin:auto;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0; background: #0067b7; transition: .5s all;}
.head{width: 100%;height: 70px; background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.05);transition: 0.5s;}
.head.on{position: fixed;left: 0;top:0; }
.headTop{height: 46px;border-bottom: 1px solid #ddd;background: #fff;position: relative;z-index: 1001;}
.headTop .container{max-width: none;overflow-x: hidden;}
.headTop a{ color: #222;}
.headTop a.topbutton{display: flex;padding: 0 2.6vw;line-height: 45px;align-items: center; border-right: 1px solid #ddd;}
.headTop a.topbutton i{font-size: 22px;}
.headTop a.topbutton span{display: inline-block;padding: 0 5px;}
.headTop a.topbutton i.down{font-size: 12px;}
.headTop a.topbutton.active{color: #fff; background: #222;}
.headTop p{padding: 0 2.6vw; line-height: 45px;}
.headTop p a{margin-left: 8px;}
.headTop p a i{font-size: 18px;}
.headTop p a:last-child{margin-left:13px;}
.headTop a:hover{color: #da3b15;}
.headTopGroup{display: block; background: #f5f5f5;}
.headTopGroup .container{display: none; max-width: none;padding: 3vw 2.6vw;overflow-x: hidden;}
.headTopGroup ul{margin:0 -1.5vw;}
.headTopGroup ul li{width: 20%;padding: 0 1.5vw;float: left;}
.headTopGroup ul li h4{margin-bottom: 1vw; line-height: 1.3;color: #222;}
.headTopGroup ul li h4 a{color: #222;}
.headTopGroup ul li h4 a:hover{color: #da3b15;}
.headTopGroup ul li h4 a:after{content: '\e653'; font-family: 'iconfont'; font-size: 20px;position: relative;top: 1px;}
.headTopGroup h3{font-family: 'Forza Bold';color: #333;font-weight: bold;}
.headTopGroup ul.lang{padding-top: 10px;display: flex;flex-wrap: wrap;}
.headTopGroup ul.lang li{margin-top: 10px; line-height:25px;}
.headSear{display:block;position:relative;width:13.02vw;max-width:250px;min-width:150px; overflow:hidden;}
.headSear input{width:100%;height:50px; padding:0 50px 0 25px;line-height:48px;color: #222;background:#f5f5f5;border:1px solid #f5f5f5;outline: none;transition: 0.5s;}
.headSear a#head_search{display:block;position:absolute;right:15px;top:0;color:#222;cursor:pointer;text-align:center;line-height:50px;}
.nav{ display: inline-block;}
.nav ul li{display: inline-block;padding: 0 0.78vw; position: relative; line-height: 70px;}
.nav ul li a{color: #222;}
.nav ul li a i{margin-left: 3px; font-size: 12px;font-weight: bold;}
.nav ul li:hover a { color: #da3b15;}
.nav ul li:hover ul li a { color: #222; }
.nav ul li ul.ul { display: none; width:200px;padding: 10px 0;margin-top: -10px; position: absolute;left: 50%;margin-left: -90px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15);
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
}
.nav ul li ul.ul li { display: block;padding: 0; line-height: 1.8;}
.nav ul li ul.ul li a { padding: 3px 10px; display: block; text-align: center;}
.nav ul li ul.ul li a:hover { color: #fff;background: #da3b15;}
.nav ul li.li10,
.nav ul li.li20{position: static;}
.dropColumn{display: none; width: 100vw;position: absolute;left: 50%;margin-left: -50vw;margin-top: -10px; background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;}
.dropColumn ul.appImages{padding:2vw 0;}
.dropColumn ul.appImages li{width: 20%;line-height: 1.8;margin-top:15px;}
.dropColumn ul.appImages li .pic{margin-bottom: 8px; background: #f5f5f5;}
.dropColumn ul.appImages li .pic:after{padding-bottom:46.8%;}
.dropColumn ul.proColumn{padding: 2vw 0; text-align: left; align-items: flex-start;}
.dropColumn ul.proColumn li h4{line-height: 1.3;}
.dropColumn ul.proColumn li h4 a{color: #da3b15!important; text-transform:uppercase;}
.dropColumn ul.proColumn li .desc{ line-height: 1.6;color: #888;}
.dropColumn ul.proColumn li .pic{margin: 10px 0; background: #f5f5f5;}
.dropColumn ul.proColumn li .pic:after{padding-bottom: 46.8%;}
.dropColumn ul.proColumn li p{}
.dropColumn ul.proColumn li h4 a:hover,
.dropColumn ul.proColumn li p a:hover{color: #da3b15;}
@media (max-width: 991px) {
.headTop p{padding: 0 2vw;}
.headTop p a{margin-left: 4px;}
.headTop p a i{font-size: 16px;}
.headTop p a:last-child{margin-left:8px;}
.headTopGroup ul li{width: auto;}
.headTopGroup h3{font-size: 20px;}
}
@media (max-width: 400px) {
.headTop p{display: none;}
}
/*header*/
/*footer*/
.footer{padding-top: 3%; background: #1d252d; color: rgba(255,255,255,0.6);position: relative; }
/*.footer .padding{padding-left: 7.8%;padding-right: 7.8%;}*/
.footer a{color: rgba(255,255,255,0.6);}
.footer a:hover{color:#fff;}
.footer .container{max-width: 1620px;}
.footerCon{padding-bottom: 2.5vw;margin-bottom: 4.89vw; border-bottom: 1px solid rgba(255,255,255,0.2); }
.footerCon ul li p{margin-top: 8px; line-height: 24px;}
.footerCon ul li.logo-foot{float: left; width:25%;max-width: 370px;}
.footerCon ul li.logo-foot p{margin: 0;}
.footerCon ul li.li2{float: right;width: 30%; max-width: 365px;}
.footerCon ul li.li3{float: right; margin-right: 6vw;}
.footerCon ul li p.tel{font-family: 'Forza Medium';color: #fff;line-height: 1;}
.footerCon ul li p.tel a{color: #fff;}
.footerCon ul li p.email{margin-top: 15px; padding-left: 35px;position: relative;}
.footerCon ul li p.email:before{content: '';width: 22px;height: 16px;position: absolute;left: 0;top:4px;background: url(../image/email.png) center no-repeat;}
.social{margin-top: 2vw;}
.social span{display: block;margin-bottom: 1vw; color: #fff; text-transform: uppercase;}
.social a{margin-right: 0.625vw; display: inline-block;width: 64px;height: 64px; /*width:3.33vw;height: 3.33vw;max-width: 64px;max-height: 64px;min-width:54px;min-height: 54px;*/padding: 8px; border-radius: 50%;position: relative;}
.social a:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border:2px solid #da3b15;transition: 0.8s;border-radius: 50%;opacity: 0;}
.social a i{display: flex;width:100%;height: 100%;align-items: center;justify-content: center;border:1px solid #fff;border-radius: 50%;transition: 0.5s; }
.social a:hover:before{opacity: 1;}
.social a:hover i{background: #da3b15;border-color: #da3b15;}
.social a i.pic {display: block;width: 100%;border-color: #888;}
.social a i.pic img{transition: 0.5s;}
.social a i.pic img.img1{}
.social a i.pic img.img2{opacity: 0;}
.social a:hover i.pic{border-color: #fff;}
.social a:hover i.pic img.img1{opacity: 0;}
.social a:hover i.pic img.img2{opacity: 1;}
.footMess{width: 40%;padding-right: 3vw;}
.footMess .logoimg{margin-bottom: 2.34vw;}
.footMess .email{margin-top: 2.34vw;}
.footMess .email a{color: #fff;}
.footMess .email a:hover{text-decoration: underline;}
.footMess h4{margin-bottom: 8px; text-transform: uppercase;color: #fff;}
.footMess p{line-height: 1.6;color: #fff;}
.footMess ul{max-width: 485px;margin:0;margin-top: 14px; position: relative;}
.footMess ul li{padding: 0;margin-top: 16px;}
.footMess ul li input{display: block;width: 100%;height: 55px;padding:0 15px;color:#333;line-height:55px;background: #fff;border:0;outline: none;}
.footMess ul li.li_1{padding-right: 140px;}
.footMess ul li.li4 input{display: inline-block; width: 40%;max-width: 200px;}
.footMess ul li.sub{width: 140px; position: absolute;right:0;top: 0;}
.footMess ul li.sub input{color: #fff;background: #da3b15;}
.footerNav{width: 60%;}
.footerNav ul{margin:0 -1.82vw;}
.footerNav ul li{padding: 0 1.82vw;}
.footerNav ul li h4{margin-bottom: 1.56vw;}
.footerNav ul li h4 a{color: #fff;text-transform: uppercase;}
.footerNav ul li p{margin-bottom: 8px;}
.footerNav ul li p a:hover{border-bottom: 1px solid rgba(255,255,255,0.6);}
.footerNav ul li p:last-child{margin:0;}
.copy{margin-top: 2.5vw; border-top:1px solid rgba(255,255,255,0.15);color: rgba(255,255,255,0.5);}
.copy a{color: rgba(255,255,255,0.5);}
.copy a:hover{color:#fff;}
.copy .container{padding: 1.5vw 0;}
.copy p span.shu{ margin-left: 1.3vw;}
.copy p a{ margin-left: 1.3vw; border-bottom:1px solid rgba(255,255,255,0.3);}
/*footer*/
/**/
#country-select{display:none; background: #333; color:#fff; position: fixed; height: 60px; padding:10px 0; width: 100%; top: 0px; left: 0px; z-index: 9999; text-align: center;}
#country-select .content{display:inline-block; line-height: 40px;}
#country-select .country{display:inline-block; line-height:40px; background:#555; border-radius:10px; padding:0 15px;}
#country-select button{background: none;border: 0; box-sizing: content-box; color: inherit; cursor: pointer;font: inherit; line-height: inherit; vertical-align: middle;}
.btn-jump{display:inline-block; padding:0px 15px; border-radius:10px; height:40px; line-height:40px; background:#fff; color:#000; text-align:center;}
/*-banner-*/
.banner {width: 100%; position: relative;background: #ccc;z-index: 7;}
.banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
.banner .swiper-slide .content{width: 100%;position: absolute;left: 0;top:0;height: 100%;display: flex;align-items: center;color: #fff;}
.banner .swiper-slide .content h2{font-family: 'Forza Bold';font-weight: bold;}
/*index*/
.banner-index .swiper-slide .pic:after{}
.banner-index .swiper-slide .content p.p1{font-family: 'Forza Medium';line-height: 1.2;text-transform: uppercase;}
.banner-index .swiper-slide .content p.p2{margin-top:5px;font-family: 'Forza Bold';font-size: 4.16vw;font-weight: bold;line-height: 1;}
.banner-index .swiper-slide .content .col-more{margin-top:5.2vw;}
.banner-index .swiper-banner .swiper-pagination{bottom:2vw;}
.banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0 4px;background:#fff;opacity: 1;outline: none;}
.banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#da3b15;}
.banner-index .swiper-banner .swiper-button-prev,
.banner-index .swiper-banner .swiper-button-next{ width: auto;height: auto;margin:0;background: none;opacity: 1;transform: translateY(-50%);z-index: 1; outline: none;}
.banner-index .swiper-banner .swiper-button-prev i,
.banner-index .swiper-banner .swiper-button-next i{ display: block;width: 3vw;height: 3vw;min-width:30px;min-height:30px;display: flex;justify-content: center; align-items: center;color: #da3b15;background: rgba(255,255,255,0.6); transition: 0.5s;font-size: 20px;border-radius: 50%;font-weight: bold; }
.banner-index .swiper-banner .swiper-button-next i{transform: rotateY(180deg);}
.banner-index .swiper-banner .swiper-button-prev i:hover,
.banner-index .swiper-banner .swiper-button-next i:hover{background: #da3b15;color: #fff;}
.banner-index .swiper-banner.swiper-no-swiping .swiper-pagination,
.banner-index .swiper-banner.swiper-no-swiping .swiper-button-next,
.banner-index .swiper-banner.swiper-no-swiping .swiper-button-next{display: none;}
/*page*/
.banner-page .swiper-slide .pic:after{padding-bottom: 39%;}
.banner-page .swiper-slide .content p{line-height: 1.5;}
.banner-page .swiper-slide .content p.p1{margin-top:10px; font-family: 'Forza Medium';}
.banner-page .swiper-slide .content p.p2{margin-top:2.6vw;}
.banner-page .swiper-slide .content p.p3{margin-top:10px; font-family: 'Forza Medium';}
.banner-page .swiper-slide .content .panel{width: 60%;max-width:755px;margin:0 auto;background: none;}
.banner-page-20 .swiper-slide .pic{min-height: 200px;}
.banner-page-20 .swiper-slide .pic:after{padding-bottom: 33.854%;}
.banner-page-20 .swiper-slide .content{background: rgba(0,0,0,.3);}
.banner-page-30 .swiper-slide .pic:after{padding-bottom:50.52%;}
.banVideo{width: 100%;height: 100%;position: absolute;left:0;top:0;background: #000;}
.banVideoImg{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 2; overflow: hidden;}
.banner-page-40 .swiper-slide .pic{min-height: 200px;}
.banner-page-40 .swiper-slide .pic:after{padding-bottom: 30.20%;}
.banner-page-40 .headSear{width: 100%;max-width: 968px;margin:0 auto;margin-top: 1.56vw;}
.banner-page-40 .headSear input{background: #fff;border-color: #fff;}
@media (max-width: 1024px) {
.banner-index .swiper-slide .pic:after{}
.banner-index .swiper-slide .content p.p2{font-size: 40px;}
.banner-index .swiper-banner .swiper-pagination{bottom: 20px;}
.banner-index .swiper-banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;}
/*.banner-page-20 .swiper-slide{height: 310px;}*/
.banner-page-20 .swiper-slide .content .panel{width: 100%;}
.banner-index .swiper-banner .swiper-button-prev i,
.banner-index .swiper-banner .swiper-button-next i{font-size: 14px;}
}
@media (max-width: 767px) {
/*.banner-index .swiper-slide{height: 300px;}*/
}
/*-banner-*/
/*index product*/
.col-index-product{padding-top: 4%; padding-bottom: 7.8%; background: #4d738a; }
.col-index-product .col-title{ color: #fff; }
.col-index-product .list{padding-bottom: 5vw;}
.col-index-product .list .panel{height: 100%; padding:3vw 30% 3.5vw 2vw;position: relative; background: url(../image/bg.jpg) center no-repeat;background-size: cover; }
.col-index-product .list .panel>*{position: relative;z-index: 2;}
.col-index-product .list .panel p{color: #da3b15;line-height: 1;text-transform: uppercase;}
.col-index-product .list .panel h3{margin-top: 0.78vw; color: #222;line-height: 1.1em;min-height: 2.2em; text-transform: uppercase;}
.col-index-product .list .panel .col-more{margin-top: 3.9vw;}
.col-index-product .list .panel .col-more a{ color: #fff;background:#da3b15;border-radius: 5px; }
.col-index-product .list .panel .col-more a:hover{ color: #fff;background: #da3b15; }
.col-index-product .list .panel .pic{width: 80%;height:90%; position: absolute;right: -10%;bottom: -13%; z-index: 1;overflow: visible;}
.col-index-product .list .panel .pic:after{padding-bottom: 70%;}
.col-index-product .list .panel .pic img{max-height: none;}
.col-index-product .swiper-container{}
.col-index-product .swiper-container .swiper-slide{height: auto;}
.col-index-product .swiper-container .swiper-pagination{position: static;margin-top: 3.38vw;}
.col-index-product .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 2.86vw;max-width: 55px;min-width: 28px; height: 6px;margin:0 5px;background: #ddd;border-radius: 0; opacity: 1; }
.col-index-product .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #da3b15; }
.col-index-product-app{margin-top: 2vw;}
.col-index-product-app .bg.pic:after{padding-bottom: 55.358%;}
.col-index-product-app ul{width: 100%;height: 100%;position: absolute;left: 0;top:0;overflow: hidden;}
.col-index-product-app ul li{height: 33.333333333%;padding:0;position: relative;}
.col-index-product-app ul li:before,
.col-index-product-app ul li:after{content: '';position: absolute;}
.col-index-product-app ul li:before{height: 100%;right:-1px;top:0;border-right:1px solid rgba(255,255,255,0.3);}
.col-index-product-app ul li:after{width: 100%;left:0;bottom:-1px;border-bottom:1px solid rgba(255,255,255,0.3);}
.col-index-product-app ul li a{display: block;width: 100%;height: 100%;}
.col-index-product-app ul li .title{width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top:0; color: #fff;}
.col-index-product-app ul li .panel{height: 100%;padding:1px 1.3vw;opacity:0;transition: 0.5s;}
.col-index-product-app ul li .panel .pic{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;}
.col-index-product-app ul li .panel .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background: rgba(0,0,0,0.15);}
.col-index-product-app ul li .panel .txt{width: 100%;padding:10px 0; position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%); z-index: 3;color: #fff;}
.col-index-product-app ul li .panel h4{line-height: 1.3;}
.col-index-product-app ul li .panel p{height: 1.8em;line-height: 1.8em;overflow: hidden;}
.col-index-product-app ul li a:hover .panel{ opacity: 1; }
.col-page-proApplica{padding-top: 6.5%;padding-bottom:8%; color: #fff; background: #4d738a; }
/*index product*/
/*index choose*/
.col-index-choose{padding-top: 6%;padding-bottom: 6%; color: #fff; }
.col-index-choose .content{ width: 100%;max-width: 716px;padding-right: 1.3vw;margin-top: 2vw; border-top:1px solid rgba(255,255,255,0.2); }
.col-index-choose .content ul li{ min-height: 100px;padding:10px 0 0 130px;margin-top: 2vw; position: relative; }
.col-index-choose .content ul li .img{width: 100px; position: absolute;left: 0;top:0;}
.col-index-choose .content ul li p.tit{margin-bottom: 10px;line-height: 1;}
/*index choose*/
/*index about*/
.col-index-about{padding-top: 6.5%;padding-bottom: 6.5%; color: #fff; }
.col-index-about .content{padding: 1vw 0 4vw;}
.col-index-about .content p{line-height: 1.62;}
.col-index-about .col-more a{min-width: 11.45vw; margin: 10px 5px 0;background: none;border:2px solid #fff;}
.col-index-about .col-more a:hover{background: #da3b15;border-color: #da3b15;}
#aPlay span{display: flex;align-items: center;justify-content: center;}
#aPlay span i{margin-left: 1vw; font-size: 14px;line-height: 1;}
.videoPop{display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;}
.videoPop .content{width: 100%; max-width: 1400px; max-height:70vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
#video{width: 98%;max-width: 1400px;max-height:70vh;display: block; margin: 0 auto; }
#videoClose{position: absolute;right:0;top:0;transform: translateY(-100%); font-size: 28px;color: #fff;cursor: pointer;transition: 0.5s;}
#videoClose:hover{color: #da3b15;}
.col-index-about-video{max-width: 1280px;margin:0 auto;margin-top: 3vw;}
.col-index-about-video .bgimg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;}
.col-index-about-video .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,0.15);z-index: 3;}
#aPlayIndex{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 4;}
#aPlayIndex i{display: flex;width:4vw;height: 4vw;max-width: 80px;max-height: 80px;min-width: 48px;min-height: 48px;align-items: center;justify-content: center; color: #da3b15;border-radius: 50%;background: #fff;transition: 0.5s;}
#aPlayIndex i:hover{background: #da3b15;color: #fff;}
#videoIndex{position: relative;z-index: 1;}
/*index about*/
/*page product*/
.col-page-product{padding-top: 6%;padding-bottom: 3%; background: #f8f8f8; }
.col-page-left{padding-left: 0;padding-right: 1vw;}
.product-search{margin-bottom: 1vw; padding: 1.5vw 2vw; background: #fff; }
.product-search .headSear{width: 100%;max-width: none;min-width: auto;margin-top: 1vw;}
.product-search .headSear input{padding-left: 3.64vw;padding-right: 25px; background: #fff;border-color: #ddd; }
.product-search .headSear a#head_search{right: auto;left: 1.5vw;}
.product-cate{padding: 2.6vw 2vw; background: #fff; }
.pronav ul li{margin-top: 1.5vw; padding-left: 16px;position: relative; }
.pronav ul li:before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 10px;background: #222;border-radius: 50%;}
.pronav ul li h4{margin-bottom: 10px; font-family: "Forza Medium";line-height:26px;color: #222;}
.pronav ul li h4 a{color: #222;}
.pronav ul li h4.on a,
.pronav ul li h4 a:hover{color: #e04307;}
.pronav ul li p a:hover,
.pronav ul li p a.on{color: #e04307;border-bottom: 1px solid #e04307;}
.col-page-product .sider {
/*width: 320px;*/
}
.col-page-product .sider .wrap{padding: 2.6vw 2vw; background: #fff;}
.col-page-product .sider .product-search {
margin-bottom: 1vw;
padding: 1.5vw 2vw;
background: #fff;
}
.col-page-product .sider .product-search h3 {
font-weight: bold;
margin-bottom: 12px;
}
.col-page-product .sider .product-search .input{border:1px solid #dedede;}
.col-page-product .sider .product-search .input input {
background: #fff;
outline: none;
height: 55px;
font-size: 16px;
border: none;
}
.col-page-product .sider .product-search .input .inpt3 {
width: calc(100% - 60px);
padding-left: 12px;
}
.col-page-product .sider .product-search .input .inpt4 {
/*width: 60px;*/
font-size: 20px;
}
.col-page-product .sider h2 {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.col-page-product .sider h2 i.iconfont {
margin-right: 10px;
font-size: 20px;
}
.col-page-product .sider h2 span {
font-weight: bold;
}
.col-page-product .sider ul.list li {
padding: 20px 0;
border-top: 1px solid #dddddd;
}
.col-page-product .sider ul.list li h3 {
font-weight: bold;
margin-bottom: 15px;
}
.col-page-product .sider ul.list li h3 a {
color: #39576b;
text-transform: uppercase;
}
.col-page-product .sider ul.list li .child .three {
margin-bottom: 12px;
}
.col-page-product .sider ul.list li .child .three h4 {
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #adadad;
}
.col-page-product .sider ul.list li .child .three h4 a{}
.col-page-product .sider ul.list li .child p {
margin-bottom: 8px;
}
.col-page-product .sider ul.list li .child p:last-child {
margin-bottom: 0;
}
.col-page-product .sider ul.list li .child p a {
transition: 0.25s;
display: flex;
align-items: center;
justify-content: space-between;
}
.col-page-product .sider ul.list li .child p i {
width: 15px;
height: 15px;
border: 1px solid #111;
position: relative;
flex-shrink: 0;
border-radius: 2px;
transition: 0.25s;
}
.col-page-product .sider ul.list li .child p i::after {
content: '';
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 2px;
background: #DC4405;
position: absolute;
left: 2px;
top: 2px;
opacity: 0;
transition: 0.25s;
}
.col-page-product .sider ul.list li .child p.active a,.col-page-product .sider ul.list li .child p a:hover {
color: #DC4405;
}
.col-page-product .sider ul.list li .child p.active i {
border-color: #DC4405;
}
.col-page-product .sider ul.list li .child p.active i::after {
opacity: 1;
}
.col-page-product .sider .manual {
background: #39576b;
padding: 3.3vh 20px;
color: #fff;
}
.col-page-product .sider .manual .content {
line-height: 1.5;
}
.col-page-product .sider .manual .content strong {
font-size: 1.875rem;
display: block;
margin-bottom: 10px;
}
.col-page-product .sider .manual a.more {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background: #fff;
padding: 16px 5px;
margin-top: 6vw;
transition: 0.25s;
}
.col-page-product .sider .manual a.more span {
font-weight: bold;
margin-right: 12px;
}
.col-page-product .sider .manual a.more i {
width: 12px;
height: 12px;
position: relative;
}
.col-page-product .sider .manual a.more i::before,.col-page-product .sider .manual a.more i::after {
content: '';
width: 12px;
height: 2px;
background: #333333;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.25s;
}
.col-page-product .sider .manual a.more i::after {
width: 2px;
height: 12px;
}
.col-page-product .sider .manual a.more:hover {
background: #DC4405;
color: #fff;
}
.col-page-product .sider .manual a.more:hover i::before,.col-page-product .sider .manual a.more:hover i::after {
background: #fff;
}
.col-page-product .col-page-right .description{color: #888888; line-height: 1.5;padding-bottom: 5vh;margin-bottom: 5vh; border-bottom: 1px solid #dddddd;}
.col-page-product .col-page-right .description h3{font-size: 3rem; font-weight: bold; margin-bottom: 20px; color: #333;}
.col-page-product .col-page-right .desc{}
.col-product-desc .product-desc{}
.col-product-desc .product-desc .flex{display:flex; flex-wrap:wrap; align-items:center;}
.col-product-desc .product-desc .img{width:50%; height:500px;}
.col-product-desc .product-desc .img img{width:100%; height:100%; object-fit: cover;}
.col-product-desc .product-desc .content{width:50%;}
.col-product-desc .product-desc .content .inner{padding-left:3vw; color:#111; font-size:16px;}
.col-product-desc .product-desc .content .inner h1,.col-product-desc .product-desc .content .inner h2{font-size:36px; font-weight:bold; color:#111; margin-bottom:15px;}
.col-product-desc .product-desc .content .inner .s-content{height:110px; overflow:hidden; margin-top:15px; position:relative}
.col-product-desc .product-desc .content .inner .s-content.show{height:300px; overflow-y:auto;}
.col-product-desc .product-desc .content .inner .s-content:after{content:""; clear:both; display:table;}
.col-product-desc .product-desc .content .inner .s-content[expanded=true]{overflow:auto;}
.col-product-desc .product-desc .content .inner .s-content[expanded=false]:after {
background-color: rgb(255, 255, 255);
height: 1.5rem;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
content: "";
opacity: 0.6;
}
.col-product-desc .product-desc .content .inner a.showMore{margin-top:15px; display:inline-block; color:#333; text-decoration:underline;}
.col-product-desc .product-desc .content .inner a.more{background:#e04307; display:inline-block; padding:10px 20px; color:#fff; margin-top:15px; margin-right:10px;}
.appnav ul{margin-top: 1.8vw; padding-top: 0.6vw;border-top:1px solid #ddd;}
.appnav ul li{margin-top: 1vw;padding-right: 20px; position: relative; line-height: 25px;cursor: pointer;}
.appnav ul li a{color: #222;}
.appnav ul li span{display: block;width: 14px;height: 14px;position: absolute;right: 0;top:5px;background: url(../image/sq.png) center no-repeat;transition: 0.5s;}
.appnav ul li:hover a,
.appnav ul li.on a{color: #e04307;}
.appnav ul li:hover span,
.appnav ul li.on span{background-image: url(../image/sq-on.png);}
.col-page-right{padding: 0;}
.col-page-right .col-title{margin-bottom: 2vw;padding-bottom: 1.56vw; border-bottom: 1px solid #ddd; }
#product ul{margin:0 -0.5vw; margin-top: -1vw;}
#product ul li{padding: 0 0.5vw;margin-top: 1vw;}
.pro ul li .panel{padding: 1.5vw 1vw;}
.pro ul li .fen{display: flex;align-items: center; position: absolute;left:23px;top:14px;color: #222;z-index: 2;}
.pro ul li .fen img{margin-right: 8px;position: relative;top: -1px;max-width: 106px;max-height: 16px;}
.pro ul li .hot{position: absolute;right: 0;top:0;}
.pro ul li .pic:after{padding-bottom: 100%;}
.pro ul li .pic img{transition: 1s;}
.pro ul li .pic img.img2{opacity: 0;max-height: 80%;}
.pro ul li .pic:hover img.img1{opacity: 0;}
.pro ul li .pic:hover img.img2{opacity: 1;transform: scale(1.05);}
.pro ul li .pic:hover img.imgSmall{transform: scale(0.9);}
.pro ul li h4{color: #222;line-height: 1.3;font-weight: bold; transition: 0.5s;}
.pro ul li h4 a{color: #222; text-transform: uppercase;}
.pro ul li p{color: #888; min-height:35px;text-transform: uppercase;}
.pro ul li .panel:hover h4 a{color: #e04307;border-bottom: 1px solid #e04307;}
.pro ul li p.more {margin-top: 5px; line-height: 1.5; text-transform: uppercase;}
.pro ul li p.more a{display: inline-block;padding: 5px 2vw; background: #e04307;color: #fff;}
.pro ul li p.more a:hover{background: #4d738a;}
.pro_show{padding: 4vw 3.64vw; background: #fff;}
.pro_show .hot{position: absolute;right: 0;top: 0;}
.pro_show .col-more{margin: 2vw 0;}
.pro_show .col-more a span{display: flex;align-items: center;justify-content: center;}
.pro_show .col-more a span i{margin-right: 0.78vw;}
.product-detail .images{width: 49%;}
.pro_show_pc .pic:after{/*padding-bottom:100%;*/}
.pro_show_phone .pic:after{padding-bottom:100%;}
.swiper-container-product{ position: relative; overflow: hidden;}
.swiper-container-product .swiper-slide-thumb-active{opacity:.5}
.swiper-container-product .swiper-slide{border:1px solid #dedede;}
.product-display-container .swiper-slide img{width:100%;}
.swiper-container-product-phone{ position: relative; overflow: hidden;text-align:center;}
.jqueryzoom{
/*height: 500px;*/
width: 100%;
overflow: hidden;
border:1px solid #ddd;
}
.jqueryzoom .cloudzoom{
/*height: 100%;*/
/*margin:0 auto;*/
text-align: center;
}
.product-thumb{ padding:0px 40px; position: relative; margin-top:1.56vw;}
/*.product-thumb .swiper-slide{ height:120px;border:1px solid #ebebeb;}*/
.product-thumb .cloudzoom-gallery{ cursor: pointer; opacity: 0.2; /*height: 100%;*/border:1px solid #ddd;}
.product-thumb .cloudzoom-gallery-active{ opacity: 1;}
.product-detail-prev{ position: absolute;left: 0;color:#000000;padding:6px 8px;top:50%;margin-top:-27px; font-size: 30px;outline: none;z-index: 2;}
.product-detail-next{ position: absolute; right: 0; color:#000000; padding:6px 8px; top:50%; margin-top:-27px; font-size: 30px;outline: none;z-index: 2;}
.cloudzoom-lens {border: 1px solid #888; width: 100px; height: 100px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);cursor: crosshair; background: #fff; z-index: 10;}
/* CSS for zoom window. */
.cloudzoom-zoom { border: 1px solid #888; width: 500px; height: 200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40);z-index: 99;background: #fff;}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside { border: none; box-shadow: none;}
/* CSS for captions */
.cloudzoom-caption {
display: none; /* CSS captions should be hidden initially */
text-align: left; background-color: #000; color: #fff;font-weight: bold; padding: 10px; font-family: sans-serif; font-size: 11px;}
/* A blank image */
.cloudzoom-blank { background-image: url(../image/blank.png);}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {
/*background-image: url(ajax-loader.gif);*/
width: 32px; height: 32px;
}
.product-detail .content{width: 49%;padding-left: 3vw;}
.product-detail .content .title p{margin-top: 8px;text-transform:uppercase;}
.product-detail .content .fen{margin-top: 1vw; display: flex;align-items: center;}
.product-detail .content .fen img{margin-right: 8px;position: relative;top: -1px;}
.product-detail .content .youtube{width:100%; padding-bottom:56.25%; position:relative;}
.product-detail .content iframe{position:absolute; width:100%; height:100%;}
.product-detail .content .cont{margin-top: 1vw; padding-top: 1.3vw; border-top: 1px solid #ddd; }
.product-detail .content .cont ul{}
.product-detail .content .cont ul li{padding-left: 16px;margin-bottom: 10px; position: relative;line-height: 25px; }
.product-detail .content .cont ul li:before{content: '';width: 6px;height: 6px;position: absolute;left: 0;top:9px; background: #666;border-radius: 50%;}
.product-detail .content .cont ul li p{line-height: 25px;}
.product-detail .content .cont ul li:last-child{margin-bottom: 0;}
.prenext{padding-top: 10px;margin-top: 1.3vw; border-top: 1px solid #ddd; }
.prenext a{ color: #888;}
.prenext a:hover{color: #da3b15;border-bottom: 1px solid #da3b15;}
.product-content{margin-top: 3vw; border-top:1px solid #ddd; }
.product-content .title {padding: 2.6vw 0;}
.product-content .content table{width: 100%;margin-bottom: 1.3vw;}
.product-content .content table tr{}
.product-content .content table tr td{padding:0.56vw 13px; /*border:1px solid #ddd;*/ }
.product-content .content table tr.firstRow, .product-content .content table tr:first-child{ /*font-family: 'Forza Medium'; font-size: 18px;*/ }
.product-content .content table tr.firstRow td, .product-content .content table tr:first-child td{padding: 13px; /*background: #f5f5f5;*/}
.product-content .content table tr td h3{margin:20px 0; font-weight:bold;}
.product-parameters{padding:3vw 0 3vw 0; border-top:1px solid #ccc;}
.product-parameters .features {color:#111; font-size:16px; margin:10px 0;}
.product-parameters .features h2{font-family:'Forza Bold';color:#111; margin-bottom:20px; font-weight:600}
.product-parameters .features p{margin-bottom:15px;}
.product-parameters .param {color:#111; margin:10px 0;}
.product-parameters .param>div{overflow-x:auto;}
.product-parameters .param h2{font-family:'Forza Bold';color:#111; margin-bottom:20px; font-weight:600}
.product-parameters .param table{width:100%!important; border-collapse:collapse;}
.product-parameters .param table .firstRow td{background:rgb(78, 113, 133); color:#fff; padding:5px 10px!important;}
.product-parameters .param table tr td{width:50%; border:1px solid #ccc; padding:5px 10px;}
.product-support{padding:3vw 0; border-top:1px solid #ccc;}
.product-support .col{margin:10px 0;}
.product-support .col h2{font-family:'Forza Bold';color:#111; margin-bottom:20px; font-weight:600}
.product-support .col table {width:100%;}
.product-support .col table tr td,.product-support .col ul li{padding: 10px 0; }
.product-support .col table tr:nth-child(2n) td,.product-support .col ul li:nth-child(2n){font-size:16px;}
.product-support .col table tr:nth-child(2n) td a,.product-support .col ul li:nth-child(2n) a{text-decoration:underline;}
.product-support .col table tr:nth-child(2n-1) td,.product-support .col ul li:nth-child(2n-1){border-bottom:1px solid #ccc;font-size:16px; cursor:pointer}
.product-support .col table tr:nth-child(2n-1) td h3,.product-support .col ul li:nth-child(2n-1) h3{padding:10px 0;font-size:18px; font-weight:bold; color:#111; position:relative; cursor:pointer}
.product-support .col table tr:nth-child(2n-1) td h3 i,.product-support .col ul li:nth-child(2n-1) h3 i{position: absolute;
right: 10px;top: 10px; top: 50%; margin-top:-12px; font-size: 24px; transition: 0.2s all;}
.product-support .col table tr:nth-child(2n),.product-support .col ul li:nth-child(2n){display:none;}
.product-support .col table tr:nth-child(2),.product-support .col ul li:nth-child(2){display:block;}
.product-support .support table tr:nth-child(2n),.product-support .support ul li:nth-child(2n){ height:205px; overflow-y:auto;}
/* WebKit内核浏览器定制 (Chrome/Safari/Edge) */
.product-support .support ul li:nth-child(2n)::-webkit-scrollbar {
width: 10px; /* 垂直滚动条宽度 */
height: 10px; /* 水平滚动条高度 */
}
/* 滚动条轨道 */
.product-support .support ul li:nth-child(2n)::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
margin: 4px 0; /* 轨道边距 */
}
/* 滚动条滑块 */
.product-support .support ul li:nth-child(2n)::-webkit-scrollbar-thumb {
background: #c0c0c0;
border-radius: 5px;
border: 2px solid #f1f1f1; /* 创建内边距效果 */
background-clip: padding-box; /* 防止背景溢出 */
}
/* 滑块悬停状态 */
.product-support .support ul li:nth-child(2n)::-webkit-scrollbar-thumb:hover {
background: #a0a0a0;
}
/* 滑块激活状态 */
.product-support .support ul li:nth-child(2n)::-webkit-scrollbar-thumb:active {
background: #808080;
}
/* Firefox兼容方案 */
@supports (scrollbar-color: auto) {
.product-support .support ul li:nth-child(2n) {
scrollbar-width: thin; /* auto | thin | none */
scrollbar-color: #c0c0c0 #f1f1f1; /* 滑块 轨道 */
}
}
.product-support .faq table tr:nth-child(2n-1) td h3,.product-support .faq ul li:nth-child(2n-1) h3{padding:10px 30px 10px 0; }
.product-swiper{margin-top: 4vw;}
.product-swiper .title{max-width: 620px;margin:0 auto;}
.product-swiper .swiper-container{margin-top: 2vw;}
.product-swiper .swiper-container .swiper-pagination{position: static;margin-top: 1.56vw;}
.product-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 12px;height: 12px;margin:0 5px;background: #ddd;opacity: 1; }
.product-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #e04307; }
.product-content .content ul {display: flex;
flex-wrap: wrap;}
.product-content .content ul li{width: 49.5%;
margin-bottom: 1%;}
.product-content .content ul li:nth-child(2n-1){margin-right:1%;}
.product-content .content video{width:100%; height:auto;}
/*page product*/
/*page about*/
.col-brand-value{padding-top: 6%;padding-bottom: 6%; background: #f5f5f5; }
.col-brand-value .list{margin-top: 2vw;}
.col-brand-value .list ul{display: flex;flex-wrap: wrap;}
.col-brand-value .list ul li{display: flex;padding: 0;}
.col-brand-value .list ul li .pic{width: 50%; background: #ccc;}
.col-brand-value .list ul li .pic:after{padding-bottom: 92.105%;}
.col-brand-value .list ul li .con{width: 50%;padding:2vw;position: relative; display: flex;align-items: center;background: #fff;}
.col-brand-value .list ul li .con:before{content: '';width: 13px;height: 30px;position: absolute;left: -12px;top: 50%;margin-top: -15px; background: url(../image/sangle.png) center no-repeat;}
.col-brand-value .list ul li .con img{height: 3.38vw;max-height: 65px;min-height: 35px;}
.col-brand-value .list ul li .con h3{margin:2vw 0 1vw;text-transform: uppercase;}
.col-brand-value .list ul li .con p{line-height: 1.7;}
.col-brand-value .list ul li.li3,
.col-brand-value .list ul li.li4{flex-direction: row-reverse;}
.col-brand-value .list ul li.li3 .con:before,
.col-brand-value .list ul li.li4 .con:before{left: auto;right: -12px;transform: rotateY(180deg);}
.col-page-about{padding-top: 6%;padding-bottom: 6%;}
.col-page-about p{line-height: 1.5;}
.col-page-about .container{max-width: 1200px;}
.col-page-about .col-title h3{text-transform: uppercase;}
.col-page-about .content{margin-top: 1vw;}
.col-page-about .content p{margin-bottom: 9px;}
.col-page-about .content p:last-child{margin-bottom: 0;}
.col-page-about .pic{margin-top: 2vw;}
.col-page-about .pic .desc{width:45%;padding: 0 3.64vw; position: absolute;left: 0;top:50%;transform: translateY(-50%); color: #fff;white-space: normal; }
.col-page-about .pic .desc p.tit{margin-bottom: 1.25vw; line-height: 1.2;text-transform: uppercase;}
.col-page-about .description{margin-top: 5vw; line-height: 1.2;font-size: 2.08vw; }
.col-page-about .description span{ color: #da3b15; }
/*page about*/
/*page support*/
.col-page-support{padding-top: 4.68%;padding-bottom: 4.68%; background: #f8f8f8; }
.supportnav{margin-bottom: 12px;}
.supportnav ul{display: flex;}
.supportnav ul li{float: left;width: 100%;position: relative; border-right:1px solid #ddd;}
.supportnav ul li:after{content: '';width:0;height: 4px;position: absolute;left: 0;bottom: 0; background: #e04307;opacity: 0;transition: 0.5s;}
.supportnav ul li a{display: block;height: 100%; padding: 1.14vw; color: #222;background: #fff;}
.supportnav ul li .flex{display: flex;align-items: center;justify-content: center;}
.supportnav ul li .pic{width: 41px;margin-right: 1vw;}
.supportnav ul li .pic:after{padding-bottom: 87.8%;}
.supportnav ul li .pic img{transition: 0.5s;}
.supportnav ul li .pic img.img1{}
.supportnav ul li .pic img.img2{opacity: 0;}
.supportnav ul li:hover:after,
.supportnav ul li.on:after{width: 100%;opacity: 1;}
.supportnav ul li:hover a,
.supportnav ul li.on a{color: #e04307;}
.supportnav ul li:hover .pic img.img1,
.supportnav ul li.on .pic img.img1{opacity: 0;}
.supportnav ul li:hover .pic img.img2,
.supportnav ul li.on .pic img.img2{opacity: 1;}
.supportnav ul li.li2{border:0;}
.supportnav ul li.li3{margin-left: 12px; border:0;}
.supportnav ul li.li3:after{display: none;}
.supportnav ul li.li3 a:hover{ color: #fff; background: #e04307;}
.supportnav ul li.li3 .pic{margin-right: 0;}
.supportnav ul li.li3 .pic i{font-size: 20px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.supportnav ul li.li3 a:hover span{text-decoration: underline;}
.col-page-support .container_support{padding: 4.68vw 6vw;background: #fff;}
.col-page-support .policy .content{padding-top: 1.2vw;}
.col-page-support .policy .content p{margin-top: 0.78vw; line-height: 1.6;}
.col-page-support .policy .content a{color: #e04307;}
.col-page-support .policy .content a:hover{border-bottom:1px solid #e04307;}
.download{/*margin-top: 4.68vw;padding-top: 4.68vw; border-top:1px solid #ddd;*/ }
.download .desc{margin-top: 10px; color: #555;}
.download .lists{margin:0 -10px;margin-top: 1.5vw;display: flex;flex-wrap: wrap;}
.download .list{padding: 0 10px;margin-top: 20px;}
.download .list .panel{height: 100%;border:1px solid #ddd; position: relative;}
.download .list .pic{ background: #f5f5f5; }
.download .list .pic:after{ padding-bottom: 68.29%; }
.download .list .txt{padding:1.82vw 1.3vw 0; }
.download .list .txt ul{padding: 0.52vw 0;}
.download .list .txt ul li{padding: 10px 0;padding-right: 25px; position: relative; border-bottom: 1px dashed #ddd; }
.download .list .txt ul li p{line-height: 25px; text-transform: uppercase;}
.download .list .txt ul li i{position: absolute;right: 0;top:10px;}
.download .list .txt ul li:last-child{border:0;}
.download .list .txt ul li a{transition: 0s;}
.download .list .txt ul li a:hover p{text-decoration: underline;}
/*page support*/
/*page contact*/
.contact{display: flex;padding: 4vw 6.5vw; background: #fff; }
.contactway1{width: 55%;padding-right: 6.25vw; border-right: 1px solid #ddd; }
.contactway1 .col-title h4{margin-top: 5px; line-height: 1;color: #e04307;}
.contactway1 .desc{margin-top: 1.82vw; color: #666;}
.contactway1 .desc p{line-height: 1.55;}
.contactway1 .col-more{margin-top: 4vw;}
.contactway1 .col-more a{padding-left: 1.45vw;padding-right: 1.45vw; background: #e04307;}
.contactway1 .col-more a img{margin-left: 3vw;}
.contactway2{width: 45%;padding-left: 6.25vw;}
.contactway2 ul li{margin-bottom: 1vw; padding-left: 25px;position: relative;}
.contactway2 ul li img{position: absolute;left: 0;top:2px;}
.contactway2 ul li p{ line-height:25px; }
.contactway2 ul li p.txt{margin-top: 8px; font-family: 'Forza Medium';line-height: 1.25;}
.contactway2 ul li p.tel{ line-height: 1; }
.contactway2 ul li p a{color: #e04307;text-decoration: underline;}
.contactway2 ul li:last-child{margin:0;}
.message{margin-top: 27px;padding: 4vw 6.5vw; background: #fff; }
.message ul{margin:0 -0.625vw;}
.message ul li{padding: 0 0.625vw;margin-top: 1vw;}
.message ul li p{line-height: 1.8;color: #333;margin-bottom:0.52vw;}
.message ul li input,
.message ul li select,
.message ul li textarea{ width: 100%;padding:0 24px;height:55px;line-height: 53px; background: #fff;border:1px solid #ddd;outline: none;}
.message ul li textarea{float: left;padding:13px 24px;height:7.44vw;max-height:143px;min-height:90px;line-height: 25px;}
.message ul li.li3{width: 100%;}
.message ul li.li4 input{width: 45%;max-width: 250px;}
.message ul li.sub{margin-top: 2.5vw; text-align: center;}
.message ul li.sub input{width: 45%;max-width: 250px;background: #da3b15;border-color: #da3b15;color: #fff;transition: 0.5s;}
/*page contact*/
/*page news*/
.col-page-news{padding-top: 6%;padding-bottom: 6%; background: #f8f8f8;}
.col-news-left{padding: 0;}
.newsnav{padding: 1.56vw; background: #fff; }
.newsnav h3{padding-bottom: 1.5vw; border-bottom: 1px solid #ddd; }
.newsnav ul{padding-top: 1vw;}
.newsnav ul li{margin-top: 10px;}
.newsnav ul li a{color: #222;}
.newsnav ul li a:hover,
.newsnav ul li.on a{color: #e04307;}
.lastNews{margin-top: 1.5vw; padding: 1.56vw; background: #fff; }
.lastNews h4{color: #e04307;}
.lastNews ul li{padding: 1.3vw 0; border-bottom: 1px dashed #ddd; }
.lastNews ul li p{line-height: 1.4; }
.lastNews ul li p a{ color: #222; }
.lastNews ul li p a:hover{ color: #e04307; }
.lastNews ul li span{display: block;margin-top: 1vw;}
.lastNews ul li:last-child{ padding-bottom: 0;border:0; }
.newsPro{margin-top: 1.5vw;}
.newsPro .swiper-container .swiper-pagination {position: static;margin-top: 15px;}
.newsPro .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px;height: 10px;margin:0 5px;background: #ccc;opacity: 1;}
.newsPro .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #e04307; }
.col-news-right{padding-left:3vw;padding-right: 0; }
.news ul{margin-top: -2.86vw;}
.news ul li{padding: 2.86vw 0; border-bottom: 1px solid #ddd; }
.news ul li .pic:after{padding-bottom: 37.44%;}
.news ul li h4{margin-top: 1.3vw; line-height: 1.5; }
.news ul li h4 a{ color: #222; }
.news ul li span{display: block;margin-top: 1vw; line-height: 1;}
.news ul li p{ height: 3em;margin-top: 1vw; line-height: 1.5em;overflow: hidden; }
.newshow{padding: 5.2vw 0;}
.newshow .newshowtit {
text-align: center;
border-bottom: 1px dotted #bfbebe;
}
.newshow .newshowtit h1 {line-height: 1.3;color: #222; }
.newshow .newshowtit .date {
line-height:1.8;padding: 22px 0;
font-size: 12px;
color: #999;
}
.newshow .newshowtxt{margin:30px 0;}
.newshow .newshowtxt table{width:100%;}
.newshow .newshowtxt table td{border:1px solid #dedede;}
.newshow .newshowtxt p {
line-height: 1.8;
}
.newshow .newshowtxt a{text-decoration:underline; color:#337ab7}
.newshow .newshowtxt img{margin:1.33rem 0;}
.newshow .newshowimg {
text-align: center;
margin: 65px 0;
}
.prev-next {
float: left;
margin-top: 10px;
}
.prev-next a {
display: block;
color: #999;
line-height: 25px;
transition: 0.3s;
}
.prev-next a b {
color: #666;
}
.prev-next a:hover {
color: #da3b15;
}
.prev-next a.prev {
border-bottom: 1px dashed #d4d4d4;
}
/*page news*/
/*page*/
.page { text-align: center;margin-top:4vw;}
.page ul{margin:0;}
.page li { display: inline;}
.page li a{
border-radius: 0!important;
background: #fff;
padding: 8px 14px;
margin: 0 3px;
display: inline;
margin-bottom:0px;
color:#333;
border:1px solid #ddd!important;
}
.page li a:hover,
.page li.active a {
background: #da3b15!important;
border: 1px solid #da3b15!important;
color: #fff;
}
.page li.bgnone a{
background: none;
}
.page li.bgnone a:hover {
color: #2d2e66;
}
@media (max-width: 991px) {
.page{margin-top: 40px;}
.page li a{ padding: 5px 10px;}
}
/*page*/
/*search*/
.goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
#search{ min-height:600px; padding-top:5.5%;padding-bottom:5.5%; overflow:hidden; }
.search_left{ border: 1px solid #d6d6d6; padding-top:5px; padding-bottom:5px; }
.s_head{ border-bottom: 1px solid #d6d6d6; height: 50px; }
.s_head h2{ line-height: 50px; }
.s_body ul{ margin-top: 10px;}
.s_body ul span{display: block;color: #333;line-height: 40px;}
.s_body ul input,
.s_body ul select{
height: 35px;
width: 100%;
line-height: 35px;
border: 1px solid #e6e6e6;
padding-left: 10px;
margin-bottom: 10px;
}
.s_body .sub input{
height: 35px;
line-height: 35px;
background: #575757;
border: 0;
font-weight: bold;
color: #fff;
transition: 0.3s;
text-align: center;
padding-left: 0px;
}
.search_right{ padding-left: 40px;padding-right: 0; }
.search_right .no-result{
text-align: center;
/*font-size: 30px;*/
color:#d80808;
margin-top:50px;
}
.search-result-title{
/*font-size: 20px;*/
font-weight: 600;
color: #333;
line-height: 30px;
height: 30px;
overflow: hidden;
}
.entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
.entry-c{ position: relative; overflow: hidden; }
.search-result-info{ padding:5px 0; }
.search-result-info li{ display: inline-block; }
.search_right em{ color: #004cff; }
.search_right .search-result{ margin-left:25px; }
.product_title a{ color: #d80808; text-decoration: underline; }
.search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
.search_right li{ overflow: hidden; }
.search-result-info li:before{
content: '/';
display: inline-block;
margin-left: 10px;
margin-right: 10px;
opacity: 0.5
}
.search-result-info li:first-child:before { display: none; }
.product_list{ padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; }
.product_img{ float: left; }
.product_img img{ border-radius: 50%; }
.product_img img:hover{ width: 90px; height: 90px; }
.product_body{ float: left; margin-left: 20px; margin-top: 10px; }
.product_title{ margin-bottom: 20px; }
.se_news{ float: right; width: 79%; }
.news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s; }
.search_right .news .date em{ color: #fff;}
@media (max-width: 991px){
#search{padding-top: 55px;padding-bottom: 55px;}
.search_right{padding-left:15px;}
}
@media (max-width: 767px){
.search_right{padding-left:0;margin-top:40px;}
.entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
}
/*search*/
/*other*/
#gotoTop{
display: block;
z-index: 1002;
position: fixed;
width: 60px;
height: 60px;padding-top:12px;
background-color: #fff;
border:1px solid #ddd;
font-size:18px;
line-height: 1;
text-align: center;
color: #333;
top: auto;
left: auto;
right: 1.5vw;
bottom: 50px;
cursor: pointer;
border-radius: 0;
transition: 0.5s;
}
#gotoTop i{display: block;transform: rotate(180deg);color: #da3b15;transition: 0.5s;}
#gotoTop:hover{
background-color: #da3b15;color: #fff;border-color: #da3b15;
}
#gotoTop:hover i{color: #fff;}
.rightFix{position:fixed;right:1.5vw;bottom:110px;z-index:1002;}
.rightFix ul{width:60px;margin:0 auto;}
.rightFix ul li{margin-bottom: 0.6vw; position:relative;text-align: center;}
.rightFix ul li a{width: 60px;height: 60px;line-height: 58px; display:block;color: #da3b15;background: #fff;border:1px solid #ddd;position: relative;z-index: 2; }
.rightFix ul li a i{font-size: 23px;}
.rightFix ul li span{font-size: 12px;color: #696969;display:block;text-align:center;line-height:26px;}
.rightFix ul li:hover a{color: #fff;background: #da3b15;border-color: #da3b15;}
.rightFix ul li:hover .img{transform: rotateY(360deg);transition: all 2s ease;}
.rightFix ul li:hover span{color: #a55f12}
.rightFix ul li.li_tel .tel{height:70px;padding: 0 15px; position:absolute;right:0;line-height:70px;top:50%;margin-top:-35px;text-align:center;font-size:20px;color: #da3b15;white-space: nowrap;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);transform: translateX(120%); opacity:1;transition:0.8s;}
.rightFix ul li.li_tel:hover .tel{opacity:1;transform: translateX(0);right:75px;}
/*other*/
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px) {
header{height: 55px;}
header h1{width: 100%; height: 55px;line-height: 55px;text-align: center;}
header h1 img{display: inline-block;max-height: 60%;}
.head{height: 55px;}
#header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top:0;left: 0; padding: 12.5px; }
#header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
#header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
#header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #da3b15; position: absolute; left: 0; top: 14px;
/*transition: transform .2s ease .2s;
-webkit-transition: -webkit-transform .2s ease .2s;*/
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
#header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
#header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
#header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
#header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
#header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
#header .mm_btn.is_active .menu_bar_item {
transform: translateZ(0) rotate(45deg);
transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
-webkit-transform: translateZ(0) rotate(45deg);
-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
}
/*菜单弹出方向*/
/*.mm-menu_offcanvas{left: auto!important;}
.mm-menu{right: 0!important;}
.mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
.mm-slideout{z-index: 10!important;}
.mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
-webkit-transform: translate(-80vw,0)!important;
-ms-transform: translate(-80vw,0)!important;
transform: translate(-80vw,0)!important;
-webkit-transform: translate3d(-80vw,0,0)!important;
transform: translate3d(-80vw,0,0)!important;
transform: translate3d(80vw,0,0)!important;
}
.mm-wrapper_opened .mm-menu_fx-menu-slide {
-webkit-transform: translate(0,0)!important;
-ms-transform: translate(0,0)!important;
transform: translate(0,0)!important;
-webkit-transform: translate3d(0,0,0)!important;
transform: translate3d(0,0,0)!important;
}*/
/**/
#menu{ color:rgba(0,0,0,.8);}
#menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
#menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
#menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
#menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
#menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
#menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
#menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
#menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
/*.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
-webkit-transform: translate(-440px,0)!important;
-ms-transform: translate(-440px,0)!important;
transform: translate(-440px,0)!important;
-webkit-transform: translate3d(-440px,0,0)!important;
transform: translate3d(-440px,0,0)!important;
}*/
}
@media (max-width: 991px){
.col-more a{min-width:100px;padding: 5px 15px;}
.col-more a:hover{box-shadow: 0 0 15px rgba(218,59,21,0.5);}
/*footer*/
.footer{padding-top:40px;text-align: center;}
.footerCon{padding-bottom:30px;margin-bottom: 40px;}
.footerCon ul li p{margin-top: 5px;line-height: 1.5; }
.footerCon ul li.logo-foot{float: none; width:80%;max-width:240px;margin:0 auto;padding-bottom: 20px;}
.footerCon ul li.logo-foot p{margin: 0;}
.footerCon ul li.li2{float: none;width: 100%; max-width: none;}
.footerCon ul li.li3{float: none; margin-right:0;margin-top: 8px;}
.footerCon ul li p.tel{font-family: 'Forza Medium';color: #fff;line-height: 1;}
.footerCon ul li p.tel a{color: #fff;}
.footerCon ul li p.email{margin-top:8px; padding-left: 0;position: relative;}
.footerCon ul li p.email:before{display: inline-block;position: relative;left:auto;top:2px;margin-right: 4px;}
.social{margin-top: 20px;}
.social span{display: block;margin-bottom: 10px;}
.social a{margin-right: 5px;}
.footMess{width: 100%;padding-right: 0;}
.footMess .logoimg{width: 200px; margin-bottom: 20px;}
.footMess .email{margin-top: 20px;}
.footMess ul{max-width: 485px;margin:0 auto; margin-top: 10px;}
.footMess ul li{margin-top: 10px;}
.footMess ul li input{height: 40px;line-height:40px;}
.footMess ul li.li_1{padding-right: 100px;}
.footMess ul li.li4{text-align: left;}
.footMess ul li.sub{width: 100px;}
.footerNav{width: 100%;}
.footerNav ul{margin-top: 0;}
.footerNav ul li{margin-top: 30px;width: 100%;text-align: center;}
.footerNav ul li h4{margin-bottom: 13px;}
.footerNav ul li p{display: inline-block; margin: 0 1vw!important;line-height: 1.6;}
.copy{margin-top: 25px;}
.copy .container{padding:15px 0;}
.copy p span.shu{ margin-left:10px;}
.copy p a{ margin-left:10px;}
/*footer*/
/*index product*/
.col-index-product{padding-top: 40px; padding-bottom:70px;}
.col-index-product .list{padding-bottom: 50px;}
.col-index-product .list .panel{padding:30px 50% 35px 20px;}
.col-index-product .list .panel h3{margin-top: 8px;}
/*.col-index-product .list .panel .col-more{margin-top:40px;}*/
.col-index-product .list .panel .pic{width: 55%; right: 20px;bottom: -5.65%;}
.col-index-product .swiper-container .swiper-pagination{margin-top:33px;}
.col-index-product .swiper-container .swiper-pagination .swiper-pagination-bullet {height:3px;margin:0 3px;}
.col-product-desc .product-desc .img{height:400px;}
.col-product-desc .product-desc .img,.col-product-desc .product-desc .content{width:100%;}
.col-product-desc .product-desc .content{ padding:6vw 0}
.col-index-product-app{margin-top: 20px;}
.col-index-product-app ul li .title{width: 100%;height: 100%; display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top:0; color: #fff;}
.col-index-product-app ul li .panel{padding:1px 10px;}
.col-index-product-app ul li .panel .pic{margin-top:0;}
.col-page-proApplica{padding-top: 60px;padding-bottom:80px;}
/*index product*/
/*index choose*/
.col-index-choose{padding-top:60px;padding-bottom:60px;}
.col-index-choose .content{margin-top:20px;}
.col-index-choose .content ul li{ min-height: 80px;padding:0 0 0 100px;margin-top: 20px;}
.col-index-choose .content ul li .img{width: 80px;}
.col-index-choose .content ul li p.tit{margin-bottom: 10px;line-height: 1;}
/*index choose*/
/*index about*/
.col-index-about{padding-top: 65px;padding-bottom: 65px;}
.col-index-about .content{padding: 10px 0 40px;}
.col-index-about .col-more a{min-width:115px; margin: 10px 3px 0;border-width: 1px;}
.col-index-about .col-more a:hover{background: #da3b15;border-color: #da3b15;}
#aPlay span i{margin-left: 10px; font-size: 12px;}
.col-index-about-video{margin-top: 30px;}
/*index about*/
/*page product*/
.col-page-product{padding-top: 20px;padding-bottom: 60px;}
.col-page-right .col-title{margin-bottom: 20px;padding-bottom: 15px;}
#product ul{margin:0 -5px; margin-top: -10px;}
#product ul li{padding: 0 5px;margin-top: 10px;}
.pro ul li .panel{padding: 15px 10px;}
.pro ul li .fen{left: 10px;}
.pro_show{padding: 40px 15px;}
.pro_show .col-more{margin-top: 20px;}
.pro_show .col-more a span i{margin-right: 8px;}
.product-detail .images{width:100%;}
.product-detail .images .pic{max-height: 400px;}
.product-thumb{ padding:0px ; margin-top:0;}
.product-detail .content{width: 100%;padding-left: 0;}
.product-detail .content .title p{margin-top: 5px;}
.product-detail .content .fen{margin-top: 10px;}
.product-detail .content .cont{margin-top: 10px; padding-top: 15px;}
.product-detail .content .cont ul li{margin-bottom: 5px;}
.prenext{padding-top: 10px;margin-top: 15px;}
.product-content{margin-top: 30px;}
.product-content .title {padding: 25px 0;}
.product-content .content{overflow-x: auto;}
.product-content .content table{margin-bottom:13px;}
.product-content .content table tr td{padding:10px;}
.product-content .content table tr{display:flex; flex-wrap:wrap;}
.product-content .content table tr td{display:block; width:50%; }
.product-swiper{margin-top: 40px;}
.product-swiper .swiper-container{margin-top: 20px;}
.product-swiper .swiper-container .swiper-pagination{margin-top:15px;}
.product-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 3px;}
/*page product*/
/*page about*/
.col-brand-value{padding-top:60px;padding-bottom:60px;}
.col-brand-value .list{margin-top: 20px;}
.col-brand-value .list ul li .con{padding:20px;}
.col-brand-value .list ul li .con h3{margin:20px 0 10px;}
.col-brand-value .list ul li.li2{flex-direction: row-reverse;}
.col-brand-value .list ul li.li3{flex-direction: row;}
.col-brand-value .list ul li.li2 .con:before{left: auto;right: -12px;transform: rotateY(180deg);}
.col-brand-value .list ul li.li3 .con:before{right: auto;left: -12px;transform: rotateY(0deg);}
.col-page-about{padding-top: 60px;padding-bottom: 60px;}
.col-page-about .content{margin-top: 10px;}
.col-page-about .pic{margin-top: 20px;}
.col-page-about .pic .desc{width:100%;padding:100px 8%; position: static;transform:none;}
.col-page-about .pic .desc p.tit{margin-bottom:12px;}
.col-page-about .description{margin-top: 50px;font-size: 24px;}
/*page about*/
/*page support*/
.col-page-support{padding-top:60px;padding-bottom:60px;}
.col-page-support .container_support{padding:8% 5%;}
.col-page-support .policy .content{padding-top:12px;}
.col-page-support .policy .content p{margin-top: 8px;}
.download{/*margin-top: 45px;padding-top: 45px;*/}
.download .lists{margin-top:0;padding-top: 5px;}
.download .list{margin-top: 20px;}
.download .list .pic{max-height: 280px; }
.download .list .txt{padding:18px 15px 0; }
.download .list .txt ul{padding: 5px 0;}
.download .list .txt ul li{padding: 10px 0;padding-right: 25px;}
/*page support*/
/*page contact*/
.contact{flex-wrap: wrap; padding: 8% 6%;}
.contactway1{width:100%;padding-right:0;padding-bottom: 30px; border-right:0; border-bottom: 1px solid #ddd; }
.contactway1 .desc{margin-top: 20px;}
.contactway1 .col-more{margin-top:25px;}
.contactway1 .col-more a{padding: 8px 20px;}
.contactway1 .col-more a img{margin-left: 30px;}
.contactway2{width:100%;padding-left:0;margin-top: 30px;}
.contactway2 ul li{margin-bottom: 10px;}
.message{padding: 8% 6%;}
.message ul{margin:0 -5px;}
.message ul li{padding: 0 5px;margin-top:10px;}
.message ul li p{margin-bottom:5px;}
.message ul li input,
.message ul li select,
.message ul li textarea{padding:0 15px;height:42px;line-height: 40px;}
.message ul li textarea{padding:8px 15px;line-height: 25px;}
.message ul li.sub{margin-top:25px;}
.message ul li.sub input{width: 65%;}
/*page contact*/
/*page news*/
.col-page-news{padding-top: 60px;padding-bottom: 60px;}
.col-news-right{padding-left:0;}
.news ul{margin-top: -30px;}
.news ul li{padding: 30px 0; }
.news ul li h4{margin-top: 15px;}
.news ul li span{margin-top: 10px;}
.newshow{padding:55px 0;}
/*page news*/
}
@media (max-width: 767px){
/*index product*/
.col-index-product .list .panel{padding: 30px 20px;padding-right: 40%;}
.col-index-product .list .panel .pic{width: 60%; max-height: 300px;right: 0;bottom: -13%;overflow: visible;}
.col-index-product .list .panel .pic img{left: auto;}
.col-index-product-app .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;}
.col-index-product-app ul{display: flex;flex-wrap: wrap; position: relative;z-index: 2;}
.col-index-product-app ul li{height: auto;}
.col-index-product-app ul li a{height: auto;}
.col-index-product-app ul li .panel{height: auto;padding: 0;opacity: 1;}
.col-index-product-app ul li .panel .pic{max-height: 180px;position: relative;min-height: 100px;}
.col-index-product-app ul li .panel .pic:after{padding-bottom: 46.75%;}
.col-index-product-app ul li .panel h4{font-size: 13px;}
/*index product*/
/*page about*/
.col-brand-value .list ul li {flex-wrap: wrap;}
.col-brand-value .list ul li .pic{width: 100%;}
.col-brand-value .list ul li .con{width: 100%;}
.col-brand-value .list ul li .con:before{left: 50%!important;right: auto!important;top: -5px!important;transform: translateX(-50%) rotate(90deg)!important;}
/*page about*/
.pro ul li h4{line-height: 1.3em;height: 2.6em;white-space: normal;}
}
@media (max-width: 640px){
.product-content .content table tr td{display:block; width:100%; }
}
@media (max-width: 375px){
.pro ul li{width: 100%;}
}
@media (max-width: 400px){}
/*add*/
/*index*/
.col-gai-choose{padding-top: 9%;background-position: center;background-repeat: no-repeat; background-size: cover;background-attachment: fixed;}
.col-gai-choose .bg{width: 100%;height: 18.58%;position: absolute;left: 0;bottom: 0; background: #fff;}
.col-gai-choose .col-title h3{color: #fff;line-height: 1;text-transform: uppercase;}
.col-gai-choose .flex{margin-top: 2.86vw;display: flex;flex-wrap: wrap;align-items: flex-end;}
.col-gai-choose .img{width: 29%;padding-right: 3.85vw;padding-bottom: 17px;}
.col-gai-choose .list{width: 71%;padding: 20px;background: #f5f5f5;}
.col-gai-choose .list .swiper-slide{height: auto;}
.col-gai-choose .list .panel{padding: 1.56vw 1.82vw;height: 100%;}
.col-gai-choose .list .panel img{height:2.45vw;max-height: 47px;min-height: 30px;margin-bottom: 1vw; }
.col-gai-choose .list .panel p{line-height: 1.37;}
.col-gai-choose .list .panel p.tit{ margin-bottom: 5px; color: #222; }
.col-gai-about{padding-top: 7%;padding-bottom: 7%;}
.col-gai-about .col-title h3{color: #222;}
.col-gai-about .content{margin-top: 1.458vw;}
.col-gai-about .content p{margin-bottom: 0.78vw; line-height: 1.33; }
.col-gai-about .content p:last-child{margin:0;}
/*page about*/
.banner-page-30{position: fixed;left: 0;top:0;z-index: 0;}
.pageShow{background: #fff;position: relative;z-index: 3;}
.pageShowTop.pic{width: 100%;}
.pageShowTop.pic:after{padding-bottom: 50.52%;}
.add-brand-value{padding-top: 7%;}
.add-brand-value .container{max-width: 1320px;}
.add-brand-value .list{display: flex;padding: 0.65vw 0;flex-wrap: wrap;}
.add-brand-value .list .pic:after{padding-bottom: 64.24%;}
.add-brand-value .list .content{padding: 0;display: flex;align-items: center;background: #f8f8f8;}
.add-brand-value .list .content .text{width: 100%; padding: 4vw;}
.add-brand-value .list .content h3{margin-bottom: 1.3vw; line-height: 1;color: #e04307; }
.add-brand-value .list .content p{ line-height: 1.36; }
.add-brand-value .list0{flex-direction: row-reverse;}
.add-page-about{padding-top: 7%;padding-bottom: 7%;}
.add-page-about .container{max-width: 1400px;}
.add-page-about h3 {text-transform: uppercase;}
.add-page-about h3 span{color: #e04307;}
.add-page-about .content{max-width: 1000px;margin:0 auto;margin-top: 1.14vw;}
.add-page-about .content p{margin-bottom: 0.7vw; line-height: 1.44;}
.add-page-about .pic{margin-top: 2.18vw;}
.add-page-about .pic:after{padding-bottom: 46.428%;}
/*page apllication list*/
.add-app-contact{margin-top: 5vw;}
.add-app-contact .flex{display: flex;flex-wrap: wrap;}
.add-app-contact .pic:after{padding-bottom: 86.70%;}
.add-app-contact .content{padding: 0;display: flex;align-items: center;background: #fff;}
.add-app-contact .content .text{width: 100%; padding: 4vw;}
.add-app-contact .content h3{margin-bottom: 1.5vw; text-transform: uppercase;}
.add-app-contact .content p{line-height: 1.4;}
.add-app-contact .content a{display: inline-block;width: 150px;height: 50px;margin-top:5vw; line-height: 50px;background: #e04307;color: #fff;}
/*pop message*/
.popMessbg{display: none; width: 100vw;height: 100vh;position: fixed;top:0;left:0;z-index: 9999;background: rgba(0,0,0,0.4);}
.popMessbg .panel{width: 90%;max-width: 1000px;display: flex; position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);}
.popMessbg .pic{width: 45%;}
.popMessbg .pic:after{padding-bottom:119.82%;}
.popMessbg .content{width: 55%;display: flex;align-items: center;}
.popMessbg .content .text{width: 100%;padding: 3.5vw 3vw;}
.popMessbg .content h3{line-height: 1.2;}
.popMessbg .content .desc{margin-top: 1vw;}
.popMessbg .content .desc p{line-height: 1.33;}
.popMessbg .content ul{margin-top: 1.45vw;}
.popMessbg .content ul li{margin-top: 10px;}
.popMessbg .content ul li input{display: block;width: 100%;height: 55px;padding:0 15px;color:#333;line-height:53px;background: #fff;border:1px solid #ddd;border-radius: 3px; outline: none;}
.popMessbg .content ul li.li4{text-align: left;}
.popMessbg .content ul li.li4 input{display: inline-block; width: 40%;max-width: 200px;}
.popMessbg .content ul li.sub input{background: #da3b15;color: #fff;border-color:#da3b15;text-transform: uppercase;}
#messClose{position: absolute;right: 0;top:0;transform: translate(0,-100%);font-size: 24px;color: #fff;cursor: pointer;transition: 0.5s;}
#messClose:hover{color: #da3b15;}
@media (max-width: 991px) {
.col-gai-choose .flex{margin-top: 30px;}
.col-gai-choose .img{width: 100%;padding-right: 0;}
.col-gai-choose .img img{height:33.958vw;max-height: 652px;min-height: 190px;}
.col-gai-choose .list{width: 100%;padding: 10px;}
.col-gai-choose .list .panel{padding: 15px 18px;}
.col-gai-choose .list .panel img{margin-bottom: 10px; }
.col-gai-about{padding-top: 70px;padding-bottom: 70px;}
.col-gai-about .content{margin-top: 15px;}
.col-gai-about .content p{margin-bottom:7px;}
.banner-page-30{position: static;}
.pageShowTop.pic:after{padding-bottom: 100px;}
#aPlayAboutVideo{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 3;}
#aPlayAboutVideo i{display: flex;width:4vw;height: 4vw;max-width: 80px;max-height: 80px;min-width: 48px;min-height: 48px;align-items: center;justify-content: center; color: #da3b15;border-radius: 50%;background: #fff;transition: 0.5s;}
#aPlayAboutVideo i:hover{background: #da3b15;color: #fff;}
.add-brand-value{padding-top: 60px;}
.add-brand-value .list{padding: 6px 0;}
.add-brand-value .list .content .text{padding: 8%;}
.add-brand-value .list .content h3{margin-bottom: 13px;}
.add-page-about{padding-top: 60px;padding-bottom: 60px;}
.add-page-about .content{margin-top: 10px;}
.add-page-about .content p{margin-bottom: 8px;}
.add-page-about .pic{margin-top: 20px;}
.add-app-contact{margin-top: 50px;}
.add-app-contact .pic{max-height:450px}
.add-app-contact .content .text{padding: 8%;}
.add-app-contact .content h3{margin-bottom: 15px;}
.add-app-contact .content a{width: 120px;height: 40px;margin-top:40px; line-height:40px;}
}
@media (max-width: 767px) {
.col-gai-choose{background-position: top;background-size: 100%;background-attachment: inherit;}
}
/*add*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#888;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f60{font-size: 3.125vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
.f15{font-size: 14px;}
.f16{font-size: 14px;}
.f17{font-size: 15px;}
.f18{font-size: 16px;}
.f20{font-size: 18px;}
.f22{font-size: 20px;}
.f24{font-size: 20px;}
.f25{font-size: 20px;}
.f28{font-size: 22px;}
.f30{font-size: 24px;}
.f33{font-size: 24px;}
.f35{font-size: 24px;}
.f36{font-size: 24px;}
.f40{font-size: 30px;}
.f45{font-size: 30px;}
.f48{font-size: 30px;}
.f50{font-size: 35px;}
.f55{font-size: 35px;}
}
@media (max-width: 991px){
.f17{font-size: 14px;}
.f18{font-size: 15px;}
.f20{font-size: 16px;}
.f22{font-size: 18px;}
.f24{font-size: 18px;}
.f25{font-size: 18px;}
.f28{font-size: 20px;}
.f30{font-size: 20px;}
.f33{font-size: 20px;}
.f35{font-size: 20px;}
.f36{font-size: 20px;}
.f40{font-size: 24px;}
.f45{font-size: 24px;}
.f48{font-size: 24px;}
.f50{font-size: 30px;}
.f55{font-size: 30px;}
.f60{font-size: 30px;}
.f72{font-size: 30px;}
}
@media (max-width: 767px){
.f40{font-size: 22px;}
.f45{font-size: 22px;}
.f48{font-size: 22px;}
.f50{font-size: 24px;}
.f55{font-size: 24px;}
.f60{font-size: 24px;}
.f72{font-size: 24px;}
}
.col-page-infor{padding-top: 6%;padding-bottom: 6%;}
.col-page-infor .content{margin-top: 3vw;}
.col-page-product .description{padding-bottom: 4vw;}
.col-page-product .description .desc{margin-top: 1.5vw;}
@media (max-width:991px){
.col-page-infor{padding-top: 55px;padding-bottom: 55px;}
.col-page-infor .content{margin-top: 30px;}
.col-page-product .description{padding-bottom: 40px;}
.col-page-product .description .desc{margin-top: 15px;}
}
/*20240905*/
.down-contact{ max-width: 1520px;margin-top: 5vw; }
.down-contact ul{margin:0 -0.52vw;}
.down-contact ul li{padding: 0 0.52vw;color: #fff;}
.down-contact ul li .pic{max-height: 424px;min-height: 220px;}
.down-contact ul li .pic:after{padding-bottom: 56.53%;}
.down-contact ul li .tit{width: 100%;padding: 3vw; position: absolute;left: 0;top:0;}
.down-contact ul li .tit h4{line-height: 1.3;}
.down-contact ul li .tit p{margin-top: 1vw; line-height: 1.5; }
.down-contact ul li .col-more{width: 100%;padding: 3vw;position: absolute;left: 0;bottom:0;}
.down-contact ul li .col-more a{min-width: 8.33vw;border:1px solid #da3b15; border-radius: 5px;}
.down-contact ul li .col-more a:hover{background: #fff;color: #da3b15;box-shadow: none;}
@media (max-width: 991px) {
.down-contact{margin-top: 40px;}
.down-contact ul{}
.down-contact ul li{margin-top: 10px;}
.down-contact ul li .tit{padding: 8%;}
.down-contact ul li .tit p{margin-top: 10px;}
.down-contact ul li .col-more{padding: 8%;}
}
.col-page-faqs{padding-top: 5.9%;padding-bottom: 5.9%; background: #f5f5f5; }
.col-page-faqs .container{max-width: 1520px;}
.faqs-choose{position: relative;z-index: 2;}
.faqs-choose .tit{display: flex;align-items: center;}
.faqs-choose .border {min-width: 12.5vw;position: relative; margin-left: 1.25vw;padding: 0 1.3vw;line-height: 48px; border:1px solid #b8b8b8;cursor: pointer; }
.faqs-choose .border span{display: block;padding-right: 2.6vw;}
.faqs-choose .border i{display: block;position: absolute;right: 1vw;top:0;font-size:24px;line-height: 48px;transform: rotate(90deg);transition: 0.5s;}
.faqs-choose .border.on i{transform: rotate(-90deg);}
.faqs-choose ul{display: none; width: 100%;padding: 1.5vw; position: absolute;left: 0;background: #fff;box-shadow:0 6px 27px #0003;opacity: 0;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
}
.faqs-choose ul li{ line-height: 1.8;cursor: pointer;transition: 0.5s; }
.faqs-choose ul li:hover{color: #e04307;}
.faqs-choose ul li.active{text-decoration: underline;}
.faqs-choose ul.is-show{opacity: 1;display: block;}
.faqs-lists{width: 65%;}
.faqs-lists .col-more{margin-top: 2.5vw;}
.faqs-lists .col-more a{background: #e04307;border-radius: 5px;}
.faqs-list{margin-top: 2.86vw;}
.faqs-list .col-title{line-height: 28px;}
.faqs-list .content li{margin-top: 1vw;padding: 0 2vw; background: #fff; }
.faqs-list .content li h4{font-family: 'Forza Medium';line-height: 1.3;}
.faqs-list .content li p{line-height: 1.6;color: #666;}
.faqs-list .content li .title{padding: 1.25vw 0;padding-right: 50px;position: relative; cursor: pointer; }
.faqs-list .content li .title:after{content: '\e653';font-family: 'iconfont';font-size:34px;line-height:30px;position: absolute;right: 0;top:50%;margin-top: -14px;transform: rotate(90deg);transition: 0.5s;}
.faqs-list .content li .text{display: none; padding: 1.5vw 0; color: #666;border-top:1px solid #ddd;}
.faqs-list .content li.on .title:after{transform: rotate(-90deg);}
.faqs-right{width: 35%;padding-left: 1.85vw;padding-top: calc(3.86vw + 28px);}
.faqs-right h3{margin-bottom: 1.45vw;}
.faqs-right h3.tit{margin-top: 3.54vw;}
.faqs-right p{color: #666;line-height: 1.6;}
.faqs-right p strong{ color: #222;font-family: 'Forza Medium';font-weight: normal; }
.faqs-right p.desc{margin-top: 1vw;}
@media (max-width: 991px) {
.col-page-faqs{padding-top: 60px;padding-bottom: 60px;}
.faqs-choose .border {margin-left:12px;padding: 0 15px;line-height: 30px; }
.faqs-choose .border span{padding-right: 25px;}
.faqs-choose .border i{right: 10px;font-size:20px;line-height: 30px;}
.faqs-choose ul{padding:15px;}
.faqs-lists{width: 100%;}
.faqs-lists .col-more{margin-top: 25px;}
.faqs-list{margin-top: 28px;}
.faqs-list .content li{margin-top: 10px;padding: 0 15px;}
.faqs-list .content li .title{padding: 12px 0;padding-right: 35px;}
.faqs-list .content li .title:after{font-size:30px;line-height:30px;}
.faqs-list .content li .text{padding: 15px 0;}
.faqs-right{width: 100%;padding-left: 0;padding-top:55px;}
.faqs-right h3{margin-bottom: 14px;}
.faqs-right h3.tit{margin-top: 35px;}
.faqs-right p.desc{margin-top: 10px;}
}
.col-page-partner{padding-top: 4.68%;padding-bottom: 4.68%; background: #f5f5f5; }
.col-page-partner .description p{line-height: 1.6;}
.partner-forms .description{max-width: 880px;margin:0 auto;margin-top: 0.78vw;}
.form-tab{margin-top: 2.6vw; background: #fff; }
.form-tab a{display: block;width: 50%;padding:1vw;float: left;border-right: 1px solid #ddd;border-bottom: 3px solid #ddd;}
.form-tab a.flex-active{color: #e04307;border-bottom-color: #e04307;}
.form-tab a:last-child{border-right: 0;}
.form-sildes{padding: 4vw 3vw; background: #fff; }
.form-sildes .tips{ color: #e04307; }
.form-sildes ul{margin:0 -0.52vw;}
.form-sildes ul li{padding: 0 0.52vw;margin-top: 1.3vw;}
.form-sildes ul li p{margin-bottom: 8px;}
.form-sildes ul li p span{color: #e04307;}
.form-sildes ul li input{ display: block;width: 100%;height: 55px;padding: 0 1vw;margin:0;line-height: 53px; border:1px solid #ddd;border-radius: 5px; }
.form-sildes ul li.li4{width: 100%;}
.form-sildes ul li.li4 .form-check{float: left;display: flex;align-items: center;margin-right: 3vw;}
.form-sildes ul li.li4 input{display: inline-block;width: 18px;height: 18px;padding: 0;line-height: 18px; border:1px solid #e04307; border-radius: 3px;margin-right: 10px;}
.form-sildes ul li.li5 input,
.form-sildes ul li.sub input{width: 40%;max-width: 188px; }
.form-sildes ul li.li5 input{display: inline-block;}
.form-sildes ul li.sub{margin-top: 3vw;}
.form-sildes ul li.sub input{background: #e04307;border-color: #e04307;color: #fff;}
.partner-faqs{margin-top: 4.68vw;}
.partner-faqs .col-title{width: 100%;}
.partner-faqs .description{width: 100%;margin-top: 1.56vw;padding-bottom: 2vw;}
.partner-faqs .faqs-list{margin-top:0;}
.partner-faqs .faqs-right{padding-top:1vw;}
@media (max-width: 991px){
.col-page-partner{padding-top: 50px;padding-bottom: 50px;}
.partner-forms .description{margin-top: 8px;}
.form-tab{ background: #fff; }
.form-tab a{padding:10px;border-bottom: 2px solid #ddd;line-height: 1.3;font-size: 18px;}
.form-tab a.flex-active{border-bottom-color: #e04307;}
.form-sildes{padding:6% 5%;}
.form-sildes ul{margin:0 -5px;}
.form-sildes ul li{padding: 0 5px;margin-top:13px;}
.form-sildes ul li p{margin-bottom: 5px;}
.form-sildes ul li input{ height:40px;padding: 0 10px;line-height: 38px; }
.form-sildes ul li.li4{width: 100%;}
.form-sildes ul li.li4 .form-check{padding-top: 5px;}
.form-sildes ul li.li4 input{margin-right: 5px;}
.form-sildes ul li.sub{margin-top:30px;}
.partner-faqs{margin-top: 4.68vw;}
.partner-faqs .col-title{width: 100%;}
.partner-faqs .description{width: 100%;margin-top: 1.56vw;padding-bottom: 2vw;}
.partner-faqs .faqs-list{margin-top:0;}
.partner-faqs .faqs-right{padding-top:1vw;}
}
.col-catalog{padding-top: 6.77%;padding-bottom: 6.77%;}
.col-catalog .container{max-width: 1000px;}
.col-catalog .box{width: 100%; max-width: 100%; height: 600px;}
@media (max-width: 991px) {
.col-catalog .box{height: 490px;}
}
.col-page-video{padding-top: 5.2%;padding-bottom: 5.2%; background: #f5f5f5; color: #222; }
.col-page-video .col-title a{display: block;position: absolute;right: 0;bottom: 0;color: #e04307;text-decoration: underline;}
.col-page-video .desc{padding:0.88vw 0;margin-top: 1.12vw; border-bottom: 1px solid #ddd; }
.col-video ul{margin:0 -0.7vw;margin-top: 0.4vw;}
.col-video ul li{padding: 0 0.7vw;margin-top: 2.6vw;}
.col-video ul li .pic{border-radius: 8px;background: #aeaeae;cursor: pointer;}
.col-video ul li .pic:after{padding-bottom: 72.22%;}
.col-video ul li h4{margin-top: 10px; height: 2.6em;line-height: 1.3em;overflow: hidden; }
.col-video ul li p{margin-top: 1vw; color: #666;}
.col-video ul li p span{margin-right: 1vw;}
.col-video ul li .videoContent{display: none;}
.videoPop .content iframe{width: 98%;max-width: 1280px;height: 60vh;}
@media (max-width: 991px) {
.col-page-video{padding-top: 55px;padding-bottom: 55px;}
.col-page-video .col-title a{display: block;position: absolute;right: 0;bottom: 0;color: #e04307;text-decoration: underline;}
.col-page-video .desc{padding:8px 0;margin-top: 10px;}
.col-video ul{margin:0 -7px;margin-top: 5px;}
.col-video ul li{padding: 0 7px;margin-top:25px;}
.col-video ul li .pic{border-radius: 5px;}
.col-video ul li h4{margin-top: 5px;}
.col-video ul li p{margin-top: 10px;}
.col-video ul li p span{margin-right: 10px;}
}
/*20240905*/
/*20240906*/
.col-advan{width: 100%;color: #222;padding-top: 50px;padding-bottom: 50px;}
.col-advan ul{display: flex;max-width: 1206px;margin:0 auto;}
.col-advan ul li{width: 100%;margin-right: 2%; padding:14px; border:2px solid #d44617; }
.col-advan ul li img{ height: 4.5vw;max-height: 106px;min-height:55px; }
.col-advan ul li hr{margin:5px auto 9px;max-width: 190px; border-width: 2px;border-color: #d44617;}
.col-advan ul li p.data{margin-bottom: 5px; font-family: 'Forza Bold';font-size:30px;line-height: 0.8;font-weight: bold;}
.col-advan ul li:last-child{margin-right: 0;}
.col-advan1 .number{width: 100%;position: absolute;left: 0;top:7.87%;color: #fff;}
.col-advan1 .number ul{display: flex;max-width: 1206px;margin:0 auto;}
.col-advan1 .number ul li{width: 20.72%;margin-right: 5.7%; padding: 0.72vw; border:3px solid #d44617; }
.col-advan1 .number ul li img{ height: 4.5vw;max-height: 106px;min-height:60px; }
.col-advan1 .number ul li hr{margin:0.52vw auto 1vw;max-width: 190px; border-width: 2px;border-color: #d44617;}
.col-advan1 .number ul li p.data{margin-bottom: 0.52vw; font-family: 'Forza Bold';font-size:2.81vw;line-height: 0.8;font-weight: bold;}
.col-advan1 .number ul li:last-child{margin-right: 0;}
.col-advan1 .list li{position: absolute;}
.col-advan1 .list li span{display: block;width: 1.4vw;height: 1.4vw; min-width: 10px;min-height: 10px; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);border-radius: 50%;background: #fff;transition: 0.5s;}
.col-advan1 .list li span.span1{width: 0.88vw;height: 0.88vw;min-width:6px;min-height:6px; background: #d44617;z-index: 3;cursor: pointer;}
@media (min-width: 992px) {
.col-advan1 .list li span.span2{
-webkit-animation: ProgressCircle 2s infinite both;
-moz-animation: ProgressCircle 2s infinite both;
-o-animation: ProgressCircle 2s infinite both;
animation: ProgressCircle 2s infinite both;
}
.col-advan1 .list li span.span3{
-webkit-animation: ProgressCircle 3s infinite both;
-moz-animation: ProgressCircle 3s infinite both;
-o-animation: ProgressCircle 3s infinite both;
animation: ProgressCircle 3s infinite both;
}
}
/*.col-advan1 .list li.li1{left: 38.07%;top:34.42%;}
.col-advan1 .list li.li2{left: 41.45%;top:50.5%;}
.col-advan1 .list li.li3{left: 44.15%;top:50%;}
.col-advan1 .list li.li4{left: 38.2%;top:67.69%;}
.col-advan1 .list li.li5{left: 43.4%;top:81.75%;}
.col-advan1 .list li.li6{left: 71.4%;top:57.68%;}
.col-advan1 .list li.li7{left: 72.03%;top:47.87%;}
.col-advan1 .list li.li7 span{width: 2.7vw;height: 2.7vw;min-width: 15px;min-height: 15px;}
.col-advan1 .list li.li7 span.span1{width: 1.56vw;height: 1.56vw;min-width: 10px;min-height: 10px;}*/
/*.col-advan1 .list li.li3{left: 38.07%;top:34.42%;}*/
.col-advan1 .list li.li3{left: 14.35%;top:39%;}
.col-advan1 .list li.li7{left: 41.45%;top:50.5%;}
.col-advan1 .list li.li6{left: 44.15%;top:50%;}
.col-advan1 .list li.li5{left: 38.2%;top:67.69%;}
.col-advan1 .list li.li4{left: 43.4%;top:81.75%;}
.col-advan1 .list li.li2{left: 71.4%;top:57.68%;}
.col-advan1 .list li.li1{left: 72.03%;top:47.87%;}
.col-advan1 .list li.active span{transform:translate(-50%,-50%) scale(1.9);}
/*.col-advan1 .list li.active span{width: 2.7vw;height: 2.7vw;min-width: 15px;min-height: 15px;}*/
/*.col-advan1 .list li.active span.span1{width: 1.56vw;height: 1.56vw;min-width: 10px;min-height: 10px;}*/
.col-advan1 .contents{padding: 3.38vw 2vw; position: relative;margin-top: -6.56vw; background: #fff;box-shadow: 0px 0px 29px 2px rgba( 0, 0, 0,0.05 );}
.col-advan1 .content{width: 100%;height: 100%; display: none;}
.col-advan2{padding-top: 6%;}
.col-advan2 .title{display: flex;justify-content: space-between;align-items: center;}
.col-advan2 .title h3{line-height: 20px;}
.col-advan2 .title h3 span{ display: inline-block;margin-left: 0.93vw;padding-left: 0.93vw; border-left:3px solid #d44617; }
.col-advan2 .title img{height:3.177vw;max-height: 61px;min-height: 35px; }
.col-advan2 .content{}
.col-advan2 .content ul{display: flex;flex-wrap: wrap;margin:0 -0.52vw;}
.col-advan2 .content ul li{width: 18.18%; padding: 0 0.52vw;margin-top: 0.78vw;}
.col-advan2 .content ul li .panel{height: 100%;padding: 3.85vw 0.5vw 2.6vw; background: #efefef; }
.col-advan2 .content ul li .img{font-size:14px;font-weight:bold;font-family: 'Forza Medium';}
.col-advan2 .content ul li img{display:block;margin:0 auto 5px; height: 2.86vw;max-height: 55px;min-height: 30px;}
.col-advan2 .content ul li h4{margin-top: 1.3vw; margin-bottom: 0.8vw; line-height: 1.3;}
.col-advan2 .content ul li p{line-height: 1.5;}
.col-advan2 .content ul li.li1{width: 27.28%;color: #fff;}
.col-advan2 .content ul li.li1 .panel{padding: 1.82vw 1.6vw; background: #d44617;}
.col-advan2 .content ul li.li1 .img{display: flex;align-items: center;}
.col-advan2 .content ul li.li1 .img img{height: 4.73vw;max-height: 91px;min-height: 50px;margin-bottom: 0;}
.col-advan2 .content ul li.li1 .img h4{margin:0;text-align: left;padding-left: 1vw;}
.col-advan2 .content ul li.li1 hr{margin:1.82vw 0;}
.col-advan2 .content ul li.li1 .txt{}
.col-advan2 .content ul li.li1 .txt .data{margin-bottom: 0.78vw; font-family: 'Forza Medium';line-height: 0.8;}
.col-advan2 .content ul li.li2{width: 36.36%;text-align: left;font-family: 'Forza Medium';}
.col-advan2 .content ul li.li2 .panel{display: flex;padding: 2.6vw 2vw; border:2px solid #d44617;background: #fff; }
.col-advan2 .content ul li.li2 .img{padding-right: 2vw;}
.col-advan2 .content ul li.li2 .img img{width: 8.07vw;max-width: 155px;min-width:60px; height: auto;max-height: none;min-height: auto;}
.col-advan3{margin-top: 7.7%;}
@media (max-width: 991px) {
.col-advan2{padding-top: 60px;}
.col-advan2 .title{flex-wrap: wrap;}
.col-advan2 .title h3{padding: 10px 0; line-height: 20px;}
.col-advan2 .title h3 span{margin-left:8px;padding-left:8px; border-left:2px solid #d44617; }
.col-advan2 .content{padding-top: 5px;}
.col-advan2 .content ul{margin:0 -5px;}
.col-advan2 .content ul li{width: 50%; padding: 0 5px;margin-top: 10px;}
.col-advan2 .content ul li .panel{padding: 35px 15px 25px;}
.col-advan2 .content ul li h4{margin-top: 13px; margin-bottom: 8px;}
.col-advan2 .content ul li.li1{width: 50%;}
.col-advan2 .content ul li.li1 .panel{padding: 20px 15px;}
.col-advan2 .content ul li.li1 .img h4{margin:0;padding-left: 10px;}
.col-advan2 .content ul li.li1 hr{margin:20px 0;}
.col-advan2 .content ul li.li1 .txt .data{margin-bottom: 8px;}
.col-advan2 .content ul li.li2{width: 50%;}
.col-advan2 .content ul li.li2 .panel{padding: 25px 15px; }
.col-advan2 .content ul li.li2 .img{padding-right: 2vw;}
/*.col-advan3{margin-top: 60px;}*/
}
@media (max-width: 767px) {
.col-advan ul{flex-wrap: wrap;margin-top: -2%;}
.col-advan ul li{width: 49%;margin-right: 2%; padding:14px; border:2px solid #d44617;margin-top: 2%; }
.col-advan ul li:nth-child(2n){margin-right: 0;}
.col-advan2 .content ul li.li2{width: 100%;}
}
@keyframes ProgressCircle {
0% {
width: 0;height: 0;opacity: 1
}
100%{
width: 10vw;height: 10vw;opacity: 0;
}
}
@-webkit-keyframes ProgressCircle {
0% {
width: 0;height: 0;opacity: 1
}
100%{
width: 10vw;height: 10vw;opacity: 0;
}
}
@-moz-keyframes ProgressCircle {
0% {
width: 0;height: 0;opacity: 1
}
100%{
width: 10vw;height: 10vw;opacity: 0;
}
}
@-o-keyframes ProgressCircle {
0% {
width: 0;height: 0;opacity: 1
}
100%{
width: 10vw;height: 10vw;opacity: 0;
}
}
/*20240906*/
/*20240926*/
.col-page-download{padding-top:5%;padding-bottom:5%;}
.col-page-download .container{max-width:1300px;}
.download-catalog li{padding: 0 6vw;}
.download-catalog li .pic{overflow: visible;}
.download-catalog li .pic:after{padding-bottom: 128.66%;}
.download-catalog li .pic img{width: 100%;box-shadow:0 0 15px rgba(0,0,0,0.2);}
.download-catalog li h4{margin-top: 1.2vw; color: #333;}
.download-catalog li p{margin-top: 0.7vw; display: flex;align-items: center;justify-content: space-between;line-height: 25px;}
.download-catalog li p i{font-size: 20px;line-height: 1;margin-right: 5px;}
.download-catalog li p a.view i{position: relative;top: 2px;}
@media (max-width: 991px) {
.col-page-download{padding-top:55px;padding-bottom:55px;}
.download-catalog ul{margin-top: -25px;}
.download-catalog li{padding: 0 2vw;margin-top: 25px;}
.download-catalog li h4{margin-top: 15px;}
.download-catalog li p{margin-top: 10px;}
.download-catalog li p i{font-size: 20px;line-height: 1;margin-right: 5px;}
.download-catalog li p a.view i{position: relative;top: 2px;}
}
/*20240926*/
.mm-navbar_tabs{display: none!important;}
.pro ul li .fen{dispaly:none;}
.newshow .newshowtxt h4{ margin: 20px 0;
font-weight: bold;}
.product-content .content ul {display: flex;
flex-wrap: wrap;}
.product-content .content ul li{width: 49.5%;
margin-bottom: 1%;}
.product-content .content ul li:nth-child(2n-1){margin-right:1%;}
.product-content .content video{width:100%; height:auto;}
.rightFix ul{display:none;}
.logo{display:flex; align-items:center;}
.logo img{max-width:200px;}
.newshow .newshowtxt ul li{list-style:disc;}
.col-advan3 {
margin-top: 3.7%;
}
.download-catalog li{padding-bottom:3vw;}
.pro ul li h4.tHide{ text-overflow: initial;
overflow: hidden;
white-space: initial;
min-height:150px !important;
}
.pro_show .content h4{padding: 2.6vw 0; text-align: center; border-top: 1px solid #ccc;
margin-top: 3.5vw;}
.product-support .col ul{width:auto !important;}