@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:16px; 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;}

/*header*/
@media screen and (min-width:1500px){
.header{ width:80%; padding:0 10%; height:80px; position:fixed; left:0; top:0; background-color:#fff; z-index:99;}
.header .logo{ float:left; height:50px; padding:15px 0; float:left;}
.header .logo img{ display:block; height:50px;}
.header .menuBox{ float:right; height:100%;}
.header .menuBox ul{ display:flex; align-items:center; height:100%; overflow:hidden;}
.header .menuBox ul li{ display:block; margin-left:2.6vw; font-size:16px; line-height:36px; color:#333; position:relative;}
.header .menuBox ul li a{ display:block;}
.header .menuBox ul li b{ width:0; height:2px; background-color:#021f61; display:block; position:absolute; left:0; bottom:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .menuBox ul li:hover a{ color:#021f61;}
.header .menuBox ul li:hover b{ width:100%;}
.header .mNav{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.header{ width:90%; padding:0 5%; height:70px; position:fixed; left:0; top:0; background-color:#fff; z-index:99;}
.header .logo{ float:left; height:50px; padding:10px 0; float:left;}
.header .logo img{ display:block; height:50px;}
.header .menuBox{ float:right; height:100%;}
.header .menuBox ul{ display:flex; align-items:center; height:100%; overflow:hidden;}
.header .menuBox ul li{ display:block; margin-left:2.6vw; font-size:16px; line-height:36px; color:#333; position:relative;}
.header .menuBox ul li a{ display:block;}
.header .menuBox ul li b{ width:0; height:2px; background-color:#021f61; display:block; position:absolute; left:0; bottom:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .menuBox ul li:hover a{ color:#021f61;}
.header .menuBox ul li:hover b{ width:100%;}
.header .mNav{ display:none;}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; height:60px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .logo{ height:40px; float:left; padding:10px 3%;}
.header .logo img{ display:block; height:40px;}
.header .mNav{ display:block; -webkit-transition:.8s; transition:.8s; height:60px; float:right; width:60px; position:relative;}
.header .mNav .burger{ width:32px; height:1px; background-color:#333; position:absolute; top:20px; left:50%; margin:0 0 0 -16px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header .mNav .burger:nth-of-type(2){ top:30px;}
.header .mNav .burger:nth-of-type(3){ top:40px;}
.header .mNav.active{ background-color:#021f61;}
.header .mNav.active .burger{ background-color:#fff;}
.header .mNav.active .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .mNav.active .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .mNav.active .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}

.menuBox{ position:fixed; top:-100vh; right:0; height:100vh; width:80%; background:rgba(2,31,97,.7); z-index:99; -webkit-transition:.8s; transition:.8s; display:block;}
.menuBox.open{ right:0; top:60px; padding-top:20px;}
.menuBox ul{ display:block; font-size:18px; width:100%; padding:18px 0; text-align:center;}
.menuBox ul li{ padding:15px 0; text-transform:uppercase; -webkit-transform:matrix(1,0,0,1,-600,0); transform:matrix(1,0,0,1,-600,0); -webkit-transition:all 1s; transition:all 1s;}
.menuBox.open ul li{ -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.menuBox ul li:nth-of-type(2){ transition-delay:0.2s;}
.menuBox ul li:nth-of-type(3){ transition-delay:0.3s;}
.menuBox ul li:nth-of-type(4){ transition-delay:0.4s;}
.menuBox ul li:nth-of-type(5){ transition-delay:0.5s;}
.menuBox ul li:nth-of-type(6){ transition-delay:0.6s;}
.menuBox ul li:nth-of-type(7){ transition-delay:0.7s;}
.menuBox ul li a{ color:#fff; overflow:hidden; display:inline-block; position:relative; font-size:16px; line-height:40px; height:40px;}
.menuBox ul li a b{ width:0; height:2px; display:block; background-color:#ffc001; position:absolute; left:0; bottom:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.menuBox ul li:hover a b,.menuBox ul li.on a b{ width:20px;}
}

/*banner*/
@media screen and (min-width:1500px){
.banner{ width:100%; padding-top:80px; height:calc(100% - 80px); position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide img{ display:none;}
.banner .swiper-pagination{ position:absolute; left:0; bottom:2.08vw; z-index:3; width:100%; display:flex; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:#fff; overflow:hidden; display:block; opacity:.5; margin:0 5px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.banner{ width:100%; padding-top:70px; height:54.6875vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide img{ display:none;}
.banner .swiper-pagination{ position:absolute; left:0; bottom:2.08vw; z-index:3; width:100%; display:flex; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:#fff; overflow:hidden; display:block; opacity:.5; margin:0 5px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; padding-top:60px; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative; background-image:none !important;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; left:0; bottom:15px; z-index:3; width:100%; display:flex; justify-content:center;}
.banner .swiper-pagination span{ width:10px; height:10px; border-radius:100%; background-color:#fff; overflow:hidden; display:block; opacity:.5; margin:0 5px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}

/*为什么要选择乐檬国际教育*/
@media screen and (min-width:1500px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ width:100%; display:flex; align-items:center; justify-content:center;}
.title .t01 b{ display:block;}
.title .t01 b img{ display:block; height:20px;}
.title .t01 strong{ display:block; font-size:30px; line-height:40px; color:#021f61; margin:0 10px; height:40px; overflow:hidden;}
.title .t02{ width:100%; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:4px;}
.index{ width:100%; position:relative; top:-80px;}
.wbox{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.wbox .title{ width:80%; margin:auto;}
.wbox .box{ width:100%; margin-top:45px; position:relative; z-index:3;}
.wbox .box .swiper-container{ width:100%;}
.wbox .box .swiper-container .swiper-slide{ width:37.5%; display:flex; align-items:center; transform:scale(0.8);}
.wbox .box .swiper-container .swiper-slide.swiper-slide-active{ transform:scale(1);}
.wbox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative; border-radius:10px; background-color:#f7f7f7; overflow:hidden;}
.wbox .box .swiper-container .swiper-slide a:before{ width:100%; padding-top:62.5%; display:block; overflow:hidden; content:"";}
.wbox .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ width:100%; display:flex; align-items:center; justify-content:center;}
.title .t01 b{ display:block;}
.title .t01 b img{ display:block; height:16px;}
.title .t01 strong{ display:block; font-size:24px; line-height:34px; color:#021f61; margin:0 7px; height:34px; overflow:hidden;}
.title .t02{ width:100%; text-align:center; font-size:15px; line-height:25px; color:#666; margin-top:1px;}
.index{ width:100%; position:relative; top:-70px;}
.wbox{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.wbox .title{ width:90%; margin:auto;}
.wbox .box{ width:100%; margin-top:30px; position:relative; z-index:3;}
.wbox .box .swiper-container{ width:100%;}
.wbox .box .swiper-container .swiper-slide{ width:37.5%; display:flex; align-items:center; transform:scale(0.85);}
.wbox .box .swiper-container .swiper-slide.swiper-slide-active{ transform:scale(1);}
.wbox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative; border-radius:10px; background-color:#f7f7f7; overflow:hidden;}
.wbox .box .swiper-container .swiper-slide a:before{ width:100%; padding-top:62.5%; display:block; overflow:hidden; content:"";}
.wbox .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width: 1023px){
.title{ width:100%; text-align:center; position:relative; z-index:3;}
.title .t01{ width:100%; display:flex; align-items:center; justify-content:center;}
.title .t01 b{ display:block;}
.title .t01 b img{ display:block; height:12px;}
.title .t01 strong{ display:block; font-size:18px; line-height:28px; color:#021f61; margin:0 4px; height:28px; overflow:hidden;}
.title .t02{ width:100%; text-align:center; font-size:14px; line-height:20px; color:#666; padding:2px 0;}
.index{ width:100%; position:relative; top:-60px;}
.wbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.wbox .title{ width:94%; margin:auto;}
.wbox .box{ width:100%; margin-top:15px; position:relative; z-index:3;}
.wbox .box .swiper-container{ width:100%;}
.wbox .box .swiper-container .swiper-slide{ width:80%; display:flex; align-items:center; transform:scale(0.9);}
.wbox .box .swiper-container .swiper-slide.swiper-slide-active{ transform:scale(1);}
.wbox .box .swiper-container .swiper-slide a{ width:100%; display:block; position:relative; border-radius:10px; background-color:#f7f7f7; overflow:hidden;}
.wbox .box .swiper-container .swiper-slide a:before{ width:100%; padding-top:62.5%; display:block; overflow:hidden; content:"";}
.wbox .box .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}

/*乐檬国际教育能做什么*/
@media screen and (min-width:1500px){
.sbox{ width:80%; padding:95px 10%; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.sbox .box{ width:100%; margin-top:45px; position:relative; z-index:3;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ width:22.786%; display:block; float:left; overflow:hidden; position:relative; border-radius:10px; margin-left:2.952%; background-size:cover; background-repeat:no-repeat; background-size:cover;}
.sbox .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sbox .box ul li .bg{ width:100%; position:relative; z-index:1;}
.sbox .box ul li .bg:before{ width:100%; padding-top:157.14%; display:block; content:""; overflow:hidden; background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0));}
.sbox .box ul li:hover .bg:before{ background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0.7));}
.sbox .box ul li .wen{ width:85.71%; height:28px; left:7.145%; bottom:25px; position:absolute; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box ul li .wen .w01{ color:#fff; font-size:18px; line-height:28px; font-weight:bold; text-align:center;}
.sbox .box ul li .wen .w02{ color:#fff; font-size:14px; line-height:24px; margin-top:10px;}
.sbox .box ul li .wen .w02 b{ color:#ffc001;}
.sbox .box ul li:hover .wen{ height:calc(100% - 50px); overflow:auto;}
.sbox .box ul li .wen::-webkit-scrollbar{ width:0; height:1px;}
.sbox .box ul li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.sbox .box ul li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.sbox{ width:90%; padding:65px 5%; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.sbox .box{ width:100%; margin-top:30px; position:relative; z-index:3;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ width:23.5%; display:block; float:left; overflow:hidden; position:relative; border-radius:7px; margin-left:2%; background-size:cover; background-repeat:no-repeat; background-size:cover;}
.sbox .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sbox .box ul li .bg{ width:100%; position:relative; z-index:1;}
.sbox .box ul li .bg:before{ width:100%; padding-top:157.14%; display:block; content:""; overflow:hidden; background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0));}
.sbox .box ul li:hover .bg:before{ background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0.7));}
.sbox .box ul li .wen{ width:90%; height:27px; left:5%; bottom:20px; position:absolute; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box ul li .wen .w01{ color:#fff; font-size:17px; line-height:27px; font-weight:bold; text-align:center;}
.sbox .box ul li .wen .w02{ color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.sbox .box ul li .wen .w02 b{ color:#ffc001;}
.sbox .box ul li:hover .wen{ height:calc(100% - 40px); overflow:auto;}
.sbox .box ul li .wen::-webkit-scrollbar{ width:0; height:1px;}
.sbox .box ul li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.sbox .box ul li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
}
@media only screen and (max-width: 1023px){
.sbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.sbox .box{ width:100%; position:relative; z-index:3;}
.sbox .box ul{ width:100%; display:block; overflow:hidden;}
.sbox .box ul li{ width:48.5%; display:block; float:left; overflow:hidden; position:relative; border-radius:5px; margin-left:3%; background-size:cover; background-repeat:no-repeat; background-size:cover; margin-top:15px;}
.sbox .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.sbox .box ul li .bg{ width:100%; position:relative; z-index:1;}
.sbox .box ul li .bg:before{ width:100%; padding-top:157.14%; display:block; content:""; overflow:hidden; background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0));}
.sbox .box ul li:hover .bg:before{ background:linear-gradient(to top,rgba(2,31,97,.7),rgba(2,31,97,0.7));}
.sbox .box ul li .wen{ width:94%; height:26px; left:3%; bottom:10px; position:absolute; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box ul li .wen .w01{ color:#fff; font-size:16px; line-height:26px; font-weight:bold; text-align:center;}
.sbox .box ul li .wen .w02{ color:#fff; font-size:14px; line-height:24px;}
.sbox .box ul li .wen .w02 b{ color:#ffc001;}
.sbox .box ul li:hover .wen{ height:calc(100% - 20px); overflow:auto;}
.sbox .box ul li .wen::-webkit-scrollbar{ width:0; height:1px;}
.sbox .box ul li .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.sbox .box ul li .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
}

/*最大限度地提供有意义的选择*/
@media screen and (min-width:1500px){
.abox{ width:80%; padding:95px 10%; padding-bottom:100px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.abox .title .t01 strong{ color:#fff;}
.abox .title .t02{ color:#fff;}
.abox .box{ width:100%; margin-top:45px; position:relative; z-index:3; display:flex; align-items:flex-end;}
.abox .box .left{ width:52%; float:left; padding-top:30px; position:relative;}
.abox .box .left .w01{ font-weight:bold; text-transform:uppercase; font-size:75px; line-height:75px; color:#fff; opacity:0.05; position:absolute; left:47.56%; top:0; z-index:1; font-family:Arial, Helvetica, sans-serif;}
.abox .box .left .w02{ position:relative; z-index:2; width:100%;}
.abox .box .left .w02 img{ display:block; height:80px; float:left;}
.abox .box .left .w02 p{ display:block; float:left; padding-top:23px; margin-left:3.65%;}
.abox .box .left .w02 strong{ display:block; font-size:24px; line-height:34px; color:#fff;}
.abox .box .left .w02 span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.abox .box .left .w02 span a{ color:#ffc001;}
.abox .box .left .w03{ position:relative; z-index:2; width:100%; margin-top:28px; font-size:16px; line-height:30px; color:#fff;}
.abox .box .left .w04{ width:100%; display:block; margin-top:-2px;}
.abox .box .left .w04 li{ display:block; float:left; margin-top:40px; width:31.71%; margin-left:2.435%;}
.abox .box .left .w04 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.abox .box .left .w04 li img{ display:block; float:left; width:24px; margin-top:15px;}
.abox .box .left .w04 li p{ display:block; float:left; width:calc(100% - 34px); margin-left:10px;}
.abox .box .left .w04 li p b{ display:block; color:#ffc001; font-size:50px; line-height:1;}
.abox .box .left .w04 li p span{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:6px;}
.abox .box .right{ width:43%; float:right; overflow:hidden; background-color:rgba(255,255,255,.1); padding:50px; border-radius:10px; font-size:16px; line-height:30px; color:#fff; box-sizing:border-box; margin-left:5%;}
/*.abox .box .right p{ display:block; width:47.17%; float:left; overflow:hidden; border-radius:10px; margin-left:5.66%;}
.abox .box .right p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right p img{ width:100%; display:block;}*/
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.abox{ width:90%; padding:65px 5%; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.abox .title .t01 strong{ color:#fff;}
.abox .title .t02{ color:#fff;}
.abox .box{ width:100%; margin-top:30px; position:relative; z-index:3; display:flex; align-items:center;}
.abox .box .left{ width:54%; float:left; padding-top:20px; position:relative;}
.abox .box .left .w01{ font-weight:bold; text-transform:uppercase; font-size:45px; line-height:45px; color:#fff; opacity:0.05; position:absolute; left:47.56%; top:0; z-index:1; font-family:Arial, Helvetica, sans-serif;}
.abox .box .left .w02{ position:relative; z-index:2; width:100%;}
.abox .box .left .w02 img{ display:block; height:60px; float:left;}
.abox .box .left .w02 p{ display:block; float:left; padding-top:9px; margin-left:3.65%;}
.abox .box .left .w02 strong{ display:block; font-size:20px; line-height:30px; color:#fff;}
.abox .box .left .w02 span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.abox .box .left .w02 span a{ color:#ffc001;}
.abox .box .left .w03{ position:relative; z-index:2; width:100%; margin-top:15px; font-size:15px; line-height:25px; color:#fff;}
.abox .box .left .w04{ width:100%; display:block;}
.abox .box .left .w04 li{ display:block; float:left; margin-top:20px; width:32%; margin-left:2%;}
.abox .box .left .w04 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.abox .box .left .w04 li img{ display:block; float:left; width:20px; margin-top:12px;}
.abox .box .left .w04 li p{ display:block; float:left; width:calc(100% - 30px); margin-left:10px;}
.abox .box .left .w04 li p b{ display:block; color:#ffc001; font-size:40px; line-height:1;}
.abox .box .left .w04 li p span{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:3px;}
.abox .box .right{ width:43%; float:right; overflow:hidden; background-color:rgba(255,255,255,.1); padding:30px; border-radius:7px; font-size:16px; line-height:26px; color:#fff; box-sizing:border-box; margin-left:3%;}
/*.abox .box .right p{ display:block; width:48.5%; float:left; overflow:hidden; border-radius:7px; margin-left:3%;}
.abox .box .right p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right p img{ width:100%; display:block;}*/
}
@media only screen and (max-width: 1023px){
.abox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.abox .title .t01 strong{ color:#fff;}
.abox .title .t02{ color:#fff;}
.abox .box{ width:100%; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left; position:relative; padding-top:15px;}
.abox .box .left .w01{ font-weight:bold; text-transform:uppercase; font-size:25px; line-height:25px; color:#fff; opacity:0.05; position:absolute; right:0; top:10px; z-index:1; font-family:Arial, Helvetica, sans-serif;}
.abox .box .left .w02{ position:relative; z-index:2; width:100%; display:flex; align-items:center;}
.abox .box .left .w02 img{ display:block; height:40px; float:left;}
.abox .box .left .w02 p{ display:block; float:left; margin-left:10px; width:calc(100% - 140px);}
.abox .box .left .w02 strong{ display:block; font-size:18px; line-height:28px; color:#fff;}
.abox .box .left .w02 span{ display:block; font-size:14px; line-height:24px; color:#fff;}
.abox .box .left .w02 span a{ color:#ffc001;}
.abox .box .left .w03{ position:relative; z-index:2; width:100%; margin-top:5px; font-size:14px; line-height:24px; color:#fff;}
.abox .box .left .w04{ width:100%; display:block;}
.abox .box .left .w04 li{ display:block; float:left; margin-top:10px; width:48.5%; margin-left:3%;}
.abox .box .left .w04 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .left .w04 li img{ display:block; float:left; width:16px; margin-top:8px;}
.abox .box .left .w04 li p{ display:block; float:left; width:calc(100% - 21px); margin-left:5px;}
.abox .box .left .w04 li p b{ display:block; color:#ffc001; font-size:30px; line-height:1;}
.abox .box .left .w04 li p span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.abox .box .right{ width:100%; float:right; overflow:hidden; background-color:rgba(255,255,255,.1); padding:15px; border-radius:5px; font-size:14px; line-height:24px; color:#fff; box-sizing:border-box; margin-top:15px;}
/*.abox .box .right p{ display:block; width:48.5%; float:left; overflow:hidden; border-radius:5px; margin-left:3%; margin-top:15px;}
.abox .box .right p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right p img{ width:100%; display:block;}*/
}

/*我们的客户*/
@media screen and (min-width:1500px){
.cbox{ width:80%; padding:95px 10%; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:100%; margin-top:45px; position:relative; z-index:3; display:flex; align-items:center;}
.cbox .box .left{ width:57.2917%; position:relative; overflow:hidden;}
.cbox .box .left .swiper-container{ width:118.18%; margin-left:-18.18%;}
.cbox .box .left .swiper-slide{ width:69.23%; position:relative; overflow:hidden; border-radius:10px;}
.cbox .box .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .left .swiper-slide b{ width:100%; padding-top:76.3888%; background-color:rgba(2,31,97,.7); display:block; position:relative; z-index:2; overflow:hidden;}
.cbox .box .left .swiper-slide.swiper-slide-active b{ opacity:0;}
.cbox .box .right{ width:36.85%; overflow:hidden; margin-left:5.8583%;}
.cbox .box .right .w01{ font-size:24px; line-height:34px; color:#021f61; font-weight:bold;}
.cbox .box .right .w02{ font-size:14px; line-height:22px; color:#666; text-transform:uppercase;}
.cbox .box .right .w03{ width:100%; margin-top:15px;}
.cbox .box .right .w03 b{ width:50px; height:2px; display:block; background-color:#ffc001;}
.cbox .box .right .w04{ font-size:14px; line-height:30px; margin-top:22px;}
.cbox .box .right .w05{ margin-top:42px; padding-bottom:5px;}
.cbox .box .right .w05 div{ width:46px; height:46px; border-radius:100%; float:right; margin-left:5.3%; cursor:pointer; overflow:hidden; background-color:#021f61;}
.cbox .box .right .w05 div img{ width:100%; display:block;}
.cbox .box .right .w05 div:hover{ background-color:#ffc001;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.cbox{ width:90%; padding:65px 5%; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:100%; margin-top:30px; position:relative; z-index:3; display:flex; align-items:center;}
.cbox .box .left{ width:57.2917%; position:relative; overflow:hidden;}
.cbox .box .left .swiper-container{ width:118.18%; margin-left:-18.18%;}
.cbox .box .left .swiper-slide{ width:69.23%; position:relative; overflow:hidden; border-radius:7px;}
.cbox .box .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .left .swiper-slide b{ width:100%; padding-top:76.3888%; background-color:rgba(2,31,97,.7); display:block; position:relative; z-index:2; overflow:hidden;}
.cbox .box .left .swiper-slide.swiper-slide-active b{ opacity:0;}
.cbox .box .right{ width:36.85%; overflow:hidden; margin-left:5.8583%;}
.cbox .box .right .w01{ font-size:20px; line-height:30px; color:#021f61; font-weight:bold;}
.cbox .box .right .w02{ font-size:14px; line-height:22px; color:#666; text-transform:uppercase;}
.cbox .box .right .w03{ width:100%; margin-top:10px;}
.cbox .box .right .w03 b{ width:40px; height:2px; display:block; background-color:#ffc001;}
.cbox .box .right .w04{ font-size:14px; line-height:24px; margin-top:15px;}
.cbox .box .right .w05{ margin-top:25px; padding-bottom:5px;}
.cbox .box .right .w05 div{ width:40px; height:40px; border-radius:100%; float:right; margin-left:5.3%; cursor:pointer; overflow:hidden; background-color:#021f61;}
.cbox .box .right .w05 div img{ width:100%; display:block;}
.cbox .box .right .w05 div:hover{ background-color:#ffc001;}
}
@media only screen and (max-width: 1023px){
.cbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.cbox .box{ width:100%; margin-top:15px; position:relative; z-index:3;}
.cbox .box .left{ width:100%; position:relative; overflow:hidden;}
.cbox .box .left .swiper-container{ width:118.18%; margin-left:-18.18%;}
.cbox .box .left .swiper-slide{ width:69.23%; position:relative; overflow:hidden; border-radius:5px;}
.cbox .box .left .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .left .swiper-slide b{ width:100%; padding-top:76.3888%; background-color:rgba(2,31,97,.7); display:block; position:relative; z-index:2; overflow:hidden;}
.cbox .box .left .swiper-slide.swiper-slide-active b{ opacity:0;}
.cbox .box .right{ width:100%; overflow:hidden; margin-top:15px;}
.cbox .box .right .w01{ font-size:16px; line-height:26px; color:#021f61; font-weight:bold;}
.cbox .box .right .w02{ font-size:12px; line-height:20px; color:#666; text-transform:uppercase;}
.cbox .box .right .w03{ width:100%; margin-top:5px;}
.cbox .box .right .w03 b{ width:30px; display:block; background-color:#ffc001; float:right;}
.cbox .box .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.cbox .box .right .w05{ margin-top:15px;}
.cbox .box .right .w05 div{ width:34px; height:34px; border-radius:100%; float:right; margin-left:15px; cursor:pointer; overflow:hidden; background-color:#021f61;}
.cbox .box .right .w05 div img{ width:100%; display:block;}
.cbox .box .right .w05 div:hover{ background-color:#ffc001;}
}

/*我们的特色*/
@media screen and (min-width:1500px){
.fbox{ width:80%; padding:95px 10%; padding-bottom:100px; position:relative; z-index:1; background-color:#f7f7f7;}
.fbox .box{ width:100%; margin-top:45px; position:relative; z-index:3;}
.fbox .box .tab_menu{ display:block; float:left; max-width:350px; width:29.9%;}
.fbox .box .tab_menu li{ padding-top:25px; display:block; border-bottom:1px solid #ddd; padding-bottom:5px; padding-right:17.14%; position:relative; overflow:hidden; cursor:pointer;}
.fbox .box .tab_menu li span{ font-size:14px; line-height:22px; height:22px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li p{ font-size:16px; line-height:28px; height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li img{ display:block; position:absolute; right:0; bottom:14px; height:10px; opacity:0;}
.fbox .box .tab_menu li.on{ border-bottom:1px solid #021f61;}
.fbox .box .tab_menu li.on p{ font-size:18px; font-weight:bold; color:#021f61;}
.fbox .box .tab_menu li.on img{ opacity:1;}
.fbox .box .tab{ width:65.1%; float:right;}
.fbox .box .tab .tabox{ width:100%; position:relative; overflow:hidden; border-radius:10px;}
.fbox .box .tab .tabox:before{ width:100%; padding-top:55%; display:block; content:""; overflow:hidden;}
.fbox .box .tab .tabox img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fbox .box .tab .tabox: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);}
.fbox .box .tab .tabox .wen{ width:80%; max-width:600px; position:absolute; left:5%; bottom:7.27%; background-color:rgba(2,31,97,.9); z-index:2; border-radius:10px; padding:25px 30px; box-sizing:border-box; max-height:80%; overflow:auto;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar{ width:0; height:1px;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.fbox .box .tab .tabox .wen .w01{ font-size:18px; line-height:28px; color:#fff;}
.fbox .box .tab .tabox .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.fbox{ width:90%; padding:65px 5%; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.fbox .box{ width:100%; margin-top:30px; position:relative; z-index:3;}
.fbox .box .tab_menu{ display:block; float:left; max-width:350px; width:29.9%;}
.fbox .box .tab_menu li{ padding-top:15px; display:block; border-bottom:1px solid #ddd; padding-bottom:5px; padding-right:17.14%; position:relative; overflow:hidden; cursor:pointer;}
.fbox .box .tab_menu li span{ font-size:14px; line-height:22px; height:22px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li p{ font-size:16px; line-height:26px; height:26px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li img{ display:block; position:absolute; right:0; bottom:13px; height:10px; opacity:0;}
.fbox .box .tab_menu li.on{ border-bottom:1px solid #021f61;}
.fbox .box .tab_menu li.on p{ font-size:16px; font-weight:bold; color:#021f61;}
.fbox .box .tab_menu li.on img{ opacity:1;}
.fbox .box .tab{ width:67.1%; float:right;}
.fbox .box .tab .tabox{ width:100%; position:relative; overflow:hidden; border-radius:7px;}
.fbox .box .tab .tabox:before{ width:100%; padding-top:55%; display:block; content:""; overflow:hidden;}
.fbox .box .tab .tabox img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fbox .box .tab .tabox: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);}
.fbox .box .tab .tabox .wen{ width:80%; max-width:600px; position:absolute; left:5%; bottom:7.27%; background-color:rgba(2,31,97,.9); z-index:2; border-radius:7px; padding:20px 25px; box-sizing:border-box; max-height:80%; overflow:auto;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar{ width:0; height:1px;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.fbox .box .tab .tabox .wen .w01{ font-size:17px; line-height:27px; color:#fff;}
.fbox .box .tab .tabox .wen .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
}
@media only screen and (max-width: 1023px){
.fbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.fbox .box{ width:100%; position:relative; z-index:3;}
.fbox .box .tab_menu{ display:block; width:100%;}
.fbox .box .tab_menu li{ padding-top:10px; display:block; border-bottom:1px solid #ddd; padding-right:30px; position:relative; overflow:hidden; cursor:pointer; padding-bottom:2px;}
.fbox .box .tab_menu li span{ font-size:12px; line-height:20px; height:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li p{ font-size:14px; line-height:24px; height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fbox .box .tab_menu li img{ display:block; position:absolute; right:0; bottom:12px; height:10px; opacity:0;}
.fbox .box .tab_menu li.on{ border-bottom:1px solid #021f61;}
.fbox .box .tab_menu li.on p{ font-size:16px; font-weight:bold; color:#021f61;}
.fbox .box .tab_menu li.on img{ opacity:1;}
.fbox .box .tab{ width:100%; margin-top:20px;}
.fbox .box .tab .tabox{ width:100%; position:relative; overflow:hidden; border-radius:5px;}
.fbox .box .tab .tabox:before{ width:100%; padding-top:55%; display:block; content:""; overflow:hidden;}
.fbox .box .tab .tabox img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.fbox .box .tab .tabox: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);}
.fbox .box .tab .tabox .wen{ width:80%; max-width:600px; position:absolute; left:3%; bottom:5%; background-color:rgba(2,31,97,.9); z-index:2; border-radius:5px; padding:10px 15px; box-sizing:border-box; max-height:80%; overflow:auto;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar{ width:0; height:1px;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:transparent;}
.fbox .box .tab .tabox .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.fbox .box .tab .tabox .wen .w01{ font-size:16px; line-height:26px; color:#fff;}
.fbox .box .tab .tabox .wen .w02{ font-size:14px; line-height:24px; color:#fff;}
}

/*合作伙伴*/
@media screen and (min-width:1500px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff; display:flex;}
.pbox .left{ width:43.23%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .right{ width:56.78%; padding:95px 10% 100px 4.23%; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.pbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.pbox .right .box{ width:100%; position:relative; z-index:2;}
.pbox .right .box .t01{ width:100%; display:flex; align-items:center; justify-content:flex-end;}
.pbox .right .box .t01 b{ display:block;}
.pbox .right .box .t01 b img{ display:block; height:20px;}
.pbox .right .box .t01 b:last-child{ display:none;}
.pbox .right .box .t01 strong{ display:block; font-size:30px; line-height:40px; color:#fff; margin-left:10px; height:40px; overflow:hidden;}
.pbox .right .box .t02{ width:100%; text-align:right; font-size:16px; line-height:26px; color:#fff; margin-top:15px;}
.pbox .right .box .t03{ width:100%; text-align:right; font-size:26px; line-height:36px; color:#ffc001; margin-top:40px; font-weight:bold;}
.pbox .right .box .t04{ width:100%; text-align:right; font-size:16px; line-height:24px; color:#fff; text-transform:uppercase; display:none;}
.pbox .right .box .t05{ width:100%; display:block; padding-top:80px;}
.pbox .right .box .t05 li{ display:block; float:left; margin-top:-25px; width:17.28%; margin-left:1.23%; position:relative;}
.pbox .right .box .t05 li:nth-child(1),.pbox .right .box .t05 li:nth-child(11){ margin-left:8.68%;}
.pbox .right .box .t05 li:nth-child(6),.pbox .right .box .t05 li:nth-child(16){ margin-left:0;}
.pbox .right .box .t05 li span{ display:block; width:100%;}
.pbox .right .box .t05 li span img{ width:100%; display:block;}
.pbox .right .box .t05 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .right .box .t05 li a img{ max-width:100%; max-height:100%; margin:auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff; display:flex;}
.pbox .left{ width:43.23%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .right{ width:56.78%; padding:65px 5% 70px 4.23%; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.pbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.pbox .right .box{ width:100%; position:relative; z-index:2;}
.pbox .right .box .t01{ width:100%; display:flex; align-items:center; justify-content:flex-end;}
.pbox .right .box .t01 b{ display:block;}
.pbox .right .box .t01 b:last-child{ display:none;}
.pbox .right .box .t01 b img{ display:block; height:16px;}
.pbox .right .box .t01 strong{ display:block; font-size:24px; line-height:34px; color:#fff; margin-left:7px; height:34px; overflow:hidden;}
.pbox .right .box .t02{ width:100%; text-align:right; font-size:15px; line-height:25px; color:#fff; margin-top:10px;}
.pbox .right .box .t03{ width:100%; text-align:right; font-size:22px; line-height:32px; color:#ffc001; margin-top:25px; font-weight:bold;}
.pbox .right .box .t04{ width:100%; text-align:right; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; display:none;}
.pbox .right .box .t05{ width:100%; display:block; padding-top:50px;}
.pbox .right .box .t05 li{ display:block; float:left; margin-top:-20px; width:17.28%; margin-left:1.23%; position:relative;}
.pbox .right .box .t05 li:nth-child(1),.pbox .right .box .t05 li:nth-child(11){ margin-left:8.68%;}
.pbox .right .box .t05 li:nth-child(6),.pbox .right .box .t05 li:nth-child(16){ margin-left:0;}
.pbox .right .box .t05 li span{ display:block; width:100%;}
.pbox .right .box .t05 li span img{ width:100%; display:block;}
.pbox .right .box .t05 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .right .box .t05 li a img{ max-width:100%; max-height:100%; margin:auto;}

}
@media only screen and (max-width: 1023px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff;}
.pbox .left{ display:none;}
.pbox .right{ width:100%; padding:35px 3% 40px 3%; background-position:center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box; position:relative;}
.pbox .right .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(2,31,97,.9);}
.pbox .right .box{ width:100%; position:relative; z-index:2;}
.pbox .right .box .t01{ width:100%; display:flex; align-items:center; justify-content:center;}
.pbox .right .box .t01 b{ display:block;}
.pbox .right .box .t01 b img{ display:block; height:12px;}
.pbox .right .box .t01 strong{ display:block; font-size:18px; line-height:28px; color:#fff; margin:0 4px; height:28px; overflow:hidden;}
.pbox .right .box .t02{ width:100%; text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.pbox .right .box .t03{ width:100%; text-align:center; font-size:16px; line-height:26px; color:#ffc001; margin-top:10px; font-weight:bold;}
.pbox .right .box .t04{ width:100%; text-align:center; font-size:12px; line-height:20px; color:#fff; text-transform:uppercase; display:none;}
.pbox .right .box .t05{ width:100%; display:block; padding-top:30px;}
.pbox .right .box .t05 li{ display:block; float:left; margin-top:-20px; width:27%; margin-right:3%; position:relative;}
.pbox .right .box .t05 li:nth-child(6n+1){ margin-left:13%;}
.pbox .right .box .t05 li:nth-child(3n){ margin-right:0;}
.pbox .right .box .t05 li span{ display:block; width:100%;}
.pbox .right .box .t05 li span img{ width:100%; display:block;}
.pbox .right .box .t05 li a{ width:78.57%; height:46.67%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .right .box .t05 li a img{ max-width:100%; max-height:100%; margin:auto;}
}

/*footer*/
@media screen and (min-width:1500px){
.footer{ width:80%; padding:0 10%; position:relative; z-index:1; background-color:#222;}
.footer .foot{ width:100%; display:flex; justify-content:space-between; padding:50px 0;}
.footer .foot .line{ width:1px; background-color:#444; margin:0 5%;}
.footer .foot .f01{ display:flex; align-items:center;}
.footer .foot .f01 img{ display:block; max-height:100px; max-width:100%;}
.footer .foot .f02{ display:block; margin-top:8px; max-width:30%;}
.footer .foot .f02 dt{ display:flex; overflow:hidden; height:49px;}
.footer .foot .f02 dt img{ display:block; float:left; height:49px;}
.footer .foot .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .foot .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .foot .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden; word-break:keep-all;}
.footer .foot .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .foot .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .foot .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .foot .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .bq{ width:100%; display:flex; justify-content:space-between; padding:19px 0; align-items:center; border-top:1px solid #333;}
.footer .bq .left{ overflow:hidden;}
.footer .bq .left p{ display:block; font-size:14px; line-height:24px; color:#ccc; margin-right:1vw; float:left;}
.footer .bq .left p a{ color:#ccc;}
.footer .bq .right{ margin-top:-10px;}
.footer .bq .right a{ display:block; margin-left:1.5625vw; height:20px; float:left; opacity:.5; margin-top:10px;}
.footer .bq .right a img{ display:block; height:20px;}
.footer .bq .right a:hover{ opacity:1;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px){
.footer{ width:90%; padding:0 5%; position:relative; z-index:1; background-color:#222;}
.footer .foot{ width:100%; display:flex; justify-content:space-between; padding:30px 0;}
.footer .foot .line{ width:1px; background-color:#444; margin:0 3%;}
.footer .foot .f01{ display:flex; align-items:center;}
.footer .foot .f01 img{ display:block; max-height:80px; max-width:100%;}
.footer .foot .f02{ display:block; margin-top:8px; max-width:30%;}
.footer .foot .f02 dt{ display:flex; overflow:hidden; height:49px;}
.footer .foot .f02 dt img{ display:block; float:left; height:49px;}
.footer .foot .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .foot .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .foot .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden; word-break:keep-all;}
.footer .foot .f02 dd{ display:block; overflow:hidden; padding-top:9px;}
.footer .foot .f02 dd p{ display:block; overflow:hidden; margin-top:5px;}
.footer .foot .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .foot .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .bq{ width:100%; display:flex; justify-content:space-between; padding:14px 0; align-items:center; border-top:1px solid #333;}
.footer .bq .left{ overflow:hidden;}
.footer .bq .left p{ display:block; font-size:14px; line-height:24px; color:#ccc; margin-right:1vw; float:left;}
.footer .bq .left p a{ color:#ccc;}
.footer .bq .right{ margin-top:-10px;}
.footer .bq .right a{ display:block; margin-left:1.5625vw; height:20px; float:left; opacity:.5; margin-top:10px;}
.footer .bq .right a img{ display:block; height:20px;}
.footer .bq .right a:hover{ opacity:1;}
}
@media only screen and (max-width: 1023px){
.footer{ width:90%; padding:0 5%; position:relative; z-index:1; background-color:#222;}
.footer .foot{ width:100%; padding:20px 0;}
.footer .foot .f01{ width:100%; padding:5px 0;}
.footer .foot .f01 img{ display:block; max-height:50px; max-width:100%; margin:auto;}
.footer .foot .f02{ display:block; margin-top:10px; width:100%;}
.footer .foot .f02 dt{ display:flex; overflow:hidden; height:49px;}
.footer .foot .f02 dt img{ display:block; float:left; height:49px;}
.footer .foot .f02 dt p{ display:block; float:left; margin-left:10px; overflow:hidden;}
.footer .foot .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .foot .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .foot .f02 dd{ display:block; overflow:hidden; padding-top:5px;}
.footer .foot .f02 dd p{ display:block; overflow:hidden; margin-top:2px;}
.footer .foot .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .foot .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .bq{ width:100%; padding:10px 0; border-top:1px solid #333;}
.footer .bq .left{ overflow:hidden; display:flex; justify-content:center; flex-wrap:wrap;}
.footer .bq .left p{ display:block; font-size:14px; line-height:20px; color:#ccc; margin:0 5px;}
.footer .bq .left p a{ color:#ccc;}
.footer .bq .right{ display:flex; justify-content:center; flex-wrap:wrap;}
.footer .bq .right a{ display:block; margin:5px; margin-bottom:0; height:20px; opacity:.5;}
.footer .bq .right a img{ display:block; height:20px;}
.footer .bq .right a:hover{ opacity:1;}
}