@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"microsoft yahei", Helvetica, STHeiTi, "helvetica neue", 微软雅黑, SimSun, sans-serif; font-size:14px; line-height:1.5; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}

/*header*/
@media screen and (min-width:3441px){
.header{ width:80%; padding:0 10%; height:100px; position:fixed; left:0; top:0; z-index:999;}
.header .line{ width:100%; height:1px; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .logo .mobile{ display:none;}
.header .logo .pc{ display:block; height:50px;}
.header .logo .pc img{ height:50px; display:block;}
.header .logo .pc img.img02{ display:none;}
.header .sav{ float:right; height:100%; position:relative; z-index:3;}
.header .sav .hamburger{ display:none;}
.header .sav #main-nav{ display:block; height:100px;}
.header .sav #main-nav .nav-link{ display:block; height:120px; float:left; margin-left:2.6vw; position:relative;}
.header .sav #main-nav .nav-link span{ display:flex; height:100px; align-items:center; position:relative;}
.header .sav #main-nav .nav-link span a{ font-size:18px; line-height:28px; color:#fff;}
.header .sav #main-nav .nav-link.on span::after{ content:""; background-color:#ff436e; width:100%; height:3px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.header .sav #main-nav .nav-link dl{ display:none; width:140px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:110px; left:-15px; background:#fff; padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .sav #main-nav .nav-link dl:before{ bottom:100%; left:25px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#fff; border-width:8px; margin-left:-8px; }
.header .sav #main-nav .nav-link dl dd{ display:block; margin-bottom:7px;}
.header .sav #main-nav .nav-link dl dd:last-child{ margin-bottom:0;}
.header .sav #main-nav .nav-link dl dd a{ padding:2px 0; display:block; color:#333; line-height:26px; font-size:16px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .sav #main-nav .nav-link:hover dl{ display:block;}
.header .sav #main-nav .nav-link dl dd a:hover{ color:#ff436e;}

.header.bg,.header.pos{ background-color:#fff;}
.header.bg .line,.header.pos .line{ background-color:#f1f1f1;}
.header.bg .pc img.img01,.header.pos .pc img.img01{ display:none;}
.header.bg .pc img.img02,.header.pos .pc img.img02{ display:block;}
.header.bg .sav #main-nav .nav-link span a,.header.pos .sav #main-nav .nav-link span a{ color:#333;}
.header.bg .sav #main-nav .nav-link:hover span a,.header.pos .sav #main-nav .nav-link:hover span a{ color:#ff436e;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.header{ width:90%; padding:0 5%; height:80px; position:fixed; left:0; top:0; z-index:999;}
.header .line{ width:100%; height:1px; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .logo .mobile{ display:none;}
.header .logo .pc{ display:block; height:40px;}
.header .logo .pc img{ height:40px; display:block;}
.header .logo .pc img.img02{ display:none;}
.header .sav{ float:right; height:100%; position:relative; z-index:3;}
.header .sav .hamburger{ display:none;}
.header .sav #main-nav{ display:block; height:80px;}
.header .sav #main-nav .nav-link{ display:block; height:90px; float:left; margin-left:2.3vw; position:relative;}
.header .sav #main-nav .nav-link span{ display:flex; height:80px; align-items:center; position:relative;}
.header .sav #main-nav .nav-link span a{ font-size:16px; line-height:26px; color:#fff;}
.header .sav #main-nav .nav-link.on span::after{ content:""; background-color:#ff436e; width:100%; height:3px; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.header .sav #main-nav .nav-link dl{ display:none; width:120px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:90px; left:-15px; background:#fff; padding:10px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .sav #main-nav .nav-link dl:before{ bottom:100%; left:25px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#fff; border-width:8px; margin-left:-8px; }
.header .sav #main-nav .nav-link dl dd{ display:block; margin-bottom:2px;}
.header .sav #main-nav .nav-link dl dd:last-child{ margin-bottom:0;}
.header .sav #main-nav .nav-link dl dd a{ padding:2px 0; display:block; color:#333; line-height:24px; font-size:14px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .sav #main-nav .nav-link:hover dl{ display:block;}
.header .sav #main-nav .nav-link dl dd a:hover{ color:#ff436e;}

.header.bg,.header.pos{ background-color:#fff;}
.header.bg .line,.header.pos .line{ background-color:#f1f1f1;}
.header.bg .pc img.img01,.header.pos .pc img.img01{ display:none;}
.header.bg .pc img.img02,.header.pos .pc img.img02{ display:block;}
.header.bg .sav #main-nav .nav-link span a,.header.pos .sav #main-nav .nav-link span a{ color:#333;}
.header.bg .sav #main-nav .nav-link:hover span a,.header.pos .sav #main-nav .nav-link:hover span a{ color:#ff436e;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999;}
.header .line{ width:100%; height:1px; background-color:rgba(255,255,255,.3); position:absolute; left:0; bottom:0; z-index:1;}
.header .logo{ height:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.header .logo .pc{ display:none;}
.header .logo .mobile{ display:block; height:30px;}
.header .logo .mobile img{ height:30px; display:block;}
.header .logo .mobile img.img02{ display:none;}

.header .sav{ width:calc(30px + 6vw); height:60px; position:relative; z-index:1;}
.hamburger{ width:30px; height:38px; position:absolute; top:0; left:0; padding:11px 3vw; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.hamburger.open-menu{ left:calc(94vw - 30px); color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s; background-color:#fff;}
.hamburger .h-bar{ display:block; width:100%; height:2px; background-color:rgb(255, 255, 255); margin:8px 0; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.hamburger.open-menu .h-bar{ margin-left:10px; background-color:#333;}
.hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(14px);}
.hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-14px);}
.hamburger.open-menu .h-bar{ margin-bottom:0px;}
.mask{ width:100vw; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:calc(-100vw - 60px); top:0; z-index:99; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.mask.open-menu{ opacity:1; left:calc(94vw - 30px); transition:left 0.3s ease-out 0s;}

.header.pos{ background-color:#fff;}
.header.pos .line{ background-color:#f1f1f1;}
.header.pos .mobile img.img01,.header .logo.open-menu .mobile img.img01{ display:none;}
.header.pos .mobile img.img02,.header .logo.open-menu .mobile img.img02{ display:block;}
.header.pos .hamburger .h-bar{ background-color:#333;}

ul#main-nav{ padding-top:60px; background-color:#fff; display:block; opacity:0; position:fixed; overflow-y:scroll; width:calc(94vw - 30px); height:100%; top:0px; left:calc(-94vw - 30px); color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222;}
ul#main-nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.nav-link{ display:block; overflow:hidden; border-top:1px solid #f1f1f1;}
.nav-link span{ display:block; height:50px; line-height:50px; overflow:hidden; position:relative; width:100%;}
.nav-link span a{ display:block; font-size:16px; color:#333; padding-left:20px;}
.nav-link span::after{ content:"+"; background-color:transparent; display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:50px; width:50px; font-size:24px; color:#333; position:absolute; right:10px; top:0px; text-align:center; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;}
.nav-link:nth-child(1) span::after,.nav-link:nth-child(4) span::after,.nav-link:nth-child(5) span::after,.nav-link:nth-child(7) span::after,.nav-link:nth-child(8) span::after{ opacity:0;}
.nav-link.active span::after{ transform:rotateZ(135deg);}
.nav-link dl{ display:none; width:100%; overflow:hidden; padding-left:40px; box-sizing:border-box; padding-bottom:10px;}
.nav-link dl dd{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.nav-link dl dd a{ display:block; color:#666;}
.nav-link.active dl{ display:block;}
.nav-link.on span a{ color:#ff436e;}
.nav-link dl dd a:hover{ color:#ff436e;}
}

/*banner*/
@keyframes spin {
  	from{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  	to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes spin {
	from{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@media screen and (min-width:3441px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .video{ min-width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#000;}
.banner .video video{ margin:auto; height:100%; background-color:#000; display:block;}
.banner .box{ width:100%; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); padding:100px 10%; padding-bottom:0; box-sizing:border-box; display:flex; align-items:center;}
.banner .box .wen{ width:calc(95% - 80px); padding-right:80px;}
.banner .box .wen .b01{ height:70px; width:100%; float:left;}
.banner .box .wen .b01 b{ font-size:60px; line-height:70px; display:block; float:left; color:#fff; letter-spacing:7px;}
.banner .box .wen .b01 p{ width:20px; height:4px; display:block; float:left; background-color:#fff; margin-left:13px; margin-top:61px;}
.banner .box .wen .b02{ float:left; margin-top:1vw;}
.banner .box .wen .b02 b{ font-size:40px; line-height:50px; display:block; color:#fff; letter-spacing:5px;}
.banner .box .wen .b02 p{ display:block; width:calc(100% - 5px); height:1px; background-color:#fff; opacity:.3; margin-top:1.3vw;}
.banner .box .wen .b03{ width:100%; font-size:30px; line-height:40px; float:left; color:#fff; margin-top:2.3vw; letter-spacing:4px;}
.banner .box .wen .b04{ width:100%; font-size:30px; line-height:40px; float:left; color:#fff; margin-top:.9vw; opacity:.5; text-transform:uppercase;}
.banner .box .wen .b05{ width:100%; float:left; margin-top:3.2vw; height:55px;}
.banner .box .wen .b05 a{ cursor:pointer; width:250px; height:50px; line-height:50px; font-size:24px; border-radius:50px; text-align:center; display:block; overflow:hidden; color:#fff; background:linear-gradient(to right,#ff436e,#ff7695); letter-spacing:5px; text-indent:5px;}
.banner .box .play{ width:80px; height:80px; position:absolute; right:10%; top:50%; margin-top:10px;}
.banner .box .play img{ width:100%; cursor:pointer;}
.banner .down{ position:absolute; left:50%; margin-left:-20px; bottom:1.5625vw; z-index:5; width:40px; height:40px; border-radius:100%; cursor:pointer;}
.banner .down img{ width:12px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .down .bt-spinner{ width:36px; height:36px; border-radius:50%; background-color:transparent; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; -webkit-animation:1s spin linear infinite; animation:1s spin linear infinite;}

.tkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:9999; display:none;}
.tkuang .box{ width:640px; height:300px; padding:50px; background-color:#000; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.tkuang .box .close{ width:20px; height:20px; position:absolute; right:30px; top:30px; cursor:pointer; background-image:url(../images/close_07.png); -webkit-transition:1s linear; transition:1s ease-in;}
.tkuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkuang .box .left{ flex:1;}
.tkuang .box .left strong{ display:block; overflow:hidden;}
.tkuang .box .left strong img{ display:block; height:50px;}
.tkuang .box .left strong img.img02{ display:none;}
.tkuang .box .left b{ display:block; font-size:24px; line-height:34px; color:#fff; margin-top:20px;}
.tkuang .box .right{ width:300px;}
.tkuang .box .right p{ display:block; float:left; width:120px; margin-left:30px;}
.tkuang .box .right p strong{ width:120px; display:block; margin:5px auto; overflow:hidden;}
.tkuang .box .right p strong img{ width:100%; display:block;}
.tkuang .box .right p span{ display:block; text-align:center; font-size:14px; line-height:24px; color:#fff; padding-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.banner{ width:100%; height:100%; max-height:56.25vw; position:relative; z-index:1;}
.banner .video{ min-width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#000;}
.banner .video video{ margin:auto; height:100%; background-color:#000; display:block;}
.banner .box{ width:100%; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); padding:80px 5%; padding-bottom:0; box-sizing:border-box; display:flex; align-items:center;}
.banner .box .wen{ width:calc(95% - 70px); padding-right:70px;}
.banner .box .wen .b01{ height:50px; width:100%; float:left;}
.banner .box .wen .b01 b{ font-size:40px; line-height:50px; display:block; float:left; color:#fff; letter-spacing:4px;}
.banner .box .wen .b01 p{ width:15px; height:3px; display:block; float:left; background-color:#fff; margin-left:10px; margin-top:43px;}
.banner .box .wen .b02{ float:left; margin-top:.78vw;}
.banner .box .wen .b02 b{ font-size:28px; line-height:38px; display:block; color:#fff; letter-spacing:3px;}
.banner .box .wen .b02 p{ display:block; width:calc(100% - 3px); height:1px; background-color:#fff; opacity:.3; margin-top:1.3vw;}
.banner .box .wen .b03{ width:100%; font-size:24px; line-height:34px; float:left; color:#fff; margin-top:2vw; letter-spacing:2px;}
.banner .box .wen .b04{ width:100%; font-size:24px; line-height:34px; float:left; color:#fff; margin-top:.78vw; opacity:.5; text-transform:uppercase;}
.banner .box .wen .b05{ width:100%; float:left; margin-top:2vw; height:49px;}
.banner .box .wen .b05 a{ cursor:pointer; width:200px; height:44px; line-height:44px; font-size:20px; border-radius:50px; text-align:center; display:block; overflow:hidden; color:#fff; background:linear-gradient(to right,#ff436e,#ff7695); letter-spacing:3px; text-indent:3px;}
.banner .box .play{ width:60px; height:60px; position:absolute; right:5%; top:50%; margin-top:10px;}
.banner .box .play img{ width:100%; cursor:pointer;}
.banner .down{ position:absolute; left:50%; margin-left:-20px; bottom:1.5625vw; z-index:5; width:40px; height:40px; border-radius:100%; cursor:pointer;}
.banner .down img{ width:12px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .down .bt-spinner{ width:36px; height:36px; border-radius:50%; background-color:transparent; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; -webkit-animation:1s spin linear infinite; animation:1s spin linear infinite;}

.tkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:9999; display:none;}
.tkuang .box{ width:640px; height:300px; padding:50px; background-color:#000; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; align-items:center;}
.tkuang .box .close{ width:20px; height:20px; position:absolute; right:20px; top:20px; cursor:pointer; background-image:url(../images/close_07.png); -webkit-transition:1s linear; transition:1s ease-in;}
.tkuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkuang .box .left{ flex:1;}
.tkuang .box .left strong{ display:block; overflow:hidden;}
.tkuang .box .left strong img{ display:block; height:50px;}
.tkuang .box .left strong img.img02{ display:none;}
.tkuang .box .left b{ display:block; font-size:24px; line-height:34px; color:#fff; margin-top:20px;}
.tkuang .box .right{ width:300px;}
.tkuang .box .right p{ display:block; float:left; width:120px; margin-left:30px;}
.tkuang .box .right p strong{ width:120px; display:block; margin:5px auto; overflow:hidden;}
.tkuang .box .right p strong img{ width:100%; display:block;}
.tkuang .box .right p span{ display:block; text-align:center; font-size:14px; line-height:24px; color:#fff; padding-top:5px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .video{ min-width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#000;}
.banner .video video{ margin:auto; height:100%; background-color:#000; display:block;}
.banner .box{ width:100%; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); padding:60px 3%; box-sizing:border-box; display:flex; align-items:center;}
.banner .box .wen{ width:100%;}
.banner .box .wen .b01{ height:36px; width:100%; float:left;}
.banner .box .wen .b01 b{ font-size:26px; line-height:36px; display:block; float:left; color:#fff;}
.banner .box .wen .b01 p{ width:10px; height:2px; display:block; float:left; background-color:#fff; margin-left:10px; margin-top:28px;}
.banner .box .wen .b02{ float:left; margin-top:5px;}
.banner .box .wen .b02 b{ font-size:20px; line-height:30px; display:block; color:#fff;}
.banner .box .wen .b02 p{ display:block; width:100%; height:1px; background-color:#fff; opacity:.3; margin-top:10px;}
.banner .box .wen .b03{ width:100%; font-size:18px; line-height:28px; float:left; color:#fff; margin-top:15px;}
.banner .box .wen .b04{ width:100%; font-size:16px; line-height:26px; float:left; color:#fff; margin-top:5px; opacity:.5; text-transform:uppercase;}
.banner .box .wen .b05{ width:100%; float:left; margin-top:20px; height:41px;}
.banner .box .wen .b05 a{ cursor:pointer; width:160px; height:36px; line-height:36px; font-size:16px; border-radius:50px; text-align:center; display:block; overflow:hidden; color:#fff; background:linear-gradient(to right,#ff436e,#ff7695); letter-spacing:3px; text-indent:3px;}
.banner .box .play{ width:40px; height:40px; position:absolute; right:3%; top:80px;}
.banner .box .play img{ width:100%; cursor:pointer;}
.banner .down{ position:absolute; left:50%; margin-left:-20px; bottom:30px; z-index:5; width:40px; height:40px; border-radius:100%; cursor:pointer;}
.banner .down img{ width:12px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .down .bt-spinner{ width:36px; height:36px; border-radius:50%; background-color:transparent; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; -webkit-animation:1s spin linear infinite; animation:1s spin linear infinite;}

.tkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; left:0; top:0; z-index:9999; display:none;}
.tkuang .box{ width:94%; max-width:340px; padding:30px 15px; box-sizing:border-box; background-color:#000; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tkuang .box .close{ width:20px; height:20px; position:absolute; right:15px; top:15px; cursor:pointer; background-image:url(../images/close_07.png); -webkit-transition:1s linear; transition:1s ease-in;}
.tkuang .box .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.tkuang .box .left{ width:100%; padding-top:5px;}
.tkuang .box .left strong{ display:block; overflow:hidden;}
.tkuang .box .left strong img{ display:block; height:30px; margin:auto;}
.tkuang .box .left strong img.img01{ display:none;}
.tkuang .box .left b{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:10px; text-align:center;}
.tkuang .box .right{ width:280px; margin:auto; margin-top:15px;}
.tkuang .box .right p{ display:block; float:left; width:120px; margin:0 10px;}
.tkuang .box .right p strong{ width:120px; display:block; margin:5px auto; overflow:hidden;}
.tkuang .box .right p strong img{ width:100%; display:block;}
.tkuang .box .right p span{ display:block; text-align:center; font-size:14px; line-height:24px; color:#fff;}
}

/*出海营销解决方案*/
@media screen and (min-width:3441px){
.abox{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.abox .title{ width:100%; position:relative; z-index:3;}
.abox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.abox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.abox .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.abox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.abox .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.abox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.abox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.abox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.abox .title .right a:hover b{ background-image:url(../images/more01.png);}
.abox .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.abox .box .item{ width:100%; margin-top:95px;}
.abox .box .item .stitle{ width:100%; min-height:45px; position:relative;}
.abox .box .item .stitle .left{ float:left; width:calc(95% - 160px);}
.abox .box .item .stitle .left .t01{ font-size:30px; line-height:40px; height:40px; font-weight:bold; float:left;}
.abox .box .item .stitle .left .t02{ font-size:24px; line-height:30px; height:35px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.abox .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.abox .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.abox .box .item .stitle .left .t03{ width:100%; float:left; margin-top:10px; font-size:18px; line-height:28px;}
.abox .box .item .stitle .right{ position:absolute; right:0; bottom:5px;}
.abox .box .item .stitle .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.abox .box .item .stitle .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.abox .box .item .stitle .right a:hover{ background-color:#16ddd7; color:#fff; border:1px solid #16ddd7;}
.abox .box .item .stitle .right a:hover b{ background-image:url(../images/more01.png);}
.abox .box .item:nth-child(2n) .stitle .right a:hover{ background-color:#ff7393; border:1px solid #ff7393;}
.abox .box .item .tu{ width:100%; margin-top:35px; position:relative;}
.abox .box .item .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox .box .item .tu .wen{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; flex-direction:column; justify-content:center; align-items:center; width:90%;}
.abox .box .item .tu .wen li{ display:block; padding:11px 30px; border-radius:50px; font-size:18px; line-height:28px; margin:.78125vw 0; text-align:center;}
.abox .box .item .tu .wen li:nth-child(1){ background-color:rgba(255,67,110,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(2){ background-color:rgba(22,221,215,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(3){ background-color:rgba(255,255,255,.9);}
.abox .box .item .tu .list{ position:absolute; top:6.25vw; left:5.2vw; display:block;}
.abox .box .item .tu .list li{ display:block; width:200px; height:50px; text-align:center; line-height:50px; border-radius:50px;  background-color:rgba(255,67,110,.9); color:#fff; font-size:18px; float:left; margin-right:1.5625vw; margin-bottom:1.5625vw;}
.abox .box .item .tu .list li:nth-child(2n+1){ clear:left; float:left;}
.abox .box .item .tu .list li:nth-child(2),.abox .box .item .tu .list li:nth-child(3){ background-color:rgba(22,221,215,.9);}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.abox{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.abox .title{ width:100%; position:relative; z-index:3;}
.abox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.abox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.abox .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.abox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.abox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.abox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.abox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.abox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.abox .title .right a:hover b{ background-image:url(../images/more01.png);}
.abox .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.abox .box .item{ width:100%; margin-top:65px;}
.abox .box .item .stitle{ width:100%; min-height:43px; position:relative;}
.abox .box .item .stitle .left{ float:left; width:calc(95% - 140px);}
.abox .box .item .stitle .left .t01{ font-size:24px; line-height:34px; height:34px; font-weight:bold; float:left;}
.abox .box .item .stitle .left .t02{ font-size:20px; line-height:26px; height:29px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.abox .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.abox .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.abox .box .item .stitle .left .t03{ width:100%; float:left; margin-top:5px; font-size:16px; line-height:26px;}
.abox .box .item .stitle .right{ position:absolute; right:0; bottom:5px;}
.abox .box .item .stitle .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.abox .box .item .stitle .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.abox .box .item .stitle .right a:hover{ background-color:#16ddd7; color:#fff; border:1px solid #16ddd7;}
.abox .box .item .stitle .right a:hover b{ background-image:url(../images/more01.png);}
.abox .box .item:nth-child(2n) .stitle .right a:hover{ background-color:#ff7393; border:1px solid #ff7393;}
.abox .box .item .tu{ width:100%; margin-top:25px; position:relative;}
.abox .box .item .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox .box .item .tu .wen{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; flex-direction:column; justify-content:center; align-items:center; width:90%;}
.abox .box .item .tu .wen li{ display:block; padding:10px 25px; border-radius:50px; font-size:16px; line-height:26px; margin:.78125vw 0; text-align:center;}
.abox .box .item .tu .wen li:nth-child(1){ background-color:rgba(255,67,110,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(2){ background-color:rgba(22,221,215,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(3){ background-color:rgba(255,255,255,.9);}
.abox .box .item .tu .list{ position:absolute; top:6.25vw; left:5.2vw; display:block;}
.abox .box .item .tu .list li{ display:block; width:180px; height:46px; text-align:center; line-height:46px; border-radius:46px;  background-color:rgba(255,67,110,.9); color:#fff; font-size:16px; float:left; margin-right:1.5625vw; margin-bottom:1.5625vw;}
.abox .box .item .tu .list li:nth-child(2n+1){ clear:left; float:left;}
.abox .box .item .tu .list li:nth-child(2),.abox .box .item .tu .list li:nth-child(3){ background-color:rgba(22,221,215,.9);}
}
@media only screen and (max-width:1023px){
.abox{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.abox .title{ width:100%; position:relative; z-index:3;}
.abox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.abox .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.abox .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.abox .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.abox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.abox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.abox .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.abox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.abox .title .right a:hover b{ background-image:url(../images/more01.png);}
.abox .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.abox .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.abox .box .item{ width:100%; margin-top:35px;}
.abox .box .item .stitle{ width:100%; position:relative;}
.abox .box .item .stitle .left{ width:100%;}
.abox .box .item .stitle .left .t01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; float:left;}
.abox .box .item .stitle .left .t02{ font-size:14px; line-height:24px; height:23px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:5px;}
.abox .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.abox .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.abox .box .item .stitle .left .t03{ width:100%; float:left; font-size:14px; line-height:24px;}
.abox .box .item .stitle .right{ width:100%; margin-top:10px;}
.abox .box .item .stitle .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.abox .box .item .stitle .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.abox .box .item .stitle .right a:hover{ background-color:#16ddd7; color:#fff; border:1px solid #16ddd7;}
.abox .box .item .stitle .right a:hover b{ background-image:url(../images/more01.png);}
.abox .box .item:nth-child(2n) .stitle .right a:hover{ background-color:#ff7393; border:1px solid #ff7393;}
.abox .box .item .tu{ width:100%; height:50vw; margin-top:20px; position:relative;}
.abox .box .item .tu img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.abox .box .item .tu .wen{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:flex; flex-direction:column; justify-content:center; align-items:center; width:90%;}
.abox .box .item .tu .wen li{ display:block; padding:5px 15px; border-radius:50px; font-size:14px; line-height:20px; margin:5px 0; text-align:center;}
.abox .box .item .tu .wen li:nth-child(1){ background-color:rgba(255,67,110,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(2){ background-color:rgba(22,221,215,.9); color:#fff;}
.abox .box .item .tu .wen li:nth-child(3){ background-color:rgba(255,255,255,.9);}
.abox .box .item .tu .list{ position:absolute; top:35px; left:5%; display:block;}
.abox .box .item .tu .list li{ display:block; width:120px; height:36px; text-align:center; line-height:36px; border-radius:46px;  background-color:rgba(255,67,110,.9); color:#fff; font-size:14px; float:left; margin-right:3vw; margin-bottom:15px;}
.abox .box .item .tu .list li:nth-child(2n+1){ clear:left; float:left;}
.abox .box .item .tu .list li:nth-child(2),.abox .box .item .tu .list li:nth-child(3){ background-color:rgba(22,221,215,.9);}
}

/*领拓跨境运营支持*/
@media screen and (min-width:3441px){
.bbox{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.bbox .title{ width:100%; position:relative; z-index:3;}
.bbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.bbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.bbox .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.bbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.bbox .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.bbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.bbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.bbox .title .right a:hover{ background-color:#ff7393; color:#fff;}
.bbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.bbox .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.bbox .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.bbox .box ul{ width:100%; display:block; overflow:hidden;}
.bbox .box ul li{ width:47.92%; height:21.87vw; display:block; float:left; margin-left:4.16%; margin-top:50px; overflow:hidden; position:relative;}
.bbox .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bbox .box ul li img{ width:100%; display:block;}
.bbox .box ul li .wen{ width:90%; height:100%; padding:0 5%; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; left:0; bottom:0; background-color:rgba(255,67,110,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box ul li .wen .t01{ font-size:30px; line-height:34px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
.bbox .box ul li .wen .t02{ width:100px; height:4px; margin-top:1vw; background-color:#fff;}
.bbox .box ul li .wen .t03{ font-size:26px; line-height:36px; color:#fff; text-align:center; margin-top:1.8vw;}
.bbox .box ul li:hover .wen{ opacity:0;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.bbox{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.bbox .title{ width:100%; position:relative; z-index:3;}
.bbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.bbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.bbox .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.bbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.bbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.bbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.bbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.bbox .title .right a:hover{ background-color:#ff7393; color:#fff;}
.bbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.bbox .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.bbox .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.bbox .box ul{ width:100%; display:block; overflow:hidden;}
.bbox .box ul li{ width:48.5%; height:24.9vw; display:block; float:left; margin-left:3%; margin-top:35px; overflow:hidden; position:relative;}
.bbox .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.bbox .box ul li img{ width:100%; display:block;}
.bbox .box ul li .wen{ width:90%; height:100%; padding:0 5%; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; left:0; bottom:0; background-color:rgba(255,67,110,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box ul li .wen .t01{ font-size:30px; line-height:34px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
.bbox .box ul li .wen .t02{ width:70px; height:3px; margin-top:1.5vw; background-color:#fff;}
.bbox .box ul li .wen .t03{ font-size:24px; line-height:34px; color:#fff; text-align:center; margin-top:1.8vw;}
.bbox .box ul li:hover .wen{ opacity:0;}
}
@media only screen and (max-width:1023px){
.bbox{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.bbox .title{ width:100%; position:relative; z-index:3;}
.bbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.bbox .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.bbox .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.bbox .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.bbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.bbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.bbox .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.bbox .title .right a:hover{ background-color:#ff7393; color:#fff;}
.bbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.bbox .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.bbox .box{ width:100%; position:relative; z-index:3;}
.bbox .box ul{ width:100%; display:block; overflow:hidden;}
.bbox .box ul li{ width:100%; height:53.64vw; display:block; margin-top:15px; overflow:hidden; position:relative;}
.bbox .box ul li img{ width:100%; display:block;}
.bbox .box ul li .wen{ width:90%; height:100%; padding:0 5%; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; left:0; bottom:0; background-color:rgba(255,67,110,.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box ul li .wen .t01{ font-size:24px; line-height:30px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
.bbox .box ul li .wen .t02{ width:40px; height:2px; margin-top:5px; background-color:#fff;}
.bbox .box ul li .wen .t03{ font-size:18px; line-height:28px; color:#fff; text-align:center; margin-top:10px;}
.bbox .box ul li:hover .wen{ opacity:0;}
}

/*领拓跨境成功案例*/
@media screen and (min-width:3441px){
.cbox{ width:80%; padding:95px 10%; padding-bottom:100px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title{ width:100%; position:relative; z-index:3;}
.cbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.cbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.cbox .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.cbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#fff; margin-top:5px;}
.cbox .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.cbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:rgba(255,255,255,.7);}
.cbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.cbox .title .right a:hover{ background-color:#16ddd7; color:#fff;}
.cbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.cbox .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.cbox .box .swiper-container{ width:100%; height:auto; padding:0 1.5vw; margin-left:-1.5vw;}
.cbox .box .swiper-slide{ width:22.225%; margin-right:3.7%; position:relative;}
.cbox .box .swiper-slide .icon{ position:absolute; left:-6%; top:1.5625vw; z-index:2;}
.cbox .box .swiper-slide .icon img{ height:68px; display:block;}
.cbox .box .swiper-slide .tu{ width:100%; height:27.19vw; display:block; overflow:hidden; position:relative; z-index:1;}
.cbox .box .swiper-slide .tu img{ width:100%; display:block;}
.cbox .box .swiper-slide .wen{ padding:25px 8%; padding-top:20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.cbox .box .swiper-slide .wen .t01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:5px;}
.cbox .box .swiper-slide .wen .t02{ font-size:16px; line-height:26px; color:#fff;}
.cbox .box .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-slide .bt{ font-size:20px; line-height:30px; font-weight:bold; height:30px; display:block; margin-top:15px; color:#fff; padding:0 8%;}
.cbox .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:45px;}
.cbox .swiper-pagination span{ width:20px; height:20px; display:block; margin:0 5px; background-image:url(../images/yn.png);}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ynh.png);}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.cbox{ width:90%; padding:65px 5%; padding-bottom:70px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title{ width:100%; position:relative; z-index:3;}
.cbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.cbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.cbox .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.cbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#fff; margin-top:4px;}
.cbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.cbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:rgba(255,255,255,.7);}
.cbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.cbox .title .right a:hover{ background-color:#16ddd7; color:#fff;}
.cbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.cbox .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.cbox .box .swiper-container{ width:100%; height:auto; padding:0 1.5vw; margin-left:-1.5vw;}
.cbox .box .swiper-slide{ width:31.33%; margin-right:3%; position:relative;}
.cbox .box .swiper-slide .icon{ position:absolute; left:-4%; top:2vw; z-index:3;}
.cbox .box .swiper-slide .icon img{ height:50px; display:block;}
.cbox .box .swiper-slide .tu{ width:100%; height:43.12vw; display:block; overflow:hidden; position:relative; z-index:1;}
.cbox .box .swiper-slide .tu img{ width:100%; display:block;}
.cbox .box .swiper-slide .wen{ padding:20px 5%; padding-top:15px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.cbox .box .swiper-slide .wen .t01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:5px;}
.cbox .box .swiper-slide .wen .t02{ font-size:16px; line-height:26px; color:#fff;}
.cbox .box .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-slide .bt{ font-size:18px; line-height:28px; font-weight:bold; height:28px; display:block; margin-top:10px; color:#fff; padding:0 5%;}
.cbox .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.cbox .swiper-pagination span{ width:20px; height:20px; display:block; margin:0 5px; background-image:url(../images/yn.png);}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ynh.png);}
}
@media only screen and (max-width:1023px){
.cbox{ width:94%; padding:35px 3%; padding-bottom:40px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.cbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.cbox .title{ width:100%; position:relative; z-index:3;}
.cbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.cbox .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.cbox .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.cbox .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.cbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.cbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:rgba(255,255,255,.7);}
.cbox .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.cbox .title .right a:hover{ background-color:#16ddd7; color:#fff;}
.cbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.cbox .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.cbox .box .swiper-container{ width:100%; height:auto; padding:0 5px; margin-left:-5px;}
.cbox .box .swiper-slide{ width:48.5%; margin-right:3%; position:relative;}
.cbox .box .swiper-slide .icon{ position:absolute; left:-5px; top:20px; z-index:3;}
.cbox .box .swiper-slide .icon img{ height:34px; display:block;}
.cbox .box .swiper-slide .tu{ width:100%; height:69.72vw; display:block; overflow:hidden; position:relative; z-index:1;}
.cbox .box .swiper-slide .tu img{ width:100%; display:block;}
.cbox .box .swiper-slide .wen{ padding:15px 5%; padding-top:10px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.cbox .box .swiper-slide .wen .t01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold; margin-top:5px;}
.cbox .box .swiper-slide .wen .t02{ font-size:14px; line-height:24px; color:#fff;}
.cbox .box .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-slide .bt{ font-size:16px; line-height:26px; font-weight:bold; height:26px; display:block; margin-top:5px; color:#fff; padding:0 10px;}
.cbox .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:15px;}
.cbox .swiper-pagination span{ width:20px; height:20px; display:block; margin:0 2px; background-image:url(../images/yn.png);}
.cbox .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/ynh.png);}
}

/*领拓跨境最新资讯*/
@media screen and (min-width:3441px){
.dbox{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.dbox .title{ width:100%; position:relative; z-index:3;}
.dbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.dbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.dbox .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.dbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.dbox .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.dbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.dbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.dbox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.dbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.dbox .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.dbox .box .list{ width:100%; border-top:1px solid #eee; display:block;}
.dbox .box .list li{ display:block; padding:15px 18px; padding-right:0; height:28px; overflow:hidden; border-bottom:1px solid #eee; background-image:url(../images/li_13.jpg); background-position:left center; background-repeat:no-repeat;}
.dbox .box .list li a{ display:block; float:left; max-width:calc(100% - 100px); font-size:14px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dbox .box .list li span{ display:block; float:right; color:#999; font-size:14px; line-height:28px; height:28px; overflow:hidden;}
.dbox .box .list li:hover{ border-bottom:1px solid #16ddd7;}
.dbox .box .list li a:hover{ color:#ff7393;}
.dbox .box .list01{ width:100%; display:block; margin-top:35px;}
.dbox .box .list01 li{ width:32%; height:18.28vw; display:block; float:left; position:relative; margin-left:2%; overflow:hidden;}
.dbox .box .list01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.dbox .box .list01 li img{ width:100%; display:block;}
.dbox .box .list01 li a{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/dbg_16.png); background-position:left bottom; background-repeat:no-repeat; background-size:auto 100%;}
.dbox .box .list01 li a .wen{ width:88%; position:absolute; left:6%; bottom:25px;}
.dbox .box .list01 li a .wen span{ display:block; overflow:hidden; font-size:14px; line-height:22px; height:22px; color:#fff;}
.dbox .box .list01 li a .wen p{ display:block; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:18px; line-height:28px; height:28px; color:#fff; margin-top:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .list01 li:hover a .wen p{ height:56px; -webkit-line-clamp:2;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.dbox{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.dbox .title{ width:100%; position:relative; z-index:3;}
.dbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.dbox .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.dbox .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.dbox .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.dbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.dbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.dbox .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.dbox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.dbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.dbox .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.dbox .box .list{ width:100%; border-top:1px solid #eee; display:block;}
.dbox .box .list li{ display:block; padding:10px 15px; padding-right:0; height:28px; overflow:hidden; border-bottom:1px solid #eee; background-image:url(../images/li_13.jpg); background-position:left center; background-repeat:no-repeat;}
.dbox .box .list li a{ display:block; float:left; max-width:calc(100% - 95px); font-size:14px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dbox .box .list li span{ display:block; float:right; color:#999; font-size:14px; line-height:28px; height:28px; overflow:hidden;}
.dbox .box .list li:hover{ border-bottom:1px solid #16ddd7;}
.dbox .box .list li a:hover{ color:#ff7393;}
.dbox .box .list01{ width:100%; display:block; margin-top:25px;}
.dbox .box .list01 li{ width:32%; height:20.57vw; display:block; float:left; position:relative; margin-left:2%; overflow:hidden;}
.dbox .box .list01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.dbox .box .list01 li img{ width:100%; display:block;}
.dbox .box .list01 li a{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/dbg_16.png); background-position:left bottom; background-repeat:no-repeat; background-size:auto 100%;}
.dbox .box .list01 li a .wen{ width:90%; position:absolute; left:5%; bottom:15px;}
.dbox .box .list01 li a .wen span{ display:block; overflow:hidden; font-size:14px; line-height:22px; height:22px; color:#fff;}
.dbox .box .list01 li a .wen p{ display:block; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:16px; line-height:26px; height:26px; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .list01 li:hover a .wen p{ height:52px; -webkit-line-clamp:2;}
}
@media only screen and (max-width:1023px){
.dbox{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.dbox .title{ width:100%; position:relative; z-index:3;}
.dbox .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.dbox .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.dbox .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.dbox .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.dbox .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.dbox .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.dbox .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.dbox .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.dbox .title .right a:hover b{ background-image:url(../images/more01.png);}
.dbox .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.dbox .box .list{ width:100%; border-top:1px solid #eee; display:block;}
.dbox .box .list li{ display:block; padding:5px 13px; padding-right:0; height:28px; overflow:hidden; border-bottom:1px solid #eee; background-image:url(../images/li_13.jpg); background-position:left center; background-repeat:no-repeat;}
.dbox .box .list li a{ display:block; float:left; max-width:calc(100% - 90px); font-size:14px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dbox .box .list li span{ display:block; float:right; color:#999; font-size:14px; line-height:28px; height:28px; overflow:hidden;}
.dbox .box .list li:hover{ border-bottom:1px solid #16ddd7;}
.dbox .box .list li a:hover{ color:#ff7393;}
.dbox .box .list01{ width:100%; display:block;}
.dbox .box .list01 li{ width:100%; height:67.14vw; display:block; float:left; position:relative; margin-top:15px; overflow:hidden;}
.dbox .box .list01 li img{ width:100%; display:block;}
.dbox .box .list01 li a{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:0; background-image:url(../images/dbg_16.png); background-position:left bottom; background-repeat:no-repeat; background-size:auto 100%;}
.dbox .box .list01 li a .wen{ width:calc(100% - 30px); position:absolute; left:15px; bottom:10px;}
.dbox .box .list01 li a .wen span{ display:block; overflow:hidden; font-size:14px; line-height:22px; height:22px; color:#fff;}
.dbox .box .list01 li a .wen p{ display:block; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:16px; line-height:26px; height:26px; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .list01 li:hover a .wen p{ height:52px; -webkit-line-clamp:2;}
}

/*领拓跨境关于我们*/
@media screen and (min-width:3441px){
.ebox{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat;}
.ebox .box{ width:100%; position:relative;}
.ebox .box .wen{ width:45.57%; float:left;}
.ebox .box .wen .title{ width:100%; position:relative; z-index:3;}
.ebox .box .wen .title .left{ position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ebox .box .wen .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ebox .box .wen .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ebox .box .wen .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ebox .box .wen .title .right{ width:100%; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ebox .box .wen .w01{ width:100%; margin-top:40px; font-weight:bold; font-size:26px; line-height:24px;}
.ebox .box .wen .w02{ width:100%; font-size:16px; line-height:30px; margin-top:18px;}
.ebox .box .wen .w03{ margin-top:53px; position:relative; z-index:3;}
.ebox .box .wen .w03 a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.ebox .box .wen .w03 b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ebox .box .wen .w03 a:hover{ background-color:#ff7393; color:#fff;}
.ebox .box .wen .w03 a:hover b{ background-image:url(../images/more01.png);}
.ebox .box .tu{ margin-left:calc(13.1525% - 110px); width:28.125%; float:left; margin-bottom:-100px;}
.ebox .box .tu img{ width:100%; display:block;}
.ebox .box .list{ width:220px; position:absolute; right:0; bottom:-5px;}
.ebox .box .list li{ display:block; overflow:hidden; margin-top:40px;}
.ebox .box .list li strong{ display:block; overflow:hidden;}
.ebox .box .list li strong p{ display:block; float:left; font-size:48px; line-height:48px; color:#ff436e;}
.ebox .box .list li strong b{ display:block; float:left; font-size:16px; line-height:26px; color:#333; margin-left:7px;}
.ebox .box .list li strong span{ display:block; float:left; font-size:24px; line-height:24px; color:#ff436e; margin-left:5px;}
.ebox .box .list li a{ display:block; overflow:hidden; font-size:16px; line-height:26px;}
.ebox .box .list li:nth-child(2n) strong p,.ebox .box .list li:nth-child(2n) strong span{ color:#16ddd7;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ebox{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ebox .box{ width:100%; position:relative;}
.ebox .box .wen{ width:46%; float:left;}
.ebox .box .wen .title{ width:100%; position:relative; z-index:3;}
.ebox .box .wen .title .left{ position:relative; font-weight:bold; width:100%; z-index:3;}
.ebox .box .wen .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ebox .box .wen .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ebox .box .wen .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ebox .box .wen .title .right{ width:100%; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ebox .box .wen .w01{ width:100%; margin-top:25px; font-weight:bold; font-size:24px; line-height:34px;}
.ebox .box .wen .w02{ width:100%; font-size:15px; line-height:25px; margin-top:10px; max-height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.ebox .box .wen .w03{ float:left; margin-top:32px; position:relative; z-index:3;}
.ebox .box .wen .w03 a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ebox .box .wen .w03 b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ebox .box .wen .w03 a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ebox .box .wen .w03 a:hover b{ background-image:url(../images/more01.png);}
.ebox .box .tu{ margin-left:calc(13% - 90px); width:28%; position:absolute; left:45.57%; bottom:-70px;}
.ebox .box .tu img{ width:100%; display:block;}
.ebox .box .list{ width:180px; position:absolute; right:0; bottom:-5px;}
.ebox .box .list li{ display:block; overflow:hidden; margin-top:25px;}
.ebox .box .list li strong{ display:block; overflow:hidden;}
.ebox .box .list li strong p{ display:block; float:left; font-size:38px; line-height:38px; color:#ff436e;}
.ebox .box .list li strong b{ display:block; float:left; font-size:14px; line-height:24px; color:#333; margin-left:5px;}
.ebox .box .list li strong span{ display:block; float:left; font-size:20px; line-height:20px; color:#ff436e; margin-left:3px;}
.ebox .box .list li a{ display:block; overflow:hidden; font-size:15px; line-height:25px;}
.ebox .box .list li:nth-child(2n) strong p,.ebox .box .list li:nth-child(2n) strong span{ color:#16ddd7;}
}
@media only screen and (max-width:1023px){
.ebox{ width:94%; padding:35px 3%; padding-bottom:0; background-color:#fff; position:relative; z-index:1;}
.ebox .box{ width:100%; position:relative;}
.ebox .box .wen{ width:100%; float:left;}
.ebox .box .wen .title{ width:100%; position:relative; z-index:3;}
.ebox .box .wen .title .left{ float:left; position:relative; font-weight:bold; width:100%; z-index:1;}
.ebox .box .wen .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ebox .box .wen .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ebox .box .wen .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ebox .box .wen .title .right{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ebox .box .wen .w01{ width:100%; margin-top:10px; font-weight:bold; font-size:18px; line-height:28px;}
.ebox .box .wen .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px; max-height:192px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.ebox .box .wen .w03{ float:left; margin-top:15px; position:relative; z-index:3;}
.ebox .box .wen .w03 a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ebox .box .wen .w03 b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ebox .box .wen .w03 a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ebox .box .wen .w03 a:hover b{ background-image:url(../images/more01.png);}
.ebox .box .tu{ width:calc(95% - 180px); float:left; margin-top:20px;}
.ebox .box .tu img{ width:100%; display:block;}
.ebox .box .list{ width:180px; position:absolute; right:0; bottom:35px;}
.ebox .box .list li{ display:block; overflow:hidden; margin-top:10px;}
.ebox .box .list li strong{ display:block; overflow:hidden;}
.ebox .box .list li strong p{ display:block; float:left; font-size:28px; line-height:28px; color:#ff436e;}
.ebox .box .list li strong b{ display:block; float:left; font-size:14px; line-height:24px; color:#333; margin-left:3px;}
.ebox .box .list li strong span{ display:block; float:left; font-size:18px; line-height:18px; color:#ff436e;}
.ebox .box .list li a{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.ebox .box .list li:nth-child(2n) strong p,.ebox .box .list li:nth-child(2n) strong span{ color:#16ddd7;}
}

/*footer*/
@media screen and (min-width:3441px){
.footer{ width:80%; padding:70px 10%; padding-bottom:65px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:43%; float:left; margin-right:3%;}
.footer .left .f01{ height:60px;}
.footer .left .f01 img{ height:60px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:30px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:30px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:17px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:54%; float:right;}
.footer .right .f01{ float:right; height:60px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.footer .right .f01 a{ display:block; float:left; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:2.5vw;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(100% - 300px); display:block; margin-top:20px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right; margin-top:20px;}
.footer .right .f03 dt{ display:block; width:120px; float:left; margin-left:30px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.footer{ width:90%; padding:50px 5%; padding-bottom:45px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:43%; float:left; margin-right:3%;}
.footer .left .f01{ height:60px;}
.footer .left .f01 img{ height:60px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:20px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:1.5vw; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:54%; float:right;}
.footer .right .f01{ float:right; margin-bottom:15px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.footer .right .f01 a{ display:block; float:left; margin-left:; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:2vw;}
.footer .right .f01 a:hover{ color:#fff;}
.footer .right .f02{ clear:right; float:left; width:calc(100% - 240px); display:block; margin-top:10px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:10px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right; margin-top:10px;}
.footer .right .f03 dt{ display:block; width:100px; float:left; margin-left:20px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:30px 3%; padding-bottom:25px; background-color:#333; position:relative; z-index:1;}
.footer .left{width:calc(100% - 85px);}
.footer .left .f01{ display:none;}
.footer .left .f02{ width:100%; height:36px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; margin-top:15px;}
.footer .left .f02 select{ height:34px; line-height:34px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:9px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:9px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:5px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:15px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:10px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; font-size:14px; line-height:20px; color:#ccc; margin-bottom:2px;}
.footer .left .f04 a{ display:block; font-size:14px; line-height:20px; margin-bottom:2px; color:#ccc;}
.footer .right{ width:100%; overflow:visible; position:relative;}
.footer .right .f01{ display:none;}
.footer .right .f02{ width:100%; margin-right:3%; display:block;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:5px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:5px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ width:70px; display:block; position:absolute; right:0; top:90%;}
.footer .right .f03 dt{ display:block; margin-bottom:10px;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:5px;}
}

/*右侧浮动*/
@media screen and (min-width:3441px){
.onFixed{ position:fixed; right:12px; bottom:10%; z-index:910;}
.onFixed li{ position:relative; margin-top:20px;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:50px; height:50px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:6px; padding-right:15px; line-height:38px; white-space:nowrap; color:#ff436e; font-size:16px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s; box-shadow:0 0 10px rgba(0,0,0,.1);}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:14px; width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#fff; padding:0 16px; border-radius:5px; color:#ff436e;}
.onFixed li .onCon img{ width:120px; border:10px solid #fff; border-radius:5px;}
.onFixed li a:hover .icon{ background-color:#ff436e;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
.botBg{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.onFixed{ position:fixed; right:10px; bottom:10%; z-index:910;}
.onFixed li{ position:relative; margin-top:15px;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:44px; height:44px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s; background-size:100% 100%;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:5px; padding-right:15px; line-height:34px; white-space:nowrap; color:#ff436e; font-size:14px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s; box-shadow:0 0 10px rgba(0,0,0,.1);}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:12px; width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#fff; padding:0 14px; border-radius:5px; color:#ff436e;}
.onFixed li .onCon img{ width:100px; border:6px solid #fff; border-radius:5px;}
.onFixed li a:hover .icon{ background-color:#ff436e;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
.botBg{ display:none;}
}
@media only screen and (max-width:1023px){
.onFixed{ position:fixed; right:5px; bottom:10%; z-index:910;}
.onFixed li{ position:relative; margin-top:10px;}
.onFixed li a{ display:block; cursor:pointer;}
.onFixed li a .icon{ display:block; width:36px; height:36px; border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.04); background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; transition:all .3s; background-size:100% 100%;}
.onFixed li a .icon-online-tel{ background-image:url(../images/icon_online_1.png);}
.onFixed li a .icon-online-email{ background-image:url(../images/icon_online_2.png);}
.onFixed li a .icon-online-wx{ background-image:url(../images/icon_online_3.png);}
.onFixed li a .icon-online-kefu{ background-image:url(../images/icon_online_4.png);}
.onFixed li a .icon-online-top{ background-image:url(../images/icon_online_5.png);}
.onFixed li .onCon{ position:absolute; right:100%; top:3px; padding-right:15px; line-height:30px; white-space:nowrap; color:#ff436e; font-size:14px; opacity:0; visibility:hidden; transform:translateX(-5px); transition:all .3s; box-shadow:0 0 10px rgba(0,0,0,.1);}
.onFixed li .onCon::before{ display:block; content:""; position:absolute; right:10px; top:10px; width:0; height:0; border-left:5px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.onFixed li .onCon p{ background-color:#fff; padding:0 10px; border-radius:3px; color:#ff436e;}
.onFixed li .onCon img{ width:80px; border:4px solid #fff; border-radius:3px;}
.onFixed li a:hover .icon{ background-color:#ff436e;}
.onFixed li a:hover .icon-online-tel{ background-image:url(../images/icon_online_1_hover.png);}
.onFixed li a:hover .icon-online-email{ background-image:url(../images/icon_online_2_hover.png);}
.onFixed li a:hover .icon-online-wx{ background-image:url(../images/icon_online_3_hover.png);}
.onFixed li a:hover .icon-online-kefu{ background-image:url(../images/icon_online_4_hover.png);}
.onFixed li a:hover .icon-online-top{ background-image:url(../images/icon_online_5_hover.png);}
.onFixed li a:hover .onCon{ opacity:1; visibility:visible; transform:translateX(0);}
}

/*内页*/
@media screen and (min-width:3441px){
.banner .box .wen .b06{ width:80%; font-size:26px; line-height:36px; float:left; color:#fff; margin-top:1.3vw; letter-spacing:4px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.banner .box .wen .b06{ width:80%; font-size:20px; line-height:30px; float:left; color:#fff; margin-top:1.3vw; letter-spacing:4px;}
}
@media only screen and (max-width:1023px){
.banner .box .wen .b06{ width:100%; font-size:16px; line-height:26px; float:left; color:#fff; margin-top:5px;}
}

/*出海营销-广告投放*/
@media screen and (min-width:3441px){
.ab01{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab01 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab01 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.ab01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab01 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:45px; display:flex; align-items:center;}
.ab01 .box .stitle{ width:45%; margin-right:5%;}
.ab01 .box .stitle .t01{ font-size:24px; line-height:34px; font-weight:bold; }
.ab01 .box .stitle .t02{ font-size:22px; line-height:28px; color:#ccc; margin-top:10px; position:relative;}
.ab01 .box .stitle .t02 b{ width:40px; height:2px; display:block; margin-top:20px; background-color:#ff7393; overflow:hidden;}
.ab01 .box .stitle .t03{ width:100%; margin-top:25px; font-size:18px; line-height:28px;}
.ab01 .box .tu{ width:50%;}
.ab01 .box .tu img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab01{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab01 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ab01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab01 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:35px; display:flex; align-items:center;}
.ab01 .box .stitle{ width:47%; margin-right:3%;}
.ab01 .box .stitle .t01{ font-size:22px; line-height:32px; font-weight:bold;}
.ab01 .box .stitle .t02{ font-size:20px; line-height:26px; color:#ccc; margin-top:5px; position:relative;}
.ab01 .box .stitle .t02 b{ width:30px; height:2px; display:block; margin-top:15px; background-color:#ff7393; overflow:hidden;}
.ab01 .box .stitle .t03{ width:100%; margin-top:20px; font-size:16px; line-height:26px;}
.ab01 .box .tu{ width:50%;}
.ab01 .box .tu img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab01{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ width:100%; position:relative; z-index:3;}
.ab01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab01 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab01 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab01 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ab01 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab01 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.ab01 .box .stitle{ width:100%; position:relative;}
.ab01 .box .stitle .t01{ font-size:18px; line-height:28px; font-weight:bold;}
.ab01 .box .stitle .t02{ font-size:14px; line-height:24px; color:#ccc; position:relative;}
.ab01 .box .stitle .t02 b{ width:20px; height:2px; display:block; margin-top:5px; background-color:#ff7393; overflow:hidden;}
.ab01 .box .stitle .t03{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.ab01 .box .tu{ width:100%; margin-top:15px;}
.ab01 .box .tu img{ width:100%; display:block;}
}

@media screen and (min-width:3441px){
.ab02{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .title{ width:100%; position:relative; z-index:3;}
.ab02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab02 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab02 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.ab02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab02 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:45px; display:flex;}
.ab02 .box .left{ width:70%; margin-right:5%; margin-top:-30px; display:flex; flex-wrap:wrap;}
.ab02 .box .left li{ width:48.5%; display:block; float:left; position:relative; background-color:#fff; margin-top:30px; margin-left:3%; padding:30px; box-sizing:border-box;}
.ab02 .box .left li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li:nth-child(1){ width:37%;}
.ab02 .box .left li:nth-child(2){ width:60%;}
.ab02 .box .left li .t01{ width:60px; height:4px; position:absolute; left:30px; top:-2px; background-color:#16ddd7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .left li:hover .t01{ width:calc(100% - 60px);}
.ab02 .box .left li .t02{ font-size:24px; line-height:34px; font-weight:bold;}
.ab02 .box .left li .t03{ font-size:20px; line-height:30px; color:#999; margin-top:5px;}
.ab02 .box .left li .t04{ font-size:18px; line-height:28px; color:#333; margin-top:15px;}
.ab02 .box .left li .t05{ width:100%; padding-top:5px;}
.ab02 .box .left li .t05 p{ display:block; float:left; width:48.5%; margin-left:3%; margin-top:10px; font-size:16px; line-height:26px;}
.ab02 .box .left li .t05 p img{ height:26px; display:block; float:left; margin-right:10px;}
.ab02 .box .left li .t05 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06{ width:100%; margin-top:15px;}
.ab02 .box .left li .t06 p{ display:block; font-size:18px; line-height:28px; width:48.5%; margin-left:3%; float:left;}
.ab02 .box .left li .t06 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06 p b{ width:8px; height:8px; border-radius:100%; float:left; margin:10px; margin-left:0; overflow:hidden; background-color:#16ddd7;}
.ab02 .box .right{ width:25%; background-color:#ff7393; display:flex; align-items:center; position:relative;}
.ab02 .box .right ul{ display:block; overflow:hidden; width:100%;}
.ab02 .box .right ul li{ padding:25px 0;}
.ab02 .box .right ul li a{ display:block; color:#fff; font-size:20px; line-height:30px; text-align:center;}
.ab02 .box .right ul li a span{ font-size:48px; margin-right:10px;}
.ab02 .box .right ul li p{ text-align:center; font-size:18px; line-height:28px; color:#fff; margin-top:10px;}
.ab02 .box .right>div{ font-size:16px; line-height:26px; position:absolute; right:15px; bottom:30px; color:#fff; opacity:.5;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab02{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .title{ width:100%; position:relative; z-index:3;}
.ab02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab02 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.ab02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab02 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:30px; display:flex;}
.ab02 .box .left{ width:72%; margin-right:3%; margin-top:-25px; display:flex; flex-wrap:wrap;}
.ab02 .box .left li{ width:48.5%; display:block; float:left; position:relative; background-color:#fff; margin-top:25px; margin-left:3%; padding:20px; box-sizing:border-box;}
.ab02 .box .left li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li:nth-child(1){ width:37%;}
.ab02 .box .left li:nth-child(2){ width:60%;}
.ab02 .box .left li .t01{ width:50px; height:4px; position:absolute; left:20px; top:-2px; background-color:#16ddd7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .left li:hover .t01{ width:calc(100% - 40px);}
.ab02 .box .left li .t02{ font-size:22px; line-height:32px; font-weight:bold;}
.ab02 .box .left li .t03{ font-size:18px; line-height:28px; color:#999; margin-top:5px;}
.ab02 .box .left li .t04{ font-size:16px; line-height:26px; color:#333; margin-top:10px;}
.ab02 .box .left li .t05{ width:100%;}
.ab02 .box .left li .t05 p{ display:block; float:left; width:48.5%; margin-left:3%; margin-top:10px; font-size:14px; line-height:24px;}
.ab02 .box .left li .t05 p img{ height:20px; display:block; float:left; margin:2px 0; margin-right:8px;}
.ab02 .box .left li .t05 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06{ width:100%; margin-top:15px;}
.ab02 .box .left li .t06 p{ display:block; font-size:16px; line-height:26px; width:48.5%; margin-left:3%; float:left;}
.ab02 .box .left li .t06 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06 p b{ width:6px; height:6px; border-radius:100%; float:left; margin:10px 5px; margin-left:0; overflow:hidden; background-color:#16ddd7;}
.ab02 .box .right{ width:25%; background-color:#ff7393; display:flex; align-items:center; position:relative;}
.ab02 .box .right ul{ display:block; overflow:hidden; width:100%;}
.ab02 .box .right ul li{ padding:25px 0;}
.ab02 .box .right ul li a{ display:block; color:#fff; font-size:18px; line-height:28px; text-align:center;}
.ab02 .box .right ul li a span{ font-size:38px; margin-right:8px;}
.ab02 .box .right ul li p{ text-align:center; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.ab02 .box .right>div{ font-size:14px; line-height:24px; position:absolute; right:15px; bottom:20px; color:#fff; opacity:.5;}
}
@media only screen and (max-width:1023px){
.ab02{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .title{ width:100%; position:relative; z-index:3;}
.ab02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab02 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab02 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab02 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.ab02 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab02 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab02 .box{ width:100%; position:relative; z-index:3;}
.ab02 .box .left{ width:100%;}
.ab02 .box .left li{ width:100%; display:block; position:relative; background-color:#fff; margin-top:15px; padding:15px; box-sizing:border-box;}
.ab02 .box .left li .t01{ width:40px; height:4px; position:absolute; left:15px; top:-2px; background-color:#16ddd7; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab02 .box .left li:hover .t01{ width:calc(100% - 30px);}
.ab02 .box .left li .t02{ font-size:18px; line-height:28px; font-weight:bold;}
.ab02 .box .left li .t03{ font-size:16px; line-height:26px; color:#999;}
.ab02 .box .left li .t04{ font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ab02 .box .left li .t05{ width:100%;}
.ab02 .box .left li .t05 p{ display:block; float:left; width:48.5%; margin-left:3%; margin-top:5px; font-size:14px; line-height:24px;}
.ab02 .box .left li .t05 p img{ height:14px; display:block; float:left; margin:5px; margin-left:0;}
.ab02 .box .left li .t05 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06{ width:100%; margin-top:5px;}
.ab02 .box .left li .t06 p{ display:block; font-size:14px; line-height:24px; width:48.5%; margin-left:3%; float:left;}
.ab02 .box .left li .t06 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .left li .t06 p b{ width:6px; height:6px; border-radius:100%; float:left; margin:9px 5px; margin-left:0; overflow:hidden; background-color:#16ddd7;}
.ab02 .box .right{ width:100%; margin-top:20px; background-color:#ff7393; display:flex; align-items:center; justify-content:center; position:relative; padding-top:25px; padding-bottom:42px;}
.ab02 .box .right ul{ display:block; overflow:hidden;}
.ab02 .box .right ul li{ padding:0 10px; float:left; display:block;}
.ab02 .box .right ul li a{ display:block; color:#fff; font-size:14px; line-height:24px; text-align:center;}
.ab02 .box .right ul li a span{ font-size:28px; margin-right:5px;}
.ab02 .box .right ul li p{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
.ab02 .box .right>div{ font-size:12px; line-height:22px; position:absolute; right:15px; bottom:10px; color:#fff; opacity:.5;}
}

@media screen and (min-width:3441px){
.ab03{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.ab03 .title{ width:100%; position:relative; z-index:3;}
.ab03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab03 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab03 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.ab03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab03 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab03 .box .item{ width:100%; margin-top:65px;}
.ab03 .box .item .stitle{ width:100%; min-height:45px; position:relative;}
.ab03 .box .item .stitle .left{ float:left; width:100%;}
.ab03 .box .item .stitle .left .t01{ font-size:30px; line-height:40px; height:40px; font-weight:bold; float:left;}
.ab03 .box .item .stitle .left .t02{ font-size:24px; line-height:30px; height:35px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.ab03 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.ab03 .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.ab03 .box .item .stitle .left .t03{ width:100%; float:left; margin-top:10px; font-size:18px; line-height:28px;}
.ab03 .box .item .tu{ width:100%; margin-top:35px; position:relative;}
.ab03 .box .item .tu img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab03{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab03 .title{ width:100%; position:relative; z-index:3;}
.ab03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab03 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ab03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab03 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab03 .box .item{ width:100%; margin-top:45px;}
.ab03 .box .item .stitle{ width:100%; min-height:43px; position:relative;}
.ab03 .box .item .stitle .left{ float:left; width:100%;}
.ab03 .box .item .stitle .left .t01{ font-size:24px; line-height:34px; height:34px; font-weight:bold; float:left;}
.ab03 .box .item .stitle .left .t02{ font-size:20px; line-height:26px; height:29px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.ab03 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.ab03 .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.ab03 .box .item .stitle .left .t03{ width:100%; float:left; margin-top:5px; font-size:16px; line-height:26px;}
.ab03 .box .item .tu{ width:100%; margin-top:25px; position:relative;}
.ab03 .box .item .tu img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ab03{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.ab03 .title{ width:100%; position:relative; z-index:3;}
.ab03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab03 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab03 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab03 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ab03 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab03 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab03 .box .item{ width:100%; margin-top:25px;}
.ab03 .box .item .stitle{ width:100%; position:relative;}
.ab03 .box .item .stitle .left{ width:100%;}
.ab03 .box .item .stitle .left .t01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; float:left;}
.ab03 .box .item .stitle .left .t02{ font-size:14px; line-height:24px; height:23px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:5px;}
.ab03 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.ab03 .box .item:nth-child(2n) .stitle .left .t02 b{ background-color:#16ddd7;}
.ab03 .box .item .stitle .left .t03{ width:100%; float:left; font-size:14px; line-height:24px;}
.ab03 .box .item .tu{ width:100%; height:50vw; margin-top:15px; position:relative;}
.ab03 .box .item .tu img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:block;}
}

.dbox.ab04{ background-color:#f7f7f7;}
.dbox.ab04 .box .list{ border-top:1px solid #ddd;}
.dbox.ab04 .box .list li{ border-bottom:1px solid #ddd;}
@media screen and (min-width:3441px){
.dbox.ab04 .title .right a{ width:160px; height:40px; line-height:40px; background-color:#fff; border:none;}
.dbox.ab04 .title .right a:hover{ border:none;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.dbox.ab04 .title .right a{ width:140px; height:38px; line-height:38px; background-color:#fff; border:none;}
.dbox.ab04 .title .right a:hover{ border:none;}
}
@media only screen and (max-width:1023px){
.dbox.ab04 .title .right a{ width:110px; height:32px; line-height:32px; background-color:#fff; border:none;}
.dbox.ab04 .title .right a:hover{ border:none;}
}

/*托管代运营*/
@media screen and (min-width:3441px){
.ab05{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.ab05 .title{ width:100%; position:relative; z-index:3;}
.ab05 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab05 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab05 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab05 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab05 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab05 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.ab05 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab05 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab05 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab05 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab05 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab05 .box ul{ display:flex; flex-wrap:wrap; overflow:hidden; width:100%;}
.ab05 .box ul li{ width:22.75%; margin-left:3%; padding:45px 30px; background-color:#f7f7f7; box-sizing:border-box; margin-top:50px;}
.ab05 .box ul li:nth-child(4n+1){ margin-left:0;}
.ab05 .box ul li .t01{ width:120px; height:120px; margin:5px auto; background-color:#fff; border-radius:100%; overflow:hidden;}
.ab05 .box ul li .t01 img{ display:block; height:60px; margin:30px auto;}
.ab05 .box ul li .t01 img.img02{ display:none;}
.ab05 .box ul li .t02{ font-size:24px; line-height:34px; font-weight:bold; text-align:center; margin-top:15px;}
.ab05 .box ul li .t03{ font-size:18px; line-height:28px; text-align:center; margin-top:10px; color:#666;}
.ab05 .box ul li:hover{ background-color:#ff7393;}
.ab05 .box ul li:nth-child(2n):hover{ background-color:#16ddd7;}
.ab05 .box ul li:hover .t02,.ab05 .box ul li:hover .t03{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab05{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.ab05 .title{ width:100%; position:relative; z-index:3;}
.ab05 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab05 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab05 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab05 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab05 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab05 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ab05 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab05 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab05 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab05 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab05 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab05 .box ul{ display:flex; flex-wrap:wrap; overflow:hidden; width:100%;}
.ab05 .box ul li{ width:23.5%; margin-left:2%; padding:35px 20px; background-color:#f7f7f7; box-sizing:border-box; margin-top:35px;}
.ab05 .box ul li:nth-child(4n+1){ margin-left:0;}
.ab05 .box ul li .t01{ width:90px; height:90px; margin:5px auto; background-color:#fff; border-radius:100%; overflow:hidden;}
.ab05 .box ul li .t01 img{ display:block; height:40px; margin:25px auto;}
.ab05 .box ul li .t01 img.img02{ display:none;}
.ab05 .box ul li .t02{ font-size:22px; line-height:32px; font-weight:bold; text-align:center; margin-top:15px;}
.ab05 .box ul li .t03{ font-size:16px; line-height:26px; text-align:center; margin-top:5px; color:#666;}
.ab05 .box ul li:hover{ background-color:#ff7393;}
.ab05 .box ul li:nth-child(2n):hover{ background-color:#16ddd7;}
.ab05 .box ul li:hover .t02,.ab05 .box ul li:hover .t03{ color:#fff;}
}
@media only screen and (max-width:1023px){
.ab05{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.ab05 .title{ width:100%; position:relative; z-index:3;}
.ab05 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab05 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab05 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab05 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab05 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab05 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ab05 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab05 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab05 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab05 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab05 .box{ width:100%; position:relative; z-index:3;}
.ab05 .box ul{ display:flex; flex-wrap:wrap; overflow:hidden; width:100%;}
.ab05 .box ul li{ width:48.5%; margin-left:3%; padding:25px 15px; background-color:#f7f7f7; box-sizing:border-box; margin-top:15px;}
.ab05 .box ul li:nth-child(2n+1){ margin-left:0;}
.ab05 .box ul li .t01{ width:70px; height:70px; margin:5px auto; background-color:#fff; border-radius:100%; overflow:hidden;}
.ab05 .box ul li .t01 img{ display:block; height:30px; margin:20px auto;}
.ab05 .box ul li .t01 img.img02{ display:none;}
.ab05 .box ul li .t02{ font-size:18px; line-height:28px; font-weight:bold; text-align:center; margin-top:10px;}
.ab05 .box ul li .t03{ font-size:14px; line-height:24px; text-align:center; color:#666;}
.ab05 .box ul li:hover{ background-color:#ff7393;}
.ab05 .box ul li:nth-child(2n):hover{ background-color:#16ddd7;}
.ab05 .box ul li:hover .t02,.ab05 .box ul li:hover .t03{ color:#fff;}
}

/*达人合作*/
@media screen and (min-width:3441px){
.ab06{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.ab06 .title{ width:100%; position:relative; z-index:3;}
.ab06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab06 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab06 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab06 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab06 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.ab06 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab06 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab06 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab06 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab06 .box ul{ overflow:hidden; width:100%;}
.ab06 .box ul li{ width:31.33%; margin-left:3%; float:left; overflow:hidden; position:relative; margin-top:50px;}
.ab06 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab06 .box ul li .tu{ width:100%; position:relative;}
.ab06 .box ul li .tu img{ width:100%; display:block;}
.ab06 .box ul li .wen{ padding:15px 30px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(255,67,110,.7); display:flex; flex-direction:column; justify-content:center; height:58px;}
.ab06 .box ul li .t02{ font-size:18px; line-height:28px; height:28px; color:#fff; width:100%;}
.ab06 .box ul li:hover .wen{ height:100%;}
.ab06 .box ul li:hover .wen .t02{ height:auto;}
.ab06 .box ul li .t01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:15px; width:100%;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab06{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.ab06 .title{ width:100%; position:relative; z-index:3;}
.ab06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab06 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab06 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab06 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab06 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ab06 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab06 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab06 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab06 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.ab06 .box ul{ overflow:hidden; width:100%;}
.ab06 .box ul li{ width:32%; margin-left:2%; float:left; overflow:hidden; position:relative; margin-top:35px;}
.ab06 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab06 .box ul li .tu{ width:100%; position:relative;}
.ab06 .box ul li .tu img{ width:100%; display:block;}
.ab06 .box ul li .wen{ padding:10px 20px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(255,67,110,.7); display:flex; flex-direction:column; justify-content:center; height:46px;}
.ab06 .box ul li .wen .t02{ font-size:16px; line-height:26px; height:26px; color:#fff; width:100%;}
.ab06 .box ul li:hover .wen{ height:100%;}
.ab06 .box ul li:hover .wen .t02{ height:auto;}
.ab06 .box ul li .t01{ font-size:22px; line-height:32px; font-weight:bold; margin-top:10px; width:100%;}
}
@media only screen and (max-width:1023px){
.ab06{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.ab06 .title{ width:100%; position:relative; z-index:3;}
.ab06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab06 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab06 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab06 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab06 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ab06 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab06 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab06 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab06 .box{ width:100%; position:relative; z-index:3;}
.ab06 .box ul{ overflow:hidden; width:100%;}
.ab06 .box ul li{ width:100%; display:block; position:relative; margin-top:15px;}
.ab06 .box ul li .tu{ width:100%; position:relative;}
.ab06 .box ul li .tu img{ width:100%; display:block;}
.ab06 .box ul li .wen{ padding:8px 15px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; background-color:rgba(255,67,110,.7); display:flex; flex-direction:column; justify-content:center; height:40px;}
.ab06 .box ul li .wen .t02{ font-size:14px; line-height:24px; height:24px; color:#fff; width:100%;}
.ab06 .box ul li:hover .wen{ height:100%;}
.ab06 .box ul li:hover .wen .t02{ height:auto; margin-top:5px;}
.ab06 .box ul li .t01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:5px; width:100%;}
}

@media screen and (min-width:3441px){
.ab07{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab07 .title{ width:100%; position:relative; z-index:3;}
.ab07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab07 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab07 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab07 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab07 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.ab07 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab07 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab07 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab07 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.ab07 .box .line{ width:100%; height:1px; background-color:#ddd; margin:30px 0;}
.ab07 .box dl{ width:100%; display:flex; flex-wrap:wrap;}
.ab07 .box dl dt{ width:25%; margin-right:8.33%; display:block; background-color:#fff; position:relative; padding:25px 30px; box-sizing:border-box; border-radius:15px;}
.ab07 .box dl dt:last-child{ margin-right:0;}
.ab07 .box dl dd{ width:25%; margin-left:8.33%; display:block; background-color:#fff; position:relative; padding:25px 30px; box-sizing:border-box; border-radius:15px;}
.ab07 .box dl dd:nth-child(1){ margin-left:8.34%;}
.ab07 .box dl .t01{ color:#ff7393; opacity:.5; font-size:40px; line-height:40px; position:relative; z-index:1; font-weight:bold;}
.ab07 .box dl .t02{ font-size:24px; line-height:34px; font-weight:bold; position:relative; z-index:3; margin-top:-20px;}
.ab07 .box dl .t03{ font-size:18px; line-height:28px; margin-top:10px;}
.ab07 .box dl dt .t04{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:30px; top:100%;}
.ab07 .box dl dt .t05{ width:10px; height:10px; background-color:#ff7393; border-radius:100%; position:absolute; left:35px; top:100%; margin-top:26px;}
.ab07 .box dl dd .t04{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:30px; top:-10px;}
.ab07 .box dl dd .t05{ width:10px; height:10px; background-color:#16ddd7; border-radius:100%; position:absolute; left:35px; top:-35px;}
.ab07 .box dl dd .t01{ color:#16ddd7;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab07{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab07 .title{ width:100%; position:relative; z-index:3;}
.ab07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab07 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab07 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab07 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab07 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.ab07 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab07 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab07 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab07 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.ab07 .box .line{ width:100%; height:1px; background-color:#ddd; margin:30px 0;}
.ab07 .box dl{ width:100%; display:flex; flex-wrap:wrap;}
.ab07 .box dl dt{ width:30%; margin-right:3.33%; display:block; background-color:#fff; position:relative; padding:15px 20px; box-sizing:border-box; border-radius:10px;}
.ab07 .box dl dt:last-child{ margin-right:0;}
.ab07 .box dl dd{ width:30%; margin-left:3.33%; display:block; background-color:#fff; position:relative; padding:15px 20px; box-sizing:border-box; border-radius:10px;}
.ab07 .box dl dd:nth-child(1){ margin-left:3.34%;}
.ab07 .box dl .t01{ color:#ff7393; opacity:.5; font-size:30px; line-height:30px; position:relative; z-index:1; font-weight:bold;}
.ab07 .box dl .t02{ font-size:22px; line-height:32px; font-weight:bold; position:relative; z-index:3; margin-top:-15px;}
.ab07 .box dl .t03{ font-size:16px; line-height:26px; margin-top:5px;}
.ab07 .box dl dt .t04{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:30px; top:100%;}
.ab07 .box dl dt .t05{ width:10px; height:10px; background-color:#ff7393; border-radius:100%; position:absolute; left:35px; top:100%; margin-top:26px;}
.ab07 .box dl dd .t04{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:30px; top:-10px;}
.ab07 .box dl dd .t05{ width:10px; height:10px; background-color:#16ddd7; border-radius:100%; position:absolute; left:35px; top:-35px;}
.ab07 .box dl dd .t01{ color:#16ddd7;}
}
@media only screen and (max-width:1023px){
.ab07{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab07 .title{ width:100%; position:relative; z-index:3;}
.ab07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab07 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab07 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab07 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab07 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.ab07 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab07 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab07 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab07 .box{ width:100%; position:relative; z-index:3; display:flex; margin-top:15px;}
.ab07 .box .line{ width:1px; background-color:#ddd; margin:0 15px;}
.ab07 .box dl{ flex:1; display:block;}
.ab07 .box dl dt{ width:100%; margin-bottom:15px; display:block; background-color:#fff; position:relative; padding:10px; box-sizing:border-box; border-radius:5px;}
.ab07 .box dl dd{ width:100%; margin-top:15px; display:block; background-color:#fff; position:relative; padding:10px; box-sizing:border-box; border-radius:5px;}
.ab07 .box dl .t01{ color:#ff7393; opacity:.5; font-size:20px; line-height:20px; position:relative; z-index:1; font-weight:bold;}
.ab07 .box dl .t02{ font-size:18px; line-height:28px; font-weight:bold; position:relative; z-index:3;}
.ab07 .box dl .t03{ font-size:14px; line-height:24px;}
.ab07 .box dl dt .t04{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fff; position:absolute; right:-5px; top:15px;}
.ab07 .box dl dt .t05{ width:10px; height:10px; background-color:#ff7393; border-radius:100%; position:absolute; right:-20px; top:15px;}
.ab07 .box dl dd .t04{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #fff; position:absolute; left:-5px; top:15px;}
.ab07 .box dl dd .t05{ width:10px; height:10px; background-color:#16ddd7; border-radius:100%; position:absolute; left:-20px; top:15px;}
.ab07 .box dl dd .t01{ color:#16ddd7;}
}

@media screen and (min-width:3441px){
.ab08{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.ab08 .title{ width:100%; position:relative; z-index:3;}
.ab08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab08 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab08 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab08 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab08 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.ab08 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab08 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab08 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.ab08 .box .t01{ display:flex; align-items:center; justify-content:center;}
.ab08 .box .t01 .img-addon{ display:block;}
.ab08 .box .t01 .img-addon:nth-child(2){ margin-left:5%;}
.ab08 .box .t01 .img-addon img{ max-width:100%; display:block;}
.ab08 .box .t02{ font-size:18px; line-height:28px; text-align:center; margin-top:30px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab08{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.ab08 .title{ width:100%; position:relative; z-index:3;}
.ab08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab08 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab08 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab08 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab08 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.ab08 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab08 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab08 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.ab08 .box .t01{ display:flex; align-items:center; justify-content:center;}
.ab08 .box .t01 .img-addon{ display:block;}
.ab08 .box .t01 .img-addon:nth-child(2){ margin-left:3%;}
.ab08 .box .t01 .img-addon img{ max-width:100%; display:block;}
.ab08 .box .t02{ font-size:16px; line-height:26px; text-align:center; margin-top:20px;}
}
@media only screen and (max-width:1023px){
.ab08{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.ab08 .title{ width:100%; position:relative; z-index:3;}
.ab08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab08 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab08 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab08 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab08 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.ab08 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.ab08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab08 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab08 .box{ width:100%; position:relative; z-index:3;}
.ab08 .box .t01{ width:100%;}
.ab08 .box .t01 .img-addon{ width:100%; display:block; margin-top:15px;}
.ab08 .box .t01 .img-addon img{ max-width:100%; display:block; margin:auto;}
.ab08 .box .t02{ font-size:14px; line-height:24px; text-align:center; margin-top:10px;}
}

@media screen and (min-width:3441px){
.ab09{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab09 .title{ width:100%; position:relative; z-index:3;}
.ab09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.ab09 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab09 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.ab09 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.ab09 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.ab09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.ab09 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab09 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.ab09 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.ab09 .box dl{ display:flex;}
.ab09 .box dl dt{ padding:25px 30px; padding-bottom:100px; background-color:#fff; flex:1; display:block; overflow:hidden; position:relative;}
.ab09 .box dl dt .t01{ float:left; position:relative;}
.ab09 .box dl dt .t01 b{ display:block; position:relative; font-size:24px; line-height:34px; z-index:3;}
.ab09 .box dl dt .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.ab09 .box dl dt .t02{ width:100%; float:left; font-size:18px; line-height:28px; margin-top:15px;}
.ab09 .box dl dt .t03{ height:60px; position:absolute; right:30px; bottom:30px;}
.ab09 .box dl dt .t03 img{ display:block; height:60px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab09 .box dl dt:hover .t03 img{ -webkit-transform:rotateY(-360deg);}
.ab09 .box dl dd{ display:flex; align-items:center; margin:0 2%;}
.ab09 .box dl dd img{ width:28px; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ab09{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab09 .title{ width:100%; position:relative; z-index:3;}
.ab09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.ab09 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.ab09 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.ab09 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.ab09 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.ab09 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.ab09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab09 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.ab09 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.ab09 .box dl{ display:flex;}
.ab09 .box dl dt{ padding:15px 20px; padding-bottom:80px; background-color:#fff; flex:1; display:block; overflow:hidden; position:relative;}
.ab09 .box dl dt .t01{ float:left; position:relative;}
.ab09 .box dl dt .t01 b{ display:block; position:relative; font-size:22px; line-height:32px; z-index:3;}
.ab09 .box dl dt .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.ab09 .box dl dt .t02{ width:100%; float:left; font-size:16px; line-height:26px; margin-top:10px;}
.ab09 .box dl dt .t03{ height:50px; position:absolute; right:20px; bottom:20px;}
.ab09 .box dl dt .t03 img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab09 .box dl dt:hover .t03 img{ -webkit-transform:rotateY(-360deg);}
.ab09 .box dl dd{ display:flex; align-items:center; margin:0 2%;}
.ab09 .box dl dd img{ width:28px; display:block;}
}
@media only screen and (max-width:1023px){
.ab09{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab09 .title{ width:100%; position:relative; z-index:3;}
.ab09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.ab09 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.ab09 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.ab09 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.ab09 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.ab09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.ab09 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.ab09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.ab09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.ab09 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.ab09 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.ab09 .box dl{ width:100%;}
.ab09 .box dl dt{ padding:10px 15px; padding-bottom:60px; background-color:#fff; flex:1; display:block; overflow:hidden; position:relative;}
.ab09 .box dl dt .t01{ float:left; position:relative;}
.ab09 .box dl dt .t01 b{ display:block; position:relative; font-size:18px; line-height:28px; z-index:3;}
.ab09 .box dl dt .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.ab09 .box dl dt .t02{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:10px;}
.ab09 .box dl dt .t03{ height:40px; position:absolute; right:15px; bottom:15px;}
.ab09 .box dl dt .t03 img{ display:block; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab09 .box dl dt:hover .t03 img{ -webkit-transform:rotateY(-360deg);}
.ab09 .box dl dd{ margin:15px 0;}
.ab09 .box dl dd img{ width:14px; display:block; margin:auto; transform:rotate(90deg);}
}

/*出海服务-SHOP开店*/
@media screen and (min-width:3441px){
.fw01{ width:100%; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:100%; position:relative; z-index:3; display:flex;}
.fw01 .box .left{ width:30%; padding:95px 10%;}
.fw01 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw01 .box .left .title .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw01 .box .left .title .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw01 .box .left .title .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw01 .box .left .wen{ width:100%; font-size:18px; line-height:28px; color:#999; margin-top:40px;}
.fw01 .box .right{ width:50%; background-position:center; background-size:cover;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw01{ width:100%; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:100%; position:relative; z-index:3; display:flex;}
.fw01 .box .left{ width:40%; padding:65px 5%;}
.fw01 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw01 .box .left .title .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw01 .box .left .title .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw01 .box .left .title .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw01 .box .left .wen{ width:100%; font-size:16px; line-height:26px; color:#999; margin-top:25px;}
.fw01 .box .right{ width:50%; background-position:center; background-size:cover;}
}
@media only screen and (max-width:1023px){
.fw01{ width:100%; background-color:#fff; position:relative; z-index:1;}
.fw01 .box{ width:100%; position:relative; z-index:3;}
.fw01 .box .left{ width:94%; padding:35px 3%;}
.fw01 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw01 .box .left .title .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw01 .box .left .title .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw01 .box .left .title .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw01 .box .left .wen{ width:100%; font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.fw01 .box .right{ width:100%; height:50vw; background-position:center; background-size:cover;}
}

@media screen and (min-width:3441px){
.fw02{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw02 .title{ width:100%; position:relative; z-index:3;}
.fw02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw02 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw02 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw02 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw02 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw02 .box ul{ display:flex;}
.fw02 .box ul li{ width:31.33%; display:block; background-color:#fff; margin-left:3%; position:relative; background-size:cover; background-position:center;}
.fw02 .box ul li:nth-child(3n+1){ margin-left:0;}
.fw02 .box ul li .bg{ width:calc(100% - 60px); height:calc(100% - 60px); background-color:rgba(255,67,110,.7); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw02 .box ul li:hover .bg{ width:100%; height:100%;}
.fw02 .box ul li .wen{ position:relative; z-index:3; padding:70px; padding-bottom:65px; box-sizing:border-box;}
.fw02 .box ul li .wen .t01{ height:60px;}
.fw02 .box ul li .wen .t01 img{ height:60px; margin:auto; display:block;}
.fw02 .box ul li .wen .t02{ font-size:24px; line-height:34px; text-align:center; color:#fff; margin-top:20px;}
.fw02 .box ul li .wen .t03{ font-size:18px; line-height:28px; text-align:center; color:#fff; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw02{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw02 .title{ width:100%; position:relative; z-index:3;}
.fw02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw02 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw02 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw02 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw02 .box ul{ display:flex;}
.fw02 .box ul li{ width:32%; display:block; background-color:#fff; margin-left:2%; position:relative; background-size:cover; background-position:center;}
.fw02 .box ul li:nth-child(3n+1){ margin-left:0;}
.fw02 .box ul li .bg{ width:calc(100% - 40px); height:calc(100% - 40px); background-color:rgba(255,67,110,.7); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw02 .box ul li:hover .bg{ width:100%; height:100%;}
.fw02 .box ul li .wen{ position:relative; z-index:3; padding:50px; padding-bottom:45px; box-sizing:border-box;}
.fw02 .box ul li .wen .t01{ height:50px;}
.fw02 .box ul li .wen .t01 img{ height:50px; margin:auto; display:block;}
.fw02 .box ul li .wen .t02{ font-size:22px; line-height:32px; text-align:center; color:#fff; margin-top:15px;}
.fw02 .box ul li .wen .t03{ font-size:16px; line-height:26px; text-align:center; color:#fff; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.fw02{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw02 .title{ width:100%; position:relative; z-index:3;}
.fw02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw02 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw02 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw02 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw02 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw02 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw02 .box{ width:100%; position:relative; z-index:3;}
.fw02 .box ul{ display:block;}
.fw02 .box ul li{ width:100%; display:block; background-color:#fff; position:relative; background-size:cover; background-position:center; margin-top:15px;}
.fw02 .box ul li .bg{ width:calc(100% - 30px); height:calc(100% - 30px); background-color:rgba(255,67,110,.7); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw02 .box ul li:hover .bg{ width:100%; height:100%;}
.fw02 .box ul li .wen{ position:relative; z-index:3; padding:40px; padding-bottom:35px; box-sizing:border-box;}
.fw02 .box ul li .wen .t01{ height:60px;}
.fw02 .box ul li .wen .t01 img{ height:60px; margin:auto; display:block;}
.fw02 .box ul li .wen .t02{ font-size:18px; line-height:28px; text-align:center; color:#fff; margin-top:10px;}
.fw02 .box ul li .wen .t03{ font-size:14px; line-height:24px; text-align:center; color:#fff;}
}

@media screen and (min-width:3441px){
.fw03{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.fw03 .title{ width:100%; position:relative; z-index:3;}
.fw03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw03 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw03 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw03 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw03 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw03 .box ul{ display:block; overflow:hidden;}
.fw03 .box ul li{ width:22.75%; display:block; float:left; margin-left:3%; overflow:hidden;}
.fw03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw03 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw03 .box ul li .t01 img{ width:100%; display:block;}
.fw03 .box ul li .t02{ font-size:24px; line-height:34px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw03{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.fw03 .title{ width:100%; position:relative; z-index:3;}
.fw03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw03 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw03 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw03 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw03 .box ul{ display:block; overflow:hidden;}
.fw03 .box ul li{ width:23.5%; display:block; float:left; margin-left:2%; overflow:hidden;}
.fw03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw03 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw03 .box ul li .t01 img{ width:100%; display:block;}
.fw03 .box ul li .t02{ font-size:22px; line-height:32px; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.fw03{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.fw03 .title{ width:100%; position:relative; z-index:3;}
.fw03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw03 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw03 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw03 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw03 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw03 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw03 .box{ width:100%; position:relative; z-index:3;}
.fw03 .box ul{ display:block; overflow:hidden;}
.fw03 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; overflow:hidden; margin-top:15px;}
.fw03 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fw03 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw03 .box ul li .t01 img{ width:100%; display:block;}
.fw03 .box ul li .t02{ font-size:18px; line-height:28px; margin-top:5px;}
}

@media screen and (min-width:3441px){
.fw04{ width:80%; padding:95px 10%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw04 .title{ width:100%; position:relative; z-index:3;}
.fw04 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw04 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw04 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw04 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw04 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw04 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw04 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw04 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw04 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw04 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw04 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw04 .box dl{ display:flex;}
.fw04 .box dl dt{ flex:1; display:block; overflow:hidden; position:relative; text-align:center;}
.fw04 .box dl dt .t01{ width:140px; height:140px; border-radius:100%; border:1px solid #16ddd7; margin:auto;}
.fw04 .box dl dt .t01 img{ display:block; height:80px; margin:30px auto;}
.fw04 .box dl dt .t02{ width:100%; font-size:24px; line-height:34px; margin-top:15px;}
.fw04 .box dl dd{ display:block; margin:56px 2%;}
.fw04 .box dl dd img{ width:28px; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw04{ width:90%; padding:65px 5%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw04 .title{ width:100%; position:relative; z-index:3;}
.fw04 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw04 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw04 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw04 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw04 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw04 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw04 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw04 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw04 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw04 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw04 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw04 .box dl{ display:flex;}
.fw04 .box dl dt{ flex:1; display:block; overflow:hidden; position:relative; text-align:center;}
.fw04 .box dl dt .t01{ width:120px; height:120px; border-radius:100%; border:1px solid #16ddd7; margin:auto;}
.fw04 .box dl dt .t01 img{ display:block; height:66px; margin:27px auto;}
.fw04 .box dl dt .t02{ width:100%; font-size:22px; line-height:32px; margin-top:10px;}
.fw04 .box dl dt:hover .t03 img{ -webkit-transform:rotateY(-360deg);}
.fw04 .box dl dd{ display:block; margin:46px 2%;}
.fw04 .box dl dd img{ width:28px; display:block;}
}
@media only screen and (max-width:1023px){
.fw04{ width:94%; padding:35px 3%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw04 .title{ width:100%; position:relative; z-index:3;}
.fw04 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw04 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw04 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw04 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw04 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw04 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw04 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw04 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw04 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw04 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw04 .box{ width:100%; position:relative; z-index:3;}
.fw04 .box dl{ width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
.fw04 .box dl dt{ width:calc((100% - 40px)/3); display:block; overflow:hidden; position:relative; text-align:center; margin-top:15px;}
.fw04 .box dl dt .t01{ width:80px; height:80px; border-radius:100%; border:1px solid #16ddd7; margin:auto;}
.fw04 .box dl dt .t01 img{ display:block; height:48px; margin:16px auto;}
.fw04 .box dl dt .t02{ width:100%; font-size:18px; line-height:28px; margin-top:5px;}
.fw04 .box dl dt:hover .t03 img{ -webkit-transform:rotateY(-360deg);}
.fw04 .box dl dd{ display:block; margin:46px 0;}
.fw04 .box dl dd img{ width:20px; display:block;}
.fw04 .box dl dd:nth-child(6){ display:none;}
}

/*短视频后期与制作*/
@media screen and (min-width:3441px){
.fw05{ width:80%; padding:100px 10%; background-color:#fff; position:relative; z-index:1;}
.fw05 .box{ width:100%; position:relative; z-index:3; display:flex;}
.fw05 .box .left{ width:45%; padding:45px 0;}
.fw05 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw05 .box .left .title .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw05 .box .left .title .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw05 .box .left .title .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw05 .box .left .wen{ width:100%; font-size:18px; line-height:28px; color:#999; margin-top:40px;}
.fw05 .box .right{ width:50%; margin-left:5%; background-position:center; background-size:cover;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw05{ width:90%; padding:70px 5%; background-color:#fff; position:relative; z-index:1;}
.fw05 .box{ width:100%; position:relative; z-index:3; display:flex;}
.fw05 .box .left{ width:47%; padding:30px 0;}
.fw05 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw05 .box .left .title .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw05 .box .left .title .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw05 .box .left .title .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw05 .box .left .wen{ width:100%; font-size:16px; line-height:26px; color:#999; margin-top:25px;}
.fw05 .box .right{ width:50%; margin-left:3%; background-position:center; background-size:cover;}
}
@media only screen and (max-width:1023px){
.fw05{ width:100%; background-color:#fff; position:relative; z-index:1;}
.fw05 .box{ width:100%; position:relative; z-index:3;}
.fw05 .box .left{ width:94%; padding:35px 3%;}
.fw05 .box .left .title{ width:100%; position:relative; z-index:3; font-weight:bold;}
.fw05 .box .left .title .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw05 .box .left .title .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw05 .box .left .title .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw05 .box .left .wen{ width:100%; font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.fw05 .box .right{ width:100%; height:50vw; background-position:center; background-size:cover;}
}

@media screen and (min-width:3441px){
.fw06{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw06 .title{ width:100%; position:relative; z-index:3;}
.fw06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw06 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw06 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw06 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw06 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw06 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw06 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw06 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw06 .box{ width:90%; padding:50px 5%; position:relative; z-index:3; margin-top:45px; background-position:center; background-size:cover;}
.fw06 .box .wen{ padding:40px; background-color:rgba(22,221,215,.7); width:40%;}
.fw06 .box .wen .t01{ height:60px; float:left;}
.fw06 .box .wen .t01 img{ display:block; height:60px;}
.fw06 .box .wen .t02{ font-size:26px; line-height:60px; font-weight:bold; color:#fff; margin-left:20px; float:left;}
.fw06 .box .wen .t03{ width:100%; float:left; font-size:18px; line-height:28px; color:#fff; margin-top:25px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw06{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw06 .title{ width:100%; position:relative; z-index:3;}
.fw06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw06 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw06 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw06 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw06 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw06 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw06 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw06 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw06 .box{ width:94%; padding:40px 3%; position:relative; z-index:3; margin-top:30px; background-position:center; background-size:cover;}
.fw06 .box .wen{ padding:30px; background-color:rgba(22,221,215,.7); width:40%;}
.fw06 .box .wen .t01{ height:50px; float:left;}
.fw06 .box .wen .t01 img{ display:block; height:50px;}
.fw06 .box .wen .t02{ font-size:24px; line-height:50px; font-weight:bold; color:#fff; margin-left:15px; float:left;}
.fw06 .box .wen .t03{ width:100%; float:left; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
}
@media only screen and (max-width:1023px){
.fw06{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw06 .title{ width:100%; position:relative; z-index:3;}
.fw06 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw06 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw06 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw06 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw06 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw06 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw06 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw06 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw06 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw06 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw06 .box{ width:94%; padding:20px 3%; position:relative; z-index:3; margin-top:15px; background-position:center; background-size:cover;}
.fw06 .box .wen{ padding:15px; background-color:rgba(22,221,215,.7); width:70%; box-sizing:border-box;}
.fw06 .box .wen .t01{ height:30px; float:left;}
.fw06 .box .wen .t01 img{ display:block; height:30px;}
.fw06 .box .wen .t02{ font-size:18px; line-height:30px; font-weight:bold; color:#fff; margin-left:10px; float:left;}
.fw06 .box .wen .t03{ width:100%; float:left; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
}

@media screen and (min-width:3441px){
.fw07{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.fw07 .title{ width:100%; position:relative; z-index:3;}
.fw07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw07 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw07 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw07 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw07 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw07 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw07 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw07 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw07 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw07 .box ul{ display:block; overflow:hidden;}
.fw07 .box ul li{ width:31.33%; display:block; float:left; margin-left:3%; overflow:hidden;}
.fw07 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw07 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw07 .box ul li .t01 img{ width:100%; display:block;}
.fw07 .box ul li .t02{ font-size:24px; line-height:34px; margin-top:15px;}
.fw07 .box ul li .t03{ font-size:18px; line-height:28px; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw07{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.fw07 .title{ width:100%; position:relative; z-index:3;}
.fw07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw07 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw07 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw07 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw07 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw07 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw07 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw07 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw07 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw07 .box ul{ display:block; overflow:hidden;}
.fw07 .box ul li{ width:32%; display:block; float:left; margin-left:2%; overflow:hidden;}
.fw07 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw07 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw07 .box ul li .t01 img{ width:100%; display:block;}
.fw07 .box ul li .t02{ font-size:22px; line-height:32px; margin-top:10px;}
.fw07 .box ul li .t03{ font-size:16px; line-height:26px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.fw07{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.fw07 .title{ width:100%; position:relative; z-index:3;}
.fw07 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw07 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw07 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw07 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw07 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw07 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw07 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw07 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw07 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw07 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw07 .box{ width:100%; position:relative; z-index:3;}
.fw07 .box ul{ display:block; overflow:hidden;}
.fw07 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; overflow:hidden; margin-top:15px;}
.fw07 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fw07 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw07 .box ul li .t01 img{ width:100%; display:block;}
.fw07 .box ul li .t02{ font-size:18px; line-height:28px; margin-top:5px;}
.fw07 .box ul li .t03{ font-size:14px; line-height:24px;}
}

/*外籍短视频达人*/
@media screen and (min-width:3441px){
.fw08{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.fw08 .title{ width:100%; position:relative; z-index:3;}
.fw08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw08 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw08 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw08 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw08 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw08 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw08 .box{ width:100%; position:relative; z-index:3; margin-top:40px;}
.fw08 .box .wen{ width:100%; font-size:18px; line-height:28px;}
.fw08 .box ul{ display:block; overflow:hidden;}
.fw08 .box ul li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:35px; overflow:hidden;}
.fw08 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw08 .box ul li img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw08{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.fw08 .title{ width:100%; position:relative; z-index:3;}
.fw08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw08 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw08 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw08 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw08 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw08 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw08 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw08 .box{ width:100%; position:relative; z-index:3; margin-top:25px;}
.fw08 .box .wen{ width:100%; font-size:16px; line-height:26px;}
.fw08 .box ul{ display:block; overflow:hidden;}
.fw08 .box ul li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:25px; overflow:hidden;}
.fw08 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw08 .box ul li img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.fw08{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.fw08 .title{ width:100%; position:relative; z-index:3;}
.fw08 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw08 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw08 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw08 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw08 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw08 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw08 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw08 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw08 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw08 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw08 .box{ width:100%; position:relative; z-index:3; margin-top:10px;}
.fw08 .box .wen{ width:100%; font-size:14px; line-height:24px;}
.fw08 .box ul{ display:block; overflow:hidden;}
.fw08 .box ul li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.fw08 .box ul li img{ width:100%; display:block;}
}

@media screen and (min-width:3441px){
.fw09{ width:80%; padding:95px 10%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw09 .title{ width:100%; position:relative; z-index:3;}
.fw09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw09 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw09 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw09 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw09 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw09 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw09 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw09 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw09 .box ul{ display:block; overflow:hidden;}
.fw09 .box ul li{ width:22.75%; display:block; float:left; margin-left:3%; overflow:hidden;}
.fw09 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw09 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw09 .box ul li .t01 img{ width:100%; display:block;}
.fw09 .box ul li .t02{ font-size:24px; line-height:34px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw09{ width:90%; padding:65px 5%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw09 .title{ width:100%; position:relative; z-index:3;}
.fw09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw09 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw09 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw09 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw09 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw09 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw09 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw09 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw09 .box ul{ display:block; overflow:hidden;}
.fw09 .box ul li{ width:23.5%; display:block; float:left; margin-left:2%; overflow:hidden;}
.fw09 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.fw09 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw09 .box ul li .t01 img{ width:100%; display:block;}
.fw09 .box ul li .t02{ font-size:22px; line-height:32px; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.fw09{ width:94%; padding:35px 3%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw09 .title{ width:100%; position:relative; z-index:3;}
.fw09 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw09 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw09 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw09 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw09 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw09 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw09 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw09 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw09 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw09 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw09 .box{ width:100%; position:relative; z-index:3;}
.fw09 .box ul{ display:block; overflow:hidden;}
.fw09 .box ul li{ width:48.5%; display:block; float:left; margin-left:3%; overflow:hidden; margin-top:15px;}
.fw09 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fw09 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw09 .box ul li .t01 img{ width:100%; display:block;}
.fw09 .box ul li .t02{ font-size:18px; line-height:28px; margin-top:5px;}
}

@media screen and (min-width:3441px){
.fw10{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.fw10 .title{ width:100%; position:relative; z-index:3;}
.fw10 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw10 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw10 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw10 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw10 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw10 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw10 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw10 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw10 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw10 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw10 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw10 .box .left{ width:55%; margin-right:5%; float:left;}
.fw10 .box .left ul{ display:block; overflow:hidden;}
.fw10 .box .left ul li{ clear:left; float:left; display:block; overflow:hidden; position:relative; margin-top:35px; padding-left:10px;}
.fw10 .box .left ul li em{ display:block; position:relative; z-index:3; font-size:48px; line-height:1; height:1; font-weight:bold; font-family:Arial; color:#ff7393; width:66px; float:left;}
.fw10 .box .left ul li p{ width:calc(100% - 66px); display:block; font-size:18px; font-weight:bold; line-height:28px; float:left; margin-top:10px; position:relative; z-index:3;}
.fw10 .box .left ul li span{ width:100%; height:10px; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; background-color:#16ddd7; opacity:0.3; display:block; overflow:hidden;}
.fw10 .box .right{ width:40%; float:right;}
.fw10 .box .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw10{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.fw10 .title{ width:100%; position:relative; z-index:3;}
.fw10 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw10 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw10 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw10 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw10 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw10 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw10 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw10 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw10 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw10 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw10 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw10 .box .left{ width:57%; margin-right:3%; float:left;}
.fw10 .box .left ul{ display:block; overflow:hidden; margin-top:-15px;}
.fw10 .box .left ul li{ clear:left; float:left; display:block; overflow:hidden; position:relative; margin-top:25px; padding-left:5px;}
.fw10 .box .left ul li em{ display:block; position:relative; z-index:3; font-size:38px; line-height:1; height:1; font-weight:bold; font-family:Arial; color:#ff7393; width:56px; float:left;}
.fw10 .box .left ul li p{ width:calc(100% - 56px); display:block; font-size:16px; font-weight:bold; line-height:26px; float:left; margin-top:8px; position:relative; z-index:3;}
.fw10 .box .left ul li span{ width:100%; height:8px; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; background-color:#16ddd7; opacity:0.3; display:block; overflow:hidden;}
.fw10 .box .right{ width:40%; float:right;}
.fw10 .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.fw10{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.fw10 .title{ width:100%; position:relative; z-index:3;}
.fw10 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw10 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw10 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw10 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw10 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw10 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw10 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw10 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw10 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw10 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw10 .box{ width:100%; position:relative; z-index:3;}
.fw10 .box .left{ width:100%; margin-top:-5px;}
.fw10 .box .left ul{ display:block; overflow:hidden;}
.fw10 .box .left ul li{ clear:left; float:left; display:block; overflow:hidden; position:relative; margin-top:15px; padding-left:5px;}
.fw10 .box .left ul li em{ display:block; position:relative; z-index:3; font-size:28px; line-height:1; height:1; font-weight:bold; font-family:Arial; color:#ff7393; width:40px; float:left;}
.fw10 .box .left ul li p{ width:calc(100% - 40px); display:block; font-size:14px; font-weight:bold; line-height:20px; float:left; margin-top:5px; position:relative; z-index:3;}
.fw10 .box .left ul li span{ width:100%; height:6px; border-radius:10px; position:absolute; left:0; bottom:0; z-index:1; background-color:#16ddd7; opacity:0.3; display:block; overflow:hidden;}
.fw10 .box .right{ width:100%; margin-top:20px;}
.fw10 .box .right img{ width:100%; display:block;}
}

@media screen and (min-width:3441px){
.fw11{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw11 .title{ width:100%; position:relative; z-index:3;}
.fw11 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw11 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw11 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw11 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw11 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw11 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw11 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw11 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw11 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw11 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw11 .box{ width:100%; position:relative; z-index:3; margin-top:45px; display:flex;}
.fw11 .box .item{ width:47.5%; padding:45px 5%; background-color:#fff; box-sizing:border-box; text-align:center;}
.fw11 .box .item:nth-child(2){ margin-left:5%;}
.fw11 .box .item .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.fw11 .box .item .t02{ font-size:20px; line-height:30px; color:#666; margin-top:10px;}
.fw11 .box .item .t04{ width:100%; margin:20px 0;}
.fw11 .box .item .t04 a{ width:160px; font-size:18px; height:40px; line-height:40px; border-radius:40px; background-color:#ff436e; color:#fff; margin:auto; display:block;}
.fw11 .box .item .t03{ width:100%; display:block;}
.fw11 .box .item .t03 li{ display:block; padding:20px 0; font-size:18px; line-height:28px; border-bottom:1px dashed #ddd;}
.fw11 .box .item .t03 li:last-child{ border-bottom:none; padding-bottom:0;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw11{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw11 .title{ width:100%; position:relative; z-index:3;}
.fw11 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw11 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw11 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw11 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw11 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw11 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw11 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw11 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw11 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw11 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw11 .box{ width:100%; position:relative; z-index:3; margin-top:30px; display:flex;}
.fw11 .box .item{ width:48.5%; padding:35px 3%; background-color:#fff; box-sizing:border-box; text-align:center;}
.fw11 .box .item:nth-child(2){ margin-left:3%;}
.fw11 .box .item .t01{ font-size:22px; line-height:32px; font-weight:bold;}
.fw11 .box .item .t02{ font-size:18px; line-height:28px; color:#666; margin-top:10px;}
.fw11 .box .item .t04{ width:100%; margin:15px 0;}
.fw11 .box .item .t04 a{ width:140px; font-size:16px; height:38px; line-height:38px; border-radius:40px; background-color:#ff436e; color:#fff; margin:auto; display:block;}
.fw11 .box .item .t03{ width:100%; display:block;}
.fw11 .box .item .t03 li{ display:block; padding:15px 0; font-size:16px; line-height:26px; border-bottom:1px dashed #ddd;}
.fw11 .box .item .t03 li:last-child{ border-bottom:none; padding-bottom:0;}
}
@media only screen and (max-width:1023px){
.fw11{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw11 .title{ width:100%; position:relative; z-index:3;}
.fw11 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw11 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw11 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw11 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw11 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw11 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw11 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw11 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw11 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw11 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw11 .box{ width:100%; position:relative; z-index:3;}
.fw11 .box .item{ width:100%; padding:25px 15px; background-color:#fff; box-sizing:border-box; text-align:center; margin-top:15px;}
.fw11 .box .item .t01{ font-size:18px; line-height:28px; font-weight:bold;}
.fw11 .box .item .t02{ font-size:16px; line-height:16px; color:#666; margin-top:5px}
.fw11 .box .item .t04{ width:100%; margin:10px 0;}
.fw11 .box .item .t04 a{ width:120px; font-size:14px; height:34px; line-height:34px; border-radius:40px; background-color:#ff436e; color:#fff; margin:auto; display:block;}
.fw11 .box .item .t03{ width:100%; display:block;}
.fw11 .box .item .t03 li{ display:block; padding:10px 0; font-size:14px; line-height:24px; border-bottom:1px dashed #ddd;}
.fw11 .box .item .t03 li:last-child{ border-bottom:none; padding-bottom:0;}
}

@media screen and (min-width:3441px){
.fw12{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.fw12 .title{ width:100%; position:relative; z-index:3;}
.fw12 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw12 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw12 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw12 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw12 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw12 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw12 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw12 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw12 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw12 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw12 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.fw12 .box ul{ display:flex; flex-wrap:wrap;}
.fw12 .box ul li{ width:31.33%; padding:25px 30px; background-color:#f7f7f7; box-sizing:border-box; display:block; overflow:hidden; position:relative; margin-top:30px; margin-left:3%;}
.fw12 .box ul li:nth-child(1){ width:48.5%; margin-left:0;}
.fw12 .box ul li:nth-child(2){ width:48.5%;}
.fw12 .box ul li:nth-child(3){ margin-left:0;}
.fw12 .box ul li .t01{ float:left; position:relative;}
.fw12 .box ul li .t01 b{ display:block; position:relative; font-size:24px; line-height:34px; z-index:3;}
.fw12 .box ul li .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.fw12 .box ul li .t02{ width:100%; float:left; font-size:18px; line-height:28px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw12{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.fw12 .title{ width:100%; position:relative; z-index:3;}
.fw12 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw12 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw12 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw12 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw12 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw12 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw12 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw12 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw12 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw12 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw12 .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.fw12 .box ul{ display:flex; flex-wrap:wrap;}
.fw12 .box ul li{ width:32%; padding:15px 20px; background-color:#f7f7f7; box-sizing:border-box; display:block; overflow:hidden; position:relative; margin-top:25px; margin-left:2%;}
.fw12 .box ul li:nth-child(1){ width:49%; margin-left:0;}
.fw12 .box ul li:nth-child(2){ width:49%;}
.fw12 .box ul li:nth-child(3){ margin-left:0;}
.fw12 .box ul li .t01{ float:left; position:relative;}
.fw12 .box ul li .t01 b{ display:block; position:relative; font-size:22px; line-height:32px; z-index:3;}
.fw12 .box ul li .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.fw12 .box ul li .t02{ width:100%; float:left; font-size:16px; line-height:26px; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.fw12{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.fw12 .title{ width:100%; position:relative; z-index:3;}
.fw12 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw12 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw12 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw12 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw12 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw12 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw12 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw12 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw12 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw12 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw12 .box{ width:100%; position:relative; z-index:3;}
.fw12 .box ul{ width:100%; display:block;}
.fw12 .box ul li{ padding:15px; background-color:#f7f7f7; margin-top:15px; display:block; overflow:hidden; position:relative;}
.fw12 .box ul li .t01{ float:left; position:relative;}
.fw12 .box ul li .t01 b{ display:block; position:relative; font-size:18px; line-height:28px; z-index:3;}
.fw12 .box ul li .t01 p{ width:100%; position:absolute; left:0; bottom:0; height:10px; border-radius:10px; background-color:#ff7393; opacity:.3; z-index:1; overflow:hidden; display:block;}
.fw12 .box ul li .t02{ width:100%; float:left; font-size:14px; line-height:24px; margin-top:10px;}
}

/*媒体服务*/
@media screen and (min-width:3441px){
.fw13{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.fw13 .title{ width:100%; position:relative; z-index:3;}
.fw13 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw13 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw13 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw13 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw13 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw13 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw13 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw13 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw13 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw13 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw13 .box{ width:100%; position:relative; z-index:3; margin-top:15px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.fw13 .box a{ display:block; margin:15px 1.5%; margin-top:30px; height:60px;}
.fw13 .box a img{ display:block; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw13 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw13{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.fw13 .title{ width:100%; position:relative; z-index:3;}
.fw13 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw13 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw13 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw13 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw13 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw13 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw13 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw13 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw13 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw13 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw13 .box{ width:100%; position:relative; z-index:3; margin-top:5px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.fw13 .box a{ display:block; margin:15px 1%; margin-top:25px; height:50px;}
.fw13 .box a img{ display:block; height:50px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw13 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.fw13{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.fw13 .title{ width:100%; position:relative; z-index:3;}
.fw13 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw13 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw13 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw13 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw13 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw13 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw13 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw13 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw13 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw13 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw13 .box{ margin:0 -10px; position:relative; z-index:3; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.fw13 .box a{ display:block; margin:0 10px; margin-top:15px; height:30px;}
.fw13 .box a img{ display:block; height:30px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fw13 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:3441px){
.fw14{ width:80%; padding:95px 10%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw14 .title{ width:100%; position:relative; z-index:3;}
.fw14 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw14 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw14 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw14 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw14 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw14 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw14 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw14 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw14 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw14 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw14 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw14 .box ul{ display:block; overflow:hidden;}
.fw14 .box ul li{ width:31.33%; display:block; float:left; margin-left:3%; overflow:hidden;}
.fw14 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw14 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw14 .box ul li .t01 img{ width:100%; display:block;}
.fw14 .box ul li .t02{ font-size:24px; line-height:34px; margin-top:15px;}
.fw14 .box ul li .t03{ font-size:18px; line-height:28px; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw14{ width:90%; padding:65px 5%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw14 .title{ width:100%; position:relative; z-index:3;}
.fw14 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw14 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw14 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw14 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw14 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw14 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw14 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw14 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw14 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw14 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw14 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw14 .box ul{ display:block; overflow:hidden;}
.fw14 .box ul li{ width:32%; display:block; float:left; margin-left:2%; overflow:hidden;}
.fw14 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw14 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw14 .box ul li .t01 img{ width:100%; display:block;}
.fw14 .box ul li .t02{ font-size:22px; line-height:32px; margin-top:10px;}
.fw14 .box ul li .t03{ font-size:16px; line-height:26px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.fw14{ width:94%; padding:35px 3%; background-color:#f7f7f7; position:relative; z-index:1;}
.fw14 .title{ width:100%; position:relative; z-index:3;}
.fw14 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw14 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw14 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw14 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw14 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw14 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw14 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw14 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw14 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw14 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw14 .box{ width:100%; position:relative; z-index:3;}
.fw14 .box ul{ display:block; overflow:hidden;}
.fw14 .box ul li{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.fw14 .box ul li .t01{ width:100%; display:block; overflow:hidden;}
.fw14 .box ul li .t01 img{ width:100%; display:block;}
.fw14 .box ul li .t02{ font-size:18px; line-height:28px; margin-top:5px;}
.fw14 .box ul li .t03{ font-size:14px; line-height:24px;}
}

@media screen and (min-width:3441px){
.fw15{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.fw15 .title{ width:100%; position:relative; z-index:3;}
.fw15 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw15 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw15 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw15 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw15 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw15 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.fw15 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw15 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw15 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw15 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw15 .box{ width:100%; position:relative; z-index:3; margin-top:45px; background-size:cover; background-position:center;}
.fw15 .box .left{ width:50%; padding:50px 5%; padding-top:45px;}
.fw15 .box .left .t01{ width:100%; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.fw15 .box .left .t02{ width:100%; font-size:20px; line-height:30px; color:#fff; opacity:.7; margin-top:10px;}
.fw15 .box .left .t03{ margin-left:-30px;}
.fw15 .box .left .t03 p{ padding:0 20px; font-size:18px; height:40px; line-height:40px; float:left; margin-top:25px; margin-left:30px; background-color:rgba(255,67,110,.9); color:#fff; border-radius:40px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw15{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.fw15 .title{ width:100%; position:relative; z-index:3;}
.fw15 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw15 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw15 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw15 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw15 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw15 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.fw15 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw15 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw15 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw15 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw15 .box{ width:100%; position:relative; z-index:3; margin-top:30px; background-size:cover; background-position:center;}
.fw15 .box .left{ width:50%; padding:40px 3%; padding-top:35px;}
.fw15 .box .left .t01{ width:100%; font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.fw15 .box .left .t02{ width:100%; font-size:18px; line-height:28px; color:#fff; opacity:.7; margin-top:5px;}
.fw15 .box .left .t03{ margin-left:-20px;}
.fw15 .box .left .t03 p{ padding:0 20px; font-size:16px; height:36px; line-height:36px; float:left; margin-top:20px; margin-left:20px; background-color:rgba(255,67,110,.9); color:#fff; border-radius:40px;}
}
@media only screen and (max-width:1023px){
.fw15{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.fw15 .title{ width:100%; position:relative; z-index:3;}
.fw15 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw15 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw15 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw15 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw15 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw15 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.fw15 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw15 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.fw15 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw15 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw15 .box{ width:100%; position:relative; z-index:3; margin-top:15px; background-size:cover; background-position:center;}
.fw15 .box .left{ width:94%; padding:30px 3%; padding-top:25px;}
.fw15 .box .left .t01{ width:100%; font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.fw15 .box .left .t02{ width:100%; font-size:16px; line-height:26px; color:#fff; opacity:.7;}
.fw15 .box .left .t03{ margin-left:-15px;}
.fw15 .box .left .t03 p{ padding:0 15px; font-size:14px; height:34px; line-height:34px; float:left; margin-top:15px; margin-left:15px; background-color:rgba(255,67,110,.9); color:#fff; border-radius:40px;}
}

@media screen and (min-width:3441px){
.fw16{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw16 .title{ width:100%; position:relative; z-index:3;}
.fw16 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.fw16 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw16 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.fw16 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.fw16 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.fw16 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.fw16 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw16 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw16 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw16 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.fw16 .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.fw16 .box ul{ display:block; overflow:hidden;}
.fw16 .box ul li{ width:31.33%; float:left; margin-left:3%; display:block; overflow:hidden;}
.fw16 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw16 .box ul li .tu{ width:100%;}
.fw16 .box ul li .tu img{ width:100%; display:block;}
.fw16 .box ul li .wen{ margin-top:15px; overflow:hidden;}
.fw16 .box ul li strong{ display:block; float:left; width:75px; font-size:54px; line-height:1; overflow:hidden; font-weight:bold; color:#ff7393;}
.fw16 .box ul li p{ display:block; float:left; width:calc(100% - 75px);}
.fw16 .box ul li p a{ display:block; font-size:24px; line-height:34px; overflow:hidden;}
.fw16 .box ul li p span{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.fw16 .box ul li p a:hover{ color:#ff7393;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.fw16{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw16 .title{ width:100%; position:relative; z-index:3;}
.fw16 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.fw16 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.fw16 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.fw16 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.fw16 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw16 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.fw16 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.fw16 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw16 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw16 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.fw16 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.fw16 .box ul{ display:block; overflow:hidden;}
.fw16 .box ul li{ width:32%; float:left; margin-left:2%; display:block; overflow:hidden;}
.fw16 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.fw16 .box ul li .tu{ width:100%;}
.fw16 .box ul li .tu img{ width:100%; display:block;}
.fw16 .box ul li .wen{ margin-top:10px; overflow:hidden;}
.fw16 .box ul li strong{ display:block; float:left; width:60px; font-size:44px; line-height:1; overflow:hidden; font-weight:bold; color:#ff7393;}
.fw16 .box ul li p{ display:block; float:left; width:calc(100% - 60px);}
.fw16 .box ul li p a{ display:block; font-size:22px; line-height:32px; overflow:hidden;}
.fw16 .box ul li p span{ display:block; font-size:16px; line-height:26px; overflow:hidden;}
.fw16 .box ul li p a:hover{ color:#ff7393;}
}
@media only screen and (max-width:1023px){
.fw16{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.fw16 .title{ width:100%; position:relative; z-index:3;}
.fw16 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.fw16 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.fw16 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.fw16 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.fw16 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.fw16 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.fw16 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.fw16 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.fw16 .title .right a:hover b{ background-image:url(../images/more01.png);}
.fw16 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.fw16 .box{ width:100%; position:relative; z-index:3;}
.fw16 .box ul{ display:block; overflow:hidden;}
.fw16 .box ul li{ width:100%; float:left; margin-top:15px; display:block; overflow:hidden;}
.fw16 .box ul li .tu{ width:100%;}
.fw16 .box ul li .tu img{ width:100%; display:block;}
.fw16 .box ul li .wen{ margin-top:10px; overflow:hidden;}
.fw16 .box ul li strong{ display:block; float:left; width:50px; font-size:34px; line-height:1; overflow:hidden; font-weight:bold; color:#ff7393;}
.fw16 .box ul li p{ display:block; float:left; width:calc(100% - 50px);}
.fw16 .box ul li p a{ display:block; font-size:18px; line-height:28px; overflow:hidden;}
.fw16 .box ul li p span{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.fw16 .box ul li p a:hover{ color:#ff7393;}
}

/*出海培训*/
@media screen and (min-width:3441px){
.px01{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.px01 .title{ width:100%; position:relative; z-index:3;}
.px01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.px01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px01 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.px01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.px01 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.px01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.px01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px01 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.px01 .box{ width:100%; position:relative; z-index:3;}
.px01 .box .item{ width:100%; margin-top:40px;}
.px01 .box .item .stitle{ width:100%; min-height:45px; position:relative;}
.px01 .box .item .stitle .left{ float:left; width:100%;}
.px01 .box .item .stitle .left .t01{ font-size:30px; line-height:40px; height:40px; font-weight:bold; float:left;}
.px01 .box .item .stitle .left .t02{ font-size:24px; line-height:30px; height:35px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.px01 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.px01 .box .item .stitle .left .t03{ width:100%; float:left; margin-top:10px; font-size:18px; line-height:28px;}
.px01 .box .item .tu{ width:100%; margin-top:35px; position:relative;}
.px01 .box .item .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.px01 .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.px01{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.px01 .title{ width:100%; position:relative; z-index:3;}
.px01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.px01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px01 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.px01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.px01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.px01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px01 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.px01 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.px01 .box .item{ width:100%; margin-top:30px;}
.px01 .box .item .stitle{ width:100%; min-height:43px; position:relative;}
.px01 .box .item .stitle .left{ float:left; width:100%;}
.px01 .box .item .stitle .left .t01{ font-size:24px; line-height:34px; height:34px; font-weight:bold; float:left;}
.px01 .box .item .stitle .left .t02{ font-size:20px; line-height:26px; height:29px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:10px;}
.px01 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.px01 .box .item .stitle .left .t03{ width:100%; float:left; margin-top:5px; font-size:16px; line-height:26px;}
.px01 .box .item .tu{ width:100%; margin-top:25px; position:relative;}
.px01 .box .item .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.px01 .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:1023px){
.px01{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.px01 .title{ width:100%; position:relative; z-index:3;}
.px01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.px01 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.px01 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.px01 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.px01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.px01 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.px01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px01 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.px01 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.px01 .box .item{ width:100%; margin-top:20px;}
.px01 .box .item .stitle{ width:100%; position:relative;}
.px01 .box .item .stitle .left{ width:100%;}
.px01 .box .item .stitle .left .t01{ font-size:18px; line-height:28px; height:28px; font-weight:bold; float:left;}
.px01 .box .item .stitle .left .t02{ font-size:14px; line-height:24px; height:23px; font-weight:bold; color:#ccc; text-transform:uppercase; float:left; position:relative; margin-left:5px;}
.px01 .box .item .stitle .left .t02 b{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#ff7393; overflow:hidden;}
.px01 .box .item .stitle .left .t03{ width:100%; float:left; font-size:14px; line-height:24px;}
.px01 .box .item .tu{ width:100%; height:50vw; margin-top:20px; position:relative;}
.px01 .box .item .tu img{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.px01 .box .item .tu:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:3441px){
.px02{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.px02 .title{ width:100%; position:relative; z-index:3;}
.px02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.px02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px02 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.px02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.px02 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.px02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.px02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px02 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px02 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.px02 .box{ width:100%; position:relative; z-index:3;}
.px02 .box .bt{ font-size:24px; line-height:34px; font-weight:bold; margin-top:40px;}
.px02 .box .bt b{ float:left; display:block; border-bottom:4px solid #16ddd7; padding-bottom:10px;}
.px02 .box .list{ display:block; overflow:hidden;}
.px02 .box .list li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:30px; overflow:hidden;}
.px02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.px02 .box .list li .t01{ width:100%; display:block; overflow:hidden;}
.px02 .box .list li .t01 img{ width:100%; display:block;}
.px02 .box .list li .t02{ font-size:20px; line-height:30px; margin-top:15px;}
.px02 .box .list li .t03{ font-size:16px; line-height:26px; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.px02{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.px02 .title{ width:100%; position:relative; z-index:3;}
.px02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.px02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px02 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.px02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.px02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.px02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px02 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px02 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.px02 .box{ width:100%; position:relative; z-index:3;}
.px02 .box .bt{ font-size:22px; line-height:32px; font-weight:bold; margin-top:25px;}
.px02 .box .bt b{ float:left; display:block; border-bottom:3px solid #16ddd7; padding-bottom:5px;}
.px02 .box .list{ display:block; overflow:hidden;}
.px02 .box .list li{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:25px; overflow:hidden;}
.px02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.px02 .box .list li .t01{ width:100%; display:block; overflow:hidden;}
.px02 .box .list li .t01 img{ width:100%; display:block;}
.px02 .box .list li .t02{ font-size:18px; line-height:28px; margin-top:10px;}
.px02 .box .list li .t03{ font-size:16px; line-height:26px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.px02{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.px02 .title{ width:100%; position:relative; z-index:3;}
.px02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.px02 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.px02 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.px02 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.px02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.px02 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.px02 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px02 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.px02 .box{ width:100%; position:relative; z-index:3;}
.px02 .box .bt{ font-size:18px; line-height:28px; font-weight:bold; margin-top:10px;}
.px02 .box .bt b{ float:left; display:block; border-bottom:2px solid #16ddd7; padding-bottom:2px;}
.px02 .box .list{ display:block; overflow:hidden;}
.px02 .box .list li{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden;}
.px02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.px02 .box .list li .t01{ width:100%; display:block; overflow:hidden;}
.px02 .box .list li .t01 img{ width:100%; display:block;}
.px02 .box .list li .t02{ font-size:16px; line-height:26px; margin-top:5px;}
.px02 .box .list li .t03{ font-size:14px; line-height:24px;}
}

/*出海工具*/
@media screen and (min-width:3441px){
.px03{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.px03 .title{ width:100%; position:relative; z-index:3;}
.px03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.px03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px03 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.px03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.px03 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.px03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.px03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px03 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.px03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.px03 .box .bt{ font-size:24px; line-height:34px; font-weight:bold; margin-top:45px;}
.px03 .box .bt b{ float:left; display:block; border-bottom:4px solid #16ddd7; padding-bottom:10px;}
.px03 .box .list{ display:block; overflow:hidden;}
.px03 .box .list li{ width:22.75%; display:block; float:left; margin-left:3%; margin-top:30px; overflow:hidden;}
.px03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.px03 .box .list li a{ padding:10px 20px; background-color:#f7f7f7; border-radius:5px; display:flex; align-items:center; overflow:hidden; font-size:18px; line-height:28px;}
.px03 .box .list li a img{ width:30px; display:block; margin-right:10px;}
.px03 .box .list li a:hover{ color:#ff7393; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.px03{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.px03 .title{ width:100%; position:relative; z-index:3;}
.px03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.px03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.px03 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.px03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.px03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.px03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px03 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.px03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.px03 .box .bt{ font-size:22px; line-height:32px; font-weight:bold; margin-top:45px;}
.px03 .box .bt b{ float:left; display:block; border-bottom:3px solid #16ddd7; padding-bottom:5px;}
.px03 .box .list{ display:block; overflow:hidden;}
.px03 .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:20px; overflow:hidden;}
.px03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.px03 .box .list li a{ padding:10px 20px; background-color:#f7f7f7; border-radius:5px; display:flex; align-items:center; overflow:hidden; font-size:16px; line-height:26px;}
.px03 .box .list li a img{ width:28px; display:block; margin-right:10px;}
.px03 .box .list li a:hover{ color:#ff7393; color:#fff;}
}
@media only screen and (max-width:1023px){
.px03{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.px03 .title{ width:100%; position:relative; z-index:3;}
.px03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.px03 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.px03 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.px03 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.px03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.px03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.px03 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.px03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.px03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.px03 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.px03 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.px03 .box .bt{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.px03 .box .bt b{ float:left; display:block; border-bottom:2px solid #16ddd7;}
.px03 .box .list{ display:block; overflow:hidden;}
.px03 .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.px03 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.px03 .box .list li a{ padding:10px 20px; background-color:#f7f7f7; border-radius:5px; display:flex; align-items:center; overflow:hidden; font-size:14px; line-height:24px;}
.px03 .box .list li a img{ width:24px; display:block; margin-right:5px;}
.px03 .box .list li a:hover{ color:#ff7393; color:#fff;}
}

/*出海资讯*/
@media screen and (min-width:3441px){
.news{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.news .title{ width:100%; position:relative; z-index:3;}
.news .title .left{ float:left; position:relative; font-weight:bold; z-index:1;}
.news .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.news .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.news .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.news .title .right{ float:right; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.news .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd; float:left; margin-left:30px;}
.news .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.news .title .right a:hover,.news .title .right a.on{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.news .title .right a:hover b,.news .title .right a.on b{ background-image:url(../images/more01.png);}
.news .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.news .box{ width:100%; position:relative; z-index:3; margin-top:5px;}
.news .list{ width:100%; display:block;}
.news .list li{ display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.news .list li .left{ width:350px; height:250px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(97% - 350px); margin-left:3%;}
.news .list li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#ff7393;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.news .list li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:12px; padding-bottom:5px;}
.news .list li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#333; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#16ddd7;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff7393;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#16ddd7;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.news{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.news .title{ width:100%; position:relative; z-index:3;}
.news .title .left{ float:left; position:relative; font-weight:bold; z-index:1;}
.news .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.news .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.news .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.news .title .right{ float:right; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.news .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd; float:left; margin-left:20px;}
.news .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.news .title .right a:hover,.news .title .right a.on{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.news .title .right a:hover b,.news .title .right a.on b{ background-image:url(../images/more01.png);}
.news .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.news .box{ width:100%; position:relative; z-index:3;}
.news .list{ width:100%; display:block;}
.news .list li{ display:flex; align-items:center; overflow:hidden; margin-top:30px;}
.news .list li .left{ width:350px; height:250px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(97% - 350px); margin-left:3%;}
.news .list li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#ff7393;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.news .list li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:12px; padding-bottom:5px;}
.news .list li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#333; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#16ddd7;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff7393;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#16ddd7;}
}
@media only screen and (max-width:1023px){
.news{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.news .title{ width:100%; position:relative; z-index:3;}
.news .title .left{ float:left; position:relative; font-weight:bold; z-index:1;}
.news .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.news .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.news .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.news .title .right{ float:right; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.news .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd; float:left; margin-left:15px;}
.news .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.news .title .right a:hover,.news .title .right a.on{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.news .title .right a:hover b,.news .title .right a.on b{ background-image:url(../images/more01.png);}
.news .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.news .box{ width:100%; position:relative; z-index:3;;}
.news .list{ width:100%; display:block;}
.news .list li{ overflow:hidden; margin-top:15px;}
.news .list li .left{ width:100%; height:67.14vw;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:100%; margin-top:10px;}
.news .list li .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#ff7393;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.news .list li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:5px; padding-top:5px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:5px;}
.news .list li .right .w04 a{ width:120px; display:block; text-align:center; border-radius:32px; background-color:#333; font-size:14px; line-height:32px; height:32px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#16ddd7;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 2px; display:inline-block;}
.fanye li a{ width:34px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:100%; display:block;}
.fanye li span{ width:34px; height:34px; line-height:34px; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#ff7393;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#16ddd7;}
}

/*出海资讯内页*/
@media screen and (min-width:3441px){
.ny{ width:80%; padding:65px 10%; padding-top:95px; position:relative; z-index:1; background-color:#fff;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .titles p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.ny{ width:90%; padding:45px 5%; padding-top:65px; position:relative; z-index:1; background-color:#fff;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:22px; line-height:32px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .titles p{ display:block; margin-top:5px; width:70px; height:2px; background-color:#333;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; padding:25px 3%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:18px; line-height:28px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ny .titles p{ display:block; margin-top:5px; width:50px; height:2px; background-color:#333;}
.ny .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:10px 0; margin:auto; margin-top:15px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:20px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:20px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:20px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#portfolio-nav .next .ico{ display:block; float:right; width:20px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
}

/*关于领拓*/
@media screen and (min-width:3441px){
.gy01{ width:80%; padding:95px 10%; background-color:#fff; position:relative; z-index:1;}
.gy01 .title{ width:100%; position:relative; z-index:3;}
.gy01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.gy01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy01 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.gy01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.gy01 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.gy01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.gy01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.px01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy01 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.gy01 .box{ width:100%; display:block; padding-top:35px;}
.gy01 .box .left{ width:48%; float:left;}
.gy01 .box .left img{ width:100%; display:block;}
.gy01 .box .right{ width:48%; float:right; padding-top:25px;}
.gy01 .box .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.gy01 .box .right .w02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.gy01 .box .right .w03{ width:60px; height:2px; background-color:#16ddd7; margin-top:10px;}
.gy01 .box .right .w04{ font-size:14px; line-height:30px; margin-top:17px;}
.gy01 .box .list{ width:100%; float:left; display:flex; justify-content:space-between; padding-top:35px;}
.gy01 .box .list li{ width:22.75%; display:block; overflow:hidden;}
.gy01 .box .list li p{ display:block; font-size:16px; line-height:1.2; vertical-align:text-top;}
.gy01 .box .list li p b{ font-size:48px; color:#ff7393; margin-right:10px;}
.gy01 .box .list li span{ display:block; font-size:20px; line-height:30px; margin-top:10px;}
.gy01 .box .list li a{ display:block; font-size:16px; line-height:26px; color:#999; margin-top:5px;}
.gy01 .box .list li:nth-child(2n) p b{ color:#16ddd7;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.gy01{ width:90%; padding:65px 5%; background-color:#fff; position:relative; z-index:1;}
.gy01 .title{ width:100%; position:relative; z-index:3;}
.gy01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.gy01 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy01 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.gy01 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.gy01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.gy01 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.gy01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy01 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.gy01 .box{ width:100%; padding-top:25px;}
.gy01 .box .left{ width:47.5%; float:left;}
.gy01 .box .left img{ width:100%; display:block;}
.gy01 .box .right{ width:49.5%; float:right; padding-top:15px;}
.gy01 .box .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.gy01 .box .right .w02{ font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.gy01 .box .right .w03{ width:50px; height:2px; background-color:#16ddd7; margin-top:5px;}
.gy01 .box .right .w04{ font-size:14px; line-height:24px; margin-top:15px;}
.gy01 .box .list{ width:100%; float:left; display:flex; justify-content:space-between; padding-top:30px;}
.gy01 .box .list li{ width:23.5%; display:block; overflow:hidden;}
.gy01 .box .list li p{ display:block; font-size:14px;}
.gy01 .box .list li p b{ font-size:38px; line-height:1.2; color:#ff7393; margin-right:7px;}
.gy01 .box .list li span{ display:block; font-size:18px; line-height:28px; margin-top:5px;}
.gy01 .box .list li a{ display:block; font-size:16px; line-height:26px; color:#999; margin-top:5px;}
.gy01 .box .list li:nth-child(2n) p b{ color:#16ddd7;}
}
@media only screen and (max-width:1023px){
.gy01{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.gy01 .title{ width:100%; position:relative; z-index:3;}
.gy01 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.gy01 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.gy01 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.gy01 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.gy01 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy01 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.gy01 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.gy01 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy01 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy01 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.gy01 .box{ width:100%; position:relative; z-index:3; margin-top:-5px;}
.gy01 .box{ width:100%; padding-top:15px;}
.gy01 .box .left{ width:100%; float:left;}
.gy01 .box .left img{ width:100%; display:block;}
.gy01 .box .right{ width:100%; float:right; margin-top:15px;}
.gy01 .box .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.gy01 .box .right .w02{ font-size:14px; line-height:1.2; color:#666; text-transform:uppercase;}
.gy01 .box .right .w03{ width:40px; height:2px; background-color:#16ddd7; margin-top:5px;}
.gy01 .box .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.gy01 .box .list{ width:100%; float:left; display:flex; flex-wrap:wrap;}
.gy01 .box .list li{ width:48.5%; display:block; overflow:hidden; padding-top:10px; margin-left:3%;}
.gy01 .box .list li:nth-child(2n+1){ margin-left:0;}
.gy01 .box .list li p{ display:block; font-size:12px;}
.gy01 .box .list li p b{ font-size:30px; line-height:1.2; color:#ff7393; margin-right:5px;}
.gy01 .box .list li span{ display:block; font-size:16px; line-height:26px;}
.gy01 .box .list li a{ display:block; font-size:14px; line-height:24px; color:#999;}
.gy01 .box .list li:nth-child(2n) p b{ color:#16ddd7;}
}

@media screen and (min-width:3441px){
.gy02{ width:80%; padding:95px 10%; background-color:#f7f7f7; position:relative; z-index:1;}
.gy02 .title{ width:100%; position:relative; z-index:3;}
.gy02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.gy02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy02 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.gy02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.gy02 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.gy02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:160px; height:40px; line-height:40px; border-radius:40px; background-color:#fff;}
.gy02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.gy02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.gy02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy02 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.gy02 .box{ width:100%; position:relative; z-index:3;}
.gy02 .box ul{ display:block; overflow:hidden;}
.gy02 .box ul li{ width:47.5%; float:left; margin-left:5%; display:block; overflow:hidden; margin-top:45px;}
.gy02 .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.gy02 .box ul li .t01{ width:100%;}
.gy02 .box ul li .t01 img{ width:100%; display:block;}
.gy02 .box ul li .t02{ width:100%; font-size:24px; line-height:34px; margin-top:15px;}
.gy02 .box ul li:hover .t02{ color:#ff7393;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.gy02{ width:90%; padding:65px 5%; background-color:#f7f7f7; position:relative; z-index:1;}
.gy02 .title{ width:100%; position:relative; z-index:3;}
.gy02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.gy02 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy02 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.gy02 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.gy02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:140px; height:38px; line-height:38px; border-radius:40px; background-color:#fff;}
.gy02 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.gy02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.gy02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy02 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.gy02 .box{ width:100%; position:relative; z-index:3;}
.gy02 .box ul{ display:block; overflow:hidden;}
.gy02 .box ul li{ width:48.5%; float:left; margin-left:3%; margin-top:30px; display:block; overflow:hidden;}
.gy02 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.gy02 .box ul li .t01{ width:100%;}
.gy02 .box ul li .t01 img{ width:100%; display:block;}
.gy02 .box ul li .t02{ width:100%; font-size:20px; line-height:30px; margin-top:10px;}
.gy02 .box ul li:hover .t02{ color:#ff7393;}
}
@media only screen and (max-width:1023px){
.gy02{ width:94%; padding:35px 3%; background-color:#f7f7f7; position:relative; z-index:1;}
.gy02 .title{ width:100%; position:relative; z-index:3;}
.gy02 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.gy02 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.gy02 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.gy02 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.gy02 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy02 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:110px; height:32px; line-height:32px; border-radius:40px; background-color:#fff;}
.gy02 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.gy02 .title .right a:hover{ background-color:#ff7393; color:#fff;}
.gy02 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy02 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.gy02 .box{ width:100%; position:relative; z-index:3;}
.gy02 .box ul{ display:block; overflow:hidden;}
.gy02 .box ul li{ width:100%; float:left; margin-top:15px; display:block; overflow:hidden;}
.gy02 .box ul li .t01{ width:100%;}
.gy02 .box ul li .t01 img{ width:100%; display:block;}
.gy02 .box ul li .t02{ width:100%; font-size:16px; line-height:26px; margin-top:5px;}
.gy02 .box ul li:hover .t02{ color:#ff7393;}
}

@media screen and (min-width:3441px){
.gy03{ width:80%; padding:95px 10%; padding-bottom:100px; background-color:#fff; position:relative; z-index:1;}
.gy03 .title{ width:100%; position:relative; z-index:3;}
.gy03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 160px); z-index:1;}
.gy03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy03 .title .left .t02{ font-size:50px; line-height:76px; height:76px; color:#ff7393; opacity:.1; position:absolute; left:100px; top:5px; text-transform:uppercase;}
.gy03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.gy03 .title .right{ float:left; margin-left:5%; margin-top:22px; position:relative; z-index:3;}
.gy03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:16px; width:158px; height:38px; line-height:38px; border-radius:40px; border:1px solid #ddd;}
.gy03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.gy03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy03 .title .wen{ width:100%; float:left; font-size:20px; line-height:30px; color:#999; margin-top:20px;}
.gy03 .box{ width:100%; display:flex; padding-top:45px;}
.gy03 .box .left{ width:47.5%;}
.gy03 .box .left #map{ width:100%; height:100%;}
.gy03 .box .right{ width:46.875%; margin-left:5.625%;}
.gy03 .box .right dl{ display:block; overflow:hidden; margin-top:-30px;}
.gy03 .box .right dl dt{ margin-top:30px; overflow:hidden; display:flex; align-items:center;}
.gy03 .box .right dl dt strong{ width:60px;}
.gy03 .box .right dl dt strong img{ width:60px; display:block;}
.gy03 .box .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.gy03 .box .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.gy03 .box .right dl dt p a{ display:block; font-size:18px; line-height:26px; color:#333;}
.gy03 .box .right dl dd{ margin-top:1.3vw; overflow:hidden; display:block;}
.gy03 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px; float:left;}
.gy03 .box .right dl dd p{ display:block; float:left; margin-top:10px; margin-right:20px;}
.gy03 .box .right dl dd strong{ width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.gy03 .box .right dl dd strong img{ width:100%; display:block;}
.gy03 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.gy03{ width:90%; padding:65px 5%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.gy03 .title{ width:100%; position:relative; z-index:3;}
.gy03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 140px); z-index:1;}
.gy03 .title .left .t01{ font-size:30px; line-height:34px; height:34px; color:#16ddd7;}
.gy03 .title .left .t02{ font-size:50px; line-height:58px; height:58px; color:#ff7393; opacity:.1; position:absolute; left:120px; top:10px; text-transform:uppercase;}
.gy03 .title .left .t03{ font-size:30px; line-height:40px; height:40px; color:#333; margin-top:4px;}
.gy03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:15px; width:138px; height:36px; line-height:36px; border-radius:40px; border:1px solid #ddd;}
.gy03 .title .right b{ display:block; width:20px; height:12px; margin-left:10px; background-image:url(../images/more.png);}
.gy03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy03 .title .wen{ width:100%; float:left; font-size:18px; line-height:28px; color:#999; margin-top:15px;}
.gy03 .box{ width:100%; padding-top:30px; display:flex;}
.gy03 .box .left{ width:48%;}
.gy03 .box .left #map{ width:100%; height:100%;}
.gy03 .box .right{ width:49%; margin-left:3%;}
.gy03 .box .right dl{ display:block; overflow:hidden; margin-top:-10px;}
.gy03 .box .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.gy03 .box .right dl dt strong{ width:60px;}
.gy03 .box .right dl dt strong img{ width:60px; display:block;}
.gy03 .box .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.gy03 .box .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.gy03 .box .right dl dt p a{ display:block; font-size:18px; line-height:26px; color:#333;}
.gy03 .box .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.gy03 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px; float:left;}
.gy03 .box .right dl dd p{ display:block; float:left; margin-top:10px; margin-right:30px;}
.gy03 .box .right dl dd strong{ width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.gy03 .box .right dl dd strong img{ width:100%; display:block;}
.gy03 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.gy03{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.gy03 .title{ width:100%; position:relative; z-index:3;}
.gy03 .title .left{ float:left; position:relative; font-weight:bold; width:calc(95% - 110px); z-index:1;}
.gy03 .title .left .t01{ font-size:24px; line-height:30px; height:30px; color:#16ddd7;}
.gy03 .title .left .t02{ font-size:40px; line-height:50px; height:50px; color:#ff7393; opacity:.1; position:absolute; left:80px; top:5px; text-transform:uppercase;}
.gy03 .title .left .t03{ font-size:20px; line-height:30px; height:30px; color:#333;}
.gy03 .title .right{ float:left; margin-left:5%; margin-top:20px; position:relative; z-index:3;}
.gy03 .title .right a{ display:flex; justify-content:center; align-items:center; font-size:14px; width:108px; height:30px; line-height:30px; border-radius:40px; border:1px solid #ddd;}
.gy03 .title .right b{ display:block; width:13px; height:8px; margin-left:5px; background-image:url(../images/more.png); background-position:right center; background-repeat:no-repeat;}
.gy03 .title .right a:hover{ background-color:#ff7393; color:#fff; border:1px solid #ff7393;}
.gy03 .title .right a:hover b{ background-image:url(../images/more01.png);}
.gy03 .title .wen{ width:100%; float:left; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.gy03 .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.gy03 .box .left{ width:100%;}
.gy03 .box .left #map{ width:100%; height:260px;}
.gy03 .box .right{ width:100%;}
.gy03 .box .right dl{ display:block; overflow:hidden;}
.gy03 .box .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.gy03 .box .right dl dt strong{ width:50px;}
.gy03 .box .right dl dt strong img{ width:50px; display:block;}
.gy03 .box .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.gy03 .box .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.gy03 .box .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.gy03 .box .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.gy03 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px; float:left;}
.gy03 .box .right dl dd p{ display:block; float:left; margin-top:10px; margin-right:15px;}
.gy03 .box .right dl dd strong{ width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.gy03 .box .right dl dd strong img{ width:100%; display:block;}
.gy03 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px;}
}

@media screen and (min-width:3441px){
.case{ width:100%; display:block; padding-top:5px;}
.case li{ display:block; float:left; margin-top:35px; width:22.75%; margin-left:3%; position:relative;}
.case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case li .tu{ width:100%; height:27.83vw; display:block; overflow:hidden; position:relative; z-index:1;}
.case li .tu img{ width:100%; display:block;}
.case li .wen{ padding:25px 8%; padding-top:20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.case li .wen .t01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:5px;}
.case li .wen .t02{ font-size:16px; line-height:26px; color:#fff;}
.case li:hover .wen{ opacity:1;}
.case li .bt{ font-size:20px; line-height:30px; font-weight:bold; height:30px; display:block; margin-top:15px; color:#333; padding:0 8%;}
.case li:hover .bt{ color:#ff7393;}
}
@media screen and (min-width:1024px) and (max-width:3440px){
.case{ width:100%; display:block; padding-top:5px;}
.case li{ display:block; float:left; margin-top:25px; width:23.5%; margin-left:2%; position:relative;}
.case li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case li .tu{ width:100%; height:32.34vw; display:block; overflow:hidden; position:relative; z-index:1;}
.case li .tu img{ width:100%; display:block;}
.case li .wen{ padding:20px 5%; padding-top:15px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.case li .wen .t01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold; margin-top:5px;}
.case li .wen .t02{ font-size:16px; line-height:26px; color:#fff;}
.case li:hover .wen{ opacity:1;}
.case li .bt{ font-size:18px; line-height:28px; font-weight:bold; height:28px; display:block; margin-top:10px; color:#fff; padding:0 5%;}
.case li:hover .bt{ color:#ff7393;}
}
@media only screen and (max-width:1023px){
.case{ width:100%; display:block;}
.case li{ display:block; float:left; margin-top:15px; width:48.5%; margin-left:3%; position:relative;}
.case li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case li .tu{ width:100%; height:69.72vw; display:block; overflow:hidden; position:relative; z-index:1;}
.case li .tu img{ width:100%; display:block;}
.case li .wen{ padding:15px 5%; padding-top:10px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; background-color:rgba(22,221,215,.9); opacity:0; z-index:5; max-height:100%; overflow:auto;}
.case li .wen .t01{ font-size:16px; line-height:26px; color:#fff; font-weight:bold; margin-top:5px;}
.case li .wen .t02{ font-size:14px; line-height:24px; color:#fff;}
.case li:hover .wen{ opacity:1;}
.case li .bt{ font-size:16px; line-height:26px; font-weight:bold; height:26px; display:block; margin-top:5px; color:#fff; padding:0 10px;}
.case li:hover .bt{ color:#ff7393;}
}