@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.875; color:#fff; background-color:#020202; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#fff;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select,input[type=text] {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1360px){
.header{ width:86%; padding:0 7%; height:90px; position:fixed; left:0; top:10px; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#020202;}
.header .logo{ float:left; padding:20px 0;}
.header .logo img{ display:block; height:50px;}
.header .logo img.img02{ display:none;}
.header .hamburger{ display:none;}
.header .yu{ width:130px; height:36px; float:right; display:block; padding:27px 0; position:relative;}
.header .yu span{ width:100%; height:36px; display:block; line-height:36px; font-size:14px; color:#fff; text-indent:20px; border-radius:36px; background-color:#fc5000; cursor:pointer; overflow:hidden;}
.header .yu span b{ width:26px; height:26px; border-radius:100%; margin:5px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .yu span b img{ display:block; height:10px; margin:8px auto;}
.header .yu.active span b{ -webkit-transform:rotateX(-180deg);}
.header .yu p{ width:100%; position:absolute; left:0; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; text-align:center; box-sizing:border-box;}
.header .yu p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.header .yu p a:hover{ color:#ff6822;}
.header .yu.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}

.header .nav{ display:block; float:right; height:90px; position:relative; z-index:1;}
.header .nav dt{ display:block; float:right; width:9.375vw; min-width:140px; height:36px; border:1px solid #333; border-radius:36px; box-sizing:border-box; margin:27px 1.04vw; margin-left:0; position:relative; overflow:hidden;}
.header .nav dt span{ width:100%; padding-left:1vw; box-sizing:border-box; padding-right:34px; display:block;}
.header .nav dt span input{ width:100%; height:34px; line-height:34px; font-size:14px; color:#fff; display:block; overflow:hidden; background-color:transparent;}
.header .nav dt a{ width:26px; height:26px; position:absolute; right:4px; top:4px; display:block; border-radius:100%; overflow:hidden;}
.header .nav dt a input{ width:26px; height:26px; display:block; border-radius:100%; background-color:#333; overflow:hidden; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:14px auto; cursor:pointer;}
.header .nav dd{ display:block; float:left; margin-right:2.6vw; position:relative; z-index:1;}
.header .nav dd>a{ display:block; font-size:16px; line-height:90px; height:90px; color:#fff; text-transform:capitalize;}
.header .nav dd b{ width:0; height:2px; display:block; overflow:hidden; background-color:#fc5000; position:absolute; left:0; bottom:20px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .nav dd.on b,.header .nav dd:hover b{ width:100%;}
.header .nav dd p{ width:240px; position:absolute; left:-20px; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box;}
.header .nav dd p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff; text-transform:capitalize;}
.header .nav dd p a:hover{ color:#ff6822;}
.header .nav dd:hover p{ top:100%; opacity:1; height:auto; padding:15px 20px;}
.header .nav dd:nth-child(4) p{ width:460px;}
.header .nav dd:nth-child(4) p a{ width:200px; float:left; margin-left:20px;}
.header .nav dd:nth-child(4) p a:nth-child(2n+1){ margin-left:0;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.header{ width:90%; padding:0 5%; height:80px; position:fixed; left:0; top:10px; z-index:999; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ top:0; background-color:#020202;}
.header .logo{ float:left; padding:15px 0;}
.header .logo img{ display:block; height:50px;}
.header .logo img.img02{ display:none;}
.header .hamburger{ display:none;}
.header .yu{ width:130px; height:36px; float:right; display:block; padding:22px 0; position:relative;}
.header .yu span{ width:100%; height:36px; display:block; line-height:36px; font-size:14px; color:#fff; text-indent:20px; border-radius:36px; background-color:#fc5000; cursor:pointer; overflow:hidden;}
.header .yu span b{ width:26px; height:26px; border-radius:100%; margin:5px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .yu span b img{ display:block; height:10px; margin:8px auto;}
.header .yu.active span b{ -webkit-transform:rotateX(-180deg);}
.header .yu p{ width:100%; position:absolute; left:0; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; text-align:center; box-sizing:border-box;}
.header .yu p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.header .yu p a:hover{ color:#ff6822;}
.header .yu.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}

.header .nav{ display:block; float:right; height:80px; position:relative; z-index:1;}
.header .nav dt{ display:block; float:right; width:9.375vw; min-width:140px; height:36px; border:1px solid #333; border-radius:36px; box-sizing:border-box; margin:22px 1.04vw; margin-left:0; position:relative; overflow:hidden;}
.header .nav dt span{ width:100%; padding-left:1vw; box-sizing:border-box; padding-right:34px; display:block;}
.header .nav dt span input{ width:100%; height:34px; line-height:34px; font-size:14px; color:#fff; display:block; overflow:hidden; background-color:transparent;}
.header .nav dt a{ width:26px; height:26px; position:absolute; right:4px; top:4px; display:block; border-radius:100%; overflow:hidden;}
.header .nav dt a input{ width:26px; height:26px; display:block; border-radius:100%; background-color:#333; overflow:hidden; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:14px auto; cursor:pointer;}
.header .nav dd{ display:block; float:left; margin-right:2.6vw; position:relative; z-index:1;}
.header .nav dd>a{ display:block; font-size:16px; line-height:80px; height:80px; color:#fff; text-transform:capitalize;}
.header .nav dd b{ width:0; height:2px; display:block; overflow:hidden; background-color:#fc5000; position:absolute; left:0; bottom:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .nav dd.on b,.header .nav dd:hover b{ width:100%;}
.header .nav dd p{ width:240px; position:absolute; left:-20px; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; box-sizing:border-box;}
.header .nav dd p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff; text-transform:capitalize;}
.header .nav dd p a:hover{ color:#ff6822;}
.header .nav dd:hover p{ top:100%; opacity:1; height:auto; padding:15px 20px;}
.header .nav dd:nth-child(4) p{ width:460px;}
.header .nav dd:nth-child(4) p a{ width:200px; float:left; margin-left:20px;}
.header .nav dd:nth-child(4) p a:nth-child(2n+1){ margin-left:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header .logo{ padding:20px 0;}
.header .logo img{ height:40px;}
.header .nav dd{ margin-right:1vw;}
.header .nav dd>a{ font-size:15px;}
.header .nav dd b{ bottom:20px;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999;}
.header.pos{ background-color:#020202;}
.header .hamburger{ height:22px; width:16px; border-radius:100%; background-color:#fc5000; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; margin:12px 3%; padding:7px 10px;}
.header .hamburger .h-bar{ display:block; width:16px; height:1px; background-color:#fff; margin:5px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:7px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(9px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-9px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .logo{ display:block; padding:11px 3%; float:left;}
.header .logo img{ display:block; height:38px;}
.header .logo img.img01{ display:none;}
.header .yu{ width:120px; height:36px; float:right; display:block; padding:12px 0; position:relative;}
.header .yu span{ width:100%; height:36px; display:block; line-height:36px; font-size:14px; color:#fff; text-indent:15px; border-radius:36px; background-color:#fc5000; cursor:pointer; overflow:hidden;}
.header .yu span b{ width:26px; height:26px; border-radius:100%; margin:5px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.header .yu span b img{ display:block; height:10px; margin:8px auto;}
.header .yu.active span b{ -webkit-transform:rotateX(-180deg);}
.header .yu p{ width:100%; position:absolute; left:0; top:100%; background-color:rgba(51,51,51,.9); display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:5px; text-align:center; box-sizing:border-box;}
.header .yu p a{ display:block; font-size:14px; line-height:34px; height:34px; overflow:hidden; color:#fff;}
.header .yu p a:hover{ color:#ff6822;}
.header .yu.active p{ top:100%; opacity:1; height:auto; padding:10px 15px;}

.header .nav{ background-color:#111; display:block; opacity:0; position:absolute; overflow-y:scroll; width:100%; height:calc(100vh - 60px); top:60px; left:-100vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222; padding:30px 3%; padding-bottom:64px; box-sizing:border-box; border-top:1px solid #222;}
.header .nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.header .nav dt{ display:block; width:100%; height:40px; border:1px solid #333; border-radius:36px; box-sizing:border-box; margin:25px 0; position:relative; overflow:hidden;}
.header .nav dt span{ width:100%; padding-left:15px; box-sizing:border-box; padding-right:50px; display:block;}
.header .nav dt span input{ width:100%; height:38px; line-height:38px; font-size:14px; color:#fff; display:block; overflow:hidden; background-color:transparent;}
.header .nav dt a{ width:30px; height:30px; position:absolute; right:4px; top:4px; display:block; border-radius:100%; overflow:hidden;}
.header .nav dt a input{ width:30px; height:30px; display:block; border-radius:100%; background-color:#333; overflow:hidden; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px auto; cursor:pointer;}
.header .nav dd{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #222; position:relative;}
.header .nav dd> a{ display:block; font-size:16px; color:#fff; padding-left:20px; height:50px; line-height:50px; text-transform:capitalize;}
.header .nav dd b{ display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; position:absolute; right:0; top:0px; text-align:center;}
.header .nav dd b::after{ content:"+"; background-color:transparent; font-size:24px; color:#333; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; color:#999;}
.header .nav dd:nth-child(2) b,.header .nav dd:last-child b{ display:none;}
.header .nav dd.cur b::after{ transform:rotateZ(135deg);}
.header .nav dd.cur>a,.header .nav dd.on>a{ color:#fc5000;}
.header .nav dd p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.header .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#999; overflow:hidden; text-transform:capitalize;}
.header .nav dd p a:hover{ color:#fc5000;}
}

/*banner*/
@media screen and (min-width:1360px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:86%; position:absolute; left:7%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; overflow:hidden;}
.banner .swiper-slide .wen .w01 span{ display:block; font-size:16px; line-height:40px; padding:0 20px; border-radius:40px; height:40px; overflow:hidden; float:left; background-color:rgba(255,255,255,.1); color:#fff;}
.banner .swiper-slide .wen .w02{ width:50%; font-size:40px; line-height:60px; color:#fff; margin-top:1.04vw;}
.banner .swiper-slide .wen .w03{ width:45%; font-size:16px; line-height:30px; color:#ccc; margin-top:0.9375vw;}
.banner .swiper-slide .wen .w04{ margin-top:3.8vw;}
.banner .swiper-slide .wen .w04 a{ height:40px; display:block; line-height:40px; font-size:14px; color:#fff; text-indent:20px; border-radius:40px; background-color:#fc5000; cursor:pointer; overflow:hidden; float:left;}
.banner .swiper-slide .wen .w04 a b{ width:30px; height:30px; border-radius:100%; margin:5px; margin-left:15px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:10px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ font-size:16px; line-height:26px; color:#fff; position:absolute; right:7%; bottom:2.34375vw; z-index:6; display:flex; align-items:flex-end;}
.banner .swiper-pagination a{ color:#fc5000; font-size:48px; display:block; line-height:50px; font-weight:bold; margin-right:5px;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.banner{ width:100%; height:56.25vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .tu img.mobile{ display:none;}
.banner .swiper-slide .wen{ width:90%; position:absolute; left:5%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; overflow:hidden;}
.banner .swiper-slide .wen .w01 span{ display:block; font-size:15px; line-height:37px; padding:0 17px; border-radius:40px; height:37px; overflow:hidden; float:left; background-color:rgba(255,255,255,.1); color:#fff;}
.banner .swiper-slide .wen .w02{ width:50%; font-size:30px; line-height:46px; color:#fff; margin-top:1.04vw;}
.banner .swiper-slide .wen .w03{ width:45%; font-size:15px; line-height:29px; color:#ccc; margin-top:0.9375vw;}
.banner .swiper-slide .wen .w04{ margin-top:3.8vw;}
.banner .swiper-slide .wen .w04 a{ height:38px; display:block; line-height:38px; font-size:14px; color:#fff; text-indent:17px; border-radius:40px; background-color:#fc5000; overflow:hidden; float:left;}
.banner .swiper-slide .wen .w04 a b{ width:28px; height:28px; border-radius:100%; margin:5px; margin-left:12px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:9px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ font-size:15px; line-height:25px; color:#fff; position:absolute; right:5%; bottom:2.34375vw; z-index:6; display:flex; align-items:flex-end;}
.banner .swiper-pagination a{ color:#fc5000; font-size:38px; display:block; line-height:40px; font-weight:bold; margin-right:5px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .tu img.pc{ display:none;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:80px;}
.banner .swiper-slide .wen .w01{ width:100%; overflow:hidden;}
.banner .swiper-slide .wen .w01 span{ display:block; font-size:14px; line-height:30px; padding:0 15px; border-radius:40px; height:30px; overflow:hidden; float:left; background-color:rgba(255,255,255,.1); color:#fff;}
.banner .swiper-slide .wen .w02{ width:100%; font-size:20px; line-height:30px; color:#fff; margin-top:15px;}
.banner .swiper-slide .wen .w03{ width:90%; font-size:14px; line-height:24px; color:#ccc; margin-top:10px;}
.banner .swiper-slide .wen .w04{ margin-top:20px;}
.banner .swiper-slide .wen .w04 a{ height:36px; display:block; line-height:36px; font-size:14px; color:#fff; text-indent:15px; border-radius:40px; background-color:#fc5000; cursor:pointer; overflow:hidden; float:left;}
.banner .swiper-slide .wen .w04 a b{ width:26px; height:26px; border-radius:100%; margin:5px; margin-left:10px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.banner .swiper-slide .wen .w04 a b img{ display:block; height:10px; margin:8px auto;}
.banner .swiper-slide .wen .w04 a:hover b{ -webkit-transform:rotateX(-180deg);}

.banner .swiper-pagination{ font-size:14px; line-height:24px; color:#fff; position:absolute; right:3%; bottom:15px; z-index:6; display:flex; align-items:flex-end;}
.banner .swiper-pagination a{ color:#fc5000; font-size:28px; display:block; line-height:32px; font-weight:bold; margin-right:5px;}
}

/*product*/
@media screen and (min-width:1360px){
.title{ width:100%; position:relative; z-index:3; margin-top:-12px;}
.title .t01{ width:100%; font-size:46px; line-height:66px; font-weight:bold; color:#fff;}
.title .t02{ margin-top:0.83vw; width:30px; height:4px; background-color:#fc5000;}
.pbox{ width:86%; padding:5.2vw 7%; position:relative; z-index:1; background-color:#020202;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.pbox .box .swiper-container{ overflow:visible; width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:27.34%;}
.pbox .box .swiper-container .swiper-slide:last-child{ margin-right:0 !important;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .tu:before{ width:100%; padding-top:120%; position:relative; display:block; content:''; background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.pbox .box .swiper-container .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide .wen{ width:100%; padding:0 2.08vw; box-sizing:border-box; position:absolute; left:0; bottom:2.08vw; z-index:3;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:24px; line-height:44px; color:#fff; display:flex;}
.pbox .box .swiper-container .swiper-slide .wen .w01 span{ font-size:18px; display:block; margin-left:10px; line-height:1; color:#fc5000;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ margin-top:1.3vw; width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.1);}
.pbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:10px; margin:15px auto;}
.pbox .box .swiper-container .swiper-slide .wen .w02:hover{ background-color:#fc5000;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.title{ width:100%; position:relative; z-index:3; margin-top:-8px;}
.title .t01{ width:100%; font-size:36px; line-height:50px; font-weight:bold; color:#fff;}
.title .t02{ margin-top:0.83vw; width:25px; height:3px; background-color:#fc5000;}
.pbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-color:#020202;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.pbox .box .swiper-container{ overflow:visible; width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:30%;}
.pbox .box .swiper-container .swiper-slide:last-child{ margin-right:0 !important;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .tu:before{ width:100%; padding-top:120%; position:relative; display:block; content:''; background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.pbox .box .swiper-container .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide .wen{ width:100%; padding:0 2.08vw; box-sizing:border-box; position:absolute; left:0; bottom:2.08vw; z-index:3;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:20px; line-height:34px; color:#fff; display:flex;}
.pbox .box .swiper-container .swiper-slide .wen .w01 span{ font-size:16px; display:block; margin-left:7px; line-height:1; color:#fc5000;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ margin-top:1.3vw; width:38px; height:38px; border-radius:100%; background-color:rgba(255,255,255,.1);}
.pbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:10px; margin:14px auto;}
.pbox .box .swiper-container .swiper-slide .wen .w02:hover{ background-color:#fc5000;}
}
@media only screen and (max-width:1023px){
.title{ width:100%; position:relative; z-index:3; margin-top:-4px;}
.title .t01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.title .t02{ margin-top:7px; width:20px; height:2px; background-color:#fc5000;}
.pbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-color:#020202;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.pbox .box .swiper-container{ overflow:visible; width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:60%;}
.pbox .box .swiper-container .swiper-slide:last-child{ margin-right:0 !important;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; position:relative; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.pbox .box .swiper-container .swiper-slide .tu:before{ width:100%; padding-top:120%; position:relative; display:block; content:''; background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.pbox .box .swiper-container .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide .wen{ width:100%; padding:0 15px; box-sizing:border-box; position:absolute; left:0; bottom:15px; z-index:3;}
.pbox .box .swiper-container .swiper-slide .wen .w01{ font-size:16px; line-height:26px; color:#fff; display:flex;}
.pbox .box .swiper-container .swiper-slide .wen .w01 span{ font-size:14px; display:block; margin-left:4px; line-height:1; color:#fc5000;}
.pbox .box .swiper-container .swiper-slide .wen .w02{ margin-top:10px; width:34px; height:34px; border-radius:100%; background-color:rgba(255,255,255,.1);}
.pbox .box .swiper-container .swiper-slide .wen .w02 img{ display:block; height:10px; margin:12px auto;}
.pbox .box .swiper-container .swiper-slide .wen .w02:hover{ background-color:#fc5000;}
}

/*factory*/
@media screen and (min-width:1360px){
.fbox{ width:86%; padding:5.2vw 7%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.fbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw; display:flex;}
.fbox .box .left{ width:48.48%;}
.fbox .box .left .swiper-container{ width:100%;}
.fbox .box .left .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; border-radius:20px;}
.fbox .box .left .swiper-container .swiper-slide a{ width:100%; padding-top:58.75%; position:relative; display:block; overflow:hidden;}
.fbox .box .left .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.fbox .box .left .swi{ width:100%; margin-top:1.5625vw;}
.fbox .box .left .swi .swiper-button-white{ width:48px; height:48px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.fbox .box .left .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.fbox .box .left .swi .swiper-button-white img{ margin:16px auto; display:block; height:16px;}
.fbox .box .left .swi .swiper-pagination{ float:left; padding:0 30px;}
.fbox .box .left .swi .swiper-pagination .dangqian{ font-size:30px; line-height:50px; height:50px; color:#fc5000; display:block; float:left;}
.fbox .box .left .swi .swiper-pagination .line{ font-size:16px; line-height:56px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .swiper-pagination .zongshu{ font-size:16px; line-height:56px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .more{ float:right; height:30px; margin:10px 0;}
.fbox .box .left .swi .more a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; color:#fff;}
.fbox .box .left .swi .more a b{ width:6px; height:6px; display:block; float:left; margin:12px 10px; margin-left:0; border-radius:100%; background-color:#fc5000; overflow:hidden;}
.fbox .box .left .swi .more a img{ display:block; height:10px; margin:10px; margin-right:0; float:right;}
.fbox .box .left .swi .more a img.img02{ display:none;}
.fbox .box .left .swi .more a:hover{ color:#fc5000;}
.fbox .box .left .swi .more a:hover img.img01{ display:none;}
.fbox .box .left .swi .more a:hover img.img02{ display:block;}
.fbox .box .right{ width:45.45%; margin-left:6.07%;}
.fbox .box .right a{ width:48%; display:block; float:left; margin-left:4%; margin-top:1.5625vw; height:calc(50% - 0.78125vw); border-radius:20px; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.fbox .box .right a:nth-child(2n+1){ margin-left:0;}
.fbox .box .right a:nth-child(1),.fbox .box .right a:nth-child(2){ margin-top:0;}
.fbox .box .right a .mask{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.5); z-index:1;}
.fbox .box .right a .wen{ padding:1.04vw; width:100%; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.fbox .box .right a .wen span{ display:block; width:100%; font-size:16px; line-height:26px; height:26px; color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .right a .wen p{ width:100%; font-size:20px; line-height:30px; height:60px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:0.52vw;}
.fbox .box .right a:hover .wen p{ color:#fc5000;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.fbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.fbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw; display:flex;}
.fbox .box .left{ width:50%;}
.fbox .box .left .swiper-container{ width:100%;}
.fbox .box .left .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; border-radius:15px;}
.fbox .box .left .swiper-container .swiper-slide a{ width:100%; padding-top:58.75%; position:relative; display:block; overflow:hidden;}
.fbox .box .left .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.fbox .box .left .swi{ width:100%; margin-top:1.5625vw;}
.fbox .box .left .swi .swiper-button-white{ width:40px; height:40px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.fbox .box .left .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.fbox .box .left .swi .swiper-button-white img{ margin:12px auto; display:block; height:16px;}
.fbox .box .left .swi .swiper-pagination{ float:left; padding:0 20px;}
.fbox .box .left .swi .swiper-pagination .dangqian{ font-size:26px; line-height:42px; height:42px; color:#fc5000; display:block; float:left;}
.fbox .box .left .swi .swiper-pagination .line{ font-size:15px; line-height:45px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .swiper-pagination .zongshu{ font-size:15px; line-height:45px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .more{ float:right; height:26px; margin:8px 0;}
.fbox .box .left .swi .more a{ display:block; overflow:hidden; font-size:15px; line-height:26px; height:26px; color:#fff;}
.fbox .box .left .swi .more a b{ width:6px; height:6px; display:block; float:left; margin:10px 7px; margin-left:0; border-radius:100%; background-color:#fc5000; overflow:hidden;}
.fbox .box .left .swi .more a img{ display:block; height:10px; margin:8px 7px; margin-right:0; float:right;}
.fbox .box .left .swi .more a img.img02{ display:none;}
.fbox .box .left .swi .more a:hover{ color:#fc5000;}
.fbox .box .left .swi .more a:hover img.img01{ display:none;}
.fbox .box .left .swi .more a:hover img.img02{ display:block;}
.fbox .box .right{ width:46%; margin-left:4%;}
.fbox .box .right a{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:1.5625vw; height:calc(50% - 0.78125vw); border-radius:15px; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.fbox .box .right a:nth-child(2n+1){ margin-left:0;}
.fbox .box .right a:nth-child(1),.fbox .box .right a:nth-child(2){ margin-top:0;}
.fbox .box .right a .mask{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.5); z-index:1;}
.fbox .box .right a .wen{ padding:1.04vw; width:100%; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.fbox .box .right a .wen span{ display:block; width:100%; font-size:15px; line-height:25px; height:25px; color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .right a .wen p{ width:100%; font-size:18px; line-height:28px; height:56px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:0.52vw;}
.fbox .box .right a:hover .wen p{ color:#fc5000;}
}
@media only screen and (max-width:1023px){
.fbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.fbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.fbox .box .left{ width:100%;}
.fbox .box .left .swiper-container{ width:100%;}
.fbox .box .left .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; border-radius:10px;}
.fbox .box .left .swiper-container .swiper-slide a{ width:100%; padding-top:58.75%; position:relative; display:block; overflow:hidden;}
.fbox .box .left .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.fbox .box .left .swi{ width:100%; margin-top:15px;}
.fbox .box .left .swi .swiper-button-white{ width:32px; height:32px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.fbox .box .left .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.fbox .box .left .swi .swiper-button-white img{ margin:11px auto; display:block; height:10px;}
.fbox .box .left .swi .swiper-pagination{ float:left; padding:0 10px;}
.fbox .box .left .swi .swiper-pagination .dangqian{ font-size:22px; line-height:34px; height:34px; color:#fc5000; display:block; float:left;}
.fbox .box .left .swi .swiper-pagination .line{ font-size:14px; line-height:36px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .swiper-pagination .zongshu{ font-size:14px; line-height:36px; height:30px; color:#fff; display:block; float:left; margin-left:5px;}
.fbox .box .left .swi .more{ float:right; height:24px; margin:5px 0;}
.fbox .box .left .swi .more a{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#fff;}
.fbox .box .left .swi .more a b{ width:4px; height:4px; display:block; float:left; margin:10px 5px; margin-left:0; border-radius:100%; background-color:#fc5000; overflow:hidden;}
.fbox .box .left .swi .more a img{ display:block; height:10px; margin:6px 5px; margin-right:0; float:right;}
.fbox .box .left .swi .more a img.img02{ display:none;}
.fbox .box .left .swi .more a:hover{ color:#fc5000;}
.fbox .box .left .swi .more a:hover img.img01{ display:none;}
.fbox .box .left .swi .more a:hover img.img02{ display:block;}
.fbox .box .right{ width:100%; padding-top:5px;}
.fbox .box .right a{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; border-radius:10px; overflow:hidden; position:relative; background-position:center; background-size:cover;}
.fbox .box .right a:nth-child(2n+1){ margin-left:0;}
.fbox .box .right a .mask{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.5); z-index:1; padding-top:72.22%;}
.fbox .box .right a .wen{ padding:10px; width:100%; position:absolute; left:0; bottom:0; z-index:3; box-sizing:border-box;}
.fbox .box .right a .wen span{ display:block; width:100%; font-size:14px; line-height:24px; height:24px; color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .right a .wen p{ width:100%; font-size:16px; line-height:26px; height:52px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.fbox .box .right a:hover .wen p{ color:#fc5000;}
}

/*service*/
@media screen and (min-width:1360px){
.sbox{ width:86%; padding:5.2vw 7%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .title .t01{ text-align:center;}
.sbox .title .t02{ margin-left:auto; margin-right:auto;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw;}
.sbox .box .tab{ width:100%;}
.sbox .box .tab .tabox{ width:100%; text-align:center;}
.sbox .box .tab .tabox .w01{ font-size:24px; line-height:34px; font-weight:bold; text-transform:uppercase; color:#fff;}
.sbox .box .tab .tabox .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:1.04vw;}
.sbox .box .tab .tabox .w03{ min-height:22.4vw; display:flex; align-items:center;}
.sbox .box .tab .tabox .w03 dl{ width:100%; padding:2.34375vw 0; display:flex;}
.sbox .box .tab .tabox .w03 dl dt{ display:block; flex:1; width:100%;}
.sbox .box .tab .tabox .w03 dl dt strong{ width:100%; display:block; overflow:hidden;}
.sbox .box .tab .tabox .w03 dl dt strong img{ display:block; height:4.17vw; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .tab .tabox .w03 dl dt:hover strong img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .tab .tabox .w03 dl dt b{ display:block; font-size:24px; line-height:34px; color:#fff; margin-top:1.3vw; font-weight:bold;}
.sbox .box .tab .tabox .w03 dl dd{ height:4.17vw; width:2.08%; display:flex; align-items:center;}
.sbox .box .tab .tabox .w03 dl dd img{ width:100%; display:block;}
.sbox .box .tab_menu{ width:100%; display:flex; justify-content:center;}
.sbox .box .tab_menu li{ display:block; padding:0 1.51vw; border:1px solid rgba(255,255,255,.5); height:38px; line-height:38px; border-radius:40px; margin:0 0.52vw; cursor:pointer;}
.sbox .box .tab_menu li.on{ border:1px solid #fc5000; background-color:#fc5000;}
.sbox .box .tab_menu li b{ width:6px; height:6px; display:block; float:left; margin:16px 10px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.sbox .box .tab_menu li a{ display:block; float:left; min-width:86px; font-size:16px; line-height:38px; height:38px; color:#fff;}
.sbox .box .tab_menu li img{ display:block; height:10px; margin:14px 10px; margin-right:0; float:right;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.sbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .title .t01{ text-align:center;}
.sbox .title .t02{ margin-left:auto; margin-right:auto;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw;}
.sbox .box .tab{ width:100%;}
.sbox .box .tab .tabox{ width:100%; text-align:center;}
.sbox .box .tab .tabox .w01{ font-size:22px; line-height:32px; font-weight:bold; text-transform:uppercase; color:#fff;}
.sbox .box .tab .tabox .w02{ font-size:15px; line-height:25px; color:#fff; margin-top:1.04vw;}
.sbox .box .tab .tabox .w03{ min-height:22.4vw; display:flex; align-items:center;}
.sbox .box .tab .tabox .w03 dl{ width:100%; padding:2.34375vw 0; display:flex;}
.sbox .box .tab .tabox .w03 dl dt{ display:block; flex:1; width:100%;}
.sbox .box .tab .tabox .w03 dl dt strong{ width:100%; display:block; overflow:hidden;}
.sbox .box .tab .tabox .w03 dl dt strong img{ display:block; height:4.17vw; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .tab .tabox .w03 dl dt:hover strong img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .tab .tabox .w03 dl dt b{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:1.3vw; font-weight:bold;}
.sbox .box .tab .tabox .w03 dl dd{ height:4.17vw; width:2.08%; display:flex; align-items:center;}
.sbox .box .tab .tabox .w03 dl dd img{ width:100%; display:block;}
.sbox .box .tab_menu{ width:100%; display:flex; justify-content:center;}
.sbox .box .tab_menu li{ display:block; padding:0 1.51vw; border:1px solid rgba(255,255,255,.5); height:36px; line-height:36px; border-radius:40px; margin:0 0.52vw; cursor:pointer;}
.sbox .box .tab_menu li.on{ border:1px solid #fc5000; background-color:#fc5000;}
.sbox .box .tab_menu li b{ width:6px; height:6px; display:block; float:left; margin:15px 7px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.sbox .box .tab_menu li a{ display:block; float:left; min-width:81px; font-size:15px; line-height:36px; height:36px; color:#fff;}
.sbox .box .tab_menu li img{ display:block; height:10px; margin:13px 7px; margin-right:0; float:right;}
}
@media only screen and (max-width:1023px){
.sbox{ width:94%; padding:40px 3%; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .title .t01{ text-align:center;}
.sbox .title .t02{ margin-left:auto; margin-right:auto;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.sbox .box .tab{ width:100%;}
.sbox .box .tab .tabox{ width:100%; text-align:center;}
.sbox .box .tab .tabox .w01{ font-size:18px; line-height:28px; font-weight:bold; text-transform:uppercase; color:#fff;}
.sbox .box .tab .tabox .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.sbox .box .tab .tabox .w03{ width:100%;}
.sbox .box .tab .tabox .w03 dl{ width:100%; display:flex; flex-wrap:wrap;}
.sbox .box .tab .tabox .w03 dl dt{ display:block; width:47%; margin-top:20px;}
.sbox .box .tab .tabox .w03 dl dt strong{ width:100%; display:block; overflow:hidden;}
.sbox .box .tab .tabox .w03 dl dt strong img{ display:block; height:40px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.sbox .box .tab .tabox .w03 dl dt:hover strong img{ -webkit-transform:rotateY(-360deg);}
.sbox .box .tab .tabox .w03 dl dt b{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:5px; font-weight:bold;}
.sbox .box .tab .tabox .w03 dl dd{ height:40px; width:6%; display:flex; align-items:center; margin-top:20px;}
.sbox .box .tab .tabox .w03 dl dd:nth-child(4),.sbox .box .tab .tabox .w03 dl dd:nth-child(8),.sbox .box .tab .tabox .w03 dl dd:nth-child(4){ display:none;}
.sbox .box .tab .tabox .w03 dl dd img{ width:100%; display:block;}
.sbox .box .tab_menu{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding-top:20px;}
.sbox .box .tab_menu li{ display:block; padding:0 15px; border:1px solid rgba(255,255,255,.5); height:32px; line-height:32px; border-radius:40px; margin:5px; cursor:pointer;}
.sbox .box .tab_menu li.on{ border:1px solid #fc5000; background-color:#fc5000;}
.sbox .box .tab_menu li b{ width:4px; height:4px; display:block; float:left; margin:14px 4px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.sbox .box .tab_menu li a{ display:block; float:left; font-size:14px; line-height:32px; height:32px; color:#fff;}
.sbox .box .tab_menu li img{ display:block; height:10px; margin:11px 4px; margin-right:0; float:right;}
}

/*partner*/
@media screen and (min-width:1360px){
.hbox{ width:86%; padding:5.2vw 7%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.hbox .title .more{ display:block; padding:0 1.51vw; border:1px solid rgba(255,255,255,.5); font-size:16px; color:#fff; height:38px; line-height:38px; border-radius:40px; position:absolute; right:0; top:46px;}
.hbox .title .more:hover{ border:1px solid #fc5000; background-color:#fc5000;}
.hbox .title .more b{ width:6px; height:6px; display:block; float:left; margin:16px 10px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .title .more img{ display:block; height:10px; margin:14px 10px; margin-right:0; float:right;}
.hbox .box{ width:100%; position:relative; z-index:3;}
.hbox .box .left{ width:43.64%; float:left; margin-top:2.34375vw;}
.hbox .box .left .w01{ font-size:36px; line-height:46px; color:#fff; font-weight:bold;}
.hbox .box .left .w02{ font-size:24px; line-height:34px; color:#ccc; margin-top:1.04vw;}
.hbox .box .right{ width:45.45%; float:right; padding-left:6.67%; padding-top:1.3vw; margin-top:0.52vw; background-image:url(../images/hbg.png); background-position:top left; background-repeat:no-repeat; background-size:7.06% auto;}
.hbox .box .right .wen{ font-size:16px; line-height:30px; color:#fff; margin-top:-2px;}
.hbox .box .swi{ margin-top:2.6vw; width:100%; float:left;}
.hbox .box .swi .swiper-button-white{ width:48px; height:48px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.hbox .box .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.hbox .box .swi .swiper-button-white img{ margin:16px auto; display:block; height:16px;}
.hbox .box .swi .swiper-button-next{ margin-left:30px;}
.hbox .box .swiper-container{ width:100%; float:left; margin-top:3.65vw; overflow:visible;}
.hbox .box .swiper-container .swiper-slide{ width:26.67%; display:block; overflow:hidden; border-radius:20px;}
.hbox .box .swiper-container .swiper-slide a{ width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.hbox .box .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.hbox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.hbox .title .more{ display:block; padding:0 1.51vw; border:1px solid rgba(255,255,255,.5); font-size:15px; color:#fff; height:36px; line-height:36px; border-radius:40px; position:absolute; right:0; top:31px;}
.hbox .title .more:hover{ border:1px solid #fc5000; background-color:#fc5000;}
.hbox .title .more b{ width:6px; height:6px; display:block; float:left; margin:15px 7px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .title .more img{ display:block; height:10px; margin:13px 7px; margin-right:0; float:right;}
.hbox .box{ width:100%; position:relative; z-index:3;}
.hbox .box .left{ width:50%; float:left; margin-top:2.34375vw;}
.hbox .box .left .w01{ font-size:26px; line-height:36px; color:#fff; font-weight:bold;}
.hbox .box .left .w02{ font-size:20px; line-height:30px; color:#ccc; margin-top:1.04vw;}
.hbox .box .right{ width:40%; float:right; padding-left:6%; padding-top:1.3vw; margin-top:0.52vw; background-image:url(../images/hbg.png); background-position:top left; background-repeat:no-repeat; background-size:7.06% auto;}
.hbox .box .right .wen{ font-size:15px; line-height:29px; color:#fff; margin-top:-2px;}
.hbox .box .swi{ margin-top:2.6vw; width:100%; float:left;}
.hbox .box .swi .swiper-button-white{ width:42px; height:42px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.hbox .box .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.hbox .box .swi .swiper-button-white img{ margin:13px auto; display:block; height:16px;}
.hbox .box .swi .swiper-button-next{ margin-left:20px;}
.hbox .box .swiper-container{ width:100%; float:left; margin-top:3.65vw; overflow:visible;}
.hbox .box .swiper-container .swiper-slide{ width:40%; display:block; overflow:hidden; border-radius:15px;}
.hbox .box .swiper-container .swiper-slide a{ width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.hbox .box .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.hbox{ width:94%; padding:40px 3%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.hbox .title .t01{ width:calc(100% - 140px);}
.hbox .title .more{ display:block; padding:0 15px; border:1px solid rgba(255,255,255,.5); font-size:14px; color:#fff; height:32px; line-height:32px; border-radius:40px; position:absolute; right:0; top:13px;}
.hbox .title .more:hover{ border:1px solid #fc5000; background-color:#fc5000;}
.hbox .title .more b{ width:4px; height:4px; display:block; float:left; margin:14px 4px; margin-left:0; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .title .more img{ display:block; height:10px; margin:11px 4px; margin-right:0; float:right;}
.hbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.hbox .box .left{ width:100%; float:left;}
.hbox .box .left .w01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.hbox .box .left .w02{ font-size:16px; line-height:26px; color:#ccc; margin-top:5px;}
.hbox .box .right{ width:100%; float:right; padding-left:25px; padding-top:5px; margin-top:10px; background-image:url(../images/hbg.png); background-position:top left; background-repeat:no-repeat; background-size:15px auto; box-sizing:border-box;}
.hbox .box .right .wen{ font-size:14px; line-height:24px; color:#fff;}
.hbox .box .swi{ margin-top:15px; width:100%; float:left;}
.hbox .box .swi .swiper-button-white{ width:32px; height:32px; float:left; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.hbox .box .swi .swiper-button-white:hover{ background-color:#fc5000; border:1px solid #fc5000;}
.hbox .box .swi .swiper-button-white img{ margin:11px auto; display:block; height:10px;}
.hbox .box .swi .swiper-button-next{ margin-left:10px;}
.hbox .box .swiper-container{ width:100%; float:left; margin-top:3.65vw; overflow:visible;}
.hbox .box .swiper-container .swiper-slide{ width:60%; display:block; overflow:hidden; border-radius:10px;}
.hbox .box .swiper-container .swiper-slide a{ width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.hbox .box .swiper-container .swiper-slide a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}

/*footer*/
@media screen and (min-width:1360px){
.footer{ width:86%; padding:4.9479vw 7%; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ width:100%; display:flex;}
.footer .foot .f01{ float:left; margin-right:3.125vw;}
.footer .foot .f01 .w01 a{ display:block; font-size:18px; line-height:28px; height:28px; color:#666; overflow:hidden; text-transform:capitalize;}
.footer .foot .f01 .w01 a:hover{ color:#fff;}
.footer .foot .f01 .w02{ margin-top:5px;}
.footer .foot .f01 .w02 p{ display:block; float:left; margin-right:2.6vw;}
.footer .foot .f01 .w02 p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; margin-top:6px; text-transform:capitalize;}
.footer .foot .f01 .w02 p a:hover{ color:#fff;}
.footer .foot .f02{ flex:1;}
.footer .foot .f02 .w01 a{ display:block; font-size:18px; line-height:28px; height:28px; color:#666; overflow:hidden; text-transform:capitalize;}
.footer .foot .f02 .w01 a:hover{ color:#fff;}
.footer .foot .f02 .w02{ margin-top:5px;}
.footer .foot .f02 .w02 p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999; margin-top:6px;}
.footer .foot .f02 .w03{ padding-top:0.52vw; margin-left:-1.02vw;}
.footer .foot .f02 .w03 li{ width:40px; position:relative; display:block; float:left; margin-top:0.78125vw; margin-left:1.02vw;}
.footer .foot .f02 .w03 li span{ width:40px; height:40px; border-radius:100%; background-color:#333; cursor:pointer; display:block; overflow:hidden;}
.footer .foot .f02 .w03 li span img{ display:block; margin:8px auto; height:24px;}
.footer .foot .f02 .w03 li p{ width:120px; background-image:url(../images/ma_07.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:8px; position:absolute; left:50%; margin-left:-60px; bottom:50px; display:none; overflow:hidden;}
.footer .foot .f02 .w03 li:hover p{ display:block;}
.footer .foot .f02 .w03 li p strong{ width:100%; height:120px; display:block; overflow:hidden; border-radius:5px;}
.footer .foot .f02 .w03 li p strong img{ width:100%; display:block;}
.footer .bq{ width:100%; display:flex; align-items:center; justify-content:flex-end; margin-top:2.34375vw;}
.footer .bq img{ display:block; height:50px; margin:5px 0; margin-right:1.5625vw;}
.footer .bq p{ display:block;}
.footer .bq p span{ display:block; font-size:14px; padding:3px 0; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p span a{ color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.footer{ width:90%; padding:4.9479vw 5%; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ width:100%; display:flex;}
.footer .foot .f01{ float:left; margin-right:2vw;}
.footer .foot .f01 .w01 a{ display:block; font-size:17px; line-height:27px; height:27px; color:#666; overflow:hidden; text-transform:capitalize;}
.footer .foot .f01 .w01 a:hover{ color:#fff;}
.footer .foot .f01 .w02{ margin-top:5px;}
.footer .foot .f01 .w02 p{ display:block; float:left; margin-right:2vw;}
.footer .foot .f01 .w02 p a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999; margin-top:3px; text-transform:capitalize;}
.footer .foot .f01 .w02 p a:hover{ color:#fff;}
.footer .foot .f02{ flex:1;}
.footer .foot .f02 .w01 a{ display:block; font-size:17px; line-height:27px; height:27px; color:#666; overflow:hidden; text-transform:capitalize;}
.footer .foot .f02 .w01 a:hover{ color:#fff;}
.footer .foot .f02 .w02{ margin-top:5px;}
.footer .foot .f02 .w02 p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999; margin-top:3px;}
.footer .foot .f02 .w03{ padding-top:0.52vw; margin-left:-1.02vw;}
.footer .foot .f02 .w03 li{ width:40px; position:relative; display:block; float:left; margin-top:0.78125vw; margin-left:1.02vw;}
.footer .foot .f02 .w03 li span{ width:40px; height:40px; border-radius:100%; background-color:#333; cursor:pointer; display:block; overflow:hidden;}
.footer .foot .f02 .w03 li span img{ display:block; margin:8px auto; height:24px;}
.footer .foot .f02 .w03 li p{ width:120px; background-image:url(../images/ma_07.png); background-position:bottom center; background-repeat:no-repeat; padding-bottom:8px; position:absolute; left:50%; margin-left:-60px; bottom:50px; display:none; overflow:hidden;}
.footer .foot .f02 .w03 li:hover p{ display:block;}
.footer .foot .f02 .w03 li p strong{ width:100%; height:120px; display:block; overflow:hidden; border-radius:5px;}
.footer .foot .f02 .w03 li p strong img{ width:100%; display:block;}
.footer .bq{ width:100%; display:flex; align-items:center; justify-content:flex-end; margin-top:2.34375vw;}
.footer .bq img{ display:block; height:50px; margin:5px 0; margin-right:1.5625vw;}
.footer .bq p{ display:block;}
.footer .bq p span{ display:block; font-size:14px; padding:2px 0; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p span a{ color:#999;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer .foot .f01{ margin-right:3vw;}
.footer .foot .f01 .w02 p{ float:none; margin-right:0;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:35px 3%; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ margin-left:-15px;}
.footer .foot .f01{ float:left; margin-left:15px;}
.footer .foot .f01 .w01 a{ display:block; font-size:16px; line-height:26px; height:26px; color:#999; overflow:hidden; text-transform:capitalize;}
.footer .foot .f01 .w01 a:hover{ color:#fff;}
.footer .foot .f01 .w02{ display:none;}
.footer .foot .f02{ margin-left:15px; clear:left; float:left; margin-top:10px;}
.footer .foot .f02 .w01 a{ display:block; font-size:16px; line-height:26px; height:26px; color:#fff; overflow:hidden; text-transform:capitalize;}
.footer .foot .f02 .w01 a:hover{ color:#fff;}
.footer .foot .f02 .w02{ width:100%;}
.footer .foot .f02 .w02 p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#999; margin-top:2px;}
.footer .foot .f02 .w03{ margin-left:-15px;}
.footer .foot .f02 .w03 li{ width:40px; position:relative; display:block; float:left; margin-top:15px;; margin-left:15px;;}
.footer .foot .f02 .w03 li span{ width:40px; height:40px; border-radius:100%; background-color:#333; cursor:pointer; display:block; overflow:hidden;}
.footer .foot .f02 .w03 li span img{ display:block; margin:8px auto; height:24px;}
.footer .foot .f02 .w03 li p{ width:120px; background-image:url(../images/ma_07.png); background-position:bottom left; background-repeat:no-repeat; padding-bottom:7px; position:absolute; left:0; bottom:50px; display:none; overflow:hidden;}
.footer .foot .f02 .w03 li:hover p{ display:block;}
.footer .foot .f02 .w03 li p strong{ width:100%; height:120px; display:block; overflow:hidden; border-radius:5px;}
.footer .foot .f02 .w03 li p strong img{ width:100%; display:block;}
.footer .bq{ width:100%; display:flex; align-items:center; justify-content:flex-end; margin-top:15px;}
.footer .bq img{ display:block; height:50px; margin:5px 0; margin-right:15px;}
.footer .bq p{ display:block;}
.footer .bq p span{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p span a{ color:#999;}
}
.gotop{ position:fixed; z-index:99; bottom:5%; right:1%; transform:scale(0); transform-origin:center center; transition:transform 250ms cubic-bezier(0.19, 1, 0.22, 1);}
.gotop.show{ transform:scale(1); transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.gotop:hover{ cursor:pointer; transform:scale(1.1); transition:transform 500mscubic-bezier(0.19,1,0.22,1):}
.caLnWW{ display:block; z-index:99; margin:0px; padding:13px; width:14px; height:14px; line-height:2rem; background:rgba(255, 255, 255, 0.8); box-shadow:rgba(252, 80, 0, 0.5) 0px 2px 4px -4px; border-radius:100%; transition:box-shadow 0.5s;}
.caLnWW:hover{ box-shadow:rgba(252,80,0,0.5)0px 2px 4px -2px:}
.caLnWW .color-fill{ fill:rgb(252, 80, 0);}

/*内页*/
@media screen and (min-width:1360px){
.hei{ width:100%; height:110px;}
.ban{ width:100%; height:20vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .wen{ font-size:46px; line-height:56px; font-weight:bold; color:#fff; position:absolute; left:7%; top:50%; transform:translateY(-50%); z-index:9;}
.ban .wei{ font-size:16px; line-height:26px; color:#fff; position:absolute; right:7%; bottom:1.04vw; z-index:9;}
.ban .wei a{ color:#fff;}
.ban .wei a:hover{ text-decoration:underline;}
.ban .wei span{ color:#ccc; margin:0 .52vw;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.hei{ width:100%; height:100px;}
.ban{ width:100%; height:20vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .wen{ font-size:36px; line-height:46px; font-weight:bold; color:#fff; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:9;}
.ban .wei{ font-size:15px; line-height:25px; color:#fff; position:absolute; right:5%; bottom:1.04vw; z-index:9;}
.ban .wei a{ color:#fff;}
.ban .wei a:hover{ text-decoration:underline;}
.ban .wei span{ color:#ccc; margin:0 .52vw;}
}
@media only screen and (max-width:1023px){
.hei{ width:100%; height:60px;}
.ban{ width:100%; height:40vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .bg{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .wen{ font-size:26px; line-height:36px; font-weight:bold; color:#fff; position:absolute; left:3%; top:50%; transform:translateY(-50%); z-index:9;}
.ban .wei{ font-size:14px; line-height:24px; color:#fff; position:absolute; right:3%; bottom:5px; z-index:9;}
.ban .wei a{ color:#fff;}
.ban .wei a:hover{ text-decoration:underline;}
.ban .wei span{ color:#ccc; margin:0 5px;}
}

/*about*/
@media screen and (min-width:1360px){
.main{ width:86%; padding:5.2vw 7%; position:relative; z-index:1;}
.main .ab01{ width:100%; position:relative; z-index:3; margin-top:2.24vw; font-size:16px; line-height:30px;}
.main .ab01 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main{ width:90%; padding:5.2vw 5%; position:relative; z-index:1;}
.main .ab01{ width:100%; position:relative; z-index:3; margin-top:2.24vw; font-size:15px; line-height:29px;}
.main .ab01 img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main{ width:94%; padding:40px 3%; position:relative; z-index:1;}
.main .ab01{ width:100%; position:relative; z-index:3; margin-top:15px; font-size:14px; line-height:24px;}
.main .ab01 img{ max-width:100%; height:auto !important;}
}

@media screen and (min-width:1360px){
.lx{ width:86%; padding:5.2vw 7%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.lx .title .t01{ text-align:center;}
.lx .title .t02{ margin-left:auto; margin-right:auto;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw;}
.lx .box .w01{ text-align:center; font-size:18px; line-height:28px; color:#fff;}
.lx .box .w02{ margin-top:2.34375vw; display:flex; justify-content:center;}
.lx .box .w02 a{ height:40px; display:block; line-height:40px; font-size:14px; color:#fff; text-indent:20px; border-radius:40px; background-color:#fc5000; cursor:pointer; overflow:hidden;}
.lx .box .w02 a b{ width:30px; height:30px; border-radius:100%; margin:5px; margin-left:15px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lx .box .w02 a b img{ display:block; height:10px; margin:10px auto;}
.lx .box .w02 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.lx{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.lx .title .t01{ text-align:center;}
.lx .title .t02{ margin-left:auto; margin-right:auto;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw;}
.lx .box .w01{ text-align:center; font-size:16px; line-height:26px; color:#fff;}
.lx .box .w02{ margin-top:2.34375vw; display:flex; justify-content:center;}
.lx .box .w02 a{ height:38px; display:block; line-height:38px; font-size:14px; color:#fff; text-indent:17px; border-radius:40px; background-color:#fc5000; overflow:hidden; float:left;}
.lx .box .w02 a b{ width:28px; height:28px; border-radius:100%; margin:5px; margin-left:12px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lx .box .w02 a b img{ display:block; height:10px; margin:9px auto;}
.lx .box .w02 a:hover b{ -webkit-transform:rotateX(-180deg);}
}
@media only screen and (max-width:1023px){
.lx{ width:94%; padding:40px 3%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.9);}
.lx .title .t01{ text-align:center;}
.lx .title .t02{ margin-left:auto; margin-right:auto;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.lx .box .w01{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
.lx .box .w02{ margin-top:15px; display:flex; justify-content:center;}
.lx .box .w02 a{ height:36px; display:block; line-height:36px; font-size:14px; color:#fff; text-indent:15px; border-radius:40px; background-color:#fc5000; cursor:pointer; overflow:hidden; float:left;}
.lx .box .w02 a b{ width:26px; height:26px; border-radius:100%; margin:5px; margin-left:10px; background-color:#ff6822; overflow:hidden; float:right; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lx .box .w02 a b img{ display:block; height:10px; margin:8px auto;}
.lx .box .w02 a:hover b{ -webkit-transform:rotateX(-180deg);}
}

@media screen and (min-width:1360px){
.main .ab02{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .ab02 a{ width:22.75%; display:block; margin-top:2.08vw; background-color:#333; padding:10px; box-sizing:border-box; padding-bottom:0; overflow:hidden; margin-left:3%; cursor:pointer;}
.main .ab02 a:nth-child(4n+1){ margin-left:0;}
.main .ab02 a strong{ width:100%; display:block; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block;}
.main .ab02 a p{ width:100%; font-size:16px; height:56px; line-height:56px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.main .ab02 a:hover{ background-color:#fc5000;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#fc5000;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#fc5000;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .ab02{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .ab02 a{ width:23.5%; display:block; margin-top:2.08vw; background-color:#333; padding:10px; box-sizing:border-box; padding-bottom:0; overflow:hidden; margin-left:2%; cursor:pointer;}
.main .ab02 a:nth-child(4n+1){ margin-left:0;}
.main .ab02 a strong{ width:100%; display:block; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block;}
.main .ab02 a p{ width:100%; font-size:15px; height:49px; line-height:49px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.main .ab02 a:hover{ background-color:#fc5000;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#fc5000;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#fc5000;}
}
@media only screen and (max-width:1023px){
.main .ab02{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .ab02 a{ width:48.5%; display:block; margin-top:15px; background-color:#333; padding:5px; box-sizing:border-box; padding-bottom:0; overflow:hidden; margin-left:3%; cursor:pointer;}
.main .ab02 a:nth-child(2n+1){ margin-left:0;}
.main .ab02 a strong{ width:100%; display:block; overflow:hidden;}
.main .ab02 a img{ width:100%; display:block;}
.main .ab02 a p{ width:100%; font-size:14px; height:40px; line-height:40px; display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.main .ab02 a:hover{ background-color:#fc5000;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:14px;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#fc5000;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#fc5000;}
}

@media screen and (min-width:1360px){
.main .ab03{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .ab03 a{ width:22.75%; display:block; margin-top:2.08vw; margin-left:3%; overflow:hidden; border-radius:20px; position:relative;}
.main .ab03 a:nth-child(4n+1){ margin-left:0;}
.main .ab03 a:before{ content:''; width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.main .ab03 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .ab03{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .ab03 a{ width:23.5%; display:block; margin-top:2.08vw; margin-left:2%; overflow:hidden; border-radius:15px; position:relative;}
.main .ab03 a:nth-child(4n+1){ margin-left:0;}
.main .ab03 a:before{ content:''; width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.main .ab03 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.main .ab03{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .ab03 a{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden; border-radius:10px; position:relative;}
.main .ab03 a:nth-child(2n+1){ margin-left:0;}
.main .ab03 a:before{ content:''; width:100%; padding-top:50%; position:relative; display:block; overflow:hidden;}
.main .ab03 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
}

/*product*/
@media screen and (min-width:1360px){
.main .pro{ width:100%; position:relative; z-index:3;}
.main .pro .lbar{ width:20%; float:left; border-radius:20px; background-color:#111; padding:2.08vw; box-sizing:border-box;}
.main .pro .lbar .w01{ border:1px solid #484848; height:38px; border-radius:5px; margin-top:5px;}
.main .pro .lbar .w01 p{ width:calc(100% - 38px); display:block; float:left; height:38px;}
.main .pro .lbar .w01 p input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.main .pro .lbar .w01 a{ width:38px; display:block; float:left; height:38px; cursor:pointer;}
.main .pro .lbar .w01 a input{ width:100%; height:38px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px auto;}
.main .pro .lbar .w02{ margin-top:1.3vw; padding-bottom:5px;}
.main .pro .lbar .w02 span{ display:block; float:left; font-size:18px; line-height:28px; color:#fff;}
.main .pro .lbar .w02 a{ display:block; float:right; font-size:14px; line-height:28px; color:#aaa; cursor:pointer;}
.main .pro .lbar .w02 a:hover{ color:#fc5000;}
.main .pro .lbar .w03{ width:100%; margin-top:-0.78125vw; text-transform:capitalize;}
.main .pro .lbar .w03 .bt{ width:100%; padding-top:0.78125vw; margin-top:0.78125vw; font-size:16px; line-height:26px; cursor:pointer; font-weight:bold; border-top:1px solid #484848; padding-right:20px; box-sizing:border-box; position:relative;}
.main .pro .lbar .w03 .bt span{ display:block; position:absolute; right:0; top:.78125vw; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt p{ display:none;  position:absolute; right:0; top:.78125vw; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt.cur{ color:#fc5000;}
.main .pro .lbar .w03 .bt.cur span{ display:none;}
.main .pro .lbar .w03 .bt.cur p{ display:block;}
.main .pro .lbar .w03 .cp{ display:none; padding-left:20px; padding-top:1px;}
.main .pro .lbar .w03 .cp a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:4px; color:#999;}
.main .pro .lbar .w03 .cp a:hover{ color:#fff;}
.main .pro .lbar .w03 .cp a.on{ color:#fc5000;}
.main .pro .rbar{ width:75%; float:right;}
.main .pro .rbar .title{ margin-top:0;}
.main .pro .rbar .title .t01{ font-size:30px; line-height:40px;}
.main .pro .rbar .list{ width:100%; display:block; padding-top:5px;}
.main .pro .rbar .list li{ width:22.75%; display:block; margin-top:1.82vw; overflow:hidden; margin-left:3%; float:left;;}
.main .pro .rbar .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro .rbar .list li .w01{ width:100%; padding-top:66.66%; position:relative; border-radius:20px;}
.main .pro .rbar .list li .w01 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .rbar .list li .w01:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro .rbar .list li .w02{ font-size:18px; line-height:28px; height:28px; color:#fff; font-weight:bold; margin-top:1vw;}
.main .pro .rbar .list li .w02:hover{ color:#fc5000;}
.main .pro .rbar .list li .w03{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:.52vw;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .pro{ width:100%; position:relative; z-index:3;}
.main .pro .lbar{ width:270px; float:left; border-radius:15px; background-color:#111; padding:2.08vw; box-sizing:border-box;}
.main .pro .lbar .w01{ border:1px solid #484848; height:36px; border-radius:5px; margin-top:5px;}
.main .pro .lbar .w01 p{ width:calc(100% - 36px); display:block; float:left; height:36px;}
.main .pro .lbar .w01 p input{ width:100%; display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.main .pro .lbar .w01 a{ width:36px; display:block; float:left; height:36px; cursor:pointer;}
.main .pro .lbar .w01 a input{ width:100%; height:36px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px auto;}
.main .pro .lbar .w02{ margin-top:1.3vw; padding-bottom:5px;}
.main .pro .lbar .w02 span{ display:block; float:left; font-size:17px; line-height:27px; color:#fff;}
.main .pro .lbar .w02 a{ display:block; float:right; font-size:14px; line-height:27px; color:#aaa; cursor:pointer;}
.main .pro .lbar .w02 a:hover{ color:#fc5000;}
.main .pro .lbar .w03{ width:100%; margin-top:-0.78125vw; text-transform:capitalize;}
.main .pro .lbar .w03 .bt{ width:100%; padding-top:0.78125vw; margin-top:0.78125vw; font-size:16px; line-height:26px; cursor:pointer; font-weight:bold; border-top:1px solid #484848; padding-right:20px; box-sizing:border-box; position:relative;}
.main .pro .lbar .w03 .bt span{ display:block; position:absolute; right:0; top:.78125vw; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt p{ display:none;  position:absolute; right:0; top:.78125vw; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt.cur{ color:#fc5000;}
.main .pro .lbar .w03 .bt.cur span{ display:none;}
.main .pro .lbar .w03 .bt.cur p{ display:block;}
.main .pro .lbar .w03 .cp{ display:none; padding-left:20px; padding-top:1px;}
.main .pro .lbar .w03 .cp a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:4px; color:#999;}
.main .pro .lbar .w03 .cp a:hover{ color:#fff;}
.main .pro .lbar .w03 .cp a.on{ color:#fc5000;}
.main .pro .rbar{ width:calc(97% - 270px); float:right;}
.main .pro .rbar .title{ margin-top:0;}
.main .pro .rbar .title .t01{ font-size:24px; line-height:34px;}
.main .pro .rbar .list{ width:100%; display:block; padding-top:5px;}
.main .pro .rbar .list li{ width:31.33%; display:block; margin-top:1.82vw; overflow:hidden; margin-left:3%; float:left;;}
.main .pro .rbar .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro .rbar .list li .w01{ width:100%; padding-top:66.66%; position:relative; border-radius:15px;}
.main .pro .rbar .list li .w01 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .rbar .list li .w01:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro .rbar .list li .w02{ font-size:17px; line-height:27px; height:27px; color:#fff; font-weight:bold; margin-top:1vw;}
.main .pro .rbar .list li .w02:hover{ color:#fc5000;}
.main .pro .rbar .list li .w03{ font-size:14px; line-height:24px; height:48px; color:#666; margin-top:.52vw;}
}
@media only screen and (max-width:1023px){
.main .pro{ width:100%; position:relative; z-index:3;}
.main .pro .lbar{ width:100%; float:left; border-radius:10px; background-color:#111; padding:15px; box-sizing:border-box;}
.main .pro .lbar .w01{ border:1px solid #484848; height:32px; border-radius:5px; margin-top:5px;}
.main .pro .lbar .w01 p{ width:calc(100% - 32px); display:block; float:left; height:32px;}
.main .pro .lbar .w01 p input{ width:100%; display:block; font-size:14px; height:32px; line-height:32px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.main .pro .lbar .w01 a{ width:32px; display:block; float:left; height:32px; cursor:pointer;}
.main .pro .lbar .w01 a input{ width:100%; height:32px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:14px auto;}
.main .pro .lbar .w02{ margin-top:10px; padding-bottom:5px;}
.main .pro .lbar .w02 span{ display:block; float:left; font-size:16px; line-height:26px; color:#fff;}
.main .pro .lbar .w02 a{ display:block; float:right; font-size:14px; line-height:26px; color:#aaa; cursor:pointer;}
.main .pro .lbar .w02 a:hover{ color:#fc5000;}
.main .pro .lbar .w03{ width:100%; margin-top:-10px; text-transform:capitalize;}
.main .pro .lbar .w03 .bt{ width:100%; padding-top:10px; margin-top:10px; font-size:16px; line-height:26px; cursor:pointer; font-weight:bold; border-top:1px solid #484848; padding-right:20px; box-sizing:border-box; position:relative;}
.main .pro .lbar .w03 .bt span{ display:block; position:absolute; right:0; top:10px; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt p{ display:none;  position:absolute; right:0; top:10px; font-size:16px; line-height:26px;}
.main .pro .lbar .w03 .bt.cur{ color:#fc5000;}
.main .pro .lbar .w03 .bt.cur span{ display:none;}
.main .pro .lbar .w03 .bt.cur p{ display:block;}
.main .pro .lbar .w03 .cp{ display:none; padding-top:1px;}
.main .pro .lbar .w03 .cp a{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:4px; color:#999; float:left; width:48.5%; margin-left:3%;}
.main .pro .lbar .w03 .cp a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro .lbar .w03 .cp a:hover{ color:#fff;}
.main .pro .lbar .w03 .cp a.on{ color:#fc5000;}
.main .pro .rbar{ width:100%; float:right;}
.main .pro .rbar .title{ margin-top:25px;}
.main .pro .rbar .title .t01{ font-size:18px; line-height:28px;}
.main .pro .rbar .list{ width:100%; display:block; padding-top:5px;}
.main .pro .rbar .list li{ width:48.5%; display:block; margin-top:15px; overflow:hidden; margin-left:3%; float:left;;}
.main .pro .rbar .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro .rbar .list li .w01{ width:100%; padding-top:66.66%; position:relative; border-radius:10px;}
.main .pro .rbar .list li .w01 img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .pro .rbar .list li .w01:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro .rbar .list li .w02{ font-size:16px; line-height:26px; height:26px; color:#fff; font-weight:bold; margin-top:10px;}
.main .pro .rbar .list li .w02:hover{ color:#fc5000;}
.main .pro .rbar .list li .w03{ font-size:14px; line-height:24px; height:48px; color:#666;}
}

/*product_son*/
@media screen and (min-width:1360px){
.main .pro .rbar .box{ width:100%;}
.main .pro .rbar .box .left{ width:50%; float:left;}
.main .pro .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:20px;}
.main .pro .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden;}
.main .pro .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs{ padding:0 50px; margin:auto; margin-top:1.3vw; display:block; overflow:hidden; position:relative;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #111; box-sizing:border-box;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #fc5000;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:#333; position:absolute; top:50%; transform:translateY(-50%); z-index:3; overflow:hidden;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block; margin:15px auto;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.main .pro .rbar .box .right{ width:45%; float:right;}
.main .pro .rbar .box .right .w01{ font-size:16px; line-height:26px; text-transform:uppercase;}
.main .pro .rbar .box .right .w02{ font-size:24px; line-height:34px; margin-top:.52vw;}
.main .pro .rbar .box .right .w03{ font-size:18px; line-height:28px; color:#808080; margin-top:1vw;}
.main .pro .rbar .box .right .w04{ margin-top:1.3vw; padding-top:1.3vw; border-top:1px solid #333; font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .pro .rbar .box{ width:100%;}
.main .pro .rbar .box .left{ width:50%; float:left;}
.main .pro .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:15px;}
.main .pro .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden;}
.main .pro .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs{ padding:0 45px; margin:auto; margin-top:1.3vw; display:block; overflow:hidden; position:relative;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #111; box-sizing:border-box;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #fc5000;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:#333; position:absolute; top:50%; transform:translateY(-50%); z-index:3; overflow:hidden;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block; margin:13px auto;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.main .pro .rbar .box .right{ width:47%; float:right;}
.main .pro .rbar .box .right .w01{ font-size:15px; line-height:25px; text-transform:uppercase;}
.main .pro .rbar .box .right .w02{ font-size:20px; line-height:30px; margin-top:.52vw;}
.main .pro .rbar .box .right .w03{ font-size:17px; line-height:27px; color:#808080; margin-top:1vw;}
.main .pro .rbar .box .right .w04{ margin-top:1.3vw; padding-top:1.3vw; border-top:1px solid #333; font-size:15px; line-height:25px;}
}
@media only screen and (max-width: 1023px){
.main .pro .rbar .box{ width:100%;}
.main .pro .rbar .box .left{ width:100%; float:left; margin-top:30px;}
.main .pro .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:10px;}
.main .pro .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden;}
.main .pro .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs{ padding:0 40px; margin:auto; margin-top:10px; display:block; overflow:hidden; position:relative;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #111; box-sizing:border-box;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #fc5000;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.main .pro .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white{ width:32px; height:32px; border-radius:100%; background-color:#333; position:absolute; top:50%; transform:translateY(-50%); z-index:3; overflow:hidden;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block; margin:11px auto;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.main .pro .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.main .pro .rbar .box .right{ width:100%; float:right; margin-top:25px;}
.main .pro .rbar .box .right .w01{ font-size:14px; line-height:24px; text-transform:uppercase;}
.main .pro .rbar .box .right .w02{ font-size:18px; line-height:28px;}
.main .pro .rbar .box .right .w03{ font-size:16px; line-height:26px; color:#808080; margin-top:5px;}
.main .pro .rbar .box .right .w04{ margin-top:10px; padding-top:10px; border-top:1px solid #333; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1360px){
.main .pro .box01{ width:100%; margin-top:4.94vw; position:relative; z-index:1;}
.main .pro .box01 .w01{ font-size:24px; line-height:34px; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #333;}
.main .pro .box01 .w02{ font-size:16px; line-height:26px; margin-top:1vw;}
.main .pro .box01 .w02 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1359px){
.main .pro .box01{ width:100%; margin-top:4.94vw; position:relative; z-index:1;}
.main .pro .box01 .w01{ font-size:20px; line-height:30px; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #333;}
.main .pro .box01 .w02{ font-size:15px; line-height:25px; margin-top:1vw;}
.main .pro .box01 .w02 img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width: 1023px){
.main .pro .box01{ width:100%; margin-top:20px; position:relative; z-index:1;}
.main .pro .box01 .w01{ font-size:16px; line-height:26px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #333;}
.main .pro .box01 .w02{ font-size:14px; line-height:24px; margin-top:10px;}
.main .pro .box01 .w02 img{ max-width:100%; height:auto !important;}
}

/*news*/
@media screen and (min-width:1360px){
.main .news{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .news li{ width:23.5%; display:block; margin-top:2.08vw; margin-left:2%; overflow:hidden;}
.main .news li:nth-child(4n+1){ margin-left:0;}
.main .news li .tu{ width:100%; border-radius:20px; position:relative;}
.main .news li .tu:before{ content:''; width:100%; padding-top:72.22%; position:relative; display:block; overflow:hidden;}
.main .news li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .news li .w01{ font-size:18px; line-height:28px; height:56px; font-weight:bold; color:#fff; margin-top:1vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.main .news li .w01:hover{ color:#fc5000;}
.main .news li .w02{ font-size:16px; line-height:26px; height:78px; color:#ccc; margin-top:.52vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w03{ font-size:16px; line-height:26px; height:26px; color:#aaa; margin-top:.52vw;}
.main .news li .w03:hover{ color:#fc5000;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .news{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:0.52vw;}
.main .news li{ width:32%; display:block; margin-top:2.08vw; margin-left:2%; overflow:hidden;}
.main .news li:nth-child(3n+1){ margin-left:0;}
.main .news li .tu{ width:100%; border-radius:15px; position:relative;}
.main .news li .tu:before{ content:''; width:100%; padding-top:72.22%; position:relative; display:block; overflow:hidden;}
.main .news li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .news li .w01{ font-size:17px; line-height:27px; height:54px; font-weight:bold; color:#fff; margin-top:1vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.main .news li .w01:hover{ color:#fc5000;}
.main .news li .w02{ font-size:15px; line-height:25px; height:75px; color:#ccc; margin-top:.52vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w03{ font-size:15px; line-height:25px; height:25px; color:#aaa; margin-top:.52vw;}
.main .news li .w03:hover{ color:#fc5000;}
}
@media only screen and (max-width:1023px){
.main .news{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; padding-top:5px;}
.main .news li{ width:48.5%; display:block; margin-top:15px; margin-left:3%; overflow:hidden;}
.main .news li:nth-child(2n+1){ margin-left:0;}
.main .news li .tu{ width:100%; border-radius:10px; position:relative;}
.main .news li .tu:before{ content:''; width:100%; padding-top:72.22%; position:relative; display:block; overflow:hidden;}
.main .news li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.main .news li .w01{ font-size:16px; line-height:26px; height:52px; font-weight:bold; color:#fff; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.main .news li .w01:hover{ color:#fc5000;}
.main .news li .w02{ font-size:14px; line-height:24px; height:72px; color:#ccc; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .w03{ font-size:14px; line-height:24px; height:24px; color:#aaa; margin-top:5px;}
.main .news li .w03:hover{ color:#fc5000;}
}

/*news_son*/
@media screen and (min-width:1360px){
.main .back{ width:100%; margin:auto; position:relative; z-index:3;}
.main .back .left{ float:left; height:26px; position:relative;}
.main .back .left a{ width:100%; display:block; overflow:hidden;}
.main .back .left a span{ width:100%; display:block; font-size:16px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a p{ width:100%; display:block; font-size:16px; line-height:26px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a img{ margin:5px 0; margin-right:10px; float:left; height:16px; display:block;}
.main .back .left a:hover span{transform:translateY(-26px)}
.main .back .left a:hover p{transform:translateY(-26px)}
.main .back .right{ float:right; height:26px;}
.main .back .right a{ display:block; float:left; overflow:hidden; margin-left:2.6vw;}
.main .back .right a span{ width:100%; display:block; font-size:16px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a p{ width:100%; display:block; font-size:16px; line-height:26px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a.prev img{ margin:8px 0; margin-right:10px; float:left; height:10px; display:block;}
.main .back .right a.next img{ margin:8px 0; margin-left:10px; float:right; height:10px; display:block;}
.main .back .right a:hover span{transform:translateY(-26px)}
.main .back .right a:hover p{transform:translateY(-26px)}

.main .ny{ width:100%; margin:auto; position:relative; z-index:1; margin-top:2.08vw;}
.main .ny .w01{ font-size:24px; line-height:34px; color:#fff;}
.main .ny .w02{ margin-top:1.04vw;}
.main .ny .w02 p{ display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-right:2.6vw;}
.main .ny .w02 p img{ display:block; height:16px; float:left; margin:5px 10px; margin-left:0;}
.main .ny .w03{ margin-top:1.3vw; border-top:1px solid #333; padding-top:1.82vw; font-size:16px; line-height:30px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.main .back{ width:100%; margin:auto; position:relative; z-index:3;}
.main .back .left{ float:left; height:26px; position:relative;}
.main .back .left a{ width:100%; display:block; overflow:hidden;}
.main .back .left a span{ width:100%; display:block; font-size:15px; line-height:25px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a p{ width:100%; display:block; font-size:15px; line-height:25px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a img{ margin:4px 0; margin-right:7px; float:left; height:16px; display:block;}
.main .back .left a:hover span{transform:translateY(-26px)}
.main .back .left a:hover p{transform:translateY(-26px)}
.main .back .right{ float:right; height:25px;}
.main .back .right a{ display:block; float:left; overflow:hidden; margin-left:2.6vw;}
.main .back .right a span{ width:100%; display:block; font-size:15px; line-height:25px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a p{ width:100%; display:block; font-size:15px; line-height:25px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a.prev img{ margin:7px 0; margin-right:7px; float:left; height:10px; display:block;}
.main .back .right a.next img{ margin:7px 0; margin-left:7px; float:right; height:10px; display:block;}
.main .back .right a:hover span{transform:translateY(-26px)}
.main .back .right a:hover p{transform:translateY(-26px)}

.main .ny{ width:100%; margin:auto; position:relative; z-index:1; margin-top:2.08vw;}
.main .ny .w01{ font-size:20px; line-height:30px; color:#fff;}
.main .ny .w02{ margin-top:1.04vw;}
.main .ny .w02 p{ display:block; float:left; font-size:15px; line-height:25px; height:25px; overflow:hidden; margin-right:2.6vw;}
.main .ny .w02 p img{ display:block; height:15px; float:left; margin:5px 7px; margin-left:0;}
.main .ny .w03{ margin-top:1.3vw; border-top:1px solid #333; padding-top:1.82vw; font-size:15px; line-height:29px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .back{ width:100%; margin:auto; position:relative; z-index:3;}
.main .back .left{ float:left; height:24px; position:relative;}
.main .back .left a{ width:100%; display:block; overflow:hidden;}
.main .back .left a span{ width:100%; display:block; font-size:14px; line-height:24px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a p{ width:100%; display:block; font-size:14px; line-height:24px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .left a img{ margin:3px 0; margin-right:4px; float:left; height:16px; display:block;}
.main .back .left a:hover span{transform:translateY(-26px)}
.main .back .left a:hover p{transform:translateY(-26px)}
.main .back .right{ float:right; height:24px;}
.main .back .right a{ display:block; float:left; overflow:hidden; margin-left:2.6vw;}
.main .back .right a span{ width:100%; display:block; font-size:14px; line-height:24px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a p{ width:100%; display:block; font-size:14px; line-height:24px; color:#fc5000; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.main .back .right a.prev img{ margin:7px 0; margin-right:4px; float:left; height:10px; display:block;}
.main .back .right a.next img{ margin:7px 0; margin-left:4px; float:right; height:10px; display:block;}
.main .back .right a:hover span{transform:translateY(-26px)}
.main .back .right a:hover p{transform:translateY(-26px)}

.main .ny{ width:100%; margin:auto; position:relative; z-index:1; margin-top:2.08vw;}
.main .ny .w01{ font-size:18px; line-height:28px; color:#fff;}
.main .ny .w02{ margin-top:5px;}
.main .ny .w02 p{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-right:15px;}
.main .ny .w02 p img{ display:block; height:14px; float:left; margin:5px 4px; margin-left:0;}
.main .ny .w03{ margin-top:10px; border-top:1px solid #333; padding-top:15px; font-size:14px; line-height:24px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
}

/*service*/
@media screen and (min-width:1360px){
.lx01{ width:100%;}
.lx01 .left{ width:47.5%; float:left;}
.lx01 .left .w02{ font-size:16px; line-height:26px; margin-top:1.82vw;}
.lx01 .left .w03{ width:100%;}
.lx01 .left .w03 .inp{ margin-top:1.82vw;}
.lx01 .left .w03 .inp>span{ display:block; font-size:16px; line-height:2;}
.lx01 .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#111; margin-top:.5vw;}
.lx01 .left .w03 .inp>p input{ width:100%; padding:0 1vw; font-size:16px; height:40px; line-height:40px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.lx01 .left .w03 .inp>p #mobile-number03{ padding-left:56px; color:#fff;}
.lx01 .left .w03 .inp>p textarea{ width:100%; padding:7px 1vw; font-size:16px; height:140px; line-height:26px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.lx01 .left .w03 .inp01{ margin-top:1.82vw;}
.lx01 .left .w03 .inp01 p{ display:block; font-size:16px; line-height:26px; vertical-align:middle;}
.lx01 .left .w03 .inp01 input{ margin-right:10px;}
.lx01 .left .w03 .inp02{ margin-top:1.82vw;}
.lx01 .left .w03 .inp02 input{ width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#fc5000; font-size:16px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx01 .left .w03 .inp02 input:hover{ background-color:#ff6822;}
.lx01 .right{ width:47.5%; float:right;}
.lx01 .right .w01{ width:100%; border-radius:20px;}
.lx01 .right .w01 img{ width:100%; display:block;}
.lx01 .right .w02{ font-size:24px; line-height:34px; margin-top:1.82vw;}
.lx01 .right .w03{ width:40px; height:2px; background-color:#fc5000; margin-top:1vw;}
.lx01 .right .w04{ font-size:16px; line-height:26px; margin-top:1.3vw;}
}
@media screen and (min-width:1024px) and (max-width:1359px){
.lx01{ width:100%;}
.lx01 .left{ width:47.5%; float:left;}
.lx01 .left .w02{ font-size:15px; line-height:25px; margin-top:1.82vw;}
.lx01 .left .w03{ width:100%;}
.lx01 .left .w03 .inp{ margin-top:1.82vw;}
.lx01 .left .w03 .inp>span{ display:block; font-size:16px; line-height:2;}
.lx01 .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#111; margin-top:.5vw;}
.lx01 .left .w03 .inp>p input{ width:100%; padding:0 1vw; font-size:16px; height:40px; line-height:40px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.lx01 .left .w03 .inp>p #mobile-number03{ padding-left:56px; color:#fff;}
.lx01 .left .w03 .inp>p textarea{ width:100%; padding:7px 1vw; font-size:16px; height:140px; line-height:26px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.lx01 .left .w03 .inp01{ margin-top:1.82vw;}
.lx01 .left .w03 .inp01 p{ display:block; font-size:16px; line-height:26px; vertical-align:middle;}
.lx01 .left .w03 .inp01 input{ margin-right:10px;}
.lx01 .left .w03 .inp02{ margin-top:1.82vw;}
.lx01 .left .w03 .inp02 input{ width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#fc5000; font-size:16px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx01 .left .w03 .inp02 input:hover{ background-color:#ff6822;}
.lx01 .right{ width:47.5%; float:right;}
.lx01 .right .w01{ width:100%; border-radius:15px;}
.lx01 .right .w01 img{ width:100%; display:block;}
.lx01 .right .w02{ font-size:20px; line-height:30px; margin-top:1.82vw;}
.lx01 .right .w03{ width:30px; height:2px; background-color:#fc5000; margin-top:1vw;}
.lx01 .right .w04{ font-size:15px; line-height:25px; margin-top:1.3vw;}
}
@media only screen and (max-width:1023px){
.lx01{ width:100%;}
.lx01 .left{ width:100%; float:left;}
.lx01 .left .w02{ font-size:14px; line-height:24px; margin-top:15px;}
.lx01 .left .w03{ width:100%;}
.lx01 .left .w03 .inp{ margin-top:15px;}
.lx01 .left .w03 .inp>span{ display:block; font-size:14px; line-height:24px;}
.lx01 .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#111; margin-top:5px;}
.lx01 .left .w03 .inp>p input{ width:100%; padding:0 15px; font-size:14px; height:40px; line-height:40px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.lx01 .left .w03 .inp>p #mobile-number03{ padding-left:56px; color:#fff;}
.lx01 .left .w03 .inp>p textarea{ width:100%; padding:7px 15px; font-size:14px; height:140px; line-height:26px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.lx01 .left .w03 .inp01{ margin-top:15px;}
.lx01 .left .w03 .inp01 p{ display:block; font-size:14px; line-height:24px; vertical-align:middle;}
.lx01 .left .w03 .inp01 input{ margin-right:10px;}
.lx01 .left .w03 .inp02{ margin-top:15px;}
.lx01 .left .w03 .inp02 input{ width:120px; height:34px; line-height:34px; border-radius:5px; background-color:#fc5000; font-size:14px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx01 .left .w03 .inp02 input:hover{ background-color:#ff6822;}
.lx01 .right{ width:100%; float:right; margin-top:20px;}
.lx01 .right .w01{ width:100%; border-radius:10px;}
.lx01 .right .w01 img{ width:100%; display:block;}
.lx01 .right .w02{ font-size:18px; line-height:28px; margin-top:15px;}
.lx01 .right .w03{ width:20px; height:2px; background-color:#fc5000; margin-top:5px;}
.lx01 .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
}