@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.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:#fff;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1440px){
.header{ width:100%; height:120px; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.grey{ background-color:#f5f5f5;}
.header.pos{ background-color:#f5f5f5; height:100px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.header .logo{ padding:0 3vw; height:100%; position:relative; z-index:3; float:left; background-color:#f5f5f5; border-bottom-right-radius:20px; display:flex; align-items:center; justify-content:center;}
.header .logo a{ height:68px; display:block;}
.header .logo img{ display:block; height:68px;}
.header .menuBox{ height:100%; float:left; position:relative;}
.header .menuBox dl{ width:100%; height:100%;}
.header .menuBox dl dt{ margin-left:3.64vw; float:left; height:100%; display:flex; align-items:center; position:relative;}
.header .menuBox dl dt>a{ font-weight:bold; display:block; color:#fff; z-index:3; position:relative; line-height:50px; height:50px; font-size:16px; text-transform:uppercase;}
.header.pos .menuBox dl dt a,.header.grey .menuBox dl dt a{ color:#333;}
.header .menuBox dl dt>a:hover{ color:#f28334;}
.header .menuBox dl dt.on b{ width:100%; height:4px; position:absolute; left:0; bottom:0; background-color:#0f4cbc; overflow:hidden;}
.header .menuBox dl dt span{ display:none;}
.header .menuBox dl dt p{ width:100%; min-width:200px; box-sizing:border-box; padding:10px; background-color:#f5f5f5; position:absolute; left:-20px; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:4px;}
.header .menuBox dl dt:nth-child(3) p{ width:310px;}
.header .menuBox dl dt:hover p{ top:90px; opacity:1; height:auto;}
.header.pos .menuBox dl dt:hover p,.header.grey .menuBox dl dt:hover p{ top:100%;}
.header .menuBox dl dt p a{ padding:0 20px; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .menuBox dl dt p a:hover{ color:#0f4cbc;}
.header .menuBox dl dd{ width:150px; float:left; margin-left:3.64vw; height:100%; display:flex; align-items:center;}
.header .menuBox dl dd a{ width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334); text-transform:uppercase; text-align:center; border-radius:4px; overflow:hidden; font-weight:bold;}
.header .menuBox dl dd a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
.header .mNav{ display:none;}
.header .yu{ height:100%; display:flex; align-items:center; float:right; margin-right:3vw; position:relative;}
.header .yu dt{ display:block; overflow:hidden; height:32px; cursor:pointer;}
.header .yu dt img{ height:28px; float:left; display:block; margin:2px 0;}
.header .yu dt img.img02{ display:none;}
.header .yu dt p{ width:86px; height:30px; line-height:30px; border-radius:4px; border:1px solid #fff; display:block; overflow:hidden; float:left; margin-left:12px; color:#fff; font-size:16px; text-indent:8px; text-transform:capitalize;}
.header .yu dt p b{ width:7px; height:6px; display:block; background-image:url(../images/sel.png); margin-top:12px; margin-right:8px; float:right;}
.header.pos .yu dt img.img01,.header.grey .yu dt img.img01{ display:none;}
.header.pos .yu dt img.img02,.header.grey .yu dt img.img02{ display:block;}
.header.pos .yu dt p,.header.grey .yu dt p{ border:1px solid #666; color:#666;}
.header.pos .yu dt p b,.header.grey .yu dt p b{ background-image:url(../images/sel01.png);}
.header .yu dd{ width:88px; background-color:#f5f5f5; position:absolute; right:0; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:4px; padding:10px 0;}
.header .yu.open dd{ top:90px; opacity:1; height:auto;}
.header.pos .yu.open dd,.header.grey .yu.open dd{ top:100%;}
.header .yu dd a{ padding:0 15px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative; text-align:center; text-transform:capitalize;}
.header .yu dd a:hover{ color:#0f4cbc;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:99; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.grey{ background-color:#f5f5f5;}
.header.pos{ background-color:#f5f5f5; height:80px; box-shadow:0 0 15px rgba(0,0,0,.1);}
.header .logo{ padding:0 3vw; height:100%; position:relative; z-index:3; float:left; background-color:#f5f5f5; border-bottom-right-radius:20px; display:flex; align-items:center; justify-content:center;}
.header .logo a{ height:68px; display:block;}
.header .logo img{ display:block; height:68px;}
.header .menuBox{ height:100%; float:left; position:relative;}
.header .menuBox dl{ width:100%; height:100%;}
.header .menuBox dl dt{ margin-left:3vw; float:left; height:100%; display:flex; align-items:center; position:relative;}
.header .menuBox dl dt>a{ font-weight:bold; display:block; color:#fff; z-index:3; position:relative; line-height:50px; height:50px; font-size:16px; text-transform:uppercase;}
.header.pos .menuBox dl dt a,.header.grey .menuBox dl dt a{ color:#333;}
.header .menuBox dl dt>a:hover{ color:#f28334;}
.header .menuBox dl dt.on b{ width:100%; height:4px; position:absolute; left:0; bottom:0; background-color:#0f4cbc; overflow:hidden;}
.header .menuBox dl dt span{ display:none;}
.header .menuBox dl dt p{ width:100%; min-width:200px; box-sizing:border-box; padding:10px; background-color:#f5f5f5; position:absolute; left:-20px; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:4px;}
.header .menuBox dl dt:nth-child(3) p{ width:310px;}
.header .menuBox dl dt:hover p{ top:90px; opacity:1; height:auto;}
.header.pos .menuBox dl dt:hover p,.header.grey .menuBox dl dt:hover p{ top:100%;}
.header .menuBox dl dt p a{ padding:0 20px; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .menuBox dl dt p a:hover{ color:#0f4cbc;}
.header .menuBox dl dd{ width:150px; float:left; margin-left:3vw; height:100%; display:flex; align-items:center;}
.header .menuBox dl dd a{ width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334); text-transform:uppercase; text-align:center; border-radius:4px; overflow:hidden; font-weight:bold;}
.header .menuBox dl dd a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
.header .mNav{ display:none;}
.header .yu{ height:100%; display:flex; align-items:center; float:right; margin-right:3vw; position:relative;}
.header .yu dt{ display:block; overflow:hidden; height:32px; cursor:pointer;}
.header .yu dt img{ height:28px; float:left; display:block; margin:2px 0;}
.header .yu dt img.img02{ display:none;}
.header .yu dt p{ width:86px; height:30px; line-height:30px; border-radius:4px; border:1px solid #fff; display:block; overflow:hidden; float:left; margin-left:12px; color:#fff; font-size:16px; text-indent:7px; text-transform:capitalize;}
.header .yu dt p b{ width:7px; height:6px; display:block; background-image:url(../images/sel.png); margin-top:12px; margin-right:7px; float:right;}
.header.pos .yu dt img.img01,.header.grey .yu dt img.img01{ display:none;}
.header.pos .yu dt img.img02,.header.grey .yu dt img.img02{ display:block;}
.header.pos .yu dt p,.header.grey .yu dt p{ border:1px solid #666; color:#666;}
.header.pos .yu dt p b,.header.grey .yu dt p b{ background-image:url(../images/sel01.png);}
.header .yu dd{ width:88px; background-color:#f5f5f5; position:absolute; right:0; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:4px; padding:10px 0;}
.header .yu.open dd{ top:90px; opacity:1; height:auto;}
.header.pos .yu.open dd{ top:100%;}
.header .yu dd a{ padding:0 15px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative; text-align:center; text-transform:capitalize;}
.header .yu dd a:hover{ color:#0f4cbc;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header .logo a{ height:50px;}
.header .logo img{ height:50px;}
.header .menuBox dl dt{ margin-left:2.6vw;}
.header .menuBox dl dt>a{ font-size:15px;}
.header .menuBox dl dd{ width:120px; margin-left:2.6vw;}
.header .menuBox dl dd a{ height:34px; line-height:34px; font-size:14px;}
.header .mNav{ display:none;}
.header .yu dt img{ height:24px; margin:4px 0;}
.header .yu dt p{ margin-left:10px; font-size:15px;}	
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:99;}
.header.grey{ background-color:#f5f5f5;}
.header.pos{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{ padding:0 3vw; height:60px; position:relative; z-index:3; float:left; background-color:#fff; border-bottom-right-radius:10px;}
.header.grey .logo{ background-color:#f5f5f5;}
.header.pos .logo{ background-color:#fff;}
.header .logo img{ display:block; height:34px; margin:13px auto;}
.header .mNav{ display:block; position:relative; z-index:3; height:60px; float:right; width:60px;}
.header .mNav .burger{ width:32px; height:1px; background-color:#fff; position:absolute; top:19px; left:50%; margin:0 0 0 -16px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.3s; transition:.3s;}
.header.pos .mNav .burger{ background-color:#333;}
.header .mNav .burger:nth-of-type(2){ top:30px;}
.header .mNav .burger:nth-of-type(3){ top:41px;}
.header .mNav.on .burger{ background-color:#fff;}
.header.grey .mNav .burger{ background-color:#333;}
.header .mNav.on .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .mNav.on .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .mNav.on .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.header .menuBox{ width:100%; height:0; position:absolute; left:0; top:0; z-index:1; background-color:#0f4cbc; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .menuBox{ background-color:#f5f5f5;}
.header .open.menuBox{ height:calc(100vh - 60px); padding-top:60px;}
.header .menuBox dl{ display:block; padding:30px 3%; width:100%; height:100%; overflow:hidden; box-sizing:border-box;}
.header .menuBox dl dd{ width:94%; position:absolute; left:3%; bottom:30px; display:block;}
.header .menuBox dl dd a{ width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334); text-transform:uppercase; text-align:center; border-radius:4px; overflow:hidden; font-weight:bold; display:block;}
.header .menuBox dl dd a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
.header .menuBox dl dt{ font-size:16px; line-height:26px; display:block; border-top:1px solid #2863ce; position:relative;}
.header.pos .menuBox dl dt{ border-top:1px solid #ddd;}
.header .menuBox dl dt:first-child{ border-top:none;}
.header .menuBox dl dt>a{ color:#fff; display:block; padding:15px 0;}
.header.pos .menuBox dl dt>a{ color:#333;} 
.header .menuBox dl dt.on>a{ color:#f28334;}
.header .menuBox dl dt.active>a{ color:#f28334;}
.header .menuBox dl dt span{ display:block; width:16px; padding:17px 15px; position:absolute; right:0; top:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.header .menuBox dl dt svg{ height:16px; display:block; color:#fff;}
.header.pos .menuBox dl dt svg{ color:#666;}
.header .menuBox dl dt.active span{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .menuBox dl dt p{ padding:10px 25px; background-color:#2863ce; display:none; text-align:left; overflow:hidden;}
.header.pos .menuBox dl dt p{ background-color:#fff;}
.header .menuBox dl dt p a{ padding:10px 0; border-bottom:1px top #0f4cbc; font-size:14px; line-height:18px; display:block; text-transform:capitalize; color:#fff;}
.header.pos .menuBox dl dt p a{ color:#333; border-bottom:1px top #ddd;}
.header .menuBox dl dt p a:hover{ color:#0f4cbc;}
.header .menuBox dl dt p a:first-child{ border-top:none;}
.header .yu{ height:100%; display:flex; align-items:center; float:right; margin-right:3vw; position:relative;}
.header .yu dt{ display:block; overflow:hidden; height:30px; cursor:pointer;}
.header .yu dt img{ height:24px; float:left; display:block; margin:3px 0;}
.header .yu dt img.img02{ display:none;}
.header .yu dt p{ width:86px; height:28px; line-height:28px; border-radius:4px; border:1px solid #fff; display:block; overflow:hidden; float:left; margin-left:8px; color:#fff; font-size:14px; text-indent:6px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.3s; transition:.3s; text-transform:capitalize;}
.header .yu dt p b{ width:7px; height:6px; display:block; background-image:url(../images/sel.png); margin-top:12px; margin-right:6px; float:right;}
.header.pos .yu dt img.img01,.header.grey .yu dt img.img01{ display:none;}
.header.pos .yu dt img.img02,.header.grey .yu dt img.img02{ display:block;}
.header.pos .yu dt p,.header.grey .yu dt p{ border:1px solid #666; color:#666;}
.header.pos .yu dt p b,.header.grey .yu dt p b{ background-image:url(../images/sel01.png);}
.header .yu dd{ width:88px; background-color:#f5f5f5; position:absolute; right:0; top:70px;-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; border-radius:4px; padding:10px 0;}
.header .yu.open dd{ top:100%; opacity:1; height:auto;}
.header .yu dd a{ padding:0 15px; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative; text-align:center; text-transform:capitalize;}
.header .yu dd a:hover{ color:#0f4cbc;}
}

/*banner*/
@media screen and (min-width:1440px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; max-height:100vh; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide .wen{ font-size:60px; line-height:70px; text-transform:uppercase; color:#fff; font-weight:bold; width:90%; max-width:1410px; position:absolute; bottom:7vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:9; height:3.125vw; max-height:60px;}
.banner .swiper-pagination span{ width:60px; height:4px; display:block; border-radius:5px; background-color:#dcdcdc; float:left; margin:0 10px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f28334;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; max-height:100vh; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide .wen{ font-size:50px; line-height:60px; text-transform:uppercase; color:#fff; font-weight:bold; width:90%; max-width:1410px; position:absolute; bottom:7vw; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:9; height:3.125vw; max-height:50px;}
.banner .swiper-pagination span{ width:50px; height:3px; display:block; border-radius:5px; background-color:#dcdcdc; float:left; margin:0 7px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f28334;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner .swiper-slide .wen{ font-size:40px; line-height:50px;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:50vh; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide .wen{ font-size:30px; line-height:40px; text-transform:uppercase; color:#fff; font-weight:bold; width:94%; position:absolute; bottom:40px; left:3%; z-index:9;}
.banner .swiper-pagination{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:9; height:20px;}
.banner .swiper-pagination span{ width:40px; height:2px; display:block; border-radius:5px; background-color:#dcdcdc; float:left; margin:0 4px; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f28334;}
}

/*about*/
@media screen and (min-width:1440px){
.abox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:90px;}
.abox .bg{ width:55.21%; max-width:1060px; position:absolute; right:0; bottom:0;}
.abox .bg img{ width:100%; display:block;}
.abox .sbox{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.abox .sbox dt{ display:block; overflow:hidden; float:left; margin-right:11.77%;}
.abox .sbox dt:last-child{ margin-right:0;}
.abox .sbox dt b{ display:block; font-size:34px; line-height:44px; color:#0f4cbc;}
.abox .sbox dt span{ width:80px; height:2px; display:block; margin:10px 0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .sbox dt p{ display:block; font-size:16px; line-height:24px; color:#737373;}
.abox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:85px;}
.abox .box .left{ width:41.13%; padding-bottom:100px;}
.abox .box .left .w01{ font-size:46px; line-height:56px; font-weight:bold; color:#0f4cbc;}
.abox .box .left .w02{ width:100%; font-size:16px; line-height:26px; min-height:364px; padding-top:35px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:14;}
.abox .box .left .w02 p{ display:block;}
.abox .box .left .w03{ margin-top:45px;}
.abox .box .left .w03 a{ display:block; float:left; padding:0 20px; font-size:18px; line-height:42px; height:42px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .box .left .w03 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.abox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:65px;}
.abox .bg{ width:55.21%; max-width:770px; position:absolute; right:0; top:140px; height:calc(100% - 140px);}
.abox .bg img{ position:absolute; left:0; top:0; height:100%; display:block;}
.abox .sbox{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.abox .sbox dd{ display:block;}
.abox .sbox dt{ display:block; overflow:hidden; float:left; margin-right:10%;}
.abox .sbox dt:last-child{ margin-right:0;}
.abox .sbox dt b{ display:block; font-size:30px; line-height:38px; color:#0f4cbc;}
.abox .sbox dt span{ width:60px; height:2px; display:block; margin:7px 0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .sbox dt p{ display:block; font-size:15px; line-height:23px; color:#737373;}
.abox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3; padding-top:55px;}
.abox .box .left{ width:41.13%; padding-bottom:70px;}
.abox .box .left .w01{ font-size:36px; line-height:46px; font-weight:bold; color:#0f4cbc;}
.abox .box .left .w02{ width:100%; font-size:15px; line-height:25px; padding-top:20px; min-height:350px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:14;}
.abox .box .left .w02 p{ display:block;}
.abox .box .left .w03{ margin-top:30px;}
.abox .box .left .w03 a{ display:block; float:left; padding:0 17px; font-size:16px; line-height:38px; height:38px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .box .left .w03 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:35px;}
.abox .sbox{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-10px; display:flex; flex-wrap:wrap;}
.abox .sbox dd{ width:3%;}
.abox .sbox dd:nth-child(4){ display:none;}
.abox .sbox dt{ width:48.5%; display:block; float:left; overflow:hidden; margin-top:10px;}
.abox .sbox dt b{ display:block; font-size:26px; line-height:34px; color:#0f4cbc;}
.abox .sbox dt span{ width:40px; height:2px; display:block; margin:4px 0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .sbox dt p{ display:block; font-size:14px; line-height:22px; color:#737373;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:30px;}
.abox .box .left{ width:100%;}
.abox .box .left .w01{ font-size:26px; line-height:36px; font-weight:bold; color:#0f4cbc;}
.abox .box .left .w02{ width:100%; font-size:14px; line-height:24px; padding-top:10px; height:240px;}
.abox .box .left .w03{ margin-top:15px;}
.abox .box .left .w03 a{ display:block; float:left; padding:0 14px; font-size:14px; line-height:34px; height:34px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.abox .box .left .w03 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
.abox .bg{ width:97%; margin-left:3%;}
.abox .bg img{ width:100%; display:block;}
}

/*service*/
@media screen and (min-width:1440px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:100px; padding-bottom:100px;}
.pbox .bg{ width:100%; height:374px; position:absolute; left:0; top:0; z-index:1; background-color:#f5f5f5;}
.pbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:45.82%; float:left;}
.pbox .box .left img{ width:113.47%; display:block; margin-left:-13.47%;}
.pbox .box .right{ width:49.93%; float:right; padding-bottom:95px;}
.pbox .box .right .w01{ width:100%;}
.pbox .box .right .w01 a{ display:block; float:left; font-weight:bold; font-size:46px; line-height:56px; padding-bottom:15px; position:relative;}
.pbox .box .right .w01 a b{ display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .right .w02{ width:100%; font-size:16px; line-height:26px; margin-top:15px; font-weight:bold;}
.pbox .box .right .w03{ width:100%; font-size:16px; line-height:26px; margin-top:15px;}
.pbox .box .list{ width:49.93%; float:right; padding-top:85px;}
.pbox .box .list .zc{ width:320px; float:left;}
.pbox .box .list .zc a{ display:block; padding:0 10px; font-size:16px; height:44px; line-height:44px; font-weight:bold; overflow:hidden; cursor:pointer; position:relative;}
.pbox .box .list .zc a:hover{ background:linear-gradient(to right,#d3dbec,#fae6d7);}
.pbox .box .list .zc a img{ display:none; height:18px; position:absolute; right:10px; top:50%; margin-top:-9px;}
.pbox .box .list .zc a:hover img{ display:block;}
.pbox .box .list .yc{ width:calc(92.45% - 320px); margin-left:7.55%; float:right;}
.pbox .box .list .yc .w01{ font-size:14px; line-height:24px; margin-top:10px; letter-spacing:8px;}
.pbox .box .list .yc .w02{ font-size:40px; line-height:50px; margin-top:30px; color:#0f4cbc; font-weight:bold; word-break:break-all;}
.pbox .box .list .yc .w03{ width:140px; height:6px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:35px;}
.pbox .box .list .yc .w04{ font-size:14px; line-height:24px; margin-top:35px;}
.pbox .box .list .yc .w05{ margin-top:45px;}
.pbox .box .list .yc .w05 a{ display:block; float:right; padding:0 20px; font-size:18px; line-height:42px; height:42px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .list .yc .w05 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:70px; padding-bottom:70px;}
.pbox .bg{ width:100%; height:286px; position:absolute; left:0; top:0; z-index:1; background-color:#f5f5f5;}
.pbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:45.82%; float:left;}
.pbox .box .left img{ width:113.47%; display:block; margin-left:-13.47%;}
.pbox .box .right{ width:49.93%; float:right; padding-bottom:65px;}
.pbox .box .right .w01{ width:100%;}
.pbox .box .right .w01 a{ display:block; float:left; font-weight:bold; font-size:36px; line-height:46px; padding-bottom:10px; position:relative;}
.pbox .box .right .w01 a b{ display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .right .w02{ width:100%; font-size:15px; line-height:25px; margin-top:10px; font-weight:bold;}
.pbox .box .right .w03{ width:100%; font-size:15px; line-height:25px; margin-top:10px;}
.pbox .box .list{ width:49.93%; float:right; padding-top:65px;}
.pbox .box .list .zc{ width:290px; float:left;}
.pbox .box .list .zc a{ display:block; padding:0 10px; font-size:15px; height:40px; line-height:40px; font-weight:bold; overflow:hidden; cursor:pointer; position:relative;}
.pbox .box .list .zc a:hover{ background:linear-gradient(to right,#d3dbec,#fae6d7);}
.pbox .box .list .zc a img{ display:none; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px;}
.pbox .box .list .zc a:hover img{ display:block;}
.pbox .box .list .yc{ width:calc(95% - 290px); margin-left:5%; float:right;}
.pbox .box .list .yc .w01{ font-size:14px; line-height:24px; margin-top:8px; letter-spacing:4px;}
.pbox .box .list .yc .w02{ font-size:30px; line-height:40px; margin-top:20px; color:#0f4cbc; font-weight:bold; word-break:break-all;}
.pbox .box .list .yc .w03{ width:100px; height:4px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:25px;}
.pbox .box .list .yc .w04{ font-size:14px; line-height:24px; margin-top:25px;}
.pbox .box .list .yc .w05{ margin-top:30px;}
.pbox .box .list .yc .w05 a{ display:block; float:right; padding:0 17px; font-size:16px; line-height:38px; height:38px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .list .yc .w05 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pbox .box .right{ width:54.18%;}
.pbox .box .list{ width:54.18%;}
.pbox .box .list .yc{ width:calc(97% - 290px); margin-left:3%;}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:35px; padding-bottom:40px;}
.pbox .bg{ width:100%; height:286px; position:absolute; left:0; top:0; z-index:1; background-color:#f5f5f5;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.pbox .box .left{ width:100%; float:left;}
.pbox .box .left img{ width:100%; display:block;}
.pbox .box .right{ width:100%; float:right; padding-bottom:15px;}
.pbox .box .right .w01{ width:100%;}
.pbox .box .right .w01 a{ display:block; float:left; font-weight:bold; font-size:26px; line-height:36px; padding-bottom:5px; position:relative;}
.pbox .box .right .w01 a b{ display:block; width:100%; height:2px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .right .w02{ width:100%; font-size:14px; line-height:24px; margin-top:10px; font-weight:bold;}
.pbox .box .right .w03{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.pbox .box .list{ width:100%; float:right; padding-top:25px;}
.pbox .box .list .zc{ margin-top:15px; margin-left:-10px; max-width:270px;}
.pbox .box .list .zc a{ display:block; padding:0 10px; font-size:14px; height:36px; line-height:36px; font-weight:bold; overflow:hidden; cursor:pointer; position:relative;}
.pbox .box .list .zc a:hover{ background:linear-gradient(to right,#d3dbec,#fae6d7); margin-left:10px;}
.pbox .box .list .zc a img{ display:none; height:14px; position:absolute; right:10px; top:50%; margin-top:-7px;}
.pbox .box .list .zc a:hover img{ display:block;}
.pbox .box .list .yc{ width:100%;}
.pbox .box .list .yc .w01{ font-size:14px; line-height:24px}
.pbox .box .list .yc .w02{ font-size:24px; line-height:34px; margin-top:5px; color:#0f4cbc; font-weight:bold; word-break:break-all;}
.pbox .box .list .yc .w03{ width:60px; height:2px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:10px;}
.pbox .box .list .yc .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.pbox .box .list .yc .w05{ margin-top:15px;}
.pbox .box .list .yc .w05 a{ display:block; float:left; padding:0 14px; font-size:14px; line-height:34px; height:34px; border-radius:4px; color:#fff; font-weight:bold; overflow:hidden; text-transform:capitalize; background:linear-gradient(to right,#0f4cbc,#f28334);}
.pbox .box .list .yc .w05 a:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}

/*why*/
@media screen and (min-width:1440px){
.title{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:46px; line-height:56px; font-weight:bold;}
.wbox .swiper-button-prev{ width:40px; position:absolute; right:60px; top:50%; margin-top:-20px;}
.wbox .swiper-button-prev img{ width:100%; display:block;}
.wbox .swiper-button-next{ width:40px; position:absolute; right:0; top:50%; margin-top:-20px;}
.wbox .swiper-button-next img{ width:100%; display:block;}
.wbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:90px; padding-bottom:100px;}
.wbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.wbox .box .swiper-container{ overflow:visible;}
.wbox .box .swiper-slide{ width:31.82%; border-radius:30px; background-color:#e6e6e6; overflow:hidden; display:flex; flex-direction:column;}
.wbox .box .swiper-slide .wen{ flex:1; padding:65px 11.16%; padding-bottom:45px;}
.wbox .box .swiper-slide .wen .w01{ font-size:30px; line-height:40px; font-weight:bold; height:120px;}
.wbox .box .swiper-slide .wen .w02{ width:100%; display:block; padding-top:10px;}
.wbox .box .swiper-slide .wen .w02 li{ display:block; overflow:hidden; margin-top:5px;}
.wbox .box .swiper-slide .wen .w02 li b{ width:6px; height:6px; display:block; float:left; border-radius:100%; background-color:#f28334; overflow:hidden; margin:10px; margin-left:0;}
.wbox .box .swiper-slide .wen .w02 li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; width:calc(100% - 26px);}
.wbox .box .swiper-slide .tu{ width:100%; position:relative; border-radius:30px;}
.wbox .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:44.64%;}
.wbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.wbox .box .swiper-slide:hover{ background-color:#0f4cbc;}
.wbox .box .swiper-slide:hover .w01{ color:#fff;}
.wbox .box .swiper-slide:hover .w02 li p{ color:#E7E7E7;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.title{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:36px; line-height:46px; font-weight:bold;}
.wbox .swiper-button-prev{ width:36px; position:absolute; right:51px; top:50%; margin-top:-18px;}
.wbox .swiper-button-prev img{ width:100%; display:block;}
.wbox .swiper-button-next{ width:36px; position:absolute; right:0; top:50%; margin-top:-18px;}
.wbox .swiper-button-next img{ width:100%; display:block;}
.wbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:65px; padding-bottom:70px;}
.wbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.wbox .box .swiper-container{ overflow:visible;}
.wbox .box .swiper-slide{ width:31.82%; border-radius:20px; background-color:#e6e6e6; overflow:hidden; display:flex; flex-direction:column;}
.wbox .box .swiper-slide .wen{ flex:1; padding:45px 7%; padding-bottom:30px;}
.wbox .box .swiper-slide .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; height:102px;}
.wbox .box .swiper-slide .wen .w02{ width:100%; display:block; padding-top:5px;}
.wbox .box .swiper-slide .wen .w02 li{ display:block; overflow:hidden; margin-top:5px;}
.wbox .box .swiper-slide .wen .w02 li b{ width:5px; height:5px; display:block; float:left; border-radius:100%; background-color:#f28334; overflow:hidden; margin:10px; margin-left:0;}
.wbox .box .swiper-slide .wen .w02 li p{ display:block; font-size:15px; line-height:25px; overflow:hidden; width:calc(100% - 25px);}
.wbox .box .swiper-slide .tu{ width:100%; position:relative; border-radius:20px;}
.wbox .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:44.64%;}
.wbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.wbox .box .swiper-slide:hover{ background-color:#0f4cbc;}
.wbox .box .swiper-slide:hover .w01{ color:#fff;}
.wbox .box .swiper-slide:hover .w02 li p{ color:#E7E7E7;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3;}
.title .t01{ font-size:26px; line-height:36px; font-weight:bold;}
.wbox .swiper-button-prev{ width:32px; position:absolute; right:42px; top:50%; margin-top:-16px;}
.wbox .swiper-button-prev img{ width:100%; display:block;}
.wbox .swiper-button-next{ width:32px; position:absolute; right:0; top:50%; margin-top:-16px;}
.wbox .swiper-button-next img{ width:100%; display:block;}
.wbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:35px; padding-bottom:40px;}
.wbox .title .t01{ padding-right:84px;}
.wbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.wbox .box .swiper-container{ overflow:visible;}
.wbox .box .swiper-slide{ width:70%; border-radius:10px; background-color:#e6e6e6; overflow:hidden; display:flex; flex-direction:column;}
.wbox .box .swiper-slide .wen{ flex:1; padding:25px 15px; padding-bottom:15px;}
.wbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; font-weight:bold; height:84px;}
.wbox .box .swiper-slide .wen .w02{ width:100%; display:block;}
.wbox .box .swiper-slide .wen .w02 li{ display:block; overflow:hidden; padding-top:5px;}
.wbox .box .swiper-slide .wen .w02 li b{ width:4px; height:4px; display:block; float:left; border-radius:100%; background-color:#f28334; overflow:hidden; margin:10px 6px; margin-left:0;}
.wbox .box .swiper-slide .wen .w02 li p{ display:block; font-size:14px; line-height:24px; overflow:hidden; width:calc(100% - 20px);}
.wbox .box .swiper-slide .tu{ width:100%; position:relative; border-radius:10px;}
.wbox .box .swiper-slide .tu:before{ width:100%; display:block; content:''; padding-top:44.64%;}
.wbox .box .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.wbox .box .swiper-slide:hover{ background-color:#0f4cbc;}
.wbox .box .swiper-slide:hover .w01{ color:#fff;}
.wbox .box .swiper-slide:hover .w02 li p{ color:#E7E7E7;}
}

/*one world*/
@media screen and (min-width:1440px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:90px; padding-bottom:100px; background-position:center; background-size:cover;}
.mbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:270px; float:left;}
.mbox .box .left .w01{ width:100%; overflow:hidden;}
.mbox .box .left .w01 b{ display:block; float:left; font-size:46px; line-height:56px; font-weight:bold; position:relative; padding-bottom:30px;}
.mbox .box .left .w01 span{ width:100%; height:6px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.mbox .box .left .w02{ width:100%; font-size:20px; line-height:30px; font-weight:bold; color:#0f4cbc; margin-top:25px; text-transform:capitalize;}
.mbox .box .left .w03{ width:100%; font-size:16px; line-height:26px; margin-top:25px;}
.mbox .box .left .w04{ display:block;}
.mbox .box .left .w04 li{ display:flex; align-items:center; overflow:hidden; margin-top:60px;}
.mbox .box .left .w04 li b{ display:block; width:42px; padding:5px 0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.mbox .box .left .w04 li:hover b{ -webkit-transform:rotateY(-360deg);}
.mbox .box .left .w04 li b img{ width:100%; display:block;}
.mbox .box .left .w04 li strong{ display:block; flex:1; margin-left:10px; font-size:20px; line-height:30px;}
.mbox .box .right{ width:calc(97.16% - 270px); max-width:1277px; float:right; margin-top:10px; position:relative;}
.mbox .box .right img{ width:100%; display:block; position:relative; z-index:1;}
.mbox .box .right a{ width:2.19%; display:block; position:absolute; z-index:3;}
.mbox .box .right a .img01{ display:block;}
.mbox .box .right a .img02{ display:none;}
.mbox .box .right a:hover .img01{ display:none;}
.mbox .box .right a:hover .img02{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:65px; padding-bottom:70px; background-position:center; background-size:cover;}
.mbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:250px; float:left;}
.mbox .box .left .w01{ width:100%; overflow:hidden;}
.mbox .box .left .w01 b{ display:block; float:left; font-size:36px; line-height:46px; font-weight:bold; position:relative; padding-bottom:20px;}
.mbox .box .left .w01 span{ width:100%; height:4px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.mbox .box .left .w02{ width:100%; font-size:18px; line-height:28px; font-weight:bold; color:#0f4cbc; margin-top:15px; text-transform:capitalize;}
.mbox .box .left .w03{ width:100%; font-size:15px; line-height:25px; margin-top:15px;}
.mbox .box .left .w04{ display:block;}
.mbox .box .left .w04 li{ display:flex; align-items:center; overflow:hidden; margin-top:20px;}
.mbox .box .left .w04 li b{ display:block; width:42px; padding:5px 0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.mbox .box .left .w04 li:hover b{ -webkit-transform:rotateY(-360deg);}
.mbox .box .left .w04 li b img{ width:100%; display:block;}
.mbox .box .left .w04 li strong{ display:block; flex:1; margin-left:10px; font-size:18px; line-height:28px;}
.mbox .box .right{ width:calc(97.16% - 250px); max-width:1277px; float:right; margin-top:5px; position:relative;}
.mbox .box .right img{ width:100%; display:block; position:relative; z-index:1;}
.mbox .box .right a{ width:2.19%; display:block; position:absolute; z-index:3;}
.mbox .box .right a .img01{ display:block;}
.mbox .box .right a .img02{ display:none;}
.mbox .box .right a:hover .img01{ display:none;}
.mbox .box .right a:hover .img02{ display:block;}
}
@media only screen and (max-width:1023px){
.mbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:35px; padding-bottom:40px; background-position:center; background-size:cover;}
.mbox .title .t01{ padding-right:84px;}
.mbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:100%; float:left;}
.mbox .box .left .w01{ width:100%; overflow:hidden;}
.mbox .box .left .w01 b{ display:block; float:left; font-size:26px; line-height:36px; font-weight:bold; position:relative; padding-bottom:12px;}
.mbox .box .left .w01 span{ width:100%; height:2px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0f4cbc,#f28334);}
.mbox .box .left .w02{ width:100%; font-size:16px; line-height:26px; font-weight:bold; color:#0f4cbc; margin-top:10px; text-transform:capitalize;}
.mbox .box .left .w03{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.mbox .box .left .w04{ display:block;}
.mbox .box .left .w04 li{ display:flex; align-items:center; overflow:hidden; margin-top:10px;}
.mbox .box .left .w04 li b{ display:block; width:42px; padding:5px 0; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.mbox .box .left .w04 li:hover b{ -webkit-transform:rotateY(-360deg);}
.mbox .box .left .w04 li b img{ width:100%; display:block;}
.mbox .box .left .w04 li strong{ display:block; flex:1; margin-left:10px; font-size:16px; line-height:26px;}
.mbox .box .right{ width:100%; float:right; max-width:1277px; float:right; margin-top:15px; position:relative;}
.mbox .box .right img{ width:100%; display:block; position:relative; z-index:1;}
.mbox .box .right a{ width:2.19%; display:block; position:absolute; z-index:3;}
.mbox .box .right a .img01{ display:block;}
.mbox .box .right a .img02{ display:none;}
.mbox .box .right a:hover .img01{ display:none;}
.mbox .box .right a:hover .img02{ display:block;}
}

/*Partner*/
.hbox .box .swiper-wrapper {  
    transition-timing-function:linear !important;
    -webkit-transition-timing-function: linear !important;   
	-moz-transition-timing-function: linear !important;
	-ms-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
@media screen and (min-width:1440px){
.hbox .swiper-button-prev{ width:40px; height:40px; border-radius:100%; background-image:url(../images/prev01.png); background-size:100% 100%; position:absolute; left:-5.5%; top:50%; margin-top:-20px; z-index:9;}
.hbox .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .swiper-button-next{ width:40px; height:40px; border-radius:100%; background-image:url(../images/next01.png); background-size:100% 100%; position:absolute; right:-5.5%; top:50%; margin-top:-20px; z-index:9;}
.hbox .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:90px; padding-bottom:100px;}
.hbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:15.48%; border-radius:8px; background-color:#fff; overflow:hidden;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:44.95%; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.hbox .swiper-button-prev{ width:36px; height:36px; border-radius:100%; background-image:url(../images/prev01.png); background-size:100% 100%; position:absolute; left:-50px; top:50%; margin-top:-18px; z-index:9;}
.hbox .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .swiper-button-next{ width:36px; height:36px; border-radius:100%; background-image:url(../images/next01.png); background-size:100% 100%; position:absolute; right:-50px; top:50%; margin-top:-18px; z-index:9;}
.hbox .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:65px; padding-bottom:70px;}
.hbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:18.8608%; border-radius:6px; background-color:#fff; overflow:hidden;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:44.95%; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.hbox .swiper-button-prev{ width:32px; height:32px; border-radius:100%; background-image:url(../images/prev01.png); background-size:100% 100%; position:absolute; right:42px; top:-49px; z-index:9;}
.hbox .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.hbox .swiper-button-next{ width:32px; height:32px; border-radius:100%; background-image:url(../images/next01.png); background-size:100% 100%; position:absolute; right:0; top:-49px; z-index:9;}
.hbox .swiper-button-next:hover{ background-image:url(../images/next.png);}
.hbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5; padding-top:35px; padding-bottom:40px;}
.hbox .title .t01{ padding-right:84px;}
.hbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.hbox .box .swiper-slide{ width:32.384%; border-radius:6px; background-color:#fff; overflow:hidden;}
.hbox .box .swiper-slide a{ width:100%; display:block; padding-top:44.95%; position:relative; overflow:hidden;}
.hbox .box .swiper-slide a img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
}

/*News*/
@media screen and (min-width:1440px){
.nbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:90px; padding-bottom:95px;}
.nbox .title .t01{ float:left;}
.nbox .title .t02{ float:left; margin-left:30px; margin-top:10px; font-size:20px; line-height:34px; font-weight:bold; border-bottom:2px solid #0f4cbc; color:#0f4cbc; font-weight:bold;}
.nbox .title .t02 img{ display:block; height:18px; margin:8px 12px; margin-right:0; float:right;}
.nbox .title .t02 img.img02{ display:none;}
.nbox .title .t02:hover{ color:#f28334; border-bottom:2px solid #f28334;}
.nbox .title .t02:hover img.img01{ display:none;}
.nbox .title .t02:hover img.img02{ display:block;}
.nbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; margin-top:-35px;}
.nbox .box .list li{ display:block; float:left; width:31.77%; margin-left:2.345%; margin-top:35px;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.nbox .box .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .w01{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.nbox .box .list li .w02{ width:100%; font-size:20px; line-height:30px; margin-top:10px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .w02:hover{ color:#0f4cbc;}
.nbox .box .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .list li .w04{ width:100%; font-size:16px; line-height:26px; margin-top:15px; font-weight:bold; color:#0f4cbc;}
.nbox .box .list li .w04:hover{ color:#f28334;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.nbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:65px; padding-bottom:65px;}
.nbox .title .t01{ float:left;}
.nbox .title .t02{ float:left; margin-left:20px; margin-top:7px; font-size:18px; line-height:30px; font-weight:bold; border-bottom:2px solid #0f4cbc; color:#0f4cbc; font-weight:bold;}
.nbox .title .t02 img{ display:block; height:16px; margin:7px 10px; margin-right:0; float:right;}
.nbox .title .t02 img.img02{ display:none;}
.nbox .title .t02:hover{ color:#f28334; border-bottom:2px solid #f28334;}
.nbox .title .t02:hover img.img01{ display:none;}
.nbox .title .t02:hover img.img02{ display:block;}
.nbox .box{ width:90%; max-width:1410px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block; margin-top:-25px;}
.nbox .box .list li{ display:block; float:left; width:32%; margin-left:2%; margin-top:35px;}
.nbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.nbox .box .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .w01{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.nbox .box .list li .w02{ width:100%; font-size:18px; line-height:28px; margin-top:5px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .w02:hover{ color:#0f4cbc;}
.nbox .box .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .list li .w04{ width:100%; font-size:15px; line-height:25px; margin-top:10px; font-weight:bold; color:#0f4cbc;}
.nbox .box .list li .w04:hover{ color:#f28334;}
}
@media only screen and (max-width:1023px){
.nbox{ width:100%; position:relative; z-index:1; background-color:#fff; padding-top:35px; padding-bottom:35px;}
.nbox .title .t01{ float:left;}
.nbox .title .t02{ float:left; margin-left:10px; margin-top:5px; font-size:16px; line-height:24px; font-weight:bold; border-bottom:2px solid #0f4cbc; color:#0f4cbc; font-weight:bold;}
.nbox .title .t02 img{ display:block; height:14px; margin:5px 8px; margin-right:0; float:right;}
.nbox .title .t02 img.img02{ display:none;}
.nbox .title .t02:hover{ color:#f28334; border-bottom:2px solid #f28334;}
.nbox .title .t02:hover img.img01{ display:none;}
.nbox .title .t02:hover img.img02{ display:block;}
.nbox .box{ width:94%; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ display:block; width:100%; margin-top:20px;}
.nbox .box .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.nbox .box .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box .list li .wen{ padding:15px; background-color:#f5f5f5;}
.nbox .box .list li .w01{ width:100%; font-size:14px; line-height:24px;}
.nbox .box .list li .w02{ width:100%; font-size:16px; line-height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li .w02:hover{ color:#0f4cbc;}
.nbox .box .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box .list li .w04{ width:100%; font-size:14px; line-height:24px; margin-top:5px; font-weight:bold; color:#0f4cbc;}
.nbox .box .list li .w04:hover{ color:#f28334;}
}

/*Email*/
@media screen and (min-width:1440px){
.ebox{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:48.79%; float:left;}
.ebox .box .left .w01{ font-size:38px; line-height:48px; font-weight:bold;}
.ebox .box .left .w02{ font-size:16px; line-height:26px; color:#666; margin-top:30px;}
.ebox .box .right{ width:40.28%; float:right;}
.ebox .box .right .w01{ font-size:16px; line-height:26px;}
.ebox .box .right .w01 span{ color:#f28334;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:30px;}
.ebox .box .right .w03 a{ display:block; min-width:120px; padding:0 20px; float:left; height:44px; line-height:44px; text-align:center; border-radius:8px; overflow:hidden; font-size:20px; font-weight:bold; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ebox .box .right .w03 a:hover{  background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ebox{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:48.79%; float:left;}
.ebox .box .left .w01{ font-size:28px; line-height:38px; font-weight:bold;}
.ebox .box .left .w02{ font-size:15px; line-height:25px; color:#666; margin-top:20px;}
.ebox .box .right{ width:40.28%; float:right;}
.ebox .box .right .w01{ font-size:15px; line-height:25px;}
.ebox .box .right .w01 span{ color:#f28334;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:15px; line-height:35px; height:35px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:25px;}
.ebox .box .right .w03 a{ display:block; min-width:120px; padding:0 20px; float:left; height:40px; line-height:40px; text-align:center; border-radius:6px; overflow:hidden; font-size:18px; font-weight:bold; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ebox .box .right .w03 a:hover{  background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media only screen and (max-width:1023px){
.ebox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f5f5f5;}
.ebox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ebox .box .left{ width:100%; float:left;}
.ebox .box .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ebox .box .left .w02{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.ebox .box .right{ width:100%; float:right; margin-top:10px;}
.ebox .box .right .w01{ font-size:14px; line-height:24px;}
.ebox .box .right .w01 span{ color:#f28334;}
.ebox .box .right .w02{ border-bottom:2px solid #b0b0b0;}
.ebox .box .right .w02 input{ width:100%; font-size:14px; line-height:24px; height:24px; display:block; background-color:transparent;}
.ebox .box .right .w03{ margin-top:20px;}
.ebox .box .right .w03 a{ display:block; min-width:90px; padding:0 15px; float:left; height:36px; line-height:36px; text-align:center; border-radius:4px; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ebox .box .right .w03 a:hover{  background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}

/*Message*/
@media screen and (min-width:1440px){
.lbox{ width:100%; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.lbox .box .left{ width:32.2%; float:left; border-radius:0px 30px 0px 30px; overflow:hidden;}
.lbox .box .left img{ width:100%; display:block;}
.lbox .box .right{ width:60%; float:right; margin-left:7.8%; overflow:hidden;}
.lbox .box .w01{ width:100%; float:left; font-size:32px; line-height:42px; font-weight:bold; padding-top:25px;}
.lbox .box .w02{ float:left; margin-top:25px; width:48.58%; margin-left:2.84%;}
.lbox .box .w02:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .box .w03{ float:left; margin-top:25px; width:100%;}
.lbox .box span{ line-height:26px; font-weight:bold; font-size:16px;}
.lbox .box span b{ color:#f28334;}
.lbox .box p{ width:100%; display:block; padding:0 20px; box-sizing:border-box; margin-top:10px; background-color:#f5f5f5; border-radius:4px; overflow:hidden; border:1px solid #ddd;}
.lbox .box p input{ display:block; width:100%; font-size:16px; height:46px; line-height:46px; overflow:hidden; background-color:transparent;}
.lbox .box .w04{ width:100%; float:left; margin-top:60px;}
.lbox .box .w04 input{ width:430px; height:48px; line-height:48px; font-size:20px; font-weight:bold; border-radius:4px; background:linear-gradient(to right,#0f4cbc,#f28334); color:#fff; display:block; cursor:pointer; margin:auto;}
.lbox .box .w04 input:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.lbox{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.lbox .box .left{ width:32.2%; float:left; border-radius:0px 20px 0px 20px; overflow:hidden;}
.lbox .box .left img{ width:100%; display:block;}
.lbox .box .right{ width:63%; float:right; margin-left:4.8%; overflow:hidden;}
.lbox .box .w01{ width:100%; float:left; font-size:26px; line-height:36px; font-weight:bold;}
.lbox .box .w02{ float:left; margin-top:15px; width:48.58%; margin-left:2.84%;}
.lbox .box .w02:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .box .w03{ float:left; margin-top:15px; width:100%;}
.lbox .box span{ line-height:25px; font-weight:bold; font-size:15px;}
.lbox .box span b{ color:#f28334;}
.lbox .box p{ width:100%; display:block; padding:0 15px; box-sizing:border-box; margin-top:7px; background-color:#f5f5f5; border-radius:4px; overflow:hidden; border:1px solid #ddd;}
.lbox .box p input{ display:block; width:100%; font-size:15px; height:40px; line-height:40px; overflow:hidden; background-color:transparent;}
.lbox .box .w04{ width:100%; float:left; margin-top:40px;}
.lbox .box .w04 input{ width:330px; height:42px; line-height:42px; font-size:18px; font-weight:bold; border-radius:4px; background:linear-gradient(to right,#0f4cbc,#f28334); color:#fff; display:block; cursor:pointer; margin:auto;}
.lbox .box .w04 input:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}
@media only screen and (max-width:1023px){
.lbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.lbox .box .left{ width:100%; max-width:454px; margin:auto; border-radius:0px 10px 0px 10px; overflow:hidden;}
.lbox .box .left img{ width:100%; display:block;}
.lbox .box .right{ width:100%; overflow:hidden; margin-bottom:30px;}
.lbox .box .w01{ width:100%; float:left; font-size:18px; line-height:28px; font-weight:bold;}
.lbox .box .w02{ float:left; margin-top:10px; width:48.5%; margin-left:3%;}
.lbox .box .w02:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .box .w03{ float:left; margin-top:10px; width:100%;}
.lbox .box span{ line-height:24px; font-weight:bold; font-size:14px;}
.lbox .box span b{ color:#f28334;}
.lbox .box p{ width:100%; display:block; padding:0 10px; box-sizing:border-box; margin-top:4px; background-color:#f5f5f5; border-radius:4px; overflow:hidden; border:1px solid #ddd;}
.lbox .box p input{ display:block; width:100%; font-size:14px; height:36px; line-height:36px; overflow:hidden; background-color:transparent;}
.lbox .box .w04{ width:100%; float:left; margin-top:20px;}
.lbox .box .w04 input{ width:230px; height:38px; line-height:38px; font-size:16px; font-weight:bold; border-radius:4px; background:linear-gradient(to right,#0f4cbc,#f28334); color:#fff; display:block; cursor:pointer; margin:auto;}
.lbox .box .w04 input:hover{ background:linear-gradient(to right,#0f4cbc,#0f4cbc);}
}

/*footer*/
@media screen and (min-width:1440px){
.footer{ width:100%; background-color:#0F4CBC; position:relative; z-index:1; padding-top:100px;}
.footer .foot{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3; padding-bottom:65px;}
.footer .foot .f01{ width:20%; float:left;}
.footer .foot .f01 img{ max-width:100%; max-height:60px; display:block;}
.footer .foot .f02{ width:12%; float:left; margin-left:3%;}
.footer .foot .f02 .t01{ height:60px; line-height:60px; font-size:18px; color:#41BCFF; font-weight:bold;}
.footer .foot .f02 .t02{ display:block;}
.footer .foot .f02 .t02 li{ display:block; margin-top:10px; overflow:hidden;}
.footer .foot .f02 .t02 li a{ display:block; float:left; font-size:18px; line-height:38px; position:relative; color:#cfdbf2;}
.footer .foot .f02 .t02 li a:hover:before{ width:100%; height:2px; display:block; content:''; position:absolute; left:0; bottom:0; overflow:hidden; background:linear-gradient(to right,#41bbfe,#f18334);}
.footer .foot .f03{ width:62%; float:left; margin-left:3%;}
.footer .foot .f03 .t01{ height:60px; line-height:60px; font-size:18px; color:#41BCFF; font-weight:bold;}
.footer .foot .f03 .t02{ display:block;}
.footer .foot .f03 .t02 ul{ display:block; width:31.33%; float:left; margin-left:3%; overflow:hidden;}
.footer .foot .f03 .t02 ul:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .f03 .t02 ul li{ padding-left:15px; position:relative; color:#fff; opacity:.8; margin-top:10px; font-size:18px; line-height:28px;}
.footer .foot .f03 .t02 ul li:before{ width:8px; height:2px; display:block; content:''; position:absolute; left:0; top:13px; background-color:#fff; overflow:hidden;}
.footer .bq{ width:100%; border-top:1px solid #1148ad;}
.footer .bq .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.footer .bq .left{ height:72px; float:left; display:flex; align-items:center;}
.footer .bq .left a{ display:block; font-size:16px; color:#fff; opacity:.8;}
.footer .bq .left a:hover{ opacity:1;}
.footer .bq .left span{ width:1px; height:16px; background-color:#fff; opacity:.8; margin:0 15px; display:block; overflow:hidden;}
.footer .bq .right{ height:72px; float:right; display:flex; align-items:center; font-size:16px; color:#fff; opacity:.8;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.footer{ width:100%; background-color:#0F4CBC; position:relative; z-index:1; padding-top:70px;}
.footer .foot{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3; padding-bottom:45px;}
.footer .foot .f01{ width:20%; float:left;}
.footer .foot .f01 img{ max-width:100%; max-height:50px; display:block;}
.footer .foot .f02{ width:9%; float:left; margin-left:3%;}
.footer .foot .f02 .t01{ height:50px; line-height:50px; font-size:17px; color:#41BCFF; font-weight:bold;}
.footer .foot .f02 .t02{ display:block;}
.footer .foot .f02 .t02 li{ display:block; margin-top:10px; overflow:hidden;}
.footer .foot .f02 .t02 li a{ display:block; float:left; font-size:16px; line-height:36px; position:relative; color:#cfdbf2;}
.footer .foot .f02 .t02 li a:hover:before{ width:100%; height:2px; display:block; content:''; position:absolute; left:0; bottom:0; overflow:hidden; background:linear-gradient(to right,#41bbfe,#f18334);}
.footer .foot .f03{ width:65%; float:left; margin-left:3%;}
.footer .foot .f03 .t01{ height:50px; line-height:50px; font-size:17px; color:#41BCFF; font-weight:bold;}
.footer .foot .f03 .t02{ display:block;}
.footer .foot .f03 .t02 ul{ display:block; width:31.33%; float:left; margin-left:3%; overflow:hidden;}
.footer .foot .f03 .t02 ul:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .f03 .t02 ul li{ padding-left:15px; position:relative; color:#fff; opacity:.8; margin-top:10px; font-size:16px; line-height:26px;}
.footer .foot .f03 .t02 ul li:before{ width:8px; height:2px; display:block; content:''; position:absolute; left:0; top:12px; background-color:#fff; overflow:hidden;}
.footer .bq{ width:100%; border-top:1px solid #1148ad;}
.footer .bq .box{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.footer .bq .left{ height:55px; float:left; display:flex; align-items:center;}
.footer .bq .left a{ display:block; font-size:15px; color:#fff; opacity:.8;}
.footer .bq .left a:hover{ opacity:1;}
.footer .bq .left span{ width:1px; height:15px; background-color:#fff; opacity:.8; margin:0 15px; display:block; overflow:hidden;}
.footer .bq .right{ height:55px; float:right; display:flex; align-items:center; font-size:15px; color:#fff; opacity:.8;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#0F4CBC; position:relative; z-index:1; padding-top:40px;}
.footer .foot{ width:94%; margin:auto; position:relative; z-index:3; padding-bottom:25px;}
.footer .foot .f01{ width:100%; float:left;}
.footer .foot .f01 img{ max-width:100%; max-height:40px; display:block; margin:auto;}
.footer .foot .f02{ width:100%; float:left; margin-top:15px; display:none;}
.footer .foot .f02 .t01{ height:26px; line-height:26px; font-size:16px; color:#41BCFF; font-weight:bold;}
.footer .foot .f02 .t02{ display:block; margin-left:-15px;}
.footer .foot .f02 .t02 li{ display:block; margin-left:15px; overflow:hidden; float:left;}
.footer .foot .f02 .t02 li a{ display:block; float:left; font-size:14px; line-height:30px; position:relative; color:#cfdbf2;}
.footer .foot .f02 .t02 li a:hover:before{ width:100%; height:2px; display:block; content:''; position:absolute; left:0; bottom:0; overflow:hidden; background:linear-gradient(to right,#41bbfe,#f18334);}
.footer .foot .f03{ width:100%; float:left; margin-top:15px;}
.footer .foot .f03 .t01{ height:26px; line-height:26px; font-size:16px; color:#41BCFF; font-weight:bold;}
.footer .foot .f03 .t02{ display:block; margin-top:-10px;}
.footer .foot .f03 .t02 ul{ display:block; width:100%; overflow:hidden; padding-top:10px;}
.footer .foot .f03 .t02 ul li{ padding-left:10px; position:relative; color:#fff; opacity:.8; margin-top:5px; font-size:14px; line-height:24px;}
.footer .foot .f03 .t02 ul li:before{ width:6px; height:2px; display:block; content:''; position:absolute; left:0; top:11px; background-color:#fff; overflow:hidden;}
.footer .bq{ width:100%; border-top:1px solid #1148ad;}
.footer .bq .box{ width:94%; padding:10px 0; margin:auto; position:relative; z-index:3;}
.footer .bq .left{ line-height:24px; display:flex; justify-content:center; align-items:center;}
.footer .bq .left a{ display:block; font-size:14px; color:#fff; opacity:.8;}
.footer .bq .left a:hover{ opacity:1;}
.footer .bq .left span{ width:1px; height:14px; background-color:#fff; opacity:.8; margin:0 10px; display:block; overflow:hidden;}
.footer .bq .right{ line-height:24px; text-align:center; font-size:14px; color:#fff; opacity:.8;}
}

/*about*/
@media screen and (min-width:1440px){
.main{ width:100%; padding-top:90px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff; border-top:120px solid #fff;}
.main .title .t03{ width:180px; height:2px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:25px;}
.main .ab{ width:90%; max-width:1410px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.main .ab .left{ width:46.6%; float:left; overflow:hidden; font-size:16px; line-height:26px;}
.main .ab .left img{ max-width:100%; height:auto !important;}
.main .ab .right{ width:47.94%; float:right; overflow:hidden;}
.main .ab .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; border-top:100px solid #fff;}
.main .title .t03{ width:140px; height:2px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:20px;}
.main .ab{ width:90%; max-width:1410px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.main .ab .left{ width:47%; float:left; overflow:hidden; font-size:15px; line-height:25px;}
.main .ab .left img{ max-width:100%; height:auto !important;}
.main .ab .right{ width:48%; float:right; overflow:hidden;}
.main .ab .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.main{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; border-top:60px solid #fff;}
.main .title .t03{ width:100px; height:2px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:10px;}
.main .ab{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.main .ab .left{ width:100%; float:left; overflow:hidden; font-size:14px; line-height:24px;}
.main .ab .left img{ max-width:100%; height:auto !important;}
.main .ab .right{ width:100%; float:right; overflow:hidden; margin-top:15px;}
.main .ab .right img{ width:100%; display:block;}
}

/*Impressum*/
@media screen and (min-width:1440px){
.main .wz{ width:90%; max-width:1410px; margin:auto; margin-top:35px; font-size:16px; line-height:26px; position:relative; z-index:3;}
.main .wz img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .wz{ width:90%; max-width:1410px; margin:auto; margin-top:25px; font-size:15px; line-height:25px; position:relative; z-index:3;}
.main .wz img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.main .wz{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:24px; position:relative; z-index:3;}
.main .wz img{ max-width:100%; height:auto !important;}
}

/*news*/
@media screen and (min-width:1440px){
.main .news{ width:90%; max-width:1410px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.main .news .list{ width:100%; display:block; margin-top:-35px;}
.main .news .list li{ display:block; float:left; width:31.77%; margin-left:2.345%; margin-top:35px;}
.main .news .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.main .news .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news .list li .w01{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .news .list li .w02{ width:100%; font-size:20px; line-height:30px; margin-top:10px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.main .news .list li .w02:hover{ color:#0f4cbc;}
.main .news .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news .list li .w04{ width:100%; font-size:16px; line-height:26px; margin-top:15px; font-weight:bold; color:#0f4cbc;}
.main .news .list li .w04:hover{ color:#f28334;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #0f4cbc; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#0f4cbc;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#0f4cbc; border:1px solid #0f4cbc;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .news{ width:90%; max-width:1410px; margin:auto; margin-top:30px; position:relative; z-index:3;}
.main .news .list{ width:100%; display:block; margin-top:-25px;}
.main .news .list li{ display:block; float:left; width:32%; margin-left:2%; margin-top:35px;}
.main .news .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .news .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.main .news .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news .list li .w01{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.main .news .list li .w02{ width:100%; font-size:18px; line-height:28px; margin-top:5px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.main .news .list li .w02:hover{ color:#0f4cbc;}
.main .news .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news .list li .w04{ width:100%; font-size:15px; line-height:25px; margin-top:10px; font-weight:bold; color:#0f4cbc;}
.main .news .list li .w04:hover{ color:#f28334;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 4px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #0f4cbc; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#0f4cbc;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#0f4cbc; border:1px solid #0f4cbc;}
}
}
@media only screen and (max-width:1023px){
.main .news{ width:94%; margin:auto; position:relative; z-index:3;}
.main .news .list{ width:100%; display:block;}
.main .news .list li{ display:block; width:100%; margin-top:20px;}
.main .news .list li .tu{ width:100%; padding-top:50.89%; position:relative;}
.main .news .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news .list li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news .list li .wen{ padding:15px; background-color:#f5f5f5;}
.main .news .list li .w01{ width:100%; font-size:14px; line-height:24px;}
.main .news .list li .w02{ width:100%; font-size:16px; line-height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.main .news .list li .w02:hover{ color:#0f4cbc;}
.main .news .list li .w03{ width:100%; font-size:14px; line-height:24px; height:48px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news .list li .w04{ width:100%; font-size:14px; line-height:24px; margin-top:5px; font-weight:bold; color:#0f4cbc;}
.main .news .list li .w04:hover{ color:#f28334;}

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

/*news_son*/
@media screen and (min-width:1440px){
.ny{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:1;}
.ny .w01{ color:#333; font-weight:300; font-size:16px; line-height:26px;}
.ny .w02{ margin-top:10px; color:#0f4cbc; font-weight:700; font-size:30px; line-height:40px;}
.ny .w03{ width:140px; height:6px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:30px;}
.ny .w04{ color:#333; font-weight:300; font-size:16px; line-height:26px; margin-top:35px;}
.ny .w04 img{ max-width:100%; height:auto !important;}
.ny .w05{ width:100%; margin-top:40px;}
.ny .w05 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ny .w05 p{ width:100%; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w05 p img{ display:block; height:18px; margin-left:14px;}
.ny .w05 b{ display:block; width:0; height:100%; background-color:#0f4cbc; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w05:hover b{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ny{ width:90%; max-width:1410px; margin:auto; position:relative; z-index:1;}
.ny .w01{ color:#333; font-weight:300; font-size:15px; line-height:25px;}
.ny .w02{ margin-top:5px; color:#0f4cbc; font-weight:700; font-size:24px; line-height:34px;}
.ny .w03{ width:100px; height:4px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:20px;}
.ny .w04{ color:#333; font-weight:300; font-size:15px; line-height:25px; margin-top:25px;}
.ny .w04 img{ max-width:100%; height:auto !important;}
.ny .w05{ width:100%; margin-top:30px;}
.ny .w05 a{ width:200px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ny .w05 p{ width:100%; display:flex; align-items:center; justify-content:center; height:46px; line-height:46px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w05 p img{ display:block; height:16px; margin-left:12px;}
.ny .w05 b{ display:block; width:0; height:100%; background-color:#0f4cbc; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w05:hover b{ width:100%;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:auto; position:relative; z-index:1;}
.ny .w01{ color:#333; font-weight:300; font-size:14px; line-height:24px;}
.ny .w02{ margin-top:5px; color:#0f4cbc; font-weight:700; font-size:18px; line-height:28px;}
.ny .w03{ width:60px; height:2px; background:linear-gradient(to right,#0f4cbc,#f28334); margin-top:10px;}
.ny .w04{ color:#333; font-weight:300; font-size:14px; line-height:24px; margin-top:15px;}
.ny .w04 img{ max-width:100%; height:auto !important;}
.ny .w05{ width:100%; margin-top:20px;}
.ny .w05 a{ width:160px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to right,#0f4cbc,#f28334);}
.ny .w05 p{ width:100%; display:flex; align-items:center; justify-content:center; height:42px; line-height:42px; font-size:16px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w05 p img{ display:block; height:14px; margin-left:10px;}
.ny .w05 b{ display:block; width:0; height:100%; background-color:#0f4cbc; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w05:hover b{ width:100%;}
}

/*service*/
@media screen and (min-width:1440px){
.main .ser{ width:90%; max-width:1410px; margin:auto; margin-top:10px; position:relative; z-index:3;}
.main .ser .left{ width:40%; float:left;}
.main .ser .left .title{ width:100%;}
.main .ser .left .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-top:35px; text-transform:capitalize;}
.main .ser .left .w02{ width:100%; font-size:16px; line-height:26px; margin-top:30px;}
.main .ser .right{ width:52%; float:right; overflow:hidden;}
.main .ser .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .ser{ width:90%; max-width:1410px; margin:auto; margin-top:5px; position:relative; z-index:3;}
.main .ser .left{ width:43%; float:left;}
.main .ser .left .title{ width:100%;}
.main .ser .left .w01{ width:100%; font-size:18px; line-height:28px; font-weight:bold; margin-top:25px; text-transform:capitalize;}
.main .ser .left .w02{ width:100%; font-size:15px; line-height:25px; margin-top:20px;}
.main .ser .right{ width:52%; float:right; overflow:hidden;}
.main .ser .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.main .ser{ width:94%; margin:auto; position:relative; z-index:3;}
.main .ser .left{ width:100%; float:left;}
.main .ser .left .title{ width:100%;}
.main .ser .left .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold; margin-top:15px; text-transform:capitalize;}
.main .ser .left .w02{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.main .ser .right{ width:100%; float:right; overflow:hidden; margin-top:15px;}
.main .ser .right img{ width:100%; display:block;}
}

@media screen and (min-width:1440px){
.ser01{ display:flex; flex-wrap:wrap; margin-top:-2px;}
.ser01 .item{ width:calc(50% - 2px); position:relative; margin-top:2px; margin-left:2px;}
.ser01 .item:nth-child(2n+1){ margin-left:0;}
.ser01 .item .tu{ width:100%; height:100%; background-color:#0f4cbc; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.ser01 .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; opacity:0.06;}
.ser01 .item:hover .tu{ opacity:1;}
.ser01 .item .wen{ background-color:#f5f5f5; padding:65px 0; position:relative; width:100%; height:100%; box-sizing:border-box; z-index:3;}
.ser01 .item .wen .cont{ max-width:704px; box-sizing:border-box; width:90%; padding-left:3.125vw;}
.ser01 .item:nth-child(2n+1) .wen .cont{ float:right; padding-left:0; padding-right:3.125vw;}
.ser01 .item .wen .w01{ font-size:32px; line-height:42px; font-weight:bold; color:#0f4cbc;}
.ser01 .item .wen .w02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ser01 .item .wen .w03{ width:100%; display:block; padding-top:5px;}
.ser01 .item .wen .w03 li{ display:block; overflow:hidden; margin-top:10px;}
.ser01 .item .wen .w03 li b{ width:6px; height:6px; display:block; float:left; border-radius:100%; background-color:#0f4cbc; overflow:hidden; margin:10px; margin-left:0;}
.ser01 .item .wen .w03 li p{ display:block; font-size:16px; line-height:26px; overflow:hidden; width:calc(100% - 26px);}
.ser01 .item:hover .wen{ background-color:transparent;}
.ser01 .item:hover .wen .w01{ color:#41BCFF;}
.ser01 .item:hover .wen .w02{ color:#fff;}
.ser01 .item:hover .wen .w03 li b{ background-color:#41BCFF;}
.ser01 .item:hover .wen .w03 li p{ color:#fff; opacity:.8;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ser01{ display:flex; flex-wrap:wrap; margin-top:-2px;}
.ser01 .item{ width:calc(50% - 2px); position:relative; margin-top:2px; margin-left:2px;}
.ser01 .item:nth-child(2n+1){ margin-left:0;}
.ser01 .item .tu{ width:100%; height:100%; background-color:#0f4cbc; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.ser01 .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; opacity:0.06;}
.ser01 .item:hover .tu{ opacity:1;}
.ser01 .item .wen{ background-color:#f5f5f5; padding:45px 0; position:relative; width:100%; height:100%; box-sizing:border-box; z-index:3;}
.ser01 .item .wen .cont{ box-sizing:border-box; width:90%; padding-left:3.125vw;}
.ser01 .item:nth-child(2n+1) .wen .cont{ float:right; padding-left:0; padding-right:3.125vw;}
.ser01 .item .wen .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#0f4cbc;}
.ser01 .item .wen .w02{ font-size:15px; line-height:25px; font-weight:bold; margin-top:10px;}
.ser01 .item .wen .w03{ width:100%; display:block;}
.ser01 .item .wen .w03 li{ display:block; overflow:hidden; margin-top:10px;}
.ser01 .item .wen .w03 li b{ width:5px; height:5px; display:block; float:left; border-radius:100%; background-color:#0f4cbc; overflow:hidden; margin:10px; margin-left:0;}
.ser01 .item .wen .w03 li p{ display:block; font-size:15px; line-height:25px; overflow:hidden; width:calc(100% - 25px);}
.ser01 .item:hover .wen{ background-color:transparent;}
.ser01 .item:hover .wen .w01{ color:#41BCFF;}
.ser01 .item:hover .wen .w02{ color:#fff;}
.ser01 .item:hover .wen .w03 li b{ background-color:#41BCFF;}
.ser01 .item:hover .wen .w03 li p{ color:#fff; opacity:.8;}
}
@media only screen and (max-width:1023px){
.ser01{ margin-top:-2px;}
.ser01 .item{ position:relative; margin-top:2px;}
.ser01 .item .tu{ width:100%; height:100%; background-color:#0f4cbc; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.ser01 .item .tu img{ width:100%; height:100%; display:block; object-fit:cover; opacity:0.06;}
.ser01 .item:hover .tu{ opacity:1;}
.ser01 .item .wen{ background-color:#f5f5f5; padding:25px 3%; position:relative; width:100%; height:100%; box-sizing:border-box; z-index:3;}
.ser01 .item .wen .cont{ width:100%;}
.ser01 .item .wen .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#0f4cbc;}
.ser01 .item .wen .w02{ font-size:14px; line-height:24px; font-weight:bold; margin-top:5px;}
.ser01 .item .wen .w03{ width:100%; display:block;}
.ser01 .item .wen .w03 li{ display:block; overflow:hidden; margin-top:5px;}
.ser01 .item .wen .w03 li b{ width:4px; height:4px; display:block; float:left; border-radius:100%; background-color:#0f4cbc; overflow:hidden; margin:10px 6px; margin-left:0;}
.ser01 .item .wen .w03 li p{ display:block; font-size:14px; line-height:24px; overflow:hidden; width:calc(100% - 20px);}
.ser01 .item:hover .wen{ background-color:transparent;}
.ser01 .item:hover .wen .w01{ color:#41BCFF;}
.ser01 .item:hover .wen .w02{ color:#fff;}
.ser01 .item:hover .wen .w03 li b{ background-color:#41BCFF;}
.ser01 .item:hover .wen .w03 li p{ color:#fff; opacity:.8;}
}