@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Poppins","Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:2; color:#000; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#000; -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:#000;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

body::-webkit-scrollbar{ width:0; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#f35740;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Roboto-Regular.woff') format('woff'), 
	url('../fonts/Roboto-Regular.ttf') format('truetype'), 
	url('../fonts/Roboto-Regular.otf') format('opentype'), 
	url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.eot');
	src: local('☺'), url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Poppins-Regular.woff') format('woff'), 
	url('../fonts/Poppins-Regular.ttf') format('truetype'), 
	url('../fonts/Poppins-Regular.otf') format('opentype'), 
	url('../fonts/Poppins-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Bhineka';
	src: url('../fonts/Bhineka.eot');
	src: local('☺'), url('../fonts/Bhineka.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Bhineka.woff') format('woff'), 
	url('../fonts/Bhineka.ttf') format('truetype'), 
	url('../fonts/Bhineka.otf') format('opentype'), 
	url('../fonts/Bhineka.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Robotomedium';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: local('☺'), url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Poppins-SemiBold.woff') format('woff'), 
	url('../fonts/Poppins-SemiBold.ttf') format('truetype'), 
	url('../fonts/Poppins-SemiBold.otf') format('opentype'), 
	url('../fonts/Poppins-SemiBold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Robotobold';
	src: url('../fonts/Poppins-SemiBold.eot');
	src: local('☺'), url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/Poppins-SemiBold.woff') format('woff'), 
	url('../fonts/Poppins-SemiBold.ttf') format('truetype'), 
	url('../fonts/Poppins-SemiBold.otf') format('opentype'), 
	url('../fonts/Poppins-SemiBold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

/*header*/
.click,.click01{ cursor:pointer;}
.header h1,.header h2,.header h3,.header h4{ display:block; font-weight:normal;}
@media screen and (min-width:1530px){
.header{ width:100%; height:130px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .thead{ max-width:1400px; margin:auto; position:relative; z-index:3; height:50px;}
.header .thead .right{ float:right;}
.header .thead .right .ser{ width:350px; height:26px; margin:22px 10px; margin-bottom:0; padding:1px; border-radius:26px; float:left; background:linear-gradient(to right,#24ade2,#f607ff);}
.header .thead .right .ser p{ display:block; padding:0 15px; width:calc(100% - 61px); float:left; overflow:hidden; background-color:#fff; border-bottom-left-radius:26px; border-top-left-radius:26px;}
.header .thead .right .ser p input{ width:100%; display:block; font-size:14px; line-height:26px; line-height:26px; color:#333; overflow:hidden; background-color:transparent;}
.header .thead .right .ser a{ display:block; width:16px; padding:5px 15px; padding-left:0; float:left; overflow:hidden; background-color:#fff; border-bottom-right-radius:26px; border-top-right-radius:26px;}
.header .thead .right .ser a input{ width:100%; display:block; height:16px; cursor:pointer; background-color:transparent; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.header .thead .right .link{ float:left; height:28px; padding-top:22px;}
.header .thead .right .link a{ display:block; float:left; margin-left:.52vw; box-shadow:0 5px 5px rgba(0,0,0,.1); border-radius:8px; overflow:hidden;}
.header .thead .right .link img{ display:block; height:28px;}
.header .head{ width:1400px; margin:auto; height:80px;}
.header .head .logo{ height:42px; display:block; padding:19px 0; float:left; overflow:visible;}
.header .head .logo a{ display:block; float:left;}
.header .head .logo a img{ display:block; height:42px;}
.header .head .logo a img.mobile{ display:none;}
.header .head .logo span{ display:block; float:left; height:42px; line-height:42px; font-size:22px; margin-left:1vw; font-family: 'Bhineka';}
.header .head .logo span img{ display:block; height:16px;}
.header .head .nav{ float:right; height:80px; display:block;}
.header .head .nav dt{ display:flex; align-items:center; height:100%; margin-right:40px; float:left;}
.header .head .nav dt>a{ display:block; font-size:18px; font-family:'Robotomedium'; text-transform:uppercase; position:relative; height:80px; line-height:80px; overflow:hidden;}
.header .head .nav dt:hover>a b,.header .head .nav dt.on>a b{ width:100%; height:2px; position:absolute; left:0; bottom:19px; background:linear-gradient(to right,#24ade2,#f607ff); display:block; overflow:hidden;}
.header .head .nav dd{ display:flex; align-items:center; height:100%; float:left;}
.header .head .nav dd span{ height:16px; display:block;}
.header .head .nav dd span img{ display:block; height:16px;}
.header .head .nav dd a{ display:block; padding:0 20px; font-size:16px; height:36px; line-height:36px; border-radius:36px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-left:30px;}
.header .head .nav dt .sav{ width:100%; padding-top:1.5vw; padding-bottom:3vw; background-color:#f7f7f7; position:absolute; left:0; top:100%; transition:all 0.3s ease; opacity:0; visibility:hidden; height:0; box-sizing:border-box;}
.header .head .nav dt:hover .sav{ opacity:1; visibility:visible; height:auto;}
.header .head .nav dt .sav .box{ width:1400px; margin:auto;}
.header .head .nav dt .sav .left{ background-color:#fff; border-radius:1vw; width:calc(262px + 1vw); padding:2vw; padding-top:1.82vw; box-sizing:border-box; float:left; display:flex; flex-direction:column; align-items:center; margin-top:1.5vw;}
.header .head .nav dt .sav .left>div{ text-align:left;}
.header .head .nav dt .sav .left .w01{ font-size:20px; line-height:24px; font-family:'Robotomedium'; text-transform:uppercase;}
.header .head .nav dt .sav .left .w02{ font-size:12px; line-height:18px; color:#808080; margin-top:.5vw;}
.header .head .nav dt .sav .left .w03{ margin-top:0.78125vw; padding:1px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff);}
.header .head .nav dt .sav .left .w03 a{ width:100%; height:38px; line-height:38px; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:40px; overflow:hidden; font-size:12px;}
.header .head .nav dt .sav .left .w03 a img{ display:block; height:16px; margin-right:5px;}
.header .head .nav dt .sav .right{ float:right; width:973px;}
.header .head .nav dt:nth-child(3) .sav .right{ width:718px;}
.header .head .nav dt:nth-child(4) .sav .right{ width:596px;}
.header .head .nav dt:nth-child(5) .sav .right{ width:458px;}
.header .head .nav dt:nth-child(6) .sav .right{ width:354px;}
.header .head .nav dt .sav .right .item{ margin-right:100px; float:left; margin-top:.8vw;}
.header .head .nav dt .sav .right .item:last-child{ margin-right:0;}
.header .head .nav dt .sav .right .rightt{ width:calc(100% + 60px);}
.header .head .nav dt .sav .right .rightt .item{ margin-right:50px;}
.header .head .nav dt .sav .right .item .w01{ display:none; width:120px; position:relative; border-radius:.5vw;}
.header .head .nav dt .sav .right .item .w01 img{ width:100%; display:block;}
.header .head .nav dt .sav .right .item .w02{ width:100%;}
.header .head .nav dt .sav .right .item .w02 a{ display:block; text-transform:uppercase; font-size:18px; line-height:28px; font-weight:bold; margin-top:.7vw;}
.header .head .nav dt .sav .right .item .w02 a:hover{ text-decoration:underline;}
.header .head .nav dt .sav .right .item .w03{ width:100%; font-weight:bold;}
.header .head .nav dt .sav .right .item .w03 a{ display:block; text-transform:uppercase; font-size:18px; line-height:28px; color:#808080; margin-top:.7vw;}
.header .head .nav dt .sav .right .item .w04{ width:100%;}
.header .head .nav dt:nth-child(2) .sav .right .item .w04{ width:100%; display:flex;}
.header .head .nav dt .sav .right .item .w04 p{ display:block; margin-right:50px;}
.header .head .nav dt .sav .right .item .w04 p:last-child{ margin-right:0;}
.header .head .nav dt .sav .right .item .w04 a{ display:block; font-size:16px; line-height:26px; color:#333; font-weight:bold; margin-top:.7vw;}
.header .head .nav dt .sav .right .item .w04 a:hover{ text-decoration:underline;}
.menu{ display:none;}

.yuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999; display:none;}
.yuy.open{ display:block;}
.yuy .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(54, 57, 60, .2); backdrop-filter:blur(8px);}
.yuy .box{ width:500px; height:calc(100vh - 16px); padding:30px; box-sizing:border-box; margin:8px; background-color:#fff; border-radius:1vw; position:absolute; right:-600px; top:0; z-index:99; overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yuy .box::-webkit-scrollbar{ width:0; height:1px;}
.yuy .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fff;}
.yuy .box::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.0);}
.yuy.open .box{ right:0;}
.yuy .box .close{ position:absolute; right:30px; top:30px; -webkit-transition:1s linear; transition:1s ease-in;}
.yuy .box .close img{ width:20px; display:block; cursor:pointer;}
.yuy .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yuy .box .w01{ width:100%;}
.yuy .box .w01 img{ display:block; height:52px;}
.yuy .box .w02{ width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.yuy .box .w03{ width:100%; display:block; margin-top:25px;}
.yuy .box .w03 li{ width:100%; display:block; border-top:1px solid #eee; padding:20px 0; overflow:hidden;}
.yuy .box .w03 li a{ display:block; overflow:hidden; font-size:18px; line-height:32px; height:32px; font-weight:bold;}
.yuy .box .w03 li a:hover{ text-decoration:underline;}
.yuy .box .w03 li a strong{ width:45px; height:32px; display:block; float:left;}
.yuy .box .w03 li a strong img{ display:block; height:22px; margin:5px 0;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.header .thead{ width:90%; padding:0 5%; height:48px;}
.header .thead .right{ float:right;}
.header .thead .right .ser{ width:300px; height:26px; margin:20px 10px; margin-bottom:0; padding:1px; border-radius:26px; float:left; background:linear-gradient(to right,#24ade2,#f607ff);}
.header .thead .right .ser p{ display:block; padding:0 15px; width:calc(100% - 61px); float:left; overflow:hidden; background-color:#fff; border-bottom-left-radius:26px; border-top-left-radius:26px;}
.header .thead .right .ser p input{ width:100%; display:block; font-size:14px; line-height:26px; line-height:26px; color:#333; overflow:hidden; background-color:transparent;}
.header .thead .right .ser a{ display:block; width:16px; padding:5px 15px; padding-left:0; float:left; overflow:hidden; background-color:#fff; border-bottom-right-radius:26px; border-top-right-radius:26px;}
.header .thead .right .ser a input{ width:100%; display:block; height:16px; cursor:pointer; background-color:transparent; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat;}
.header .thead .right .link{ float:left; height:28px; padding-top:20px;}
.header .thead .right .link a{ display:block; float:left; margin-left:.52vw; box-shadow:0 5px 5px rgba(0,0,0,.1); border-radius:8px; overflow:hidden;}
.header .thead .right .link img{ display:block; height:28px;}
.header .head{ width:90%; padding:0 5%; height:72px;}
.header .head .logo{ height:42px; display:block; padding:16px 0; float:left; overflow:visible;}
.header .head .logo a{ display:block; float:left;}
.header .head .logo a img{ display:block; height:42px;}
.header .head .logo a img.mobile{ display:none;}
.header .head .logo span{ display:block; float:left; height:42px; line-height:42px; font-size:22px; margin-left:1vw; font-family: 'Bhineka';}
.header .head .logo span img{ display:block; height:16px;}
.header .head .nav{ float:right; height:72px; display:block;}
.header .head .nav dt{ display:flex; align-items:center; height:100%; margin-right:1.5vw; float:left;}
.header .head .nav dt>a{ display:block; font-size:17px; font-family:'Robotomedium'; text-transform:uppercase; height:72px; line-height:72px; position:relative; overflow:hidden;}
.header .head .nav dt:hover>a b,.header .head .nav dt.on>a b{ width:100%; height:2px; position:absolute; left:0; bottom:18px; background:linear-gradient(to right,#24ade2,#f607ff); display:block; overflow:hidden;}
.header .head .nav dd{ display:flex; align-items:center; height:100%; float:left;}
.header .head .nav dd span{ height:16px; display:block;}
.header .head .nav dd span img{ display:block; height:16px;}
.header .head .nav dd a{ display:block; padding:0 1.3vw; font-size:15px; height:34px; line-height:34px; border-radius:30px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-left:1.5625vw;}
.header .head .nav dt .sav{ width:100%; padding:1.5vw 5%; padding-bottom:3vw; background-color:#f7f7f7; position:absolute; left:0; top:100%; box-sizing:border-box; display:none;}
.header .head .nav dt:hover .sav{ display:block;}
.header .head .nav dt .sav .box{ width:100%;}
.header .head .nav dt .sav .left{ background-color:#fff; border-radius:1vw; width:calc(253px + 1vw); padding:2vw; padding-top:1.82vw; box-sizing:border-box; float:left; display:flex; flex-direction:column; align-items:center; margin-top:1.5vw;}
.header .head .nav dt .sav .left>div{ text-align:left;}
.header .head .nav dt .sav .left .w01{ font-size:20px; line-height:24px; font-family:'Robotomedium'; text-transform:uppercase;}
.header .head .nav dt .sav .left .w02{ font-size:12px; line-height:18px; color:#808080; margin-top:.5vw;}
.header .head .nav dt .sav .left .w03{ margin-top:0.78125vw; padding:1px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff);}
.header .head .nav dt .sav .left .w03 a{ width:100%; height:34px; line-height:34px; display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:40px; overflow:hidden; font-size:12px;}
.header .head .nav dt .sav .left .w03 a img{ display:block; height:16px; margin-right:5px;}
.header .head .nav dt .sav .right{ float:right; width:calc(626px + 13.1625vw);}
.header .head .nav dt:nth-child(3) .sav .right{ width:calc(459px + 10.1625vw);}
.header .head .nav dt:nth-child(4) .sav .right{ width:calc(382px + 8.6625vw);}
.header .head .nav dt:nth-child(5) .sav .right{ width:calc(289px + 7.1625vw);}
.header .head .nav dt:nth-child(6) .sav .right{ width:calc(228px + 5.6625vw);}
.header .head .nav dt .sav .right .item{ margin-right:5vw; float:left; margin-top:.5vw;}
.header .head .nav dt .sav .right .item:last-child{ margin-right:0;}
.header .head .nav dt .sav .right .rightt{ width:calc(100% + 3vw);}
.header .head .nav dt .sav .right .rightt .item{ margin-right:3vw;}
.header .head .nav dt .sav .right .item .w01{ display:none; width:120px; position:relative; border-radius:.5vw;}
.header .head .nav dt .sav .right .item .w01 img{ width:100%; display:block;}
.header .head .nav dt .sav .right .item .w02{ width:100%;}
.header .head .nav dt .sav .right .item .w02 a{ display:block; text-transform:uppercase; font-size:18px; line-height:28px; font-weight:bold; margin-top:1vw;}
.header .head .nav dt:nth-child(2) .sav .right .item .w02 a{ margin-right:3vw; margin-top:1.5vw;}
.header .head .nav dt .sav .right .item .w02 a:hover{ text-decoration:underline;}
.header .head .nav dt .sav .right .item .w03{ width:100%; font-weight:bold;}
.header .head .nav dt .sav .right .item .w03 a{ display:block; text-transform:uppercase; font-size:18px; line-height:28px; color:#808080; margin-top:1vw;}
.header .head .nav dt .sav .right .item .w04{ width:100%;}
.header .head .nav dt:nth-child(2) .sav .right .item .w04{ width:100%; display:flex;}
.header .head .nav dt .sav .right .item .w04 p{ display:block; margin-right:2.5vw;}
.header .head .nav dt .sav .right .item .w04 p:last-child{ margin-right:0;}
.header .head .nav dt .sav .right .item .w04 a{ display:block; font-size:16px; line-height:26px; color:#333; font-weight:bold; margin-top:1vw;}
.header .head .nav dt .sav .right .item .w04 a:hover{ text-decoration:underline;}
.menu{ display:none;}

.yuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999; display:none;}
.yuy.open{ display:block;}
.yuy .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(54, 57, 60, .2); backdrop-filter:blur(8px);}
.yuy .box{ width:35%; max-width:500px; height:calc(100vh - 16px); padding:30px; box-sizing:border-box; margin:8px; background-color:#fff; border-radius:1vw; position:absolute; right:-600px; top:0; z-index:99; overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yuy .box::-webkit-scrollbar{ width:0; height:1px;}
.yuy .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#fff;}
.yuy .box::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.0);}
.yuy.open .box{ right:0;}
.yuy .box .close{ position:absolute; right:30px; top:30px; -webkit-transition:1s linear; transition:1s ease-in;}
.yuy .box .close img{ width:20px; display:block; cursor:pointer;}
.yuy .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yuy .box .w01{ width:100%;}
.yuy .box .w01 img{ display:block; height:52px;}
.yuy .box .w02{ width:100%; font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.yuy .box .w03{ width:100%; display:block; margin-top:25px;}
.yuy .box .w03 li{ width:100%; display:block; border-top:1px solid #eee; padding:20px 0; overflow:hidden;}
.yuy .box .w03 li a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; font-weight:bold;}
.yuy .box .w03 li a:hover{ text-decoration:underline;}
.yuy .box .w03 li a strong{ width:40px; height:30px; display:block; float:left;}
.yuy .box .w03 li a strong img{ display:block; height:20px; margin:5px 0;}
}
@media screen and (min-width: 1024px) and (max-width: 1170px){
.header .head .logo span{ display:none;}
.header .head .nav dd a{ margin-left:1.2vw;}
.header .head .nav dt{ margin-right:1.2vw;}
.header .head .nav dt .sav .left{ width:180px;}
.header .head .nav dt .sav .right{ float:right; width:calc(626px + 11vw);}
.header .head .nav dt:nth-child(3) .sav .right{ width:calc(459px + 8.6vw);}
.header .head .nav dt:nth-child(4) .sav .right{ width:calc(382px + 7.4vw);}
.header .head .nav dt:nth-child(5) .sav .right{ width:calc(289px + 6.2vw);}
.header .head .nav dt:nth-child(6) .sav .right{ width:calc(228px + 5vw);}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .thead{ display:none;}
.header .head{ width:94%; padding:0 3%; height:60px;}
.header .head .logo{ display:flex; align-items:center; height:100%; float:left;}
.header .head .logo a{ display:block; height:34px;}
.header .head .logo a img{ display:block; height:34px;}
.header .head .logo a img.pc{ display:none;}
.header .head .logo span{ display:block; float:left; height:34px; line-height:34px; font-size:18px; margin-left:10px; font-family: 'Bhineka';}
.header .head .logo span img{ display:block; height:16px;}

.header .head .nav{ position:absolute; right:32px; top:0; margin-right:3%; height:60px; display:block;}
.header .head .nav dt{ display:none;}
.header .head .nav dd{ display:block; padding:12px 15px;}
.header .head .nav dd span{ height:36px; width:36px; display:block; background-color:#f7f7f7; border-radius:100%; overflow:hidden;}
.header .head .nav dd span img{ display:block; height:16px; margin:10px auto;}
.header .head .nav dd a{ display:none;}
.header .head .navBtn{ position:relative; float:right; display:block; width:32px; height:60px; cursor:pointer;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#000; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header .head .navBtn span:nth-child(1){ transform:translateY(11px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-11px) rotate(0deg);}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg);}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}
.header .head .nav dt .sav{ display:none;}
.menu{ width:0; height:calc(100vh - 60px); position:fixed; top:60px; left:0; z-index:97; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(0,0,0,.7);}
.menu.open{ width:100%; overflow-y:auto;}
.menu .mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none;}
.menu.open .mask{ display:block;}
.menu .box{ width:80%; min-height:100%; background-color:#fff; position:relative; z-index:3;}
.menu .box .ser{ padding:20px 3vw; background-color:#f7f7f7;}
.menu .box .ser>div{ padding:1px; border-radius:40px; position:relative; background:linear-gradient(to right,#24ade2,#f607ff); overflow:hidden;}
.menu .box .ser p{ display:block; padding:0 15px; width:calc(100% - 110px); float:left; overflow:hidden; background-color:#fff; border-bottom-left-radius:20px; border-top-left-radius:20px;}
.menu .box .ser p input{ width:100%; display:block; font-size:10px; font-size:14px; line-height:36px; line-height:36px; overflow:hidden; background-color:#fff;}
.menu .box .ser a{ display:block; width:80px; float:left; overflow:hidden;}
.menu .box .ser a input{ width:100%; display:block; height:36px; line-height:36px; background-color:#ee06c7; color:#fff; text-align:center; cursor:pointer; font-size:14px;}
.menu .box .nav{ width:100%; display:block;}
.menu .box .nav dd{ width:100%; display:block; overflow:hidden; border-top:1px solid #eee; position:relative;}
.menu .box .nav dd:first-child{ border-top:none;}
.menu .box .nav a{ display:block; font-size:16px; color:#333; padding-left:20px; height:50px; line-height:50px; font-family:'Robotomedium';}
.menu .box .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;}
.menu .box .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;}
.menu .box .nav dd.active b::after{ transform:rotateZ(135deg);}
.menu .box .nav dd.active>a,.menu .box .nav dd.on>a{ color:#e52187;}
.menu .box .nav dd p{ display:none; width:100%; overflow:hidden; box-sizing:border-box; padding:10px 20px; margin-top:-20px;}
.menu .box .nav dd p a{ display:block; font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden; text-transform:uppercase;}
.menu .box .nav dd p a:hover{ color:#e52187;}

.menu .box .ly{ padding:20px 3vw; border-top:1px solid #eee; margin-top:20px; display:block;}
.menu .box .ly a{ display:block; text-align:center; font-size:14px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-left:1.5625vw;}

.yuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999; display:none;}
.yuy.open{ display:block;}
.yuy .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(54, 57, 60, .2); backdrop-filter:blur(8px);}
.yuy .box{ width:calc(100% - 16px); max-height:calc(100vh - 8px); min-height:50vh; padding:20px; box-sizing:border-box; margin:8px; margin-bottom:0; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; position:absolute; left:0; bottom:-100%; z-index:99; overflow:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.yuy .box::-webkit-scrollbar{ width:0; height:1px;}
.yuy .box::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#f35740;}
.yuy .box::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.yuy.open .box{ bottom:0;}
.yuy .box .close{ position:absolute; right:20px; top:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.yuy .box .close img{ width:20px; display:block; cursor:pointer;}
.yuy .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.yuy .box .w01{ width:100%;}
.yuy .box .w01 img{ display:block; height:40px;}
.yuy .box .w02{ width:100%; font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.yuy .box .w03{ width:100%; display:block; margin-top:15px;}
.yuy .box .w03 li{ width:100%; display:block; border-top:1px solid #eee; padding:10px 0; overflow:hidden;}
.yuy .box .w03 li a{ display:block; overflow:hidden; font-size:16px; line-height:30px; height:30px; font-weight:bold;}
.yuy .box .w03 li a:hover{ text-decoration:underline;}
.yuy .box .w03 li a strong{ width:40px; height:30px; display:block; float:left;}
.yuy .box .w03 li a strong img{ display:block; height:20px; margin:5px 0;}
}

/*banner*/
@media screen and (min-width:1530px){
.banner{ width:100%; position:relative; z-index:1; border-top:130px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.4); overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ height:2.6vw; cursor:pointer; position:absolute; top:50%; margin-top:-1.3vw; z-index:6;}
.banner .swiper-button-white img{ display:block; height:2.6vw;}
.banner .swiper-button-prev{ left:3%;}
.banner .swiper-button-next{ right:3%;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.banner{ width:100%; position:relative; z-index:1; border-top:120px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:15px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.4); overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ height:2.6vw; cursor:pointer; position:absolute; top:50%; margin-top:-1.3vw; z-index:6;}
.banner .swiper-button-white img{ display:block; height:2.6vw;}
.banner .swiper-button-prev{ left:3%;}
.banner .swiper-button-next{ right:3%;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-slide img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:10px; z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(255,255,255,.4); overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#fff;}
.banner .swiper-button-white{ height:30px; cursor:pointer; position:absolute; top:50%; margin-top:-15px; z-index:6; display:none;}
.banner .swiper-button-white img{ display:block; height:30px;}
.banner .swiper-button-prev{ left:3%;}
.banner .swiper-button-next{ right:3%;}
}

/*about*/
@media screen and (min-width:1530px){
.abox{ width:100%; padding:5.2vw 0; position:relative; z-index:1; background-image:url(../images/abg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ max-width:1400px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:46%; float:left; margin-top:-5px;}
.abox .box .left .w01{ font-size:36px; line-height:2; font-family:'Robotomedium'; text-transform:uppercase;}
.abox .box .left .w02{ font-size:16px; line-height:2; margin-top:0.78125vw;}
.abox .box .left .w03{ display:flex; margin-top:2vw;}
.abox .box .left .w03 dd{ background:linear-gradient(to top,#24ade2,#f607ff); width:2px; margin-top:5px; margin-bottom:5px;}
.abox .box .left .w03 dt{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; flex:1; padding:0 10px;}
.abox .box .left .w03 dt span{ display:block; font-size:24px; line-height:30px; font-family:'Robotobold'; color:#e52187;}
.abox .box .left .w03 dt p{ display:block; font-size:12px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
.abox .box .right{ width:48%; float:right; padding-top:75px; margin-top:0.78125vw;}
.abox .box .right video{ width:100%; display:block;}
.abox .box .right iframe{ width:100% !important; height:459px !important; display:block;}
.abox .box .right img{ width:100%; display:block; border-radius:1vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.abox{ width:90%; padding:5.2vw 5%; position:relative; z-index:1; background-image:url(../images/abg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:50%; float:left; margin-top:-5px;}
.abox .box .left .w01{ font-size:30px; line-height:2; font-family:'Robotomedium'; text-transform:uppercase;}
.abox .box .left .w02{ font-size:15px; line-height:2; margin-top:0.5vw;}
.abox .box .left .w03{ display:flex; margin-top:2vw;}
.abox .box .left .w03 dd{ background:linear-gradient(to top,#24ade2,#f607ff); width:2px; margin-top:5px; margin-bottom:5px;}
.abox .box .left .w03 dt{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; flex:1; padding:0 10px;}
.abox .box .left .w03 dt span{ display:block; font-size:24px; line-height:30px; font-family:'Robotobold'; color:#e52187;}
.abox .box .left .w03 dt p{ display:block; font-size:12px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
.abox .box .right{ width:45%; float:right; padding-top:65px; margin-top:0.5vw;}
.abox .box .right video{ width:100%; display:block;}
.abox .box .right iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.abox .box .right img{ width:100%; display:block; border-radius:1vw;}
}
@media only screen and (max-width: 1023px){
.abox{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-image:url(../images/abg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .w01{ font-size:24px; line-height:2; font-family:'Robotomedium'; text-transform:uppercase;}
.abox .box .left .w02{ font-size:14px; line-height:2; margin-top:5px;}
.abox .box .left .w03{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.abox .box .left .w03 dt{ width:31%; display:block; text-align:center; margin-top:5px;}
.abox .box .left .w03 dt:nth-child(8),.abox .box .left .w03 dt:nth-child(10){ width:48.5%}
.abox .box .left .w03 dt span{ display:block; font-size:24px; line-height:30px; font-family:'Robotobold'; color:#e52187;}
.abox .box .left .w03 dt p{ display:block; font-size:12px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
.abox .box .right{ width:100%; float:right; margin-top:10px;}
.abox .box .right video{ width:100%; display:block;}
.abox .box .right iframe{ width:100% !important; height:52.875vw !important; display:block;}
.abox .box .right img{ width:100%; display:block; border-radius:10px;}
}

/*product*/
@media screen and (min-width:1530px){
.index{ width:100%; position:relative; z-index:0; left:0; top:-130px;}	
.title{ max-width:1400px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:36px; line-height:46px; font-family:'Robotomedium'; text-transform:uppercase;}
.title .t02{ font-size:18px; line-height:28px; color:#959595; margin-top:.52vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.index{ width:100%; position:relative; z-index:0; left:0; top:-120px;}	
.title{ width:100%; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; font-family:'Robotomedium'; text-transform:uppercase;}
.title .t02{ font-size:16px; line-height:26px; color:#959595; margin-top:.52vw;}
}
@media only screen and (max-width: 1023px){
.index{ width:100%; position:relative; z-index:0; left:0; top:-60px;}	
.title{ width:100%; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; font-family:'Robotomedium'; text-transform:uppercase;}
.title .t02{ font-size:14px; line-height:24px; color:#959595; margin-top:5px;}
}
@media screen and (min-width:1530px){
.pbox{ width:100%; padding:4.6875vw 0; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw;}
.pbox .box .list{ width:100%; display:block; margin-top:-1.82vw;}
.pbox .box .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pbox .box .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ width:90%; padding:0 5%; height:60px; line-height:60px; font-size:18px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pbox .box .list li:hover a{ background-color:transparent;}
.pbox .box .list li:hover .tu{ opacity:0;}
.pbox .box .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.pbox{ width:90%; padding:4.6875vw 5%; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.pbox .box .list{ width:100%; display:block; margin-top:-1.82vw;}
.pbox .box .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pbox .box .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ width:90%; padding:0 5%; height:50px; line-height:50px; font-size:16px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pbox .box .list li:hover a{ background-color:transparent;}
.pbox .box .list li:hover .tu{ opacity:0;}
.pbox .box .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}
}
@media only screen and (max-width: 1023px){
.pbox{ width:94%; padding:30px 3%; position:relative; z-index:1; background-color:#fff;}
.pbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.pbox .box .list{ width:100%; display:block; margin-top:-15px;}
.pbox .box .list li{ width:48.5%; border-radius:10px; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:3%; margin-top:15px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pbox .box .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pbox .box .list li .tu img{ width:100%; display:block;}
.pbox .box .list li .wen{ width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pbox .box .list li:hover a{ background-color:transparent;}
.pbox .box .list li:hover .tu{ opacity:0;}
.pbox .box .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}
}

/*case*/
@media screen and (min-width:1530px){
.cbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:100%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw; display:flex;}
.cbox .box .left{ width:52%; position:relative;}
.cbox .box .left>div{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; opacity:0; z-index:1;}
.cbox .box .left>div.on{ opacity:1; z-index:3;}
.cbox .box .left video{ width:100%; height:100%; background-color:#000; display:block;}
.cbox .box .left iframe{ width:100% !important; height:100% !important; background-color:#000; display:block; object-fit:cover;}
.cbox .box .left img{ width:100%; height:100%; background-color:#000; display:block;}
.cbox .box .right{ width:48%; margin-top:-1vw;}
.cbox .box .right a{ width:calc(50% - 1vw); margin-left:1vw; display:block; float:left; border-radius:1vw; margin-top:1vw; position:relative; overflow:hidden; cursor:pointer;}
.cbox .box .right a:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.cbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right a .wen{ width:100%; padding:8px 3vw; box-sizing:border-box; position:absolute; left:0; bottom:0; text-align:center; z-index:2; background-color:rgba(0,0,0,.5); display:none;}
.cbox .box .right a.on .wen{ display:block;}
.cbox .box .right a .wen .w01{ font-size:18px; line-height:24px; height:24px; color:#fff;}
.cbox .box .right a .wen .w02{ font-size:14px; line-height:20px; height:20px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.cbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:2.6vw; display:flex;}
.cbox .box .left{ width:52%; position:relative;}
.cbox .box .left>div{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; opacity:0; z-index:1;}
.cbox .box .left>div.on{ opacity:1; z-index:3;}
.cbox .box .left video{ width:100%; height:100%; background-color:#000; display:block;}
.cbox .box .left iframe{ width:100% !important; height:100% !important; background-color:#000; display:block; object-fit:cover;}
.cbox .box .left img{ width:100%; height:100%; background-color:#000; display:block;}
.cbox .box .right{ width:48%; margin-top:-1vw;}
.cbox .box .right a{ width:calc(50% - 1vw); margin-left:1vw; display:block; float:left; border-radius:1vw; margin-top:1vw; position:relative; overflow:hidden; cursor:pointer;}
.cbox .box .right a:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.cbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right a .wen{ width:100%; padding:5px 1.5vw; box-sizing:border-box; position:absolute; left:0; bottom:0; text-align:center; z-index:2; background-color:rgba(0,0,0,.5); display:none;}
.cbox .box .right a.on .wen{ display:block;}
.cbox .box .right a .wen .w01{ font-size:16px; line-height:22px; height:22px; color:#fff;}
.cbox .box .right a .wen .w02{ font-size:13px; line-height:18px; height:18px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.cbox{ width:94%; padding:0 3%; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.cbox .box .left{ width:100%; position:relative;}
.cbox .box .left>div{ width:100%; display:none;}
.cbox .box .left>div.on{ display:block;}
.cbox .box .left video{ width:100%; height:100%; background-color:#000; display:block;}
.cbox .box .left iframe{ width:100% !important; height:62.66vw !important; background-color:#000; display:block; object-fit:cover;}
.cbox .box .left img{ width:100%; height:62.66vw; background-color:#000; display:block;}
.cbox .box .right{ width:100%;}
.cbox .box .right a{ width:48.5%; margin-left:3%; display:block; float:left; border-radius:10px; margin-top:10px; position:relative; overflow:hidden; cursor:pointer;}
.cbox .box .right a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .right a:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.cbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right a .wen{ width:100%; padding:3px 10px; box-sizing:border-box; position:absolute; left:0; bottom:0; text-align:center; z-index:2; background-color:rgba(0,0,0,.5); display:none;}
.cbox .box .right a.on .wen{ display:block;}
.cbox .box .right a .wen .w01{ font-size:14px; line-height:18px; height:18px; color:#fff;}
.cbox .box .right a .wen .w02{ font-size:12px; line-height:16px; height:16px; color:#fff;}
}

/*project*/
@media screen and (min-width:1530px){
.jbox{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw;}
.jbox .box .tu{ width:100%; position:relative; z-index:1;}
.jbox .box .tu img{ width:100%; display:block; margin:auto;}
.jbox .box .tu p{ display:block; overflow:hidden; position:relative; z-index:1;}
.jbox .box .tu p.on{ opacity:0;}
.jbox .box .tu a{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:5;}
.jbox .box .tu span{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:3;}
.jbox .box .dw{ position:absolute; z-index:3;}
.jbox .box .dw .dw01{ width:20px; height:20px; border-radius:100%; background-color:#e52187;}
.jbox .box .dw.d01{ left:50.72%; top:29%;}
.jbox .box .dw.d02{ left:12%; top:40%;}
.jbox .box .dw.d03{ left:17.5%; top:49%;}
.jbox .box .dw.d04{ left:23.14%; top:55.54%;}
.jbox .box .dw.d05{ left:25.34%; top:57.54%;}
.jbox .box .dw.d06{ left:24.54%; top:67.5%;}
.jbox .box .dw.d07{ left:72.85%; top:53.5%;}
.jbox .box .dw.d08{ left:79.78%; top:32.62%;}
.jbox .box .dw.d09{ left:77.14%; top:38.54%;}
.jbox .box .dw.d10{ left:76.74%; top:42.54%;}
.jbox .box .dw.d11{ left:76.14%; top:46%;}
.jbox .box .dw.d12{ left:66.14%; top:37.54%;}
.jbox .box .dw.d13{ left:79%; top:54.54%;}
.jbox .box .dw.d14{ left:77.34%; top:58.84%; z-index:5;}
.jbox .box .dw.d15{ left:75.14%; top:59.54%;}
.jbox .box .dw.d16{ left:59.5%; top:46.5%;}

.jbox .box .dw.d01 .dw01,.jbox .box .dw.d03 .dw01,.jbox .box .dw.d07 .dw01{ background-color:#009fe8;}
.jbox .box .dw.d08 .dw01,.jbox .box .dw.d10 .dw01,.jbox .box .dw.d14 .dw01{ background-color:#1a2c7b;}
.jbox .box .dw .dw02{ width:340px; box-sizing:border-box; position:absolute; position:absolute; left:0; bottom:0; background-color:rgba(244,244,244,.7); padding:30px; border-radius:1vw; box-shadow:0 0 20px rgba(0,0,0,.1); display:none;}
.jbox .box .dw:hover{ z-index:9;}
.jbox .box .dw:hover .dw02{ display:block;}
.jbox .box .dw .dw02 .w01{ width:100%;}
.jbox .box .dw .dw02 .w01 b{ width:10px; height:10px; margin-top:8px; display:block; float:left; border-radius:100%; background-color:#e52187;}
.jbox .box .dw.d01 .dw02 .w01 b,.jbox .box .dw.d03 .dw02 .w01 b,.jbox .box .dw.d04 .dw02 .w01 b,.jbox .box .dw.d05 .dw02 .w01 b{ background-color:#009fe8;}
.jbox .box .dw.d14 .dw02 .w01 b{ background-color:#1a2c7b;}
.jbox .box .dw .dw02 .w01 a{ width:calc(100% - 20px); display:block; float:left; margin-left:10px; font-weight:bold; font-size:16px; line-height:26px;}
.jbox .box .dw .dw02 .w02{ width:100%; margin-top:15px; padding-bottom:5px;}
.jbox .box .dw .dw02 .w02 a{ display:block; overflow:hidden; width:100%; padding-top:74%; position:relative; border-radius:1vw;}
.jbox .box .dw .dw02 .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .list{ max-width:1400px; margin:auto; display:block; position:relative; z-index:3;}
.jbox .list li{ width:17.6%; display:block; float:left; position:relative; margin-top:1.82vw; margin-left:3%; overflow:hidden;}
.jbox .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.jbox .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.jbox .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jbox .list li:hover{ background-color:#fff; box-shadow:0 0 1vw rgba(0,0,0,.1);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.jbox{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.jbox .box .tu{ width:100%; position:relative; z-index:1;}
.jbox .box .tu p{ display:block; overflow:hidden; position:relative; z-index:1;}
.jbox .box .tu p.on{ opacity:0;}
.jbox .box .tu a{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:5;}
.jbox .box .tu span{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:3;}
.jbox .box .tu img{ width:100%; display:block; margin:auto;}
.jbox .box .dw{ position:absolute; z-index:3;}
.jbox .box .dw .dw01{ width:1.28vw; height:1.28vw; border-radius:100%; background-color:#e52187;}
.jbox .box .dw.d01{ left:50.72%; top:29%;}
.jbox .box .dw.d02{ left:12%; top:40%;}
.jbox .box .dw.d03{ left:17.5%; top:49%;}
.jbox .box .dw.d04{ left:23.14%; top:55.54%;}
.jbox .box .dw.d05{ left:25.34%; top:57.54%;}
.jbox .box .dw.d06{ left:24.54%; top:67.5%;}
.jbox .box .dw.d07{ left:72.85%; top:53.5%;}
.jbox .box .dw.d08{ left:79.78%; top:32.62%;}
.jbox .box .dw.d09{ left:77.14%; top:38.54%;}
.jbox .box .dw.d10{ left:76.74%; top:42.54%;}
.jbox .box .dw.d11{ left:76.14%; top:46%;}
.jbox .box .dw.d12{ left:66.14%; top:37.54%;}
.jbox .box .dw.d13{ left:79%; top:54.54%;}
.jbox .box .dw.d14{ left:77.34%; top:58.84%; z-index:5;}
.jbox .box .dw.d15{ left:75.14%; top:59.54%;}
.jbox .box .dw.d16{ left:59.5%; top:46.5%;}

.jbox .box .dw.d01 .dw01,.jbox .box .dw.d03 .dw01,.jbox .box .dw.d07 .dw01{ background-color:#009fe8;}
.jbox .box .dw.d08 .dw01,.jbox .box .dw.d10 .dw01,.jbox .box .dw.d14 .dw01{ background-color:#1a2c7b;}
.jbox .box .dw .dw02{ width:24vw; box-sizing:border-box; position:absolute; position:absolute; left:0; bottom:0; background-color:rgba(244,244,244,.7); padding:1.5625vw; border-radius:1vw; box-shadow:0 0 15px rgba(0,0,0,.1); display:none;}
.jbox .box .dw:hover .dw02{ display:block;}
.jbox .box .dw .dw02 .w01{ width:100%;}
.jbox .box .dw .dw02 .w01 b{ width:8px; height:8px; margin-top:8px; display:block; float:left; border-radius:100%; background-color:#e52187;}
.jbox .box .dw.d01 .dw02 .w01 b,.jbox .box .dw.d03 .dw02 .w01 b,.jbox .box .dw.d04 .dw02 .w01 b,.jbox .box .dw.d05 .dw02 .w01 b{ background-color:#009fe8;}
.jbox .box .dw.d14 .dw02 .w01 b{ background-color:#1a2c7b;}
.jbox .box .dw .dw02 .w01 a{ width:calc(100% - 18px); display:block; float:left; margin-left:10px; font-weight:bold; font-size:15px; line-height:25px;}
.jbox .box .dw .dw02 .w02{ width:100%; margin-top:1.3vw; padding-bottom:5px;}
.jbox .box .dw .dw02 .w02 a{ display:block; overflow:hidden; width:100%; padding-top:74%; position:relative; border-radius:1vw;}
.jbox .box .dw .dw02 .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .list{ width:100%; display:block; position:relative; z-index:3;}
.jbox .list li{ width:18.4%; display:block; float:left; position:relative; margin-top:1.82vw; margin-left:2%; overflow:hidden;}
.jbox .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.jbox .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.jbox .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jbox .list li:hover{ background-color:#fff; box-shadow:0 0 1vw rgba(0,0,0,.1);}
}
@media only screen and (max-width: 1023px){
.jbox{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.jbox .box{ width:100%; position:relative; z-index:5; margin-top:20px;}
.jbox .box .tu{ width:100%; position:relative; z-index:1;}
.jbox .box .tu p{ display:block; overflow:hidden; position:relative; z-index:1;}
.jbox .box .tu p.on{ opacity:0;}
.jbox .box .tu a{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:5;}
.jbox .box .tu span{ display:block; width:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:3;}
.jbox .box .tu img{ width:100%; display:block; margin:auto;}
.jbox .box .dw.d14{ z-index:5;}
.jbox .box .dw .dw01{ width:1.34vw; height:1.34vw; border-radius:100%; background-color:#e52187; position:absolute; z-index:3;}
.jbox .box .dw.d01 .dw01{ left:50.72%; top:29%;}
.jbox .box .dw.d02 .dw01{ left:12%; top:40%;}
.jbox .box .dw.d03 .dw01{ left:17.5%; top:49%;}
.jbox .box .dw.d04 .dw01{ left:23.14%; top:55.54%;}
.jbox .box .dw.d05 .dw01{ left:25.34%; top:57.54%;}
.jbox .box .dw.d06 .dw01{ left:24.54%; top:67.5%;}
.jbox .box .dw.d07 .dw01{ left:72.85%; top:53.5%;}
.jbox .box .dw.d08 .dw01{ left:79.78%; top:32.62%;}
.jbox .box .dw.d09 .dw01{ left:77.14%; top:38.54%;}
.jbox .box .dw.d10 .dw01{ left:76.74%; top:42.54%;}
.jbox .box .dw.d11 .dw01{ left:76.14%; top:46%;}
.jbox .box .dw.d12 .dw01{ left:66.14%; top:37.54%;}
.jbox .box .dw.d13 .dw01{ left:79%; top:54.54%;}
.jbox .box .dw.d14 .dw01{ left:77.34%; top:58.84%;}
.jbox .box .dw.d15 .dw01{ left:75.14%; top:59.54%;}
.jbox .box .dw.d16 .dw01{ left:59.5%; top:46.5%;}

.jbox .box .dw.d01 .dw01,.jbox .box .dw.d03 .dw01,.jbox .box .dw.d07 .dw01{ background-color:#009fe8;}
.jbox .box .dw.d08 .dw01,.jbox .box .dw.d10 .dw01,.jbox .box .dw.d14 .dw01{ background-color:#1a2c7b;}
.jbox .box .dw.d14 .dw01{ background-color:#1a2c7b;}
.jbox .box .dw .dw02{ width:210px; box-sizing:border-box; position:absolute; position:absolute; left:50%; margin-left:-105px; top:-15px; background-color:rgba(244,244,244,.7); padding:15px; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.1); display:none; z-index:9;}
.jbox .box .dw:hover .dw02{ display:block;}
.jbox .box .dw .dw02 .w01{ width:100%;}
.jbox .box .dw .dw02 .w01 b{ width:6px; height:6px; margin-top:9px; display:block; float:left; border-radius:100%; background-color:#e52187;}
.jbox .box .dw.d01 .dw02 .w01 b,.jbox .box .dw.d03 .dw02 .w01 b,.jbox .box .dw.d04 .dw02 .w01 b,.jbox .box .dw.d05 .dw02 .w01 b{ background-color:#009fe8;}
.jbox .box .dw.d14 .dw02 .w01 b{ background-color:#1a2c7b;}
.jbox .box .dw .dw02 .w01 a{ width:calc(100% - 11px); display:block; float:left; margin-left:5px; font-weight:bold; font-size:14px; line-height:24px;}
.jbox .box .dw .dw02 .w02{ width:100%; margin-top:5px; padding-bottom:5px;}
.jbox .box .dw .dw02 .w02 a{ display:block; overflow:hidden; width:100%; padding-top:74%; position:relative; border-radius:10px;}
.jbox .box .dw .dw02 .w02 a img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.jbox .list{ width:100%; display:block; position:relative; z-index:3; padding-top:10px;}
.jbox .list li{ width:31.33%; display:block; float:left; position:relative; margin-top:10px; margin-left:3%; overflow:hidden;}
.jbox .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jbox .list li:nth-child(n+10){ display:none;}
.jbox .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.jbox .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jbox .list li:hover{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
}

/*Solution*/
@media screen and (min-width:1530px){
.tbox{ width:100%; padding-top:4.6875vw; padding-bottom:4.94vw; position:relative; z-index:1; background:linear-gradient(to right,#24ade2,#f607ff);}
.tbox .title .t01{ color:#fff;}
.tbox .title .t02{ color:#ccc;}
.tbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.tbox .box .list{ max-width:1400px; margin:auto; display:flex; justify-content:space-between;}
.tbox .box .list dt{ display:block; text-align:center;}
.tbox .box .list dt strong{ width:100%; height:5.78125vw; margin-top:1.5625vw; margin-bottom:1.82vw; display:flex; align-items:center; justify-content:center;}
.tbox .box .list dt strong img{ max-height:5.78125vw; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list dt:hover strong img{ -webkit-transform:rotateY(-360deg);} 
.tbox .box .list dt p{ width:100%; display:block; font-size:18px; line-height:28px; font-family:'Robotobold'; text-transform:uppercase; color:#fff;}
.tbox .box .list dd{ height:8.90625vw; display:flex; align-items:center;}
.tbox .box .list dd img{ display:block; height:4.58vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.tbox{ width:90%; padding:4.6875vw 5%; padding-bottom:4.94vw; position:relative; z-index:1; background:linear-gradient(to right,#24ade2,#f607ff);}
.tbox .title .t01{ color:#fff;}
.tbox .title .t02{ color:#ccc;}
.tbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.tbox .box .list{ width:100%; display:flex; justify-content:space-between;}
.tbox .box .list dt{ display:block; text-align:center;}
.tbox .box .list dt strong{ width:100%; height:5.78125vw; margin-top:1.5625vw; margin-bottom:1.82vw; display:flex; align-items:center; justify-content:center;}
.tbox .box .list dt strong img{ max-height:5.78125vw; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list dt:hover strong img{ -webkit-transform:rotateY(-360deg);} 
.tbox .box .list dt p{ width:100%; display:block; font-size:16px; line-height:26px; font-family:'Robotobold'; text-transform:uppercase; color:#fff;}
.tbox .box .list dd{ height:8.90625vw; display:flex; align-items:center;}
.tbox .box .list dd img{ display:block; height:4.58vw;}
}
@media only screen and (max-width: 1023px){
.tbox{ width:94%; padding:30px 3%; padding-bottom:35px; position:relative; z-index:1; background:linear-gradient(to right,#24ade2,#f607ff);}
.tbox .title .t01{ color:#fff;}
.tbox .title .t02{ color:#ccc;}
.tbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.tbox .box .list{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-15px;}
.tbox .box .list dt{ display:block; text-align:center; width:31.33%; margin-top:15px;}
.tbox .box .list dt strong{ width:100%; height:56px; display:flex; align-items:center; justify-content:center;}
.tbox .box .list dt strong img{ max-height:56px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.tbox .box .list dt:hover strong img{ -webkit-transform:rotateY(-360deg);} 
.tbox .box .list dt p{ width:100%; display:block; font-size:14px; line-height:24px; font-family:'Robotobold'; text-transform:uppercase; color:#fff; margin-top:10px;}
.tbox .box .list dd{ display:none;}
.tbox .box .list dd img{ display:none; height:4.58vw;}
}

/*SAFETY & STANDARDS*/
@media screen and (min-width:1530px){
.sbox{ width:100%; padding:4.6875vw 0; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.sbox .box .left{ width:52%; float:left; margin-top:-10px;}
.sbox .box .left .w01{ font-size:24px; line-height:2; font-weight:bold; max-width:740px; width:83.65%; float:right; text-transform:uppercase;}
.sbox .box .left .w02{ font-size:16px; line-height:2; margin-top:1vw; max-width:740px; width:83.65%; float:right;}
.sbox .box .left .w03{ width:100%; float:right; background-color:#009ee7; padding:2vw 0; margin-top:1.82vw; position:relative;}
.sbox .box .left .w03 .w04{ max-width:740px; width:83.65%; font-size:24px; line-height:34px; color:#fff; text-transform:uppercase; padding-right:2vw; box-sizing:border-box; float:right;}
.sbox .box .left .w03 .w05{ max-width:740px; width:83.65%; margin-top:1.82vw; padding-right:2vw; box-sizing:border-box; float:right;}
.sbox .box .left .w03 .w05 img{ max-width:75.48%; display:block;}
.sbox .box .left .w03 .w06{ position:absolute; right:2vw; bottom:2.6vw;}
.sbox .box .left .w03 .w06 img{ height:1.67vw; display:block;}
.sbox .box .right{ margin-left:1.5625%; width:46.4375%; height:100%; float:left; position:absolute; right:0; top:0;}
.sbox .box .right .gallery-top{ width:100%; height:100%; position:relative; z-index:1;}
.sbox .box .right .gallery-top .swiper-wrapper{ width:100%; height:100%;}
.sbox .box .right .gallery-top .swiper-slide{ width:100%; height:100%; display:block; position:relative;}
.sbox .box .right .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.sbox .box .right .thumbs{ width:94%; padding:10px 3%; position:absolute; left:0; bottom:0; z-index:2; background-color:rgba(175,175,175,.7);}
.sbox .box .right .gallery-thumbs{ width:100%;}
.sbox .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative;}
.sbox .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.29%;}
.sbox .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.sbox{ width:100%; padding:4.6875vw 0; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.sbox .box .left{ width:52%; float:left; margin-top:-10px;}
.sbox .box .left .w01{ font-size:22px; line-height:2; font-weight:bold; padding-left:5vw; text-transform:uppercase;}
.sbox .box .left .w02{ font-size:15px; line-height:2; margin-top:1vw; padding-left:5vw;}
.sbox .box .left .w03{ background-color:#009ee7; padding:2vw 5vw; margin-top:1.3vw; position:relative;}
.sbox .box .left .w03 .w04{ font-size:22px; line-height:32px; color:#fff; text-transform:uppercase;}
.sbox .box .left .w03 .w05{ margin-top:1.82vw;}
.sbox .box .left .w03 .w05 img{ max-width:75.48%; display:block;}
.sbox .box .left .w03 .w06{ position:absolute; right:2vw; bottom:2.6vw;}
.sbox .box .left .w03 .w06 img{ height:1.67vw; display:block;}
.sbox .box .right{ margin-left:1.5625%; width:46.4375%; height:100%; float:left; position:absolute; right:0; top:0;}
.sbox .box .right .gallery-top{ width:100%; height:100%; position:relative; z-index:1;}
.sbox .box .right .gallery-top .swiper-wrapper{ width:100%; height:100%;}
.sbox .box .right .gallery-top .swiper-slide{ width:100%; height:100%; display:block; position:relative;}
.sbox .box .right .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover;}
.sbox .box .right .thumbs{ width:94%; padding:10px 3%; position:absolute; left:0; bottom:0; z-index:2; background-color:rgba(175,175,175,.7);}
.sbox .box .right .gallery-thumbs{ width:100%;}
.sbox .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative;}
.sbox .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.29%;}
.sbox .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width: 1023px){
.sbox{ width:94%; padding:30px 3%; position:relative; z-index:1; background-color:#fff;}
.sbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.sbox .box .left{ width:100%; float:left;}
.sbox .box .left .w01{ font-size:20px; line-height:2; font-weight:bold; text-transform:uppercase;}
.sbox .box .left .w02{ font-size:14px; line-height:2; margin-top:5px;}
.sbox .box .left .w03{ background-color:#009ee7; padding:15px; margin-top:10px; position:relative;}
.sbox .box .left .w03 .w04{ font-size:20px; line-height:30px; color:#fff; text-transform:uppercase;}
.sbox .box .left .w03 .w05{ margin-top:10px;}
.sbox .box .left .w03 .w05 img{ max-width:calc(100% - 30px); display:block;}
.sbox .box .left .w03 .w06{ position:absolute; right:15px; bottom:20px;}
.sbox .box .left .w03 .w06 img{ height:16px; display:block;}
.sbox .box .right{ margin-top:20px; width:100%; float:left; position:relative;}
.sbox .box .right .gallery-top{ width:100%; position:relative; z-index:1;}
.sbox .box .right .gallery-top .swiper-slide{ width:100%; display:block; position:relative;}
.sbox .box .right .gallery-top .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.29%;}
.sbox .box .right .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .right .thumbs{ width:94%; padding:10px 3%; position:absolute; left:0; bottom:0; z-index:2; background-color:rgba(175,175,175,.7);}
.sbox .box .right .gallery-thumbs{ width:100%;}
.sbox .box .right .gallery-thumbs .swiper-slide{ width:100%; display:block; position:relative;}
.sbox .box .right .gallery-thumbs .swiper-slide:before{ width:100%; display:block; content:''; padding-top:66.29%;}
.sbox .box .right .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
}

/*news*/
@media screen and (min-width:1530px){
.nbox{ width:100%; padding-bottom:4.94vw; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw;}
.nbox .box .left{ width:48.36%; float:left;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu a{ width:100%; display:block; padding-top:56.75%; position:relative; overflow:hidden;}
.nbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .left .wen{ margin-top:1.82vw;}
.nbox .box .left .wen .w01 a{ display:block; font-size:20px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen:hover .w03 a{ color:#e52187;}
.nbox .box .left .wen .w02{ display:block; font-size:16px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:.5vw; color:#5a5a5a;}
.nbox .box .right{ width:46.64%; float:right;}
.nbox .box .right .list{ display:block;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-bottom:2.6vw;}
.nbox .box .right .list li .w01{ display:block; font-size:20px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right .list li:hover .w01{ color:#e52187;}
.nbox .box .right .list li .w02{ display:block; font-size:16px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:.5vw; color:#5a5a5a;}
.nbox .box .right .more a{ display:block; font-size:16px; line-height:2;}
.nbox .box .right .more a:hover{ color:#e52187;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.nbox{ width:90%; padding:4.94vw 5%; padding-top:0; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.nbox .box .left{ width:48.36%; float:left;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu a{ width:100%; display:block; padding-top:56.75%; position:relative; overflow:hidden;}
.nbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .left .wen{ margin-top:1.82vw;}
.nbox .box .left .wen .w01 a{ display:block; font-size:18px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen:hover .w03 a{ color:#e52187;}
.nbox .box .left .wen .w02{ display:block; font-size:15px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:.5vw; color:#5a5a5a;}
.nbox .box .right{ width:46.64%; float:right;}
.nbox .box .right .list{ display:block;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-bottom:2.6vw;}
.nbox .box .right .list li .w01{ display:block; font-size:18px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right .list li:hover .w01{ color:#e52187;}
.nbox .box .right .list li .w02{ display:block; font-size:15px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:.5vw; color:#5a5a5a;}
.nbox .box .right .more a{ display:block; font-size:15px; line-height:2;}
.nbox .box .right .more a:hover{ color:#e52187;}
}
@media only screen and (max-width: 1023px){
.nbox{ width:94%; padding:35px 3%; padding-top:0; position:relative; z-index:1; background-color:#fff;}
.nbox .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.nbox .box .left{ width:100%; float:left;}
.nbox .box .left .tu{ width:100%;}
.nbox .box .left .tu a{ width:100%; display:block; padding-top:56.75%; position:relative; overflow:hidden;}
.nbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .left .wen{ margin-top:10px;}
.nbox .box .left .wen .w01 a{ display:block; font-size:16px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .left .wen:hover .w03 a{ color:#e52187;}
.nbox .box .left .wen .w02{ display:block; font-size:14px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:5px; color:#5a5a5a;}
.nbox .box .right{ width:100%; float:right;}
.nbox .box .right .list{ display:block; padding-top:15px; border-top:1px solid #ddd; margin-top:15px;}
.nbox .box .right .list li{ display:block; overflow:hidden; margin-bottom:10px;}
.nbox .box .right .list li .w01{ display:block; font-size:16px; line-height:2; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .right .list li:hover .w01{ color:#e52187;}
.nbox .box .right .list li .w02{ display:block; font-size:14px; line-height:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; margin-top:5px; color:#5a5a5a;}
.nbox .box .right .more a{ display:block; font-size:14px; line-height:2;}
.nbox .box .right .more a:hover{ color:#e52187;}
}

/*email*/
@media screen and (min-width:1530px){
.ebox{ width:100%; position:relative; z-index:1;}
.ebox .tu{ width:100%; height:190px; position:relative;}
.ebox .tu img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ebox .wen{ width:100%; background-color:#1b2c7c; height:60px; display:flex; justify-content:center; align-items:center;}
.ebox .wen span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.ebox .wen p{ display:block; width:250px; height:36px; border-radius:5px; margin:0 .5vw; margin-left:2.6vw; overflow:hidden;}
.ebox .wen p input{ display:block; padding:0 10px; width:100%; box-sizing:border-box; font-size:16px; line-height:36px; height:36px; overflow:hidden; text-align:center;}
.ebox .wen a{ display:block; width:120px; height:36px; border-radius:5px; margin:0 10px; overflow:hidden;}
.ebox .wen a input{ display:block; width:100%; text-align:center; background-color:#e52187; color:#fff; font-size:16px; line-height:36px; height:36px; overflow:hidden; cursor:pointer;}
.ebox .wen a input:hover{ background-color:#ee06c7;}
}
@media screen and (min-width:1921px){
.ebox .tu{ width:100%; height:auto;}
.ebox .tu img{ width:100%; height:auto; display:block; position:relative; top:0; left:0; transform:translateX(0) translateY(0);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ebox{ width:100%; position:relative; z-index:1;}
.ebox .tu{ width:100%; height:150px;}
.ebox .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ebox .wen{ width:100%; background-color:#1b2c7c; height:60px; display:flex; justify-content:center; align-items:center;}
.ebox .wen span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ebox .wen p{ display:block; width:250px; height:34px; border-radius:5px; margin:0 .5vw; margin-left:2.6vw; overflow:hidden;}
.ebox .wen p input{ display:block; padding:0 10px; width:100%; box-sizing:border-box; font-size:15px; line-height:34px; height:34px; overflow:hidden; text-align:center;}
.ebox .wen a{ display:block; width:120px; height:34px; border-radius:5px; margin:0 10px; overflow:hidden;}
.ebox .wen a input{ display:block; width:100%; text-align:center; background-color:#e52187; color:#fff; font-size:15px; line-height:34px; height:34px; overflow:hidden; cursor:pointer;}
.ebox .wen a input:hover{ background-color:#ee06c7;}
}
@media only screen and (max-width: 1023px){
.ebox{ width:100%; position:relative; z-index:1;}
.ebox .tu{ width:100%; height:120px;}
.ebox .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.ebox .wen{ width:94%; padding:15px 3%; background-color:#1b2c7c; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.ebox .wen span{ display:block; font-size:14px; color:#fff; text-align:center; padding:5px 0;}
.ebox .wen p{ display:block; width:250px; height:32px; border-radius:5px; overflow:hidden; margin:5px;}
.ebox .wen p input{ display:block; padding:0 10px; width:100%; box-sizing:border-box; font-size:14px; line-height:32px; height:32px; overflow:hidden; text-align:center;}
.ebox .wen a{ display:block; width:120px; height:32px; border-radius:5px; margin:0 10px; overflow:hidden; margin:5px 0;}
.ebox .wen a input{ display:block; width:100%; text-align:center; background-color:#e52187; color:#fff; font-size:14px; line-height:32px; height:32px; overflow:hidden; cursor:pointer;}
.ebox .wen a input:hover{ background-color:#ee06c7;}
}
@media only screen and (max-width: 808px){
.ebox .tu{ height:80px;}
}

/*footer*/
@media screen and (min-width:1530px){
.footer{ width:100%; padding:2.6vw 0; background-color:#272727;}
.footer .foot{ width:1400px; margin:auto;}
.footer .left{ width:200px; float:left; padding-top:5vw;}
.footer .left img{ width:100%; display:block; margin:5px 0;}
.footer .right{ width:1100px; margin-left:100px; float:right;}
.footer .right .top{ width:100%;}
.footer .right .top dl{ display:block; float:left; padding-left:calc(26px + 0.78125vw); box-sizing:border-box; margin-right:70px;}
.footer .right .top dl:nth-child(3){ margin-right:0;}
.footer .right .top dl dt a{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#b3b3b3;}
.footer .right .top dl dd{ display:block; padding:2px 0;}
.footer .right .top dl dd a{ font-size:16px; line-height:26px; display:block; color:#fff;}
.footer .right .top dl dt a:hover,.footer .right .top dl dd a:hover{ text-decoration:underline;}
.footer .right .top dl p{ display:block; overflow:hidden; margin-left:-15px;}
.footer .right .top dl p a{ display:block; height:28px; float:left; margin-left:15px; margin-top:.785vw;}
.footer .right .top dl p a img{ display:block; height:28px;}
.footer .right .mil{ width:100%; height:1px; background:linear-gradient(to right,#24ade2,#f607ff); margin:1.82vw 0;}
.footer .right .bot{ width:100%;}
.footer .right .bot .w01{ font-size:22px; line-height:32px; text-transform:uppercase; color:#b3b3b3; padding-left:calc(26px + 0.78125vw);}
.footer .right .bot .w02{ display:flex;}
.footer .right .bot .w02 dl{ display:flex; float:left; width:calc(241px + 0.78125vw); margin-top:1vw;}
.footer .right .bot .w02 dl:nth-child(2){ width:calc(243px + 0.78125vw);}
.footer .right .bot .w02 dl:nth-child(3){ flex:1;}
.footer .right .bot .w02 dl dt{ width:26px; display:block; float:left;}
.footer .right .bot .w02 dl dt img{ display:block; float:right;}
.footer .right .bot .w02 dl dd{ display:block; float:left; margin-left:0.78125vw; flex:1;}
.footer .right .bot .w02 dl dd>span{ display:block; font-size:16px; line-height:26px; color:#b3b3b3; text-transform:uppercase;}
.footer .right .bot .w02 dl dd p{ display:block; font-size:16px; line-height:26px; color:#fff;}
.footer .right .bot .w02 dl dd p a{ color:#fff;}
.footer .right .bot .w02 dl:last-child dd p a{ color:#b3b3b3;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:1%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

.fd{ width:170px; position:fixed; left:10px; bottom:10px; z-index:888; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff);}
.fd a{ width:100%; height:50px; line-height:50px; display:flex; align-items:center; justify-content:center; border-radius:40px; overflow:hidden; font-size:18px; color:#fff;}
.fd a img{ display:block; height:20px; margin-right:8px;}
.fd b{ width:20px; height:20px; display:block; border-radius:100%; position:absolute; right:-3px; top:-3px; cursor:pointer; overflow:hidden;}
.fd b img{ width:100%; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.footer{ width:100%; padding:2.6vw 0; background-color:#272727;}
.footer .foot{ width:100%; margin:auto;}
.footer .left{ width:150px; float:left; padding-top:8vw; margin-left:5%;}
.footer .left img{ width:100%; display:block; margin:5px 0;}
.footer .right{ width:calc(87% - 150px); margin-left:3%; margin-right:5%; float:right;}
.footer .right .top{ width:100%;}
.footer .right .top dl{ display:block; margin-right:5vw; float:left; padding-left:calc(26px + 0.78125vw); box-sizing:border-box;}
.footer .right .top dl:nth-child(3){ margin-right:0;}
.footer .right .top dl dt a{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#b3b3b3;}
.footer .right .top dl dd{ display:block; padding:2px 0;}
.footer .right .top dl dd a{ font-size:16px; line-height:26px; display:block; color:#fff;}
.footer .right .top dl dt a:hover,.footer .right .top dl dd a:hover{ text-decoration:underline;}
.footer .right .top dl p{ display:block; overflow:hidden; margin-left:-15px;}
.footer .right .top dl p a{ display:block; height:28px; float:left; margin-left:15px; margin-top:.785vw;}
.footer .right .top dl p a img{ display:block; height:28px;}
.footer .right .mil{ width:100%; height:1px; background:linear-gradient(to right,#24ade2,#f607ff); margin:1.82vw 0;}
.footer .right .bot{ width:100%;}
.footer .right .bot .w01{ font-size:22px; line-height:32px; text-transform:uppercase; color:#b3b3b3; padding-left:calc(26px + 0.78125vw);}
.footer .right .bot .w02{ display:flex;}
.footer .right .bot .w02 dl{ display:flex; float:left; width:calc(171px + 5.78125vw); margin-top:1vw;}
.footer .right .bot .w02 dl:nth-child(2){ width:calc(173px + 5.78125vw);}
.footer .right .bot .w02 dl:nth-child(3){ flex:1;}
.footer .right .bot .w02 dl dt{ width:26px; display:block; float:left;}
.footer .right .bot .w02 dl dt img{ display:block; float:right;}
.footer .right .bot .w02 dl dd{ display:block; float:left; margin-left:0.78125vw; flex:1;}
.footer .right .bot .w02 dl dd>span{ display:block; font-size:16px; line-height:26px; color:#b3b3b3; text-transform:uppercase;}
.footer .right .bot .w02 dl dd p{ display:block; font-size:16px; line-height:26px; color:#fff;}
.footer .right .bot .w02 dl dd p a{ color:#fff;}
.footer .right .bot .w02 dl:last-child dd p a{ color:#b3b3b3;}

#gotop{ width:36px; height:36px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:2%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

.fd{ width:170px; position:fixed; left:10px; bottom:10px; z-index:888; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff);}
.fd a{ width:100%; height:50px; line-height:50px; display:flex; align-items:center; justify-content:center; border-radius:40px; overflow:hidden; font-size:18px; color:#fff;}
.fd a img{ display:block; height:20px; margin-right:8px;}
.fd b{ width:20px; height:20px; display:block; border-radius:100%; position:absolute; right:-3px; top:-3px; cursor:pointer; overflow:hidden;}
.fd b img{ width:100%; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1400px){
.footer .right .top dl{ margin-right:3vw;}
.footer .right .bot .w02 dl{ width:calc(171px + 3.78125vw);}
.footer .right .bot .w02 dl:nth-child(2){ width:calc(173px + 3.78125vw);}
}
@media only screen and (max-width: 1023px){
.footer{ width:94%; padding:35px 3%; background-color:#272727;}
.footer .left{ width:100%;}
.footer .left img{ max-width:100%; max-height:82px; display:block; margin:5px auto;}
.footer .right{ width:100%;}
.footer .right .top{ width:100%; display:none;}
.footer .right .top dl{ display:block; width:25%; float:left;}
.footer .right .top dl dt a{ display:block; font-size:18px; line-height:24px; text-transform:uppercase; color:#b3b3b3;}
.footer .right .top dl dd{ margin-bottom:1vw; display:block; margin-top:.2vw;}
.footer .right .top dl dd a{ font-size:14px; line-height:20px; display:block; color:#fff;}
.footer .right .top dl dt a:hover,.footer .right .top dl dd a:hover{ text-decoration:underline;}
.footer .right .top dl p{ display:block; overflow:hidden; margin-left:-15px; margin-top:-.52vw;}
.footer .right .top dl p a{ display:block; height:28px; float:left; margin-left:15px; margin-top:.52vw;}
.footer .right .top dl p a img{ display:block; height:28px;}
.footer .right .mil{ width:100%; height:1px; background:linear-gradient(to right,#24ade2,#f607ff); margin:1.82vw 0; display:none;}
.footer .right .bot{ width:100%; margin-top:15px;}
.footer .right .bot .w01{ font-size:16px; line-height:26px; text-transform:uppercase; color:#b3b3b3; padding-left:35px;}
.footer .right .bot .w02{ width:100%;}
.footer .right .bot .w02 dl{ display:flex; margin-top:10px; width:100%}
.footer .right .bot .w02 dl dt{ display:block; float:left; width:30px; padding-top:5px;}
.footer .right .bot .w02 dl dt img{ display:block; max-width:100%;}
.footer .right .bot .w02 dl dd{ display:block; float:left; margin-left:5px; flex:1;}
.footer .right .bot .w02 dl dd>span{ display:block; font-size:14px; line-height:24px; color:#b3b3b3; text-transform:uppercase;}
.footer .right .bot .w02 dl dd p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .right .bot .w02 dl dd p a{ color:#fff;}
.footer .right .bot .w02 dl:last-child dd p a{ color:#b3b3b3;}

#gotop{ width:32px; height:32px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

.fd{ width:130px; position:fixed; left:5px; bottom:5px; z-index:888; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff);}
.fd a{ width:100%; height:34px; line-height:34px; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:40px; overflow:hidden; font-size:14px;}
.fd a img{ display:block; height:16px; margin-right:5px;}
.fd b{ width:16px; height:16px; display:block; border-radius:100%; position:absolute; right:-3px; top:-3px; cursor:pointer; overflow:hidden;}
.fd b img{ width:100%; display:block;}
}

/*内页*/
@media screen and (min-width:1530px){
.ban{ width:100%; height:21.875vw; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:130px solid #fff; position:relative; z-index:1;}
.ban .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.3);}
.ban .wen{ position:absolute; left:50%; transform:translateX(-50%); bottom:4.94vw; font-family:'Robotobold'; width:100%; max-width:1400px; color:#fff; z-index:2;}
.ban .wen .w01{ font-size:24px; line-height:34px; text-transform:uppercase;}
.ban .wen .w02{ font-size:36px; line-height:46px; margin-top:1vw;}

.wei{ max-width:1400px; margin:auto; font-size:16px; line-height:26px; margin-top:1.3vw; text-transform:uppercase; color:#666;}
.wei a{ color:#666;}
.wei a:hover{ color:#e52187;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ban{ width:100%; height:25vw; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:120px solid #fff; position:relative; z-index:1;}
.ban .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.3);}
.ban .wen{ position:absolute; left:5%; bottom:4.94vw; font-family:'Robotobold'; width:90%; color:#fff; z-index:2;}
.ban .wen .w01{ font-size:22px; line-height:32px; text-transform:uppercase;}
.ban .wen .w02{ font-size:30px; line-height:40px; margin-top:1vw;}

.wei{ width:90%; margin:auto; font-size:15px; line-height:25px; margin-top:1.3vw; text-transform:uppercase; color:#666;}
.wei a{ color:#666;}
.wei a:hover{ color:#e52187;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:180px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:60px solid #fff; position:relative; z-index:1;}
.ban .mask{ width:100%; height:100%; position:relative; z-index:1; background-color:rgba(0,0,0,.3);}
.ban .wen{ position:absolute; left:3%; bottom:15px; font-family:'Robotobold'; width:94%; color:#fff; z-index:2;}
.ban .wen .w01{ font-size:20px; line-height:30px; text-transform:uppercase;}
.ban .wen .w02{ font-size:24px; line-height:34px;}

.wei{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:10px; text-transform:uppercase; color:#666;}
.wei a{ color:#666;}
.wei a:hover{ color:#e52187;}
}

/*about us*/
@media screen and (min-width:1530px){
.ab{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab .box{  max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:-0.26vw;}
.ab .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; padding-top:2.86vw;}
.ab .box .item .index{ top:calc(-130px - 2.86vw);}
.ab .box .item:nth-child(2n+1){ flex-direction:row-reverse;}
.ab .box .item .tu{ width:47.5%; border-radius:1vw;}
.ab .box .item .tu img,.ab .box .item .tu video{ width:100%; display:block;}
.ab .box .item .tu iframe{ width:100% !important; height:459px !important; display:block;}
.ab .box .item .wen{ width:47.5%;}
.ab .box .item .wen .w01{ font-size:16px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.ab .box .item .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ab .box .item .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.ab .box .item .wen .w04{ margin-top:1.82vw;}
.ab .box .item .wen .w04 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ab{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab .box{ width:100%; position:relative; z-index:3; margin-top:-0.26vw;}
.ab .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; padding-top:2.86vw;}
.ab .box .item .index{ top:calc(-120px - 2.86vw);}
.ab .box .item:nth-child(2n+1){ flex-direction:row-reverse;}
.ab .box .item .tu{ width:47.5%; border-radius:1vw;}
.ab .box .item .tu img,.ab .box .item .tu video{ width:100%; display:block;}
.ab .box .item .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.ab .box .item .wen{ width:47.5%;}
.ab .box .item .wen .w01{ font-size:15px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.ab .box .item .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ab .box .item .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
.ab .box .item .wen .w04{ margin-top:1.82vw;}
.ab .box .item .wen .w04 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media only screen and (max-width: 1023px){
.ab{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab .box .item{ width:100%; padding-top:25px;}
.ab .box .item .index{ top:-85px;}
.ab .box .item .tu{ width:100%; border-radius:10px;}
.ab .box .item .tu img,.ab .box .item .tu video{ width:100%; display:block;}
.ab .box .item .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.ab .box .item .wen{ width:100%; margin-top:10px;}
.ab .box .item .wen .w01{ font-size:14px; line-height:2; text-transform:uppercase;}
.ab .box .item .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ab .box .item .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
.ab .box .item .wen .w04{ margin-top:10px;}
.ab .box .item .wen .w04 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}

/*history*/
@media screen and (min-width:1530px){
.ab01{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{  max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw;}
.ab01 .box .video{ width:100%; padding-bottom:2.6vw;}
.ab01 .box .video video{ width:100%; display:block;}
.ab01 .box .video img{ width:100%; display:block;}
.ab01 .box .video iframe{ width:100% !important; height:787px !important; display:block;}
.ab01 .box .thums{ width:100%; margin-top:5.2vw; position:relative; z-index:1;}
.ab01 .box .thums .mask{ width:100%; height:1.5625vw; background:linear-gradient(to right,#24ade2,#f607ff); position:absolute; left:0; top:50%; margin-top:-0.78125vw; border-radius:30px;}
.ab01 .box .thums .gallery-thumbs{ width:100%; position:relative; z-index:3;}
.ab01 .box .thums .gallery-thumbs .swiper-slide{ width:16.66%; display:block;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p{ display:block; width:5.29vw; height:5.29vw; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:100%; margin:auto; overflow:hidden;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p span{ width:4.77vw; height:4.77vw; margin:0.26vw; background-color:#fff; border-radius:100%; text-align:center; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:24px; font-family:'Robotobold';}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background:linear-gradient(to right,#fff,#fff);}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p span{ background:linear-gradient(to right,#24ade2,#f607ff); color:#fff;}
.ab01 .box .gallery-top{ width:100%; position:relative; z-index:3; margin-top:2.86vw; background-color:#fff; border-radius:1vw; box-shadow:0 0 2vw rgba(0,0,0,.1);}
.ab01 .box .gallery-top .swiper-slide{ padding:2.08vw 8.5vw; display:flex; width:100%; box-sizing:border-box; align-items:center;}
.ab01 .box .gallery-top .swiper-slide .tu{ width:52.25%; border-radius:1vw;}
.ab01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block;}
.ab01 .box .gallery-top .swiper-slide .wen{ width:42.75%; margin-left:5%;}
.ab01 .box .gallery-top .swiper-slide .wen .w01{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.ab01 .box .gallery-top .swiper-slide .wen .w01:nth-child(3){ margin-top:1.3vw;}
.ab01 .box .gallery-top .swiper-slide .wen .w02{ font-size:16px; line-height:2; margin-top:.5vw;}
.ab01 .box .gallery-top .swiper-button-white{ width:2.5vw; position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer;}
.ab01 .box .gallery-top .swiper-button-white img{ max-width:100%; display:block; margin:auto;}
.ab01 .box .gallery-top .swiper-button-prev{ left:3vw;}
.ab01 .box .gallery-top .swiper-button-next{ right:3vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ab01{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.ab01 .box .video{ width:100%; padding-bottom:2.6vw;}
.ab01 .box .video video{ width:100%; display:block;}
.ab01 .box .video img{ width:100%; display:block;}
.ab01 .box .video iframe{ width:100% !important; height:50.625vw !important; display:block;}
.ab01 .box .thums{ width:100%; margin-top:5.2vw; position:relative; z-index:1;}
.ab01 .box .thums .mask{ width:100%; height:1.5625vw; background:linear-gradient(to right,#24ade2,#f607ff); position:absolute; left:0; top:50%; margin-top:-0.78125vw; border-radius:30px;}
.ab01 .box .thums .gallery-thumbs{ width:100%; position:relative; z-index:3;}
.ab01 .box .thums .gallery-thumbs .swiper-slide{ width:16.66%; display:block;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p{ display:block; width:6.52vw; height:6.52vw; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:100%; margin:auto; overflow:hidden;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p span{ width:6vw; height:6vw; margin:0.26vw; background-color:#fff; border-radius:100%; text-align:center; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:22px; font-family:'Robotobold';}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background:linear-gradient(to right,#fff,#fff);}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p span{ background:linear-gradient(to right,#24ade2,#f607ff); color:#fff;}
.ab01 .box .gallery-top{ width:100%; position:relative; z-index:3; margin-top:2.86vw; background-color:#fff; border-radius:1vw; box-shadow:0 0 2vw rgba(0,0,0,.1);}
.ab01 .box .gallery-top .swiper-slide{ padding:2.08vw 5vw; display:flex; width:100%; box-sizing:border-box; align-items:center;}
.ab01 .box .gallery-top .swiper-slide .tu{ width:52.25%; border-radius:1vw;}
.ab01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block;}
.ab01 .box .gallery-top .swiper-slide .wen{ width:42.75%; margin-left:5%;}
.ab01 .box .gallery-top .swiper-slide .wen .w01{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.ab01 .box .gallery-top .swiper-slide .wen .w01:nth-child(3){ margin-top:1.3vw;}
.ab01 .box .gallery-top .swiper-slide .wen .w02{ font-size:15px; line-height:2; margin-top:.5vw;}
.ab01 .box .gallery-top .swiper-button-white{ width:2vw; position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer;}
.ab01 .box .gallery-top .swiper-button-white img{ max-width:100%; display:block; margin:auto;}
.ab01 .box .gallery-top .swiper-button-prev{ left:1.5vw;}
.ab01 .box .gallery-top .swiper-button-next{ right:1.5vw;}
}
@media only screen and (max-width: 1023px){
.ab01{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.ab01 .box .video{ width:100%;}
.ab01 .box .video video{ width:100%; display:block;}
.ab01 .box .video img{ width:100%; display:block;}
.ab01 .box .video iframe{ width:100% !important; height:52.875vw !important; display:block;}
.ab01 .box .thums{ width:100%; margin-top:40px; position:relative; z-index:1;}
.ab01 .box .thums .mask{ width:100%; height:10px; background:linear-gradient(to right,#24ade2,#f607ff); position:absolute; left:0; top:50%; margin-top:-0.78125vw; border-radius:30px;}
.ab01 .box .thums .gallery-thumbs{ width:100%; position:relative; z-index:3;}
.ab01 .box .thums .gallery-thumbs .swiper-slide{ width:33.33%; display:block;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p{ display:block; width:70px; height:70px; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:100%; margin:auto; overflow:hidden;}
.ab01 .box .thums .gallery-thumbs .swiper-slide p span{ width:60px; height:60px; margin:5px; background-color:#fff; border-radius:100%; text-align:center; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:20px; font-family:'Robotobold';}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background:linear-gradient(to right,#fff,#fff);}
.ab01 .box .thums .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p span{ background:linear-gradient(to right,#24ade2,#f607ff); color:#fff;}
.ab01 .box .gallery-top{ width:100%; position:relative; z-index:3; margin-top:25px; background-color:#fff; border-radius:1vw; box-shadow:0 0 2vw rgba(0,0,0,.1);}
.ab01 .box .gallery-top .swiper-slide{ padding:70px 15px; padding-top:20px; width:100%; box-sizing:border-box;}
.ab01 .box .gallery-top .swiper-slide .tu{ width:100%; border-radius:10px;}
.ab01 .box .gallery-top .swiper-slide .tu img{ width:100%; display:block;}
.ab01 .box .gallery-top .swiper-slide .wen{ width:100%; padding-top:5px;}
.ab01 .box .gallery-top .swiper-slide .wen .w01{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; margin-top:10px;}
.ab01 .box .gallery-top .swiper-slide .wen .w02{ font-size:14px; line-height:2; margin-top:5px;}
.ab01 .box .gallery-top .swiper-button-white{ width:15px; position:absolute; bottom:20px; z-index:9; cursor:pointer;}
.ab01 .box .gallery-top .swiper-button-white img{ max-width:100%; display:block; margin:auto;}
.ab01 .box .gallery-top .swiper-button-prev{ right:60px;}
.ab01 .box .gallery-top .swiper-button-next{ right:15px;}
}

/*team*/
@media screen and (min-width:1530px){
.ab02{ width:100%; padding:4.6875vw 0; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.ab02 .box .left{ width:31%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.ab02 .box .left span{ color:#e52187;}
.ab02 .box .right{ width:64%; font-size:16px; line-height:2;}
.ab02 .list{ max-width:1400px; margin:auto; display:flex; margin-top:4.6875vw;}
.ab02 .list dd{ background:linear-gradient(to top,#24ade2,#f607ff); width:2px; margin-top:5px; margin-bottom:5px;}
.ab02 .list dt{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; flex:1; padding:0 10px;}
.ab02 .list dt span{ display:block; font-size:40px; line-height:50px; font-family:'Robotobold'; color:#e52187; margin-bottom:6px;}
.ab02 .list dt p{ display:block; font-size:18px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ab02{ width:90%; padding:4.6875vw 5%; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.ab02 .box .left{ width:31%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.ab02 .box .left span{ color:#e52187;}
.ab02 .box .right{ width:64%; font-size:15px; line-height:2;}
.ab02 .list{ display:flex; margin-top:4.6875vw;}
.ab02 .list dd{ background:linear-gradient(to top,#24ade2,#f607ff); width:2px; margin-top:5px; margin-bottom:5px;}
.ab02 .list dt{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; flex:1; padding:0 10px;}
.ab02 .list dt span{ display:block; font-size:36px; line-height:46px; font-family:'Robotobold'; color:#e52187; margin-bottom:4px;}
.ab02 .list dt p{ display:block; font-size:16px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
}
@media only screen and (max-width: 1023px){
.ab02{ width:94%; padding:30px 3%; position:relative; z-index:1; background-color:#fff;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.ab02 .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.ab02 .box .left span{ color:#e52187;}
.ab02 .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}

.ab02 .list{ display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:20px;}
.ab02 .list dt{ width:31%; display:block; text-align:center; margin-top:5px;}
.ab02 .list dt:nth-child(8),.abox .box .left .w03 dt:nth-child(10){ width:48.5%}
.ab02 .list dt span{ display:block; font-size:30px; line-height:40px; font-family:'Robotobold'; color:#e52187; margin-bottom:2px;}
.ab02 .list dt p{ display:block; font-size:14px; line-height:2; padding:2px 0; text-align:center; text-transform:uppercase;}
}

@media screen and (min-width:1530px){
.ab03{ width:100%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:100%; padding-top:4.6875vw; padding-bottom:4.94vw; position:relative; z-index:3; margin-top:2.6vw; background:linear-gradient(to right,#24ade2,#f607ff);}
.ab03 .box .list{ max-width:1400px; margin:auto; display:flex; justify-content:space-between;}
.ab03 .box .list dt{ display:block; flex:1;}
.ab03 .box .list dt .w01{ width:100%; height:5.78125vw; margin-top:1.5625vw; margin-bottom:1.82vw; display:flex; align-items:center; justify-content:center;}
.ab03 .box .list dt .w01 img{ max-height:5.78125vw; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box .list dt:hover .w01 img{ -webkit-transform:rotateY(-360deg);} 
.ab03 .box .list dt .w02{ width:100%; display:block; font-size:18px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; color:#fff;}
.ab03 .box .list dt .w03{ width:100%; display:block; font-size:16px; line-height:2; color:#fff; margin-top:.5vw;}
.ab03 .box .list dd{ height:8.90625vw; display:flex; align-items:center; margin:0 1vw;}
.ab03 .box .list dd img{ display:block; height:4.58vw;}

.ab03 .wen{ max-width:1400px; margin:auto; display:flex; margin-top:4.6875vw;}
.ab03 .wen .left{ width:45%; padding-right:5%; display:block; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.ab03 .wen .left li{ margin:.26vw 0; display:block;}
.ab03 .wen .left span{ color:#e52187;}
.ab03 .wen .right{ width:52%; font-size:16px; line-height:2;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ab03{ width:100%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:90%; padding:4.6875vw 5%; padding-bottom:4.94vw; position:relative; z-index:3; margin-top:2.6vw; background:linear-gradient(to right,#24ade2,#f607ff);}
.ab03 .box .list{ width:100%; display:flex; justify-content:space-between;}
.ab03 .box .list dt{ display:block; flex:1;}
.ab03 .box .list dt .w01{ width:100%; height:5.78125vw; margin-top:1.5625vw; margin-bottom:1.82vw; display:flex; align-items:center; justify-content:center;}
.ab03 .box .list dt .w01 img{ max-height:5.78125vw; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box .list dt:hover .w01 img{ -webkit-transform:rotateY(-360deg);} 
.ab03 .box .list dt .w02{ width:100%; display:block; font-size:16px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; color:#fff;}
.ab03 .box .list dt .w03{ width:100%; display:block; font-size:14px; line-height:2; color:#fff; margin-top:.5vw;}
.ab03 .box .list dd{ height:8.90625vw; display:flex; align-items:center; margin:0 1vw;}
.ab03 .box .list dd img{ display:block; height:4.58vw;}

.ab03 .wen{ width:90%; margin:auto; display:flex; margin-top:4.6875vw;}
.ab03 .wen .left{ width:45%; padding-right:5%; display:block; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.ab03 .wen .left li{ margin:.26vw 0; display:block;}
.ab03 .wen .left span{ color:#e52187;}
.ab03 .wen .right{ width:52%; font-size:16px; line-height:2;}
}
@media only screen and (max-width: 1023px){
.ab03{ width:100%; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; padding:40px 3%; padding-bottom:35px; position:relative; z-index:3; margin-top:20px; background:linear-gradient(to right,#24ade2,#f607ff);}
.ab03 .box .list{ width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:-15px;}
.ab03 .box .list dt{ display:block; width:31.33%; margin-top:15px;}
.ab03 .box .list dt .w01{ width:100%; height:56px; display:flex; align-items:center; justify-content:center;}
.ab03 .box .list dt .w01 img{ max-height:56px; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box .list dt:hover .w01 img{ -webkit-transform:rotateY(-360deg);} 
.ab03 .box .list dt .w02{ width:100%; display:block; font-size:14px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; color:#fff; margin-top:10px;}
.ab03 .box .list dt .w03{ width:100%; display:block; font-size:12px; line-height:2; color:#fff; margin-top:5px;}
.ab03 .box .list dd{ display:none;}
.ab03 .box .list dd img{ display:none; height:4.58vw;}

.ab03 .wen{ width:94%; margin:auto; margin-top:30px;}
.ab03 .wen .left{ width:100%; display:block; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.ab03 .wen .left li{ margin-top:5px; display:block;}
.ab03 .wen .left span{ color:#e52187;}
.ab03 .wen .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}
}

@media screen and (min-width:1530px){
.ab04{ width:100%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ max-width:1400px; margin:auto;}
.ab04 .box .wen{ width:100%; display:flex; margin-top:4.6875vw;}
.ab04 .box .wen .left{ width:45%; padding-right:5%; display:block; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.ab04 .box .wen .left li{ margin:.26vw 0; display:block;}
.ab04 .box .wen .left span{ color:#e52187;}
.ab04 .box .wen .right{ width:52%; font-size:16px; line-height:2;}
.ab04 .box .video{ width:100%; margin-top:4.6875vw;}
.ab04 .box .video .w01{ font-size:24px; line-height:2; font-family:'Robotobold';}
.ab04 .box .video .w02{ width:100%; margin-top:1vw;}
.ab04 .box .video .w02 video{ width:100%; display:block;}
.ab04 .box .video .w02 iframe{ width:100% !important; height:459px !important; display:block;}
.ab04 .box .video .w02 img{ width:100%; display:block;}

.ab04 .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.26vw;}
.ab04 .box .list li{ width:31.33%; display:block; margin-left:3%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.ab04 .box .list li:nth-child(3n+1){ margin-left:0;}
.ab04 .box .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.ab04 .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:20px; line-height:2; font-weight:bold; text-transform:uppercase;}
.ab04 .box .list li .w03{ padding:2.08vw; padding-top:0; font-size:16px; line-height:2; color:#999;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ab04{ width:100%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:90%; padding:0 5%;}
.ab04 .box .wen{ width:100%; display:flex; margin-top:4.6875vw;}
.ab04 .box .wen .left{ width:45%; padding-right:5%; display:block; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.ab04 .box .wen .left li{ margin:.26vw 0; display:block;}
.ab04 .box .wen .left span{ color:#e52187;}
.ab04 .box .wen .right{ width:52%; font-size:15px; line-height:2;}
.ab04 .box .video{ width:100%; margin-top:4.6875vw;}
.ab04 .box .video .w01{ font-size:22px; line-height:2; font-family:'Robotobold';}
.ab04 .box .video .w02{ width:100%; margin-top:1vw;}
.ab04 .box .video .w02 video{ width:100%; display:block;}
.ab04 .box .video .w02 iframe{width:100% !important; height:22.78125vw !important; display:block;}
.ab04 .box .video .w02 img{ width:100%; display:block;}
.ab04 .box .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.26vw;}
.ab04 .box .list li{ width:32%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.ab04 .box .list li:nth-child(3n+1){ margin-left:0;}
.ab04 .box .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.ab04 .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:18px; line-height:2; font-weight:bold; text-transform:uppercase;}
.ab04 .box .list li .w03{ padding:2.08vw; padding-top:0; font-size:15px; line-height:2; color:#999;}
}
@media only screen and (max-width: 1023px){
.ab04{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:94%; padding:0 3%;}
.ab04 .wen{ width:100%; margin-top:25px;}
.ab04 .box .wen .left{ width:100%; display:block; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.ab04 .box .wen .left li{ margin-top:5px; display:block;}
.ab04 .box .wen .left span{ color:#e52187;}
.ab04 .box .wen .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}
.ab04 .box .video{ width:100%; margin-top:25px;}
.ab04 .box .video .w01{ font-size:20px; line-height:2; font-family:'Robotobold';}
.ab04 .box .video .w02{ width:100%; margin-top:1vw;}
.ab04 .box .video .w02 video{ width:100%; display:block;}
.ab04 .box .video .w02 iframe{ width:100% !important; height:52.875vw !important;}
.ab04 .box .video .w02 img{ width:100%; display:block;}
.ab04 .box .list{ width:100%; display:block;}
.ab04 .box .list li{ width:100%; display:block; margin-top:20px; background-color:#f7f7f7; overflow:hidden;}
.ab04 .box .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.ab04 .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab04 .box .list li .w02{ padding:15px; padding-bottom:0; font-size:16px; line-height:2; font-weight:bold; text-transform:uppercase;}
.ab04 .box .list li .w03{ padding:15px; padding-top:0; font-size:14px; line-height:2; color:#999;}
}

/*product*/
@media screen and (min-width:1530px){
.pro{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.pro .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.pro .box .left{ width:31%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.pro .box .left span{ color:#e52187;}
.pro .box .right{ width:64%; font-size:16px; line-height:2;}
.pro .biao{ max-width:1400px; margin:auto; font-size:24px; line-height:2; margin-top:4.6875vw; font-family:'Robotobold';}
.pro .list{ max-width:1400px; margin:auto; display:block;}
.pro .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pro .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:90%; padding:0 5%; height:60px; line-height:60px; font-size:18px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pro .list li:hover a{ background-color:transparent;}
.pro .list li:hover .tu{ opacity:0;}
.pro .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

.fanye{ max-width:1400px; margin:auto; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f7f7f7; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e52187;}
.fanye li.disabled span{ color:#aaa; background-color:#f7f7f7; cursor:no-drop;}
.fanye li a:hover{ color:#e52187;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.pro{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.pro .box .left{ width:31%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.pro .box .left span{ color:#e52187;}
.pro .box .right{ width:64%; font-size:15px; line-height:2;}
.pro .biao{ font-size:22px; line-height:2; margin-top:4.6875vw; font-family:'Robotobold';}
.pro .list{ width:100%; display:block;}
.pro .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pro .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:90%; padding:0 5%; height:50px; line-height:50px; font-size:16px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pro .list li:hover a{ background-color:transparent;}
.pro .list li:hover .tu{ opacity:0;}
.pro .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

.fanye{ width:100%; margin:auto; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f7f7f7; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e52187;}
.fanye li.disabled span{ color:#aaa; background-color:#f7f7f7; cursor:no-drop;}
.fanye li a:hover{ color:#e52187;}
}
@media only screen and (max-width: 1023px){
.pro{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.pro .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.pro .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.pro .box .left span{ color:#e52187;}
.pro .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}
.pro .biao{ font-size:20px; line-height:2; margin-top:25px; font-family:'Robotobold';}
.pro .list{ width:100%; display:block;}
.pro .list li{ width:48.5%; border-radius:10px; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:3%; margin-top:15px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.pro .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.pro .list li:hover a{ background-color:transparent;}
.pro .list li:hover .tu{ opacity:0;}
.pro .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

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

/*product_son*/
@media screen and (min-width:1530px){
.pro01{ max-width:1400px; margin:5.2vw auto; margin-bottom:0; position:relative; z-index:1; background-color:#fff;}
.pro01 .lbar{ width:24%; background-color:#f7f7f7; padding:2.08vw; padding-top:0; box-sizing:border-box; border-radius:1vw; float:left;}
.pro01 .lbar .w01{ margin-top:2.08vw; padding:1px; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:40px; display:block; cursor:pointer;}
.pro01 .lbar .w01 a{ width:100%; height:40px; line-height:40px; text-indent:29px; border-radius:40px; display:block; cursor:pointer; font-family:'Robotobold'; text-transform:uppercase; background-color:#f7f7f7; font-size:20px; overflow:hidden;}
.pro01 .lbar .w02{ display:block; margin-top:1vw; text-align:left; padding-left:30px;}
.pro01 .lbar .w02 a{ display:block; font-size:16px; line-height:2; overflow:hidden;}
.pro01 .lbar .w02 a img{ vertical-align:text-top; margin-left:6px; height:12px; display:inline-block;}
.pro01 .lbar .w02 a:hover{ color:#e52187;}
.pro01 .rbar{ width:71%; float:right;}
.pro01 .rbar .box{ width:100%;}
.pro01 .rbar .box .left{ width:50%; float:left;}
.pro01 .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:1vw;}
.pro01 .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs{ padding:0 25px; margin:auto; margin-top:1.3vw; display:block; overflow:hidden; position:relative;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #ee06c7;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white{ width:10px; position:absolute; top:50%; transform:translateY(-50%); z-index:3;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.pro01 .rbar .box .right{ width:45%; float:right;}
.pro01 .rbar .box .right .w01{ font-size:16px; line-height:2; text-transform:uppercase;}
.pro01 .rbar .box .right .w02{ font-size:24px; line-height:2; font-family:'Robotobold'; margin:.26vw 0;}
.pro01 .rbar .box .right .w03{ font-size:18px; line-height:2; color:#808080;}
.pro01 .rbar .box .right .w04{ margin-top:1.3vw; padding-top:1.3vw; border-top:1px solid #eee; font-size:16px; line-height:2;}
.pro01 .rbar .box .right .w05{ margin-top:1.82vw;}
.pro01 .rbar .box .right .w05 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.pro01{ width:90%; padding:5.2vw 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff; display:flex;}
.pro01 .lbar{ width:18%; min-width:225px; background-color:#f7f7f7; padding:2.08vw; padding-top:0; border-radius:1vw; float:left;}
.pro01 .lbar .w01{ margin-top:2.08vw; padding:1px; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:40px; display:block; cursor:pointer;}
.pro01 .lbar .w01 a{ width:100%; height:38px; line-height:38px; text-indent:19px; border-radius:40px; display:block; cursor:pointer; font-family:'Robotobold'; text-transform:uppercase; background-color:#f7f7f7; font-size:18px; overflow:hidden;}
.pro01 .lbar .w02{ display:block; margin-top:1vw; text-align:left; padding-left:20px;}
.pro01 .lbar .w02 a{ display:block; font-size:15px; line-height:2; overflow:hidden;}
.pro01 .lbar .w02 a img{ vertical-align:text-top; margin-left:4px; height:12px; display:inline-block;}
.pro01 .lbar .w02 a:hover{ color:#e52187;}
.pro01 .rbar{ flex:1; margin-left:5%;}
.pro01 .rbar .box{ width:100%;}
.pro01 .rbar .box .left{ width:50%; float:left;}
.pro01 .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:1vw;}
.pro01 .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs{ padding:0 25px; margin:auto; margin-top:1.3vw; display:block; overflow:hidden; position:relative;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #ee06c7;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white{ width:10px; position:absolute; top:50%; transform:translateY(-50%); z-index:3;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.pro01 .rbar .box .right{ width:45%; float:right;}
.pro01 .rbar .box .right .w01{ font-size:15px; line-height:2; text-transform:uppercase;}
.pro01 .rbar .box .right .w02{ font-size:22px; line-height:2; font-family:'Robotobold'; margin:.26vw 0;}
.pro01 .rbar .box .right .w03{ font-size:17px; line-height:2; color:#808080;}
.pro01 .rbar .box .right .w04{ margin-top:1.3vw; padding-top:1.3vw; border-top:1px solid #eee; font-size:15px; line-height:2;}
.pro01 .rbar .box .right .w05{ margin-top:1.82vw;}
.pro01 .rbar .box .right .w05 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media only screen and (max-width: 1023px){
.pro01{ width:94%; padding:40px 3%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.pro01 .lbar{ width:100%; background-color:#f7f7f7; padding:20px 15px; padding-top:0; box-sizing:border-box; border-radius:1vw; float:left;}
.pro01 .lbar .w01{ margin-top:20px; padding:1px; background:linear-gradient(to right,#24ade2,#f607ff); border-radius:40px; display:block; cursor:pointer;}
.pro01 .lbar .w01 a{ width:100%; height:36px; line-height:36px; text-indent:14px; border-radius:40px; display:block; cursor:pointer; font-family:'Robotobold'; text-transform:uppercase; background-color:#f7f7f7; font-size:16px; overflow:hidden;}
.pro01 .lbar .w02{ display:none; margin-top:10px; text-align:left; padding-left:15px;}
.pro01 .lbar .w02.active{ display:block;}
.pro01 .lbar .w02 a{ display:block; font-size:14px; line-height:2; overflow:hidden;}
.pro01 .lbar .w02 a img{ vertical-align:text-top; margin-left:5px; height:12px; display:inline-block;}
.pro01 .lbar .w02 a:hover{ color:#e52187;}
.pro01 .rbar{ width:100%; float:right; margin-top:40px;}
.pro01 .rbar .box{ width:100%;}
.pro01 .rbar .box .left{ width:100%; float:left;}
.pro01 .rbar .box .left .gallery-top{ display:block; overflow:hidden; border-radius:10px;}
.pro01 .rbar .box .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-top .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs{ padding:0 20px; margin:auto; margin-top:15px; display:block; overflow:hidden; position:relative;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide{ width:calc((100% - 38px)/4); overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #ee06c7;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide:before{ padding-top:66.66%; width:100%; display:block; position:relative; content:'';}
.pro01 .rbar .box .left .gallery-thumbs .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white{ width:10px; position:absolute; top:50%; transform:translateY(-50%); z-index:3;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-white img{ width:10px; display:block;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-next{ right:0;}
.pro01 .rbar .box .left .gallery-thumbs .swiper-button-prev{ left:0;}
.pro01 .rbar .box .right{ width:100%; float:right; margin-top:15px;}
.pro01 .rbar .box .right .w01{ font-size:14px; line-height:2; text-transform:uppercase;}
.pro01 .rbar .box .right .w02{ font-size:20px; line-height:2; font-family:'Robotobold';}
.pro01 .rbar .box .right .w03{ font-size:16px; line-height:2; color:#808080; margin-top:5px;}
.pro01 .rbar .box .right .w04{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; font-size:15px; line-height:2;}
.pro01 .rbar .box .right .w05{ margin-top:10px;}
.pro01 .rbar .box .right .w05 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}

@media screen and (min-width:1530px){
.pro01 .box01{ width:100%; margin-top:4.94vw; display:flex; position:relative; z-index:1; background-color:#fff;}
.pro01 .box01 .left{ flex:1;}
.pro01 .box01 .left .w01{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w02{ font-size:16px; line-height:2; margin-top:1vw;}
.pro01 .box01 .left .w02 img{ max-width:100%; height:auto !important;}
.pro01 .box01 .left .w03{ width:100%;}
.pro01 .box01 .left .w03 dl{ display:flex; padding:.5vw 0; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w03 dl dt{ width:37%; margin-right:3%; font-size:16px; font-weight:bold;}
.pro01 .box01 .left .w03 dl dd{ width:60%; font-size:16px;}
.pro01 .box01 .right{ width:50%; margin-left:5%; margin-top:-1.82vw;}
.pro01 .box01 .right video{ width:100%; display:block; margin-top:1.82vw;}
.pro01 .box01 .right iframe{ width:100% !important; height:459px !important; display:block; margin-top:1.82vw;}
.pro01 .box01 .right img{ width:100%; display:block; border-radius:1vw; margin-top:1.82vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.pro01 .box01{ width:100%; margin-top:4.94vw; display:flex; position:relative; z-index:1; background-color:#fff;}
.pro01 .box01 .left{ flex:1;}
.pro01 .box01 .left .w01{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w02{ font-size:15px; line-height:2; margin-top:1vw;}
.pro01 .box01 .left .w02 img{ max-width:100%; height:auto !important;}
.pro01 .box01 .left .w03{ width:100%;}
.pro01 .box01 .left .w03 dl{ display:flex; padding:.5vw 0; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w03 dl dt{ width:37%; margin-right:3%; font-size:15px; font-weight:bold;}
.pro01 .box01 .left .w03 dl dd{ width:60%; font-size:15px;}
.pro01 .box01 .right{ width:50%; margin-left:5%; margin-top:-1.82vw;}
.pro01 .box01 .right video{ width:100%; display:block; margin-top:1.82vw;}
.pro01 .box01 .right iframe{ width:100% !important; height:22.78125vw !important; display:block; margin-top:1.82vw;}
.pro01 .box01 .right img{ width:100%; display:block; border-radius:1vw; margin-top:1.82vw;}
}
@media only screen and (max-width: 1023px){
.pro01 .box01{ width:100%; margin-top:35px; position:relative; z-index:1; background-color:#fff;}
.pro01 .box01 .left{ flex:1;}
.pro01 .box01 .left .w01{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w02{ font-size:14px; line-height:2; margin-top:10px;}
.pro01 .box01 .left .w02 img{ max-width:100%; height:auto !important;}
.pro01 .box01 .left .w03{ width:100%;}
.pro01 .box01 .left .w03 dl{ display:flex; padding:5px 0; border-bottom:1px solid #eee;}
.pro01 .box01 .left .w03 dl dt{ width:37%; margin-right:3%; font-size:14px; font-weight:bold;}
.pro01 .box01 .left .w03 dl dd{ width:60%; font-size:14px;}
.pro01 .box01 .right{ width:100%; margin-top:-5px;}
.pro01 .box01 .right video{ width:100%; display:block; margin-top:25px;}
.pro01 .box01 .right iframe{ width:100% !important; height:52.875vw !important; margin-top:1.82vw;}
.pro01 .box01 .right img{ width:100%; display:block; border-radius:10px; margin-top:25px;}
}

/*project*/
@media screen and (min-width:1530px){
.case{ width:100%; padding-top:4.6875vw; position:relative; z-index:1; background-color:#fff;}
.case .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.case .box .left{ width:31%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.case .box .left span{ color:#e52187;}
.case .box .right{ width:64%; font-size:16px; line-height:2;}

.jbox.mar{ padding-bottom:4.6875vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.case{ width:90%; padding:4.6875vw 5%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.case .box .left{ width:31%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.case .box .left span{ color:#e52187;}
.case .box .right{ width:64%; font-size:15px; line-height:2;}

.jbox.mar{ padding-bottom:2.6vw;}
}
@media only screen and (max-width: 1023px){
.case{ width:94%; padding:30px 3%; padding-bottom:0; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.case .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.case .box .left span{ color:#e52187;}
.case .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}

.jbox.mar{ padding-bottom:30px;}
}

@media screen and (min-width:1530px){
.case01{ width:100%; position:relative; z-index:1; background-color:#fff;}
.case01 .list{ max-width:1400px; margin:auto; display:flex; flex-wrap:wrap; padding-top:0.78vw;}
.case01 .list li{ width:23.5%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.case01 .list li:nth-child(4n+1){ margin-left:0;}
.case01 .list li .tu{ width:100%; padding-top:74%; position:relative;}
.case01 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.case01 .list li .tu span{ display:block; width:14.76%; position:absolute; right:1.5625vw; top:1.5625vw; z-index:3;}
.case01 .list li .wen{ padding:1.5625vw; text-align:center;}
.case01 .list li .w01{ font-size:20px; line-height:26px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.case01 .list li .w02{ font-size:16px; line-height:18px; height:36px; color:#999; margin-top:.5vw;}
.case01 .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:16px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:.5vw;}
.case01 .more{ max-width:1400px; margin:auto; margin-top:1.82vw;}
.case01 .more a{ display:block; float:right; font-size:16px; cursor:pointer; width:110px; height:36px; line-height:36px; border:1px solid #333; text-align:center; border-radius:40px;}
.case01 .more a:hover{ background-color:#e52187; border:1px solid #e52187; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.case01{ width:90%; padding:0 5%; position:relative; z-index:1; background-color:#fff;}
.case01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.78vw;}
.case01 .list li{ width:23.5%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.case01 .list li:nth-child(4n+1){ margin-left:0;}
.case01 .list li .tu{ width:100%; padding-top:74%; position:relative;}
.case01 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.case01 .list li .tu span{ display:block; width:14.76%; position:absolute; right:1.5625vw; top:1.5625vw; z-index:3;}
.case01 .list li .wen{ padding:1.5625vw; text-align:center;}
.case01 .list li .w01{ font-size:18px; line-height:24px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.case01 .list li .w02{ font-size:15px; line-height:17px; height:34px; color:#999; margin-top:.5vw;}
.case01 .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:15px; height:34px; line-height:34px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:.5vw;}
.case01 .more{ width:100%; margin-top:1.82vw;}
.case01 .more a{ display:block; float:right; font-size:15px; cursor:pointer; width:100px; height:34px; line-height:34px; border:1px solid #333; text-align:center; border-radius:40px;}
.case01 .more a:hover{ background-color:#e52187; border:1px solid #e52187; color:#fff;}
}
@media only screen and (max-width: 1023px){
.case01{ width:94%; padding:0 3%; position:relative; z-index:1; background-color:#fff;}
.case01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.case01 .list li{ width:48.5%; display:block; margin-left:3%; margin-top:15px; background-color:#f7f7f7; overflow:hidden; border-radius:10px;}
.case01 .list li:nth-child(2n+1){ margin-left:0;}
.case01 .list li .tu{ width:100%; padding-top:74%; position:relative;}
.case01 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.case01 .list li .tu span{ display:block; width:14.76%; position:absolute; right:15px; top:15px; z-index:3;}
.case01 .list li .wen{ padding:15px; text-align:center;}
.case01 .list li .w01{ font-size:16px; line-height:22px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.case01 .list li .w02{ font-size:14px; line-height:16px; height:32px; color:#999; margin-top:5px;}
.case01 .list li .w03{ display:inline-block; padding:0 15px; font-size:14px; height:30px; line-height:30px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:5px;}
.case01 .more{ width:100%; margin-top:15px;}
.case01 .more a{ display:block; float:right; font-size:14px; cursor:pointer; width:90px; height:30px; line-height:30px; border:1px solid #333; text-align:center; border-radius:40px;}
.case01 .more a:hover{ background-color:#e52187; border:1px solid #e52187; color:#fff;}
}
 .hidden-item {
        display: none !important;
    }

@media screen and (min-width:1530px){
.case02{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.case02 .list{ max-width:1400px; margin:auto; display:block; position:relative; z-index:3; padding-top:0.78vw;}
.case02 .list li{ width:15%; display:block; float:left; position:relative; margin-top:1.82vw; margin-left:2%; overflow:hidden;}
.case02 .list li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.case02 .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.case02 .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case02 .list li:hover{ background-color:#fff; box-shadow:0 0 1vw rgba(0,0,0,.1);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.case02{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.case02 .list{ width:100%; display:block; position:relative; z-index:3; padding-top:0.78vw;}
.case02 .list li{ width:15%; display:block; float:left; position:relative; margin-top:1.82vw; margin-left:2%; overflow:hidden;}
.case02 .list li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.case02 .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.case02 .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case02 .list li:hover{ background-color:#fff; box-shadow:0 0 1vw rgba(0,0,0,.1);}
}
@media only screen and (max-width: 1023px){
.case02{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.case02 .list{ width:100%; display:block; position:relative; z-index:3; padding-top:10px;}
.case02 .list li{ width:31.33%; display:block; float:left; position:relative; margin-top:10px; margin-left:3%; overflow:hidden;}
.case02 .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case02 .list li:before{ width:100%; display:block; content:''; padding-top:62.76%;}
.case02 .list li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case02 .list li:hover{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
}

/*project_son*/
@media screen and (min-width:1530px){
.case03{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box{ max-width:1400px; margin:auto; margin-top:2.6vw; position:relative; z-index:3;}
.case03 .box .tu{ width:100%;}
.case03 .box .tu img{ height:4.6875vw; display:block; float:right;}
.case03 .box .video{ width:100%;}
.case03 .box .video video{ width:100%; display:block;}
.case03 .box .video iframe{width:100% !important; height:787px !important; display:block;}
.case03 .box .video img{ width:100%; display:block;}

.case03 .box01{ max-width:1400px; margin:auto; display:flex; align-items:flex-start; justify-content:space-between; margin-top:2.6vw;}
.case03 .box01 .tu{ width:47.5%; border-radius:1vw;}
.case03 .box01 .tu img,.case03 .box01 .tu video{ width:100%; display:block;}
.case03 .box01 .tu iframe{ width:100% !important; height:459px !important; display:block;}
.case03 .box01 .wen{ width:47.5%;}
.case03 .box01 .wen .w01{ font-size:16px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.case03 .box01 .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.case03 .box01 .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.case03 .box01 .wen .w04{ margin-top:1.82vw;}
.case03 .box01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.case03 .box02{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:4.94vw;}
.case03 .box02 .biao{ font-size:24px; line-height:34px; text-transform:uppercase; font-family:'Robotobold'; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box02 .list{ width:100%; padding-bottom:1.3vw; border-bottom:1px solid #eee;}
.case03 .box02 .list dl{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.3vw;}
.case03 .box02 .list dl:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case03 .box02 .list dl dt{ font-size:16px; line-height:2; display:block; color:#808080;}
.case03 .box02 .list dl dd{ font-size:16px; line-height:2; display:block;}

.case03 .box03{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:4.94vw; display:flex; flex-wrap:wrap;}
.case03 .box03 .left{ width:31%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.case03 .box03 .left span{ color:#e52187;}
.case03 .box03 .right{ width:64%; font-size:16px; line-height:2;}
.case03 .box03 .tu{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu img{ width:47.5%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu01{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu01 img{ width:22.75%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu02{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu02 img{ width:31.33%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu03{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu03 img{ width:100%; display:block; border-radius:1vw; margin-top:1.82vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.case03{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box{ width:100%; margin-top:2.6vw; position:relative; z-index:3;}
.case03 .box .tu{ width:100%;}
.case03 .box .tu img{ height:4.6875vw; display:block; float:right;}
.case03 .box .video{ width:100%;}
.case03 .box .video video{ width:100%; display:block;}
.case03 .box .video iframe{22.78125vw}
.case03 .box .video img{ width:100%; display:block;}

.case03 .box01{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:1.6vw;}
.case03 .box01 .tu{ width:47.5%; border-radius:1vw;}
.case03 .box01 .tu img,.case03 .box01 .tu video{ width:100%; display:block;}
.case03 .box01 .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.case03 .box01 .wen{ width:47.5%;}
.case03 .box01 .wen .w01{ font-size:15px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.case03 .box01 .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.case03 .box01 .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
.case03 .box01 .wen .w04{ margin-top:1.82vw;}
.case03 .box01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.case03 .box02{ width:100%; position:relative; z-index:3; margin-top:4.94vw;}
.case03 .box02 .biao{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold'; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box02 .list{ width:100%; padding-bottom:1.3vw; border-bottom:1px solid #eee;}
.case03 .box02 .list dl{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:1.3vw;}
.case03 .box02 .list dl:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case03 .box02 .list dl dt{ font-size:15px; line-height:2; display:block; color:#808080;}
.case03 .box02 .list dl dd{ font-size:15px; line-height:2; display:block;}

.case03 .box03{ width:100%; position:relative; z-index:3; margin-top:4.94vw; display:flex; flex-wrap:wrap;}
.case03 .box03 .left{ width:31%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.case03 .box03 .left span{ color:#e52187;}
.case03 .box03 .right{ width:64%; font-size:15px; line-height:2;}
.case03 .box03 .tu{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu img{ width:48.5%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu01{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu01 img{ width:23.5%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu02{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu02 img{ width:32%; display:block; border-radius:1vw; margin-top:1.82vw;}
.case03 .box03 .tu03{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:2.8675vw;}
.case03 .box03 .tu03 img{ width:100%; display:block; border-radius:1vw; margin-top:1.82vw;}
}
@media only screen and (max-width: 1023px){
.case03{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.case03 .box{ width:100%; margin-top:20px; position:relative; z-index:3;}
.case03 .box .tu{ width:100%;}
.case03 .box .tu img{ height:45px; display:block; float:right;}
.case03 .box .video{ width:100%;;}
.case03 .box .video video{ width:100%; display:block;}
.case03 .box .video iframe{width:100% !important; height:52.875vw !important; display:block;}
.case03 .box .video img{ width:100%; display:block;}

.case03 .box01{ width:100%; margin-top:20px;}
.case03 .box01 .tu{ width:100%; border-radius:10px;}
.case03 .box01 .tu img,.case03 .box01 .tu video{ width:100%; display:block;}
.case03 .box01 .tu iframe{ width:100% !important; height:52.875vww !important; display:block;}
.case03 .box01 .wen{ width:100%; margin-top:10px;}
.case03 .box01 .wen .w01{ font-size:14px; line-height:2; text-transform:uppercase; margin-bottom:5px;}
.case03 .box01 .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.case03 .box01 .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
.case03 .box01 .wen .w04{ margin-top:10px;}
.case03 .box01 .wen .w04 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.case03 .box02{ width:100%; position:relative; z-index:3; margin-top:25px;}
.case03 .box02 .biao{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold'; padding-bottom:10px; border-bottom:1px solid #eee;}
.case03 .box02 .list{ width:100%; padding-bottom:15px; padding-top:5px; border-bottom:1px solid #eee;}
.case03 .box02 .list dl{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:10px;}
.case03 .box02 .list dl:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case03 .box02 .list dl dt{ font-size:14px; line-height:2; display:block; color:#808080;}
.case03 .box02 .list dl dd{ font-size:14px; line-height:2; display:block;}

.case03 .box03{ width:100%; position:relative; z-index:3; margin-top:35px;}
.case03 .box03 .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.case03 .box03 .left span{ color:#e52187;}
.case03 .box03 .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}
.case03 .box03 .tu{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:25px;}
.case03 .box03 .tu img{ width:48.5%; display:block; border-radius:10px; margin-top:10px;}
.case03 .box03 .tu01{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:25px;}
.case03 .box03 .tu01 img{ width:22.75%; display:block; border-radius:10px; margin-top:10px;}
.case03 .box03 .tu02{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:25px;}
.case03 .box03 .tu02 img{ width:31.33%; display:block; border-radius:10px; margin-top:10px;}
.case03 .box03 .tu03{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:25px;}
.case03 .box03 .tu03 img{ width:100%; display:block; border-radius:10px; margin-top:10px;}
}

@media screen and (min-width:1530px){
.case03 .box04{ max-width:1400px; margin:auto; margin-top:4.94vw; display:flex; align-items:flex-start; position:relative; z-index:1; background-color:#fff;}
.case03 .box04 .left{ flex:1;}
.case03 .box04 .left .w01{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box04 .left .w02{ font-size:16px; line-height:2; margin-top:1vw;}
.case03 .box04 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box04 .right{ width:47.5%; margin-left:5%;}
.case03 .box04 .right p{ width:48.5%; margin-left:3%; float:left; margin-top:1vw; display:block; overflow:hidden;}
.case03 .box04 .right p:nth-child(1),.case03 .box04 .right p:nth-child(2){ margin-top:0;}
.case03 .box04 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box04 .right video,.case03 .box04 .right img{ width:100%; display:block; border-radius:1vw;}
.case03 .box04 .right iframe{ width:100% !important; height:459px !important; display:block; border-radius:1vw;}

.case03 .box05{ max-width:1400px; margin:auto; margin-top:4.94vw; display:flex; flex-direction:row-reverse; align-items:flex-start; position:relative; z-index:1; background-color:#fff;}
.case03 .box05 .left{ flex:1;}
.case03 .box05 .left .w01{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box05 .left .w02{ font-size:16px; line-height:2; margin-top:1vw;}
.case03 .box05 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box05 .right{ width:47.5%; margin-right:5%;}
.case03 .box05 .right p{ width:48.5%; margin-left:3%; float:left; margin-top:1vw; display:block; overflow:hidden;}
.case03 .box05 .right p:nth-child(1),.case03 .box05 .right p:nth-child(2){ margin-top:0;}
.case03 .box05 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box05 .right video,.case03 .box05 .right img{ width:100%; display:block; border-radius:1vw;}
.case03 .box05 .right iframe{ width:100% !important; height:459px !important; display:block; border-radius:1vw;}

.case03 .box06{ max-width:1400px; margin:auto; margin-top:4.94vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box06 .biao{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box06 .biao a{ display:block; float:right; font-size:16px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box06 .biao a:hover{ color:#e52187;}
.case03 .box06 .list{ width:100%; display:block;}
.case03 .box06 .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case03 .box06 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case03 .box06 .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.case03 .box06 .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.case03 .box06 .list li .tu img{ width:100%; display:block;}
.case03 .box06 .list li .wen{ width:90%; padding:0 5%; height:60px; line-height:60px; font-size:18px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.case03 .box06 .list li:hover a{ background-color:transparent;}
.case03 .box06 .list li:hover .tu{ opacity:0;}
.case03 .box06 .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

.case03 .box07{ max-width:1400px; margin:auto; margin-top:4.94vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box07 .biao{ font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .biao a{ display:block; float:right; font-size:16px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box07 .biao a:hover{ color:#e52187;}
.case03 .box07 .list{ width:100%; display:flex; flex-wrap:wrap;}
.case03 .box07 .list li{ width:23.5%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.case03 .box07 .list li:nth-child(4n+1){ margin-left:0;}
.case03 .box07 .list li .tu{ width:100%; padding-top:72.5%; position:relative;}
.case03 .box07 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.case03 .box07 .list li .wen{ padding:1.5625vw; text-align:center;}
.case03 .box07 .list li .w01{ font-size:20px; line-height:26px; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .list li .w02{ font-size:16px; line-height:18px; height:36px; color:#999; margin-top:.5vw;}
.case03 .box07 .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:16px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:.5vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.case03 .box04{ width:100%; margin-top:4.94vw; display:flex; align-items:flex-start; position:relative; z-index:1; background-color:#fff;}
.case03 .box04 .left{ flex:1;}
.case03 .box04 .left .w01{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box04 .left .w02{ font-size:15px; line-height:2; margin-top:1vw;}
.case03 .box04 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box04 .right{ width:47.5%; margin-left:5%;}
.case03 .box04 .right p{ width:49%; margin-left:2%; float:left; margin-top:1vw; display:block; overflow:hidden;}
.case03 .box04 .right p:nth-child(1),.case03 .box04 .right p:nth-child(2){ margin-top:0;}
.case03 .box04 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box04 .right video,.case03 .box04 .right img{ width:100%; display:block; border-radius:1vw;}
.case03 .box04 .right iframe{ width:100% !important; height:22.78125vw !important; display:block; border-radius:1vw;}

.case03 .box05{ width:100%; margin-top:4.94vw; display:flex; flex-direction:row-reverse; align-items:flex-start; position:relative; z-index:1; background-color:#fff;}
.case03 .box05 .left{ flex:1;}
.case03 .box05 .left .w01{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:1vw; border-bottom:1px solid #eee;}
.case03 .box05 .left .w02{ font-size:15px; line-height:2; margin-top:1vw;}
.case03 .box05 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box05 .right{ width:47.5%; margin-right:5%;}
.case03 .box05 .right p{ width:49%; margin-left:2%; float:left; margin-top:1vw; display:block; overflow:hidden;}
.case03 .box05 .right p:nth-child(1),.case03 .box05 .right p:nth-child(2){ margin-top:0;}
.case03 .box05 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box05 .right video,.case03 .box05 .right img{ width:100%; display:block; border-radius:1vw;}
.case03 .box05 .right iframe{ width:100% !important; height:22.78125vw !important; display:block; border-radius:1vw;}

.case03 .box06{ width:100%; margin-top:4.94vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box06 .biao{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box06 .biao a{ display:block; float:right; font-size:15px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box06 .biao a:hover{ color:#e52187;}
.case03 .box06 .list{ width:100%; display:block;}
.case03 .box06 .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case03 .box06 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case03 .box06 .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.case03 .box06 .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.case03 .box06 .list li .tu img{ width:100%; display:block;}
.case03 .box06 .list li .wen{ width:90%; padding:0 5%; height:50px; line-height:50px; font-size:16px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.case03 .box06 .list li:hover a{ background-color:transparent;}
.case03 .box06 .list li:hover .tu{ opacity:0;}
.case03 .box06 .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

.case03 .box07{ width:100%; margin-top:4.94vw; position:relative; z-index:1; background-color:#fff;}
.case03 .box07 .biao{ font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .biao a{ display:block; float:right; font-size:15px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box07 .biao a:hover{ color:#e52187;}
.case03 .box07 .list{ width:100%; display:flex; flex-wrap:wrap;}
.case03 .box07 .list li{ width:23.5%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.case03 .box07 .list li:nth-child(4n+1){ margin-left:0;}
.case03 .box07 .list li .tu{ width:100%; padding-top:72.5%; position:relative;}
.case03 .box07 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.case03 .box07 .list li .wen{ padding:1.5625vw; text-align:center;}
.case03 .box07 .list li .w01{ font-size:18px; line-height:24px; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .list li .w02{ font-size:15px; line-height:17px; height:34px; color:#999; margin-top:.5vw;}
.case03 .box07 .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:15px; height:34px; line-height:34px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:.5vw;}

}
@media only screen and (max-width: 1023px){
.case03 .box04{ width:100%; margin-top:35px; position:relative; z-index:1; background-color:#fff;}
.case03 .box04 .left{ flex:1;}
.case03 .box04 .left .w01{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #eee;}
.case03 .box04 .left .w02{ font-size:14px; line-height:2; margin-top:10px;}
.case03 .box04 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box04 .right{ width:100%; margin-top:35px;}
.case03 .box04 .right p{ width:48.5%; margin-left:3%; float:left; margin-top:10px; display:block; overflow:hidden;}
.case03 .box04 .right p:nth-child(1),.case03 .box04 .right p:nth-child(2){ margin-top:0;}
.case03 .box04 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box04 .right video,.case03 .box04 .right img{ width:100%; display:block; border-radius:10px;}
.case03 .box04 .right iframe{ width:100% !important; height:52.875vw !important; display:block; border-radius:10px;}

.case03 .box05{ width:100%; margin-top:35px; position:relative; z-index:1; background-color:#fff;}
.case03 .box05 .left{ flex:1;}
.case03 .box05 .left .w01{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #eee;}
.case03 .box05 .left .w02{ font-size:14px; line-height:2; margin-top:10px;}
.case03 .box05 .left .w02 img{ max-width:100%; height:auto !important;}
.case03 .box05 .right{ width:100%; margin-top:35px;}
.case03 .box05 .right p{ width:48.5%; margin-left:3%; float:left; margin-top:10px; display:block; overflow:hidden;}
.case03 .box05 .right p:nth-child(1),.case03 .box05 .right p:nth-child(2){ margin-top:0;}
.case03 .box05 .right p:nth-child(2n+1){ margin-left:0;}
.case03 .box05 .right video,.case03 .box05 .right img{ width:100%; display:block; border-radius:10px;}
.case03 .box05 .right iframe{ width:100% !important; height:52.875vw !important; display:block; border-radius:10px;}

.case03 .box06{ width:100%; margin-top:35px; position:relative; z-index:1; background-color:#fff;}
.case03 .box06 .biao{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box06 .biao a{ display:block; float:right; font-size:14px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box06 .biao a:hover{ color:#e52187;}
.case03 .box06 .list{ width:100%; display:block;}
.case03 .box06 .list li{ width:48.5%; border-radius:10px; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:3%; margin-top:15px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case03 .box06 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case03 .box06 .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.case03 .box06 .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.case03 .box06 .list li .tu img{ width:100%; display:block;}
.case03 .box06 .list li .wen{ width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold';}
.case03 .box06 .list li:hover a{ background-color:transparent;}
.case03 .box06 .list li:hover .tu{ opacity:0;}
.case03 .box06 .list li:hover .wen{ background-color:rgba(0,0,0,.5); color:#fff;}

.case03 .box07{ width:100%; margin-top:35px; position:relative; z-index:1; background-color:#fff;}
.case03 .box07 .biao{ font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .biao a{ display:block; float:right; font-size:14px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.case03 .box07 .biao a:hover{ color:#e52187;}
.case03 .box07 .list{ width:100%; display:flex; flex-wrap:wrap;}
.case03 .box07 .list li{ width:48.5%; display:block; margin-top:15px; margin-left:3%; background-color:#f7f7f7; overflow:hidden; border-radius:10px;}
.case03 .box07 .list li:nth-child(2n+1){ margin-left:0;}
.case03 .box07 .list li .tu{ width:100%; padding-top:72.5%; position:relative;}
.case03 .box07 .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0;}
.case03 .box07 .list li .wen{ padding:15px; text-align:center;}
.case03 .box07 .list li .w01{ font-size:16px; line-height:22px; font-family:'Robotobold'; text-transform:uppercase;}
.case03 .box07 .list li .w02{ font-size:14px; line-height:16px; height:32px; color:#999; margin-top:5px;}
.case03 .box07 .list li .w03{ display:inline-block; padding:0 15px; font-size:14px; height:30px; line-height:30px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:5px;}
}

/*application*/
@media screen and (min-width:1530px){
.app{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.app .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.34375vw; display:flex; align-items:center;}
.app .box .left{ width:31%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.app .box .left span{ color:#e52187;}
.app .box .right{ width:64%; font-size:16px; line-height:26px;}
.app .biao{ max-width:1400px; margin:auto; font-size:24px; line-height:2; margin-top:4.6875vw; font-family:'Robotobold';}
.app .list{ max-width:1400px; margin:auto; display:block;}
.app .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.app .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.app .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.app .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.app .list li .tu img{ width:100%; display:block;}
.app .list li .wen{ width:90%; padding:0 5%; height:60px; line-height:60px; font-size:18px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold'; background-color:rgba(0,0,0,.5); color:#fff;}
.app .list li:hover .tu{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.app{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.app .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw; display:flex; align-items:center;}
.app .box .left{ width:31%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.app .box .left span{ color:#e52187;}
.app .box .right{ width:64%; font-size:15px; line-height:2;}
.app .biao{ font-size:22px; line-height:32px; margin-top:4.6875vw; font-family:'Robotobold';}
.app .list{ width:100%; display:block;}
.app .list li{ width:23.5%; border-radius:1vw; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:2%; margin-top:1.82vw; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.app .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.app .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.app .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.app .list li .tu img{ width:100%; display:block;}
.app .list li .wen{ width:90%; padding:0 5%; height:50px; line-height:50px; font-size:16px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold'; background-color:rgba(0,0,0,.5); color:#fff;}
.app .list li:hover .tu{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width: 1023px){
.app{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.app .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.app .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.app .box .left span{ color:#e52187;}
.app .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}
.app .biao{ font-size:20px; line-height:30px; margin-top:15px; font-family:'Robotobold';}
.app .list{ width:100%; display:block;}
.app .list li{ width:48.5%; border-radius:10px; border:1px solid #cbcbcb; box-sizing:border-box; overflow:hidden; display:block; margin-left:3%; margin-top:15px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.app .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.app .list li a{ display:block; padding-top:111.9%; position:relative; width:100%; overflow:hidden; background-color:#fff;}
.app .list li .tu{ width:100%; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.app .list li .tu img{ width:100%; display:block;}
.app .list li .wen{ width:90%; padding:0 5%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; position:absolute; left:0; bottom:0; z-index:3; font-family:'Robotobold'; background-color:rgba(0,0,0,.5); color:#fff;}
.app .list li:hover .tu{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}

/*application_son*/
@media screen and (min-width:1530px){
.app01{ width:100%; margin-top:-5.2vw;}
.app01 .cont{ max-width:1400px; margin:auto; display:flex; align-items:center; justify-content:space-between; margin-top:5.2vw;}
.app01 .cont:nth-child(2n+1){ flex-direction:row-reverse;}
.app01 .tu{ width:47.5%; border-radius:1vw;}
.app01 .tu img,.app01 .tu video{ width:100%; display:block;}
.app01 .tu iframe{ width:100% !important; height:459px !important; display:block;}
.app01 .wen{ width:47.5%;}
.app01 .wen .w01{ font-size:16px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.app01 .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.app01 .wen .w05{ font-size:16px; line-height:2; color:#999;}
.app01 .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.app01 .wen .w04{ margin-top:1.82vw;}
.app01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.app01{ width:100%; margin-top:-5.2vw;}
.app01 .cont{ width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:5.2vw;}
.app01 .cont:nth-child(2n+1){ flex-direction:row-reverse;}
.app01 .tu{ width:47.5%; border-radius:1vw;}
.app01 .tu img,.app01 .tu video{ width:100%; display:block;}
.app01 .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.app01 .wen{ width:47.5%;}
.app01 .wen .w01{ font-size:15px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.app01 .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.app01 .wen .w05{ font-size:15px; line-height:2; color:#999;}
.app01 .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
.app01 .wen .w04{ margin-top:1.82vw;}
.app01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}
@media only screen and (max-width: 1023px){
.app01{ width:100%; margin-top:-40px;}
.app01 .cont{ width:100%; margin-top:40px;}
.app01 .tu{ width:100%; border-radius:10px;}
.app01 .tu img,.app01 .tu video{ width:100%; display:block;}
.app01 .tu iframe{ width:100% !important; height:52.875vw !important; display:block;}
.app01 .wen{ width:100%; margin-top:10px;}
.app01 .wen .w01{ font-size:14px; line-height:2; text-transform:uppercase; margin-bottom:5px;}
.app01 .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.app01 .wen .w05{ font-size:14px; line-height:2; color:#999;}
.app01 .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
.app01 .wen .w04{ margin-top:10px;}
.app01 .wen .w04 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
}

/*standard*/
@media screen and (min-width:1530px){
.sta{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.sta .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.sta .box .left{ width:37%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.sta .box .left span{ color:#e52187;}
.sta .box .right{ width:58%; font-size:16px; line-height:2;}

.sta .box01{ max-width:1400px; margin:auto; margin-top:4.6875vw;}
.sta .box01 .biao{ font-size:24px; line-height:2; font-family:'Robotobold';}
.sta .box01 .video{ width:100%; margin-top:1vw;}
.sta .box01 .video video{ width:100%; display:block;}
.sta .box01 .video img{ width:100%; display:block;}
.sta .box01 .video iframe{ width:100% !important; height:787px !important; display:block;}
.sta .box01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.26vw;}
.sta .box01 .list li{ width:31.33%; display:block; margin-left:3%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.sta .box01 .list li:nth-child(3n+1){ margin-left:0;}
.sta .box01 .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.sta .box01 .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sta .box01 .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:20px; line-height:2; font-weight:bold; text-transform:uppercase;}
.sta .box01 .list li .w03{ padding:2.08vw; padding-top:0; font-size:16px; line-height:2; color:#999;}

.sta .box02{ max-width:1400px; margin:auto; margin-top:4.94vw;}
.sta .box02 .biao{ font-size:24px; line-height:2; font-family:'Robotobold';}
.sta .box02 .list{ width:100%; display:flex; flex-wrap:wrap;}
.sta .box02 .list li{ width:31.33%; min-height:32.504875vw; display:block; margin-left:3%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.sta .box02 .list li:nth-child(3n+1){ margin-left:0;}
.sta .box02 .list li .w01{ width:100%; position:relative; padding-top:3vw;}
.sta .box02 .list li .w01 img{ height:7.29vw; margin:auto; display:block;}
.sta .box02 .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:20px; line-height:2; font-weight:bold; text-align:center;}
.sta .box02 .list li .w03{ padding:2.08vw; padding-top:0; font-size:16px; line-height:2; color:#999;}

.sta .box03{ max-width:1400px; margin:auto; margin-top:5.2vw;}
.sta .box03 video{ width:100%; display:block;}
.sta .box03 iframe{ width:100% !important; height:787px !important; display:block;}
.sta .box03 img{ width:100%; height:auto !important; display:block; margin:auto;}

.sta .box04{ max-width:1400px; margin:auto; margin-top:4.94vw;}
.sta .box04 .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-1.82vw;}
.sta .box04 .list li{ width:47.5%; display:flex; align-items:center; background-color:#f7f7f7; padding:1vw 2.08vw; box-sizing:border-box; margin-left:5%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; font-size:20px; font-weight:bold; cursor:pointer;}
.sta .box04 .list li:nth-child(2n+1){ margin-left:0;}
.sta .box04 .list li img{ display:block; height:4.11vw; margin-right:1.3vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.sta{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.sta .box{ width:100%; position:relative; z-index:3; margin-top:2.34375vw; display:flex;}
.sta .box .left{ width:37%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.sta .box .left span{ color:#e52187;}
.sta .box .right{ width:58%; font-size:15px; line-height:2;}

.sta .box01{ width:100%; margin-top:4.6875vw;}
.sta .box01 .biao{ font-size:22px; line-height:2; font-family:'Robotobold';}
.sta .box01 .video{ width:100%; margin-top:1vw;}
.sta .box01 .video video{ width:100%; display:block;}
.sta .box01 .video img{ width:100%; display:block;}
.sta .box01 .video iframe{ width:100% !important; height:50.625vw !important; display:block;}
.sta .box01 .list{ width:100%; display:flex; flex-wrap:wrap; padding-top:0.26vw;}
.sta .box01 .list li{ width:32%; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.sta .box01 .list li:nth-child(3n+1){ margin-left:0;}
.sta .box01 .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.sta .box01 .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sta .box01 .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:18px; line-height:2; font-weight:bold; text-transform:uppercase;}
.sta .box01 .list li .w03{ padding:2.08vw; padding-top:0; font-size:15px; line-height:2; color:#999;}

.sta .box02{ width:100%; margin-top:4.94vw;}
.sta .box02 .biao{ font-size:22px; line-height:2; font-family:'Robotobold';}
.sta .box02 .list{ width:100%; display:flex; flex-wrap:wrap;}
.sta .box02 .list li{ width:32%; min-height:36vw; display:block; margin-left:2%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden;}
.sta .box02 .list li:nth-child(3n+1){ margin-left:0;}
.sta .box02 .list li .w01{ width:100%; position:relative; padding-top:3vw;}
.sta .box02 .list li .w01 img{ height:7.29vw; margin:auto; display:block;}
.sta .box02 .list li .w02{ padding:2.08vw; padding-bottom:.5vw; font-size:18px; line-height:2; font-weight:bold; text-align:center;}
.sta .box02 .list li .w03{ padding:2.08vw; padding-top:0; font-size:15px; line-height:2; color:#999;}

.sta .box03{ width:100%; margin-top:5.2vw;}
.sta .box03 video{ width:100%; display:block;}
.sta .box03 iframe{ width:100% !important; height:50.625vw !important; display:block;}
.sta .box03 img{ width:100%; height:auto !important; display:block; margin:auto;}

.sta .box04{ width:100%; margin-top:4.94vw;}
.sta .box04 .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-1.82vw;}
.sta .box04 .list li{ width:47.5%; display:flex; align-items:center; background-color:#f7f7f7; padding:1vw 2.08vw; box-sizing:border-box; margin-left:5%; margin-top:1.82vw; background-color:#f7f7f7; overflow:hidden; font-size:18px; font-weight:bold; cursor:pointer;}
.sta .box04 .list li:nth-child(2n+1){ margin-left:0;}
.sta .box04 .list li img{ display:block; height:4.11vw; margin-right:1.3vw;}
}
@media only screen and (max-width: 1023px){
.sta{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.sta .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.sta .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.sta .box .left span{ color:#e52187;}
.sta .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}

.sta .box01{ width:100%; margin-top:25px;}
.sta .box01 .biao{ font-size:20px; line-height:2; font-family:'Robotobold';}
.sta .box01 .video{ width:100%; margin-top:15px;}
.sta .box01 .video video{ width:100%; display:block;}
.sta .box01 .video img{ width:100%; display:block;}
.sta .box01 .video iframe{ width:100% !important; height:52.875vw !important; display:block;}
.sta .box01 .list{ width:100%; display:block;}
.sta .box01 .list li{ width:100%; display:block; margin-top:20px; background-color:#f7f7f7; overflow:hidden;}
.sta .box01 .list li .w01{ width:100%; padding-top:62.85%; position:relative;}
.sta .box01 .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sta .box01 .list li .w02{ padding:15px; padding-bottom:0; font-size:16px; line-height:2; font-weight:bold; text-transform:uppercase;}
.sta .box01 .list li .w03{ padding:15px; padding-top:0; font-size:14px; line-height:2; color:#999;}

.sta .box02{ width:100%; margin-top:35px;}
.sta .box02 .biao{ font-size:20px; line-height:2; font-family:'Robotobold';}
.sta .box02 .list{ width:100%; display:block; margin-top:-5px;}
.sta .box02 .list li{ width:100%; min-height:56.9875vw; display:block; margin-top:20px; background-color:#f7f7f7; overflow:hidden;}
.sta .box02 .list li .w01{ width:100%; position:relative; padding-top:20px;}
.sta .box02 .list li .w01 img{ height:140px; margin:auto; display:block;}
.sta .box02 .list li .w02{ padding:15px; padding-bottom:0; font-size:16px; line-height:2; font-weight:bold; text-align:center;}
.sta .box02 .list li .w03{ padding:15px; padding-top:0; font-size:14px; line-height:2; color:#999; text-align:justify;}

.sta .box03{ width:100%; margin-top:40px;}
.sta .box03 video{ width:100%; display:block;}
.sta .box03 iframe{ width:100% !important; height:52.875vw !important; display:block;}
.sta .box03 img{ width:100%; height:auto !important; display:block; margin:auto;}

.sta .box04{ width:100%; margin-top:35px;}
.sta .box04 .list{ width:100%; display:block; margin-top:-15px;}
.sta .box04 .list li{ width:100%; display:flex; align-items:center; background-color:#f7f7f7; padding:10px 15px; box-sizing:border-box; margin-top:15px; background-color:#f7f7f7; overflow:hidden; font-size:16px; font-weight:bold; cursor:pointer;}
.sta .box04 .list li:nth-child(2n+1){ margin-left:0;}
.sta .box04 .list li img{ display:block; height:40px; margin-right:10px;}
}

/*news*/
@media screen and (min-width:1530px){
.news{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news .box{ max-width:1400px; margin:auto; position:relative; z-index:3;}
.news .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .box .list li{ width:31.33%; display:block; margin-left:3%; margin-top:2.6vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.news .box .list li:nth-child(3n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; padding-top:70%; position:relative;}
.news .box .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.news .box .list li .wen{ padding:1.5625vw; text-align:center;}
.news .box .list li .w01{ font-size:20px; line-height:30px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.news .box .list li .w02{ font-size:16px; line-height:26px; height:26px; height:52px; color:#999; margin-top:.5vw;}
.news .box .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:16px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:1vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.news{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:100%; position:relative; z-index:3;}
.news .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.news .box .list li{ width:32%; display:block; margin-left:2%; margin-top:2.6vw; background-color:#f7f7f7; overflow:hidden; border-radius:1vw;}
.news .box .list li:nth-child(3n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; padding-top:70%; position:relative;}
.news .box .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.news .box .list li .wen{ padding:1.5625vw; text-align:center;}
.news .box .list li .w01{ font-size:18px; line-height:28px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.news .box .list li .w02{ font-size:15px; line-height:25px; height:25px; height:50px; color:#999; margin-top:.5vw;}
.news .box .list li .w03{ display:inline-block; padding:0 1.3vw; font-size:15px; height:34px; line-height:34px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:1vw;}
}
@media only screen and (max-width: 1023px){
.news{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:100%; position:relative; z-index:3;}
.news .box .list{ width:100%; display:block; margin-top:-5px;}
.news .box .list li{ width:100%; display:block; margin-top:20px; background-color:#f7f7f7; overflow:hidden; border-radius:10px;}
.news .box .list li .tu{ width:100%; padding-top:70%; position:relative;}
.news .box .list li .tu img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0; top:0; z-index:1;}
.news .box .list li .wen{ padding:15px; text-align:center;}
.news .box .list li .w01{ font-size:16px; line-height:26px; font-weight:bold; text-transform:uppercase; font-family:'Robotobold';}
.news .box .list li .w02{ font-size:14px; line-height:24px; height:24px; height:48px; color:#999; margin-top:5px;}
.news .box .list li .w03{ display:inline-block; padding:0 15px; font-size:14px; height:30px; line-height:30px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; margin-top:10px;}
}

/*news_son*/
@media screen and (min-width:1530px){
.ny01{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ny01 .box{ max-width:1400px; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-start;}
.ny01 .box .left{ width:40%; padding-right:5%; font-size:36px; line-height:1.5; font-family:'Robotobold';}
.ny01 .box .left span{ color:#e52187;}
.ny01 .box .right{ width:55%; font-size:16px; line-height:2;}

.ny01 .video{ max-width:1400px; margin:auto; margin-top:4.6875vw;}
.ny01 .video video{ width:100%; display:block;}
.ny01 .video img{ width:100%; display:block;}
.ny01 .video iframe{ width:100% !important; height:787px !important; display:block;}

.ny01 .box01{ max-width:1400px; margin:auto; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.ny01 .box01:nth-child(2n+1){ flex-direction:row-reverse;}
.ny01 .box01 .tu{ width:47.5%; border-radius:1vw;}
.ny01 .box01 .tu img,.ny01 .box01 .tu video{ width:100%; display:block;}
.ny01 .box01 .tu iframe{ width:100% !important; height:459px !important; display:block;}
.ny01 .box01 .wen{ width:47.5%;}
.ny01 .box01 .wen .w01{ font-size:24px; line-height:2; font-family:'Robotomedium';}
.ny01 .box01 .wen .w02{ font-size:16px; line-height:2; color:#999;}
.ny01 .box01 .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.ny01 .box01 .wen .w04{ margin-top:1.82vw;}
.ny01 .box01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.ny01 .box02{ max-width:1400px; margin:auto; display:flex; align-items:flex-start; justify-content:space-between; padding-top:2.0875vw;}
.ny01 .box02 li{ width:47.5%; display:block; border-radius:1vw; overflow:hidden; margin-top:2.6vw;}
.ny01 .box02 li img{ width:100%; display:block;}

.ny01 .box03{ max-width:1400px; margin:auto; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.ny01 .box03 .tu{ width:47.5%; border-radius:1vw;}
.ny01 .box03 .tu img,.ny01 .box03 .tu video{ width:100%; display:block;}
.ny01 .box03 .tu iframe{ width:100% !important; height:459px !important; display:block;}
.ny01 .box03 .wen{ width:47.5%;}
.ny01 .box03 .wen .w01{ font-size:16px; line-height:2;}
.ny01 .box03 .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ny01 .box03 .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
.ny01 .box03 .wen .w04{ margin-top:1.82vw;}
.ny01 .box03 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:16px; height:40px; line-height:40px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}
	
.news .biao{ max-width:1400px; margin:auto; position:relative; z-index:3; font-size:24px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.news .biao a{ display:block; float:right; font-size:16px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.news .biao a:hover{ color:#e52187;}
.news .box .list.mar li{ margin-top:1.82vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.ny01{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ny01 .box{ width:100%; position:relative; z-index:3; display:flex; align-items:flex-start;}
.ny01 .box .left{ width:40%; padding-right:5%; font-size:30px; line-height:1.5; font-family:'Robotobold';}
.ny01 .box .left span{ color:#e52187;}
.ny01 .box .right{ width:55%; font-size:15px; line-height:2;}

.ny01 .video{ width:100%; margin-top:4.6875vw;}
.ny01 .video video{ width:100%; display:block;}
.ny01 .video img{ width:100%; display:block;}
.ny01 .video iframe{ width:100% !important; height:50.625vw !important; display:block;}

.ny01 .box01{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.ny01 .box01 .tu{ width:47.5%; border-radius:1vw;}
.ny01 .box01 .tu img{ width:100%; display:block;}
.ny01 .box01 .tu img,.ny01 .box01 .tu video{ width:100%; display:block;}
.ny01 .box01 .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.ny01 .box01 .wen{ width:47.5%;}
.ny01 .box01 .wen .w01{ font-size:22px; line-height:2; font-family:'Robotomedium';}
.ny01 .box01 .wen .w02{ font-size:15px; line-height:2; color:#999;}
.ny01 .box01 .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
.ny01 .box01 .wen .w04{ margin-top:1.82vw;}
.ny01 .box01 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.ny01 .box02{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; padding-top:2.0875vw;}
.ny01 .box02 li{ width:47.5%; display:block; border-radius:1vw; overflow:hidden; margin-top:2.6vw;}
.ny01 .box02 li img{ width:100%; display:block;}

.ny01 .box03{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.ny01 .box03 .tu{ width:47.5%; border-radius:1vw;}
.ny01 .box03 .tu img,.ny01 .box03 .tu video{ width:100%; display:block;}
.ny01 .box03 .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.ny01 .box03 .wen{ width:47.5%;}
.ny01 .box03 .wen .w01{ font-size:15px; line-height:2;}
.ny01 .box03 .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ny01 .box03 .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
.ny01 .box03 .wen .w04{ margin-top:1.82vw;}
.ny01 .box03 .wen .w04 a{ display:block; padding:0 1.3vw; font-size:15px; height:36px; line-height:36px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.news .biao{ width:90%; margin:auto; font-size:22px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.news .biao a{ display:block; float:right; font-size:15px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.news .biao a:hover{ color:#e52187;}
.news .box .list.mar li{ margin-top:1.82vw;}

}
@media only screen and (max-width:1023px){
.ny01{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ny01 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.ny01 .box .left{ width:100%; font-size:24px; line-height:1.5; font-family:'Robotobold';}
.ny01 .box .left span{ color:#e52187;}
.ny01 .box .right{ width:100%; font-size:14px; line-height:2; margin-top:5px;}

.ny01 .video{ max-width:1400px; margin:auto; margin-top:4.6875vw;}
.ny01 .video video{ width:100%; display:block;}
.ny01 .video img{ width:100%; display:block;}
.ny01 .video iframe{ width:100% !important; height:52.875vw !important; display:block;}

.ny01 .box01{ width:100%; margin-top:35px;}
.ny01 .box01 .tu{ width:100%; border-radius:10px;}
.ny01 .box01 .tu img,.ny01 .box01 .tu video{ width:100%; display:block;}
.ny01 .box01 .tu iframe{ width:100% !important; height:52.875vw !important; display:block;}
.ny01 .box01 .wen{ width:100%; margin-top:10px;}
.ny01 .box01 .wen .w01{ font-size:20px; line-height:2; font-family:'Robotomedium';}
.ny01 .box01 .wen .w02{ font-size:14px; line-height:2; color:#999;}
.ny01 .box01 .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
.ny01 .box01 .wen .w04{ margin-top:10px;}
.ny01 .box01 .wen .w04 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.ny01 .box02{ width:100%; display:block; padding-top:15px;}
.ny01 .box02 li{ width:100%; display:block; border-radius:10px; overflow:hidden; margin-top:20px;}
.ny01 .box02 li img{ width:100%; display:block;}

.ny01 .box03{ width:100%; margin-top:35px;}
.ny01 .box03 .tu{ width:100%; border-radius:10px;}
.ny01 .box03 .tu img,.ny01 .box03 .tu video{ width:100%; display:block;}
.ny01 .box03 .tu iframe{ width:100% !important; height:52.875vw !important; display:block;}
.ny01 .box03 .wen{ width:100%; margin-top:10px;}
.ny01 .box03 .wen .w01{ font-size:14px; line-height:2;}
.ny01 .box03 .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotomedium';}
.ny01 .box03 .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
.ny01 .box03 .wen .w04{ margin-top:10px;}
.ny01 .box03 .wen .w04 a{ display:block; padding:0 15px; font-size:14px; height:32px; line-height:32px; border-radius:40px; background:linear-gradient(to right,#24ade2,#f607ff); color:#fff; text-transform:uppercase; float:left;}

.news .biao{ width:94%; margin:auto; font-size:20px; line-height:2; font-family:'Robotobold'; text-transform:uppercase;}
.news .biao a{ display:block; float:right; font-size:14px; line-height:2; text-transform:uppercase; font-family:"Roboto";}
.news .biao a:hover{ color:#e52187;}
.news .box .list.mar li{ margin-top:15px;}
}

/*news-social*/
@media screen and (min-width:1530px){
.news01{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news01 .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:-2.0875vw;}
.news01 .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.news01 .box .item:nth-child(2n+1){ flex-direction:row-reverse;}
.news01 .box .item .tu{ width:47.5%; border-radius:1vw;}
.news01 .box .item .tu img,.news01 .box .item .tu video{ width:100%; display:block;}
.news01 .box .item .tu iframe{ width:100% !important; height:459px !important; display:block;}
.news01 .box .item .wen{ width:47.5%;}
.news01 .box .item .wen .w01{ font-size:16px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.news01 .box .item .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news01 .box .item .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.news01{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news01 .box{ width:100%; position:relative; z-index:3; margin-top:-2.0875vw;}
.news01 .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.news01 .box .item:nth-child(2n+1){ flex-direction:row-reverse;}
.news01 .box .item .tu{ width:47.5%; border-radius:1vw;}
.news01 .box .item .tu img,.news01 .box .item .tu video{ width:100%; display:block;}
.news01 .box .item .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.news01 .box .item .wen{ width:47.5%;}
.news01 .box .item .wen .w01{ font-size:15px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.news01 .box .item .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news01 .box .item .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
}
@media only screen and (max-width: 1023px){
.news01{ width:94%; padding:30px 3%; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.news01 .box{ width:100%; position:relative; z-index:3; margin-top:-15px;}
.news01 .box .item{ width:100%; margin-top:35px;}
.news01 .box .item .tu{ width:100%; border-radius:10px;}
.news01 .box .item .tu img,.news01 .box .item .tu video{ width:100%; display:block;}
.news01 .box .item .tu iframe{ width:100% !important; height:52.875vwvw !important; display:block;}
.news01 .box .item .wen{ width:100%; margin-top:10px;}
.news01 .box .item .wen .w01{ font-size:14px; line-height:2; text-transform:uppercase; margin-bottom:5px;}
.news01 .box .item .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news01 .box .item .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
}

/*news-social*/
@media screen and (min-width:1530px){
.news02{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news02 .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:-2.0875vw;}
.news02 .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.news02 .box .item:nth-child(2n){ flex-direction:row-reverse;}
.news02 .box .item .tu{ width:47.5%; border-radius:1vw;}
.news02 .box .item .tu img,.news02 .box .item .tu video{ width:100%; display:block;}
.news02 .box .item .tu iframe{ width:100% !important; height:459px !important; display:block;}
.news02 .box .item .wen{ width:47.5%;}
.news02 .box .item .wen .w01{ font-size:16px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.news02 .box .item .wen .w02{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news02 .box .item .wen .w03{ font-size:16px; line-height:2; margin-top:1.3vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.news02{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.news02 .box{ width:100%; position:relative; z-index:3; margin-top:-2.0875vw;}
.news02 .box .item{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:4.6875vw;}
.news02 .box .item:nth-child(2n){ flex-direction:row-reverse;}
.news02 .box .item .tu{ width:47.5%; border-radius:1vw;}
.news02 .box .item .tu img,.news02 .box .item .tu video{ width:100%; display:block;}
.news02 .box .item .tu iframe{ width:100% !important; height:22.78125vw !important; display:block;}
.news02 .box .item .wen{ width:47.5%;}
.news02 .box .item .wen .w01{ font-size:15px; line-height:2; text-transform:uppercase; margin-bottom:1.3vw;}
.news02 .box .item .wen .w02{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news02 .box .item .wen .w03{ font-size:15px; line-height:2; margin-top:1.3vw;}
}
@media only screen and (max-width: 1023px){
.news02{ width:94%; padding:30px 3%; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.news02 .box{ width:100%; position:relative; z-index:3; margin-top:-15px;}
.news02 .box .item{ width:100%; margin-top:35px;}
.news02 .box .item .tu{ width:100%; border-radius:10px;}
.news02 .box .item .tu img,.news02 .box .item .tu video{ width:100%; display:block;}
.news02 .box .item .tu iframe{ width:100% !important; height:52.875vw !important; display:block;}
.news02 .box .item .wen{ width:100%; margin-top:10px;}
.news02 .box .item .wen .w01{ font-size:14px; line-height:2; text-transform:uppercase; margin-bottom:5px;}
.news02 .box .item .wen .w02{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.news02 .box .item .wen .w03{ font-size:14px; line-height:2; margin-top:5px;}
}

/*contact*/
.lx .box .left .w03 .inp>p input.number{ position:absolute; width:calc(100% - 100px); position:absolute; right:0; top:0; border-left:1px solid #ddd; background-color:#f7f7f7;}
.lx .box .left .w03 .inp>p #mobile-number{ overflow:hidden; padding-right:0;}
.lx .box .left .w03 .inp>p #mobile-number01{ overflow:hidden; padding-right:0;}
.lx .box .left .w03 .inp>p #mobile-number02{ overflow:hidden; padding-right:0;}
.lx .box .left .w03 .inp>p #mobile-number03{ overflow:hidden; padding-right:0;}
@media screen and (min-width:1530px){
.lx{ width:100%; padding-top:4.6875vw; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.lx .box{ max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:2.6vw;}
.lx .box .left{ width:47.5%; float:left;}
.lx .box .left .w01{ font-size:24px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .left .w02{ font-size:16px; line-height:2; margin-top:.5vw;}
.lx .box .left .w03{ width:100%;}
.lx .box .left .w03 .inp{ margin-top:1.82vw;}
.lx .box .left .w03 .inp>span{ display:block; font-size:16px; line-height:2;}
.lx .box .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:.5vw; position:relative;}
.lx .box .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;}
.lx .box .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number03{ padding-left:56px;}
.lx .box .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;}
.lx .box .left .w03 .inp01{ margin-top:1.82vw;}
.lx .box .left .w03 .inp01 p{ display:block; font-size:16px; line-height:26px; vertical-align:middle;}
.lx .box .left .w03 .inp01 input{ margin-right:10px;}
.lx .box .left .w03 .inp02{ margin-top:1.82vw;}
.lx .box .left .w03 .inp02 input{ width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#e52187; font-size:16px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx .box .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
.lx .box .right{ width:47.5%; float:right;}
.lx .box .right .w01{ width:100%; border-radius:1vw;}
.lx .box .right .w01 img{ width:100%; display:block;}
.lx .box .right .w02{ font-size:30px; line-height:2; margin-top:1.82vw; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .right .w03{ font-size:16px; line-height:2; text-transform:uppercase; color:#999;}
.lx .box .right .w04{ display:block;}
.lx .box .right .w04 dl{ display:flex; margin-top:1.82vw;}
.lx .box .right .w04 dl:last-child{ flex:1;}
.lx .box .right .w04 dl dt{ display:block; float:left; width:30px;}
.lx .box .right .w04 dl dt img{ display:block; max-width:100%; margin:auto;}
.lx .box .right .w04 dl dd{ display:block; float:left; margin-left:1.3vw; flex:1;}
.lx .box .right .w04 dl dd span{ display:block; font-size:16px; line-height:2; color:#333; text-transform:uppercase;}
.lx .box .right .w04 dl dd p{ display:block; font-size:16px; line-height:2; color:#333;}
.lx .box .right .w04 dl dd b{ font-size:16px; line-height:2; color:#333;}
.lx .map{ display:block; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:5.2vw;}
.lx .map li{ width:29.84%; display:block; float:left; margin-left:5.24%;}
.lx .map li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx .map li .w01{ font-size:22px; line-height:2; text-transform:uppercase;}
.lx .map li .w01 b{ display:block;}
.lx .map li .w01 p{ display:block;}
.lx .map li .w02{ width:100%; margin-top:1.82vw; border:2vw;}
.lx .map li .w02 iframe{ width:100%; height:450px;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.lx{ width:90%; padding:4.6875vw 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:2.6vw;}
.lx .box .left{ width:47.5%; float:left;}
.lx .box .left .w01{ font-size:22px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .left .w02{ font-size:15px; line-height:2; margin-top:.5vw;}
.lx .box .left .w03{ width:100%;}
.lx .box .left .w03 .inp{ margin-top:1.82vw;}
.lx .box .left .w03 .inp>span{ display:block; font-size:15px; line-height:2;}
.lx .box .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:.5vw; position:relative;}
.lx .box .left .w03 .inp>p input{ width:100%; padding:0 1vw; font-size:15px; height:38px; line-height:38px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.lx .box .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number03{ padding-left:56px;}
.lx .box .left .w03 .inp>p textarea{ width:100%; padding:6px 1vw; font-size:15px; height:130px; line-height:26px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.lx .box .left .w03 .inp01{ margin-top:1.82vw;}
.lx .box .left .w03 .inp01 p{ display:block; font-size:15px; line-height:25px; vertical-align:middle;}
.lx .box .left .w03 .inp01 input{ margin-right:10px;}
.lx .box .left .w03 .inp02{ margin-top:1.82vw;}
.lx .box .left .w03 .inp02 input{ width:130px; height:38px; line-height:38px; border-radius:5px; background-color:#e52187; font-size:15px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx .box .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
.lx .box .right{ width:47.5%; float:right;}
.lx .box .right .w01{ width:100%; border-radius:1vw;}
.lx .box .right .w01 img{ width:100%; display:block;}
.lx .box .right .w02{ font-size:26px; line-height:2; margin-top:1.82vw; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .right .w03{ font-size:15px; line-height:2; text-transform:uppercase; color:#999;}
.lx .box .right .w04{ display:block;}
.lx .box .right .w04 dl{ display:flex; margin-top:1.82vw;}
.lx .box .right .w04 dl:last-child{ flex:1;}
.lx .box .right .w04 dl dt{ display:block; float:left; width:30px;}
.lx .box .right .w04 dl dt img{ display:block; max-width:100%; margin:auto;}
.lx .box .right .w04 dl dd{ display:block; float:left; margin-left:1.3vw; flex:1;}
.lx .box .right .w04 dl dd span{ display:block; font-size:15px; line-height:2; color:#333; text-transform:uppercase;}
.lx .box .right .w04 dl dd p{ display:block; font-size:15px; line-height:2; color:#333;}
.lx .box .right .w04 dl dd b{ font-size:15px; line-height:2; color:#333;}
.lx .map{ width:100%; position:relative; z-index:3; margin-top:5.2vw;}
.lx .map li{ width:29.84%; display:block; float:left; margin-left:5.24%;}
.lx .map li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx .map li .w01{ font-size:20px; line-height:2; text-transform:uppercase;}
.lx .map li .w01 b{ display:block;}
.lx .map li .w02{ width:100%; margin-top:1.82vw; border:2vw;}
.lx .map li .w02 iframe{ width:100%; height:350px;}
}
@media only screen and (max-width: 1023px){
.lx{ width:94%; padding:30px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lx .box{ width:100%; position:relative; z-index:3; margin-top:20px;}
.lx .box .left{ width:100%; float:left;}
.lx .box .left .w01{ font-size:20px; line-height:2; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .left .w02{ font-size:14px; line-height:2; margin-top:5px;}
.lx .box .left .w03{ width:100%;}
.lx .box .left .w03 .inp{ margin-top:15px;}
.lx .box .left .w03 .inp>span{ display:block; font-size:14px; line-height:2;}
.lx .box .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:5px; position:relative;}
.lx .box .left .w03 .inp>p input{ width:100%; padding:0 15px; font-size:14px; height:36px; line-height:36px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.lx .box .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.lx .box .left .w03 .inp>p #mobile-number03{ padding-left:56px;}
.lx .box .left .w03 .inp>p textarea{ width:100%; padding:6px 15px; font-size:14px; height:120px; line-height:24px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.lx .box .left .w03 .inp01{ margin-top:15px;}
.lx .box .left .w03 .inp01 p{ display:block; font-size:14px; line-height:24px; vertical-align:middle;}
.lx .box .left .w03 .inp01 input{ margin-right:10px;}
.lx .box .left .w03 .inp02{ margin-top:15px;}
.lx .box .left .w03 .inp02 input{ width:120px; height:36px; line-height:36px; border-radius:5px; background-color:#e52187; font-size:14px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.lx .box .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
.lx .box .right{ width:100%; float:right; margin-top:30px;}
.lx .box .right .w01{ width:100%; border-radius:10px;}
.lx .box .right .w01 img{ width:100%; display:block;}
.lx .box .right .w02{ font-size:22px; line-height:2; margin-top:15px; text-transform:uppercase; font-family:'Robotobold';}
.lx .box .right .w03{ font-size:14px; line-height:2; text-transform:uppercase; color:#999;}
.lx .box .right .w04{ display:block;}
.lx .box .right .w04 dl{ display:flex; margin-top:10px;}
.lx .box .right .w04 dl:last-child{ flex:1;}
.lx .box .right .w04 dl dt{ display:block; float:left; width:30px;}
.lx .box .right .w04 dl dt img{ display:block; max-width:100%; margin:5px auto;}
.lx .box .right .w04 dl dd{ display:block; float:left; margin-left:10px; flex:1;}
.lx .box .right .w04 dl dd span{ display:block; font-size:14px; line-height:2; color:#333; text-transform:uppercase;}
.lx .box .right .w04 dl dd p{ display:block; font-size:14px; line-height:2; color:#333;}
.lx .box .right .w04 dl dd b{ font-size:14px; line-height:2; color:#333;}
.lx .map{ width:100%; position:relative; z-index:3;}
.lx .map li{ width:100%; display:block; margin-top:25px;}
.lx .map li .w01{ font-size:16px; line-height:2; text-transform:uppercase;}
.lx .map li .w01 b{ display:block;}
.lx .map li .w02{ width:100%; margin-top:10px; border:10px;}
.lx .map li .w02 iframe{ width:100%; height:250px;}
}

/*download*/
@media screen and (min-width:1530px){
.lx01{ width:100%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.lx01 .title{ margin-top:4.6875vw;}
.lx01>.box{ max-width:1400px; margin:auto; position:relative; z-index:3; display:flex; flex-wrap:wrap;}
.lx01>.box a{ display:block; width:21.25%; margin-left:5%; margin-top:2.6vw; cursor:pointer;}
.lx01>.box a:nth-child(4n+1){ margin-left:0;}
.lx01>.box a .w01{ width:100%; padding-top:133%; position:relative;}
.lx01>.box a .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.lx01>.box a .w02{ font-size:20px; line-height:30px; margin-top:.785vw; text-align:center; font-weight:bold;}
.lx01>.box a .w03{ width:100%; border:2px solid #999; color:#333; height:40px; line-height:40px; display:flex; align-items:center; justify-content:center; font-size:16px; text-transform:uppercase; margin-top:.785vw;}
.lx01>.box a .w03 b{ width:17px; height:16px; display:block; margin-right:10px; background-image:url(../images/down.png);}
.lx01>.box a:hover .w03{ background-color:#e52187; border:2px solid #e52187; color:#fff;} 
.lx01>.box a:hover .w03 b{ background-image:url(../images/down01.png);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.lx01{ width:90%; padding:0 5%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.lx01 .title{ margin-top:4.6875vw;}
.lx01>.box{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap;}
.lx01>.box a{ display:block; width:22%; margin-left:4%; margin-top:2.6vw; cursor:pointer;}
.lx01>.box a:nth-child(4n+1){ margin-left:0;}
.lx01>.box a .w01{ width:100%; padding-top:133%; position:relative;}
.lx01>.box a .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.lx01>.box a .w02{ font-size:18px; line-height:28px; margin-top:.785vw; text-align:center; font-weight:bold;}
.lx01>.box a .w03{ width:100%; border:2px solid #999; color:#333; height:38px; line-height:38px; display:flex; align-items:center; justify-content:center; font-size:16px; text-transform:uppercase; margin-top:.785vw;}
.lx01>.box a .w03 b{ width:17px; height:16px; display:block; margin-right:10px; background-image:url(../images/down.png);}
.lx01>.box a:hover .w03{ background-color:#e52187; border:2px solid #e52187; color:#fff;} 
.lx01>.box a:hover .w03 b{ background-image:url(../images/down01.png);}
}
@media only screen and (max-width: 1023px){
.lx01{ width:94%; padding:0 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lx01 .title{ margin-top:30px;}
.lx01>.box{ width:100%; position:relative; z-index:3; display:flex; flex-wrap:wrap; margin-top:-5px;}
.lx01>.box a{ display:block; width:48.5%; margin-left:3%; margin-top:20px; cursor:pointer;}
.lx01>.box a:nth-child(2n+1){ margin-left:0;}
.lx01>.box a .w01{ width:100%; padding-top:133%; position:relative;}
.lx01>.box a .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.lx01>.box a .w02{ font-size:16px; line-height:26px; margin-top:7px; text-align:center; font-weight:bold;}
.lx01>.box a .w03{ width:100%; border:1px solid #999; color:#333; height:32px; line-height:32px; display:flex; align-items:center; justify-content:center; font-size:14px; text-transform:uppercase; margin-top:7px;}
.lx01>.box a .w03 b{ width:17px; height:16px; display:block; margin-right:10px; background-image:url(../images/down.png);}
.lx01>.box a:hover .w03{ background-color:#e52187; border:2px solid #e52187; color:#fff;} 
.lx01>.box a:hover .w03 b{ background-image:url(../images/down01.png);}
}

@media screen and (min-width:1530px){
.tss{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.tss .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.tss .box{ width:500px; padding:4vw 3vw; background-color:#fff; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; font-size:18px; line-height:2; text-align:center; display:block;}
.tss .box a{ font-weight:bold;}
.tss .box a:hover{ text-decoration:underline;}
.tss .box .close{ width:33px; position:absolute; right:1vw; top:1vw; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.tss .box .close img{ width:100%; display:block;}
.tss .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.tss{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.tss .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.tss .box{ width:400px; padding:4vw 3vw; background-color:#fff; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; font-size:18px; line-height:2; text-align:center; display:block;}
.tss .box a{ font-weight:bold;}
.tss .box a:hover{ text-decoration:underline;}
.tss .box .close{ width:28px; position:absolute; right:1vw; top:1vw; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.tss .box .close img{ width:100%; display:block;}
.tss .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width: 1023px){
.tss{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.tss .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.tss .box{ width:88%; padding:40px 3%; background-color:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; font-size:16px; line-height:2; text-align:center; display:block;}
.tss .box a{ font-weight:bold;}
.tss .box a:hover{ text-decoration:underline;}
.tss .box .close{ width:22px; position:absolute; right:10px; top:10px; cursor:pointer; -webkit-transition:1s linear; transition:1s ease-in;}
.tss .box .close img{ width:100%; display:block;}
.tss .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*留言弹框*/
.liuy .left .w03 .inp>p{ position:relative;}
.liuy .left .w03 .inp>p input.number{ position:absolute; width:calc(100% - 100px); position:absolute; right:0; top:0; border-left:1px solid #ddd; background-color:#f7f7f7;}
.liuy .left .w03 .inp>p #mobile-number{ overflow:hidden; padding-right:0;}
.liuy .left .w03 .inp>p #mobile-number01{ overflow:hidden; padding-right:0;}
.liuy .left .w03 .inp>p #mobile-number02{ overflow:hidden; padding-right:0;}
.liuy .left .w03 .inp>p #mobile-number03{ overflow:hidden; padding-right:0;}
@media screen and (min-width:1530px){
.liuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.liuy.open{ display:block;}
.liuy .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.liuy .box{ width:600px; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.liuy .left{ padding:1.82vw 3vw; padding-top:1.3vw; background-color:#fff; max-height:100vh; overflow:auto; box-sizing:border-box;}
.liuy .left::-webkit-scrollbar{ width:0; height:1px;}
.liuy .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#999;}
.liuy .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.liuy .left .w01{ font-size:24px; line-height:34px; text-transform:uppercase; font-family:'Robotobold';}
.liuy .left .w02{ font-size:16px; line-height:26px; margin-top:.5vw;}
.liuy .left .w03{ width:100%;}
.liuy .left .w03 .inp{ margin-top:1vw;}
.liuy .left .w03 .inp>span{ display:block; font-size:16px; line-height:26px;}
.liuy .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:.5vw;}
.liuy .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;}
.liuy .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.liuy .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;}
.liuy .left .w03 .inp01{ margin-top:1vw;}
.liuy .left .w03 .inp01 p{ display:block; font-size:16px; line-height:26px; vertical-align:middle;}
.liuy .left .w03 .inp01 input{ margin-right:10px;}
.liuy .left .w03 .inp02{ margin-top:1vw;}
.liuy .left .w03 .inp02 input{ width:140px; height:40px; line-height:40px; border-radius:5px; background-color:#e52187; font-size:16px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.liuy .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
}
@media screen and (min-width: 1024px) and (max-width: 1529px){
.liuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.liuy.open{ display:block;}
.liuy .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.liuy .box{ width:500px; border-radius:1vw; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.liuy .left{ padding:1.82vw 3vw; padding-top:1.3vw; background-color:#fff; max-height:100vh; overflow:auto; box-sizing:border-box;}
.liuy .left::-webkit-scrollbar{ width:0; height:1px;}
.liuy .left::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#999;}
.liuy .left::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.liuy .left .w01{ font-size:22px; line-height:32px; text-transform:uppercase; font-family:'Robotobold';}
.liuy .left .w02{ font-size:15px; line-height:25px; margin-top:.5vw;}
.liuy .left .w03{ width:100%;}
.liuy .left .w03 .inp{ margin-top:1.3vw;}
.liuy .left .w03 .inp>span{ display:block; font-size:15px; line-height:25px;}
.liuy .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:.5vw;}
.liuy .left .w03 .inp>p input{ width:100%; padding:0 1vw; font-size:15px; height:38px; line-height:38px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.liuy .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.liuy .left .w03 .inp>p textarea{ width:100%; padding:6px 1vw; font-size:15px; height:130px; line-height:26px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.liuy .left .w03 .inp01{ margin-top:1.3vw;}
.liuy .left .w03 .inp01 p{ display:block; font-size:15px; line-height:25px; vertical-align:middle;}
.liuy .left .w03 .inp01 input{ margin-right:10px;}
.liuy .left .w03 .inp02{ margin-top:1.3vw;}
.liuy .left .w03 .inp02 input{ width:130px; height:38px; line-height:38px; border-radius:5px; background-color:#e52187; font-size:15px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.liuy .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
}
@media only screen and (max-width: 1023px){
.liuy{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none;}
.liuy.open{ display:block;}
.liuy .mask{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:relative; z-index:1;}
.liuy .box{ width:94%; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.liuy .left{ padding:15px 25px; padding-bottom:25px; background-color:#fff; max-height:90vh; overflow:auto; box-sizing:border-box;}
.liuy .left .w01{ font-size:20px; line-height:30px; text-transform:uppercase; font-family:'Robotobold';}
.liuy .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.liuy .left .w03{ width:100%;}
.liuy .left .w03 .inp{ margin-top:15px;}
.liuy .left .w03 .inp>span{ display:block; font-size:14px; line-height:24px;}
.liuy .left .w03 .inp>p{ display:block; border-radius:5px; background-color:#f7f7f7; margin-top:5px;}
.liuy .left .w03 .inp>p input{ width:100%; padding:0 15px; font-size:14px; height:36px; line-height:36px; box-sizing:border-box; background-color:transparent; overflow:hidden;}
.liuy .left .w03 .inp>p #mobile-number{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number01{ padding-left:56px;}
.liuy .left .w03 .inp>p #mobile-number02{ padding-left:56px;}
.liuy .left .w03 .inp>p textarea{ width:100%; padding:6px 15px; font-size:14px; height:120px; line-height:24px; box-sizing:border-box; background-color:transparent; overflow:hidden; font-family:inherit;}
.liuy .left .w03 .inp01{ margin-top:15px;}
.liuy .left .w03 .inp01 p{ display:block; font-size:14px; line-height:24px; vertical-align:middle;}
.liuy .left .w03 .inp01 input{ margin-right:10px;}
.liuy .left .w03 .inp02{ margin-top:15px;}
.liuy .left .w03 .inp02 input{ width:120px; height:36px; line-height:36px; border-radius:5px; background-color:#e52187; font-size:14px; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer; overflow:hidden;}
.liuy .left .w03 .inp02 input:hover{ background-color:#ee06c7;}
}

.whatsapp-float {
  position: fixed;
  bottom:150px;
  right: 20px;
  background: #fff;
  border-radius: 50%;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index:99;
}
.whatsapp-float img {
  width: 28px;
  display:block;
}
#waLink{ display:none;}

@media only screen and (max-width: 1023px){
.whatsapp-float{ display:none;}
#waLink {
  position: fixed;
  bottom: 150px;
  right: 3%;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  display:block;
  z-index:99;
}
#waLink img {
  width: 20px;
  display:block;
}
}