@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:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1440px){
.hbg{ width:100%; height:110px;}
.header{ width:100%; height:110px; background-color:#f8f8f8; position:fixed; left:0; top:0; z-index:99; transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header.pos{ height:110px;}
.header .head{ width:94%; max-width:1410px; margin:auto; height:100%; position:relative;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left; position:relative; z-index:3;}
.header .head .logo img{ display:block; height:28px;}
.header .head .yu{ float:right; height:100%; position:relative; display:flex; align-items:center;}
.header .head .yu dt{ height:26px; display:block; overflow:hidden; cursor:pointer;}
.header .head .yu dt strong{ display:block; height:16px; float:left; margin:5px 8px; margin-left:0;}
.header .head .yu dt strong img{ display:block; height:16px;}
.header .head .yu dt a{ display:block; font-size:16px; line-height:26px; height:26px; float:left; overflow:hidden;}
.header .head .yu dt b{ display:block; float:left; margin-top:9px; margin-left:5px; width:11px; height:7px; transition:.5s;}
.header .head .yu dt b img{ width:100%; display:block;}
.header .head .yu.on dt b{ transform:rotateX(180deg);}
.header .head .yu dd{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:0; top:70px; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .yu dd.open{ top:100%; opacity:1; height:auto;}
.header .head .yu dd a{ text-align:center; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .head .yu dd a:hover{ color:#114efe;}
.header .head .yu dd span,.header .head .yu dd img{ display:none;}
.header .head .login{ height:100%; float:right; display:flex; align-items:center; margin-right:4.16vw; margin-left:1.82vw;}
.header .head .login a{ width:110px; height:32px; line-height:32px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; background-color:#114efe; border-radius:32px;}
.header .head .login a img{ display:block; height:16px; margin-right:8px;}
.header .head .menuBox{ height:100%; float:right; position:relative;}
.header .head .menuBox ul{ height:100%;}
.header .head .menuBox ul li{ width:140px; height:100%; text-align:center; float:left; position:relative; border-right:1px solid #fff;}
.header .head .menuBox ul li:last-child{ border:none;}
.header .head .menuBox ul li>a{ width:100%; height:100%; color:#333; font-size:16px; position:relative; z-index:3; display:flex; align-items:center; justify-content:center;}
.header .head .menuBox ul li span{ display:none;}
.header .head .menuBox ul li:hover>a{ color:#114efe;}
.header .head .menuBox ul li.on>a{ color:#114efe;}
.header .head .menuBox ul li:nth-child(1)>a,.header .head .menuBox ul li:nth-child(2)>a{ background-color:#114efe; color:#fff;}
.header .head .menuBox ul li p{ width:100%; min-width:200px; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:50%; transform:translateX(-50%); top:70px; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .head .menuBox ul li p a{ padding:0 20px; text-align:center; display:block; overflow:hidden; font-size:16px; line-height:36px; height:36px; position:relative;}
.header .head .menuBox ul li p a:hover{ color:#114efe;}
.header .head .mNav{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.hbg{ width:100%; height:90px;}
.header{ width:100%; height:90px; background-color:#f8f8f8; position:fixed; left:0; top:0; z-index:99; transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header.pos{ height:90px;}
.header .head{ width:94%; margin:auto; height:100%; position:relative;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left; position:relative; z-index:3;}
.header .head .logo img{ display:block; height:28px;}
.header .head .yu{ float:right; height:100%; position:relative; display:flex; align-items:center;}
.header .head .yu dt{ height:26px; display:block; overflow:hidden; cursor:pointer;}
.header .head .yu dt strong{ display:block; height:16px; float:left; margin:5px; margin-left:0;}
.header .head .yu dt strong img{ display:block; height:16px;}
.header .head .yu dt a{ display:block; font-size:15px; line-height:26px; height:26px; float:left; overflow:hidden;}
.header .head .yu dt b{ display:block; float:left; margin-top:10px; margin-left:3px; width:10px; height:6px; transition:.5s;}
.header .head .yu dt b img{ width:100%; display:block;}
.header .head .yu.on dt b{ transform:rotateX(180deg);}
.header .head .yu dd{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:0; top:70px; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .yu dd.open{ top:100%; opacity:1; height:auto;}
.header .head .yu dd a{ text-align:center; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative;}
.header .head .yu dd a:hover{ color:#114efe;}
.header .head .yu dd span,.header .head .yu dd img{ display:none;}
.header .head .login{ height:100%; float:right; display:flex; align-items:center; margin-right:3vw; margin-left:1.5vw;}
.header .head .login a{ width:100px; height:32px; line-height:32px; display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; background-color:#114efe; border-radius:32px;}
.header .head .login a img{ display:block; height:16px; margin-right:8px;}
.header .head .menuBox{ height:100%; float:right; position:relative;}
.header .head .menuBox ul{ height:100%;}
.header .head .menuBox ul li{ width:10vw; max-width:140px; height:100%; text-align:center; float:left; position:relative; border-right:1px solid #fff;}
.header .head .menuBox ul li:last-child{ border:none;}
.header .head .menuBox ul li>a{ width:100%; height:100%; color:#333; font-size:15px; position:relative; z-index:3; display:flex; align-items:center; justify-content:center;}
.header .head .menuBox ul li span{ display:none;}
.header .head .menuBox ul li:hover>a{ color:#114efe;}
.header .head .menuBox ul li.on>a{ color:#114efe;}
.header .head .menuBox ul li:nth-child(1)>a,.header .head .menuBox ul li:nth-child(2)>a{ background-color:#114efe; color:#fff;}
.header .head .menuBox ul li p{ width:100%; min-width:160px; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:50%; transform:translateX(-50%); top:70px; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .menuBox ul li:hover p{ top:100%; opacity:1; height:auto;}
.header .head .menuBox ul li p a{ padding:0 20px; text-align:center; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative;}
.header .head .menuBox ul li p a:hover{ color:#114efe;}
.header .head .mNav{ display:none;}
}
@media only screen and (max-width:1023px){
.hbg{ width:100%; height:60px;}
.header{ width:100%; height:60px; background-color:#f8f8f8; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .head{ width:100%; height:60px; position:relative;}
.header .head .logo{ height:60px; display:flex; align-items:center; float:left; position:relative; z-index:3; margin-left:3%;}
.header .head .logo img{ display:block; height:28px;}
.header .head .yu{ float:right; height:60px; position:relative;}
.header .head .yu dt{ height:30px; padding:15px 3vw; display:block; overflow:hidden; cursor:pointer;}
.header .head .yu dt strong{ display:block; height:30px; height:30px; border-radius:100%; background-color:#fff; overflow:hidden; width:30px;}
.header .head .yu dt strong img{ display:block; height:16px; margin:7px auto;}
.header .head .yu dt a{ display:none; font-size:14px; line-height:24px; height:24px; float:left; overflow:hidden;}
.header .head .yu dt b{ display:none; float:left; margin-top:10px; margin-left:3px; width:10px; height:6px; transition:.5s;}
.header .head .yu dt b img{ width:100%; display:block;}
.header .head .yu.on dt b{ transform:rotateX(180deg);}
.header .head .yu dd{ width:100px; box-sizing:border-box; padding:10px 15px; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-50px; top:70px; transition:.5s; opacity:0; height:0; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .yu dd.open{ top:100%; opacity:1; height:auto;}
.header .head .yu dd a{ text-align:center; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; position:relative;}
.header .head .yu dd a:hover{ color:#114efe;}
.header .head .yu dd span,.header .head .yu dd img{ display:none;}
.header .head .login{ height:60px; float:right; display:flex; align-items:center;}
.header .head .login a{ width:90px; height:30px; line-height:30px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#fff; background-color:#114efe; border-radius:32px;}
.header .head .login a img{ display:block; height:16px; margin-right:6px;}
.header .head .mNav{ display:block; position:relative; height:60px; float:right; border-left:1px solid #eee; width:60px;}
.header .head .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 .head .mNav .burger:nth-of-type(2){ top:30px;}
.header .head .mNav .burger:nth-of-type(3){ top:40px;}
.header .head .mNav.active{ background-color:#071ac2;}
.header .head .mNav.active .burger{ background-color:#fff;}
.header .head .mNav.active .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .head .mNav.active .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .head .mNav.active .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:60px; z-index:999; background-color:#fff; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .open.menuBox{ height:calc(100vh - 60px);}
.header .menuBox ul{ display:block; height:100%; overflow:auto;}
.header .menuBox ul li{ font-size:16px; font-weight:500; display:block; border-top:1px solid #eee; position:relative;}
.header .menuBox ul li a{ color:#333; display:block;}
.header .menuBox ul li>a{ text-transform:uppercase; padding:12px 15px; width:calc(100% - 76px); font-size:16px; line-height:26px; height:26px; overflow:hidden; position:relative;}
.header .menuBox ul li 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 ul li svg{ height:16px; display:block; color:#666;}
.header .menuBox ul li.active span{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.header .menuBox ul li.active>a{ color:#114efe; font-weight:bold;}
.header .menuBox ul li.active{ border-bottom:none;}
.header .menuBox ul li p{ padding:10px 25px; background-color:#f7f7f7; display:none; text-align:left; overflow:hidden;}
.header .menuBox ul li.active p{ display:block;}
.header .menuBox ul li p a{ padding:10px 0; border-bottom:1px solid #ddd; font-size:14px; line-height:18px; display:block; text-transform:capitalize; color:#333;}
.header .menuBox ul li p a:hover{ color:#114efe;}
.header .menuBox ul li p a:last-child{ border-bottom:none;}
}

/*banner*/
@media screen and (min-width:1440px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; max-width:1410px; position:absolute; left:50%; z-index:3; top:7.03125vw; transform:translateX(-50%) translateY(30%); opacity:0; transition:all 0.5s; font-size:56px; line-height:76px; color:#fff; font-weight:bold;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateX(-50%) translateY(0); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:3.4375vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:60px; height:4px; display:block; float:left; margin:0 10px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#114efe;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:7.03125vw; transform:translateY(30%); opacity:0; transition:all 0.5s; font-size:38px; line-height:58px; color:#fff; font-weight:bold;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(0); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:3.4375vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:40px; height:4px; display:block; float:left; margin:0 7px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#114efe;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:50vw; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:4vw; transform:translateY(30%); opacity:0; transition:all 0.5s; font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(0); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:15px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:20px; height:4px; display:block; float:left; margin:0 4px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#114efe;}
}

@media screen and (min-width:1440px){
.title{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; font-size:38px; line-height:48px; font-weight:bold;}

.abox{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:90px; background-color:#fff;}
.abox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.abox .box .left{ width:36.84%; float:left; font-size:18px; line-height:32px; padding:3px 0;}
.abox .box .right{ width:58.16%; float:right; display:flex; justify-content:space-between;}
.abox .box .right li{ display:block; padding-bottom:5px; padding-top:2px;}
.abox .box .right li b{ display:block; color:#114efe; font-size:36px; line-height:46px;}
.abox .box .right li p{ display:block; color:#737373; font-size:16px; line-height:26px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.title{ width:94%; margin:auto; position:relative; z-index:3; font-size:30px; line-height:40px; font-weight:bold;}

.abox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:65px; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.abox .box .left{ width:36.84%; float:left; font-size:16px; line-height:26px;}
.abox .box .right{ width:58.16%; float:right; display:flex; justify-content:space-between;}
.abox .box .right li{ display:block;}
.abox .box .right li b{ display:block; color:#114efe; font-size:36px; line-height:38px;}
.abox .box .right li p{ display:block; color:#737373; font-size:15px; line-height:25px; margin-top:3px;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3; font-size:22px; line-height:32px; font-weight:bold;}

.abox{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:35px; background-color:#fff;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px;}
.abox .box .left{ width:100%; float:left; font-size:14px; line-height:24px;}
.abox .box .right{ width:100%; float:right; display:flex; flex-wrap:wrap; padding-top:10px;}
.abox .box .right li{ width:48.5%; display:block; margin-top:10px;}
.abox .box .right li:nth-child(2n){ margin-left:3%;}
.abox .box .right li b{ display:block; color:#114efe; font-size:36px; line-height:38px;}
.abox .box .right li p{ display:block; color:#737373; font-size:14px; line-height:24px; margin-top:3px;}
}

@media screen and (min-width:1440px){
.bbox{ width:100%; position:relative; z-index:1; padding-top:95px; height:540px; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/bbg.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:15px;}
.bbox .box .w01{ font-size:38px; line-height:48px; font-weight:bold; color:#114efe;}
.bbox .box .w02{ margin-top:85px;}
.bbox .box .w02 a{ display:block; width:368px; height:48px; line-height:48px; font-size:20px; font-weight:bold; text-align:center; border-radius:48px; float:left; background-color:#114efe; color:#fff; margin-right:5.67%;}
.bbox .box .w02 a:last-child{ background-color:#fff; color:#114efe; margin-right:0;}
.bbox .box .w02 a:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.bbox{ width:100%; position:relative; z-index:1; padding-top:65px; height:420px; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/bbg.png); background-position:center; background-repeat:repeat-y; background-size:100% auto;}
.bbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px;}
.bbox .box .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#114efe;}
.bbox .box .w02{ margin-top:65px;}
.bbox .box .w02 a{ display:block; width:308px; height:44px; line-height:44px; font-size:18px; font-weight:bold; text-align:center; border-radius:48px; float:left; background-color:#114efe; color:#fff; margin-right:5.67%;}
.bbox .box .w02 a:last-child{ background-color:#fff; color:#114efe; margin-right:0;}
.bbox .box .w02 a:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}
@media only screen and (max-width:1023px){
.bbox{ width:100%; position:relative; z-index:1; padding-top:35px; height:300px; box-sizing:border-box; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/bbg.png); background-position:center; background-repeat:repeat-y; background-size:100% auto;}
.bbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:5px;}
.bbox .box .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#114efe;}
.bbox .box .w02{ margin-top:10px;}
.bbox .box .w02 a{ display:block; width:248px; height:40px; line-height:40px; font-size:16px; font-weight:bold; text-align:center; border-radius:48px; float:left; background-color:#114efe; color:#fff; margin-top:15px;}
.bbox .box .w02 a:last-child{ background-color:#fff; color:#114efe; margin-right:0;}
.bbox .box .w02 a:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}

@media screen and (min-width:1440px){
.cbox{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:100px; background-color:#fff;}
.cbox .box{ width:100%; position:relative; z-index:3; margin-top:45px; display:flex;}
.cbox .box .lbg{ flex:1; background:linear-gradient(to top right,rgba(255,255,255,1),rgba(255,255,255,.8)); position:relative; z-index:3;}
.cbox .box .rbg{ flex:1; background:linear-gradient(to top left,rgba(255,255,255,1),rgba(255,255,255,.8)); position:relative; z-index:3;}
.cbox .box .swiper-container{ width:94%; max-width:1410px; margin:auto; overflow:visible;}
.cbox .box .swiper-slide{ width:31.82%; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; margin-right:2.27%;}
.cbox .box .swiper-slide .mask{ width:100%; padding-top:133.93%; display:block; position:relative; background-image:url(../images/ctu.png); background-size:100% auto; background-repeat:no-repeat; overflow:hidden; z-index:1;}
.cbox .box .swiper-slide:hover .mask{ background-color:rgba(245,245,245,.5);}
.cbox .box .swiper-slide .wen{ padding:45px 8.93%; width:100%; position:absolute; left:0; top:0; box-sizing:border-box; z-index:3;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-weight:bold; font-size:32px; line-height:42px; color:#114efe;}
.cbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; margin-top:20px; color:#737373; display:none;}
.cbox .box .swiper-slide .wen .w03{ font-size:20px; line-height:30px; margin-top:20px; font-weight:bold;}
.cbox .box .swiper-slide .wen .w03 a{ display:block;}
.cbox .box .swiper-slide:hover .w02{ display:block;}
.cbox .box .swiper-slide:hover .w03 a{ color:#114efe;}
.cbox .box .swiper-button{ max-width:80px; width:4.17vw; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.cbox .box .swiper-button img{ width:100%; display:block;}
.cbox .box .swiper-button-prev{ left:3%; margin-left:2.085vw;}
.cbox .box .swiper-button-next{ right:3%; margin-right:2.085vw;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.cbox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.cbox .box{ width:100%; margin:auto; position:relative; z-index:3; margin-top:30px; display:flex;}
.cbox .box .lbg{ flex:1; background:linear-gradient(to top right,rgba(255,255,255,1),rgba(255,255,255,.8)); position:relative; z-index:3;}
.cbox .box .rbg{ flex:1; background:linear-gradient(to top left,rgba(255,255,255,1),rgba(255,255,255,.8)); position:relative; z-index:3;}
.cbox .box .swiper-container{ width:94%; margin:auto; overflow:visible;}
.cbox .box .swiper-slide{ width:31.82%; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; margin-right:2.27%;}
.cbox .box .swiper-slide .mask{ width:100%; padding-top:133.93%; display:block; position:relative; background-image:url(../images/ctu.png); background-size:100% auto; background-repeat:no-repeat; overflow:hidden; z-index:1;}
.cbox .box .swiper-slide:hover .mask{ background-color:rgba(245,245,245,.5);}
.cbox .box .swiper-slide .wen{ padding:35px 5%; width:100%; position:absolute; left:0; top:0; box-sizing:border-box; z-index:3;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-weight:bold; font-size:26px; line-height:36px; color:#114efe;}
.cbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; margin-top:15px; color:#737373; display:none;}
.cbox .box .swiper-slide .wen .w03{ font-size:18px; line-height:28px; margin-top:15px; font-weight:bold;}
.cbox .box .swiper-slide .wen .w03 a{ display:block;}
.cbox .box .swiper-slide:hover .w02{ display:block;}
.cbox .box .swiper-slide:hover .w03 a{ color:#114efe;}
.cbox .box .swiper-button{ width:4.17vw; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.cbox .box .swiper-button img{ width:100%; display:block;}
.cbox .box .swiper-button-prev{ left:3%; margin-left:-2.085vw;}
.cbox .box .swiper-button-next{ right:3%; margin-right:-2.085vw;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:40px; background-color:#fff;}
.cbox .box{ width:100%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.cbox .box .rbg{ width:27%; height:100%; background:linear-gradient(to top left,rgba(255,255,255,1),rgba(255,255,255,.8)); position:absolute; right:0; top:0; z-index:3;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-slide{ width:70%; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; margin-left:3%;}
.cbox .box .swiper-slide .mask{ width:100%; padding-top:133.93%; display:block; position:relative; background-image:url(../images/ctu.png); background-size:100% auto; background-repeat:no-repeat; overflow:hidden; z-index:1; z-index:1;}
.cbox .box .swiper-slide:hover .mask{ background-color:rgba(245,245,245,.5);}
.cbox .box .swiper-slide .wen{ padding:25px 15px; width:100%; position:absolute; left:0; top:0; box-sizing:border-box; z-index:3;}
.cbox .box .swiper-slide .wen .w01 a{ display:block; font-weight:bold; font-size:20px; line-height:30px; color:#114efe;}
.cbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; margin-top:10px; color:#737373; display:none;}
.cbox .box .swiper-slide .wen .w03{ font-size:16px; line-height:26px; margin-top:10px; font-weight:bold;}
.cbox .box .swiper-slide .wen .w03 a{ display:block;}
.cbox .box .swiper-slide:hover .w02{ display:block;}
.cbox .box .swiper-slide:hover .w03 a{ color:#114efe;}
.cbox .box .swiper-button{ width:40px; position:absolute; right:3%; z-index:9;}
.cbox .box .swiper-button img{ width:100%; display:block;}
.cbox .box .swiper-button-prev{ top:50%; margin-top:-50px;}
.cbox .box .swiper-button-next{ bottom:50%; margin-bottom:-50px;}
}

@keyframes zoom-cycle {
  0%, 100% { /* 起始/结束：初始大小 */
    transform: scale(1); /* 缩放比例1（原大小） */
  }
  50% { /* 中间：放大到2倍 */
    transform: scale(1.52); /* 缩放比例2（放大） */
  }
}
@media screen and (min-width:1440px){
.dbox{ width:100%; position:relative; z-index:1; padding-top:95px; background-color:#f3f3f3;}
.dbox .title{ display:flex; align-items:center;}
.dbox .title .left{ flex:1;}
.dbox .title .wz{ float:right; width:710px; margin-top:-10px;}
.dbox .title .wz dl{ display:block; margin-top:10px; float:left; margin-left:80px;}
.dbox .title .wz dt{ display:block; font-size:18px; line-height:28px;}
.dbox .title .wz dd{ overflow:hidden; display:block; margin-left:-20px; font-weight:normal; margin-top:5px;}
.dbox .title .wz dd a{ display:block; font-size:14px; line-height:24px; float:left; margin-left:20px;}
.dbox .title .wz dd a:hover{ color:#114efe;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:45px;}
.dbox .box .tu{ width:100%; position:relative; z-index:1;}
.dbox .box .tu img{ display:block; width:100%;}
.dbox .box .dw{ width:0.52%; position:absolute; z-index:3;}
.dbox .box .dw span{ width:100%; display:block;}
.dbox .box .dw span img{ display:block; width:100%; animation: zoom-cycle 3s infinite;}
.dbox .box .dw a{ display:none; padding:0 20px; height:40px; line-height:40px; font-size:20px; color:#114efe; font-weight:bold; background-color:#f9f9f9; position:absolute; left:100%; top:50%; margin-top:-20px; word-break:keep-all; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.dbox .box .dw:hover a{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.dbox{ width:100%; position:relative; z-index:1; padding-top:65px; background-color:#f3f3f3;}
.dbox .title{ display:flex; align-items:center;}
.dbox .title .left{ flex:1;}
.dbox .title .wz{ float:right; width:710px; margin-top:-10px;}
.dbox .title .wz dl{ display:block; margin-top:10px; float:left; margin-left:80px;}
.dbox .title .wz dt{ display:block; font-size:17px; line-height:27px;}
.dbox .title .wz dd{ overflow:hidden; display:block; margin-left:-20px; font-weight:normal; margin-top:3px;}
.dbox .title .wz dd a{ display:block; font-size:14px; line-height:24px; float:left; margin-left:20px;}
.dbox .title .wz dd a:hover{ color:#114efe;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.dbox .box .tu{ width:100%; position:relative; z-index:1;}
.dbox .box .tu img{ display:block; width:100%;}
.dbox .box .dw{ width:0.52%; position:absolute; z-index:3;}
.dbox .box .dw span{ width:100%; display:block;}
.dbox .box .dw span img{ display:block; width:100%; animation: zoom-cycle 3s infinite;}
.dbox .box .dw a{ display:none; padding:0 20px; height:40px; line-height:40px; font-size:20px; color:#114efe; font-weight:bold; background-color:#f9f9f9; position:absolute; left:100%; top:50%; margin-top:-20px; word-break:keep-all; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.dbox .box .dw:hover a{ display:block;}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; position:relative; z-index:1; padding-top:35px; background-color:#f3f3f3;}
.dbox .title .wz{ width:100%; margin-left:-20px;}
.dbox .title .wz dl{ display:block; margin-top:5px; float:left; margin-left:20px;}
.dbox .title .wz dt{ display:block; font-size:16px; line-height:26px;}
.dbox .title .wz dd{ overflow:hidden; display:block; margin-left:-10px; font-weight:normal;}
.dbox .title .wz dd a{ display:block; font-size:14px; line-height:24px; float:left; margin-left:10px;}
.dbox .title .wz dd a:hover{ color:#114efe;}
.dbox .box{ width:100%; position:relative; z-index:3; margin-top:15px;}
.dbox .box .tu{ width:100%; position:relative; z-index:1;}
.dbox .box .tu img{ display:block; width:100%;}
.dbox .box .dw{ width:0.52%; position:absolute; z-index:3;}
.dbox .box .dw span{ width:100%; display:block;}
.dbox .box .dw span img{ display:block; width:100%; animation: zoom-cycle 3s infinite;}
.dbox .box .dw a{ display:none; padding:0 20px; height:40px; line-height:40px; font-size:20px; color:#114efe; font-weight:bold; background-color:#f9f9f9; position:absolute; left:100%; top:50%; margin-top:-20px; word-break:keep-all; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.1);}
}

@media screen and (min-width:1440px){
.ebox{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:100px; background-color:#fff;}
.ebox .title{ text-align:center;}
.ebox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:45px;}
.ebox .box .swiper-container{ width:100%;}
.ebox .box .swiper-slide{ width:100%; display:block;}
.ebox .box .swiper-slide a{ width:12.2%; display:block; border:1px solid #dcdcdc; box-sizing:border-box; margin-left:2.43%; float:left; overflow:hidden;}
.ebox .box .swiper-slide a img{ width:100%; display:block;}
.ebox .box .swiper-slide a:nth-child(7n+1){ clear:left; float:left; margin-left:0;}
.ebox .box .swiper-slide a:nth-child(n+8){ margin-top:30px;}
.ebox .box .swiper-button{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.ebox .box .swiper-button-prev{ left:-3.5vw; background-image:url(../images/left.png);}
.ebox .box .swiper-button-next{ right:-3.5vw; background-image:url(../images/right.png);}
.ebox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.ebox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.ebox .box01{ display:none;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ebox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ebox .title{ text-align:center;}
.ebox .box{ display:none;}
.ebox .box01{ width:94%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.ebox .box01 .swiper-container{ width:100%;}
.ebox .box01 .swiper-slide{ width:100%; display:block;}
.ebox .box01 .swiper-slide a{ width:15%; display:block; border:1px solid #dcdcdc; box-sizing:border-box; margin-left:2%; float:left; overflow:hidden;}
.ebox .box01 .swiper-slide a img{ width:100%; display:block;}
.ebox .box01 .swiper-slide a:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.ebox .box01 .swiper-slide a:nth-child(n+7){ margin-top:20px;}

.ebox .box01 .swiper-button{ width:36px; height:36px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.ebox .box01 .swiper-button-prev{ left:-18px; background-image:url(../images/left.png);}
.ebox .box01 .swiper-button-next{ right:-18px; background-image:url(../images/right.png);}
.ebox .box01 .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.ebox .box01 .swiper-button-next:hover{ background-image:url(../images/righth.png);}
}
@media only screen and (max-width:1023px){
.ebox{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:40px; background-color:#fff;}
.ebox .title{ text-align:center;}
.ebox .box{ display:none;}
.ebox .box01{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ebox .box01 .swiper-container{ width:100%;}
.ebox .box01 .swiper-slide{ width:100%; display:block;}
.ebox .box01 .swiper-slide a{ width:31.33%; display:block; border:1px solid #dcdcdc; box-sizing:border-box; margin-left:3%; float:left; overflow:hidden;}
.ebox .box01 .swiper-slide a img{ width:100%; display:block;}
.ebox .box01 .swiper-slide a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ebox .box01 .swiper-slide a:nth-child(n+4){ margin-top:15px;}

.ebox .box01 .swiper-button{ width:32px; height:32px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:9;}
.ebox .box01 .swiper-button-prev{ left:-3vw; background-image:url(../images/left.png);}
.ebox .box01 .swiper-button-next{ right:-3vw; background-image:url(../images/right.png);}
.ebox .box01 .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.ebox .box01 .swiper-button-next:hover{ background-image:url(../images/righth.png);}
}

@media screen and (min-width:1440px){
.fbox{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:95px; background-color:#f3f3f3;}
.fbox .box .swiper-button{ width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:-80px; z-index:9;}
.fbox .box .swiper-button-prev{ right:70px; background-image:url(../images/left.png);}
.fbox .box .swiper-button-next{ right:0; background-image:url(../images/right.png);}
.fbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.fbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.fbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:40px;}
.fbox .box .swiper-container{ width:100%;}
.fbox .box .swiper-container .swiper-slide{ width:23.2975%; display:block; margin-right:2.27%;}
.fbox .box .swiper-container .swiper-slide .w01{ font-size:20px; line-height:30px;}
.fbox .box .swiper-container .swiper-slide .w02{ margin-top:5px; padding-top:60.97%; position:relative;}
.fbox .box .swiper-container .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.fbox .box .swiper-container .swiper-slide .w03{ font-size:16px; line-height:26px; height:52px; margin-top:15px;}
.fbox .box .swiper-container .swiper-slide .w04{ font-size:14px; line-height:24px; height:24px; margin-top:10px;}
.fbox .box .swiper-container .swiper-slide .w03:hover,.fbox .box .swiper-container .swiper-slide .w04:hover{ color:#114efe;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.fbox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:65px; background-color:#f3f3f3;}
.fbox .box .swiper-button{ width:36px; height:36px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:-61px; z-index:9;}
.fbox .box .swiper-button-prev{ right:51px; background-image:url(../images/left.png);}
.fbox .box .swiper-button-next{ right:0; background-image:url(../images/right.png);}
.fbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.fbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.fbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.fbox .box .swiper-container{ width:100%;}
.fbox .box .swiper-container .swiper-slide{ width:31.82%; display:block; margin-right:2.27%;}
.fbox .box .swiper-container .swiper-slide .w01{ font-size:18px; line-height:28px;}
.fbox .box .swiper-container .swiper-slide .w02{ margin-top:5px; padding-top:60.97%; position:relative;}
.fbox .box .swiper-container .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.fbox .box .swiper-container .swiper-slide .w03{ font-size:16px; line-height:26px; height:52px; margin-top:10px;}
.fbox .box .swiper-container .swiper-slide .w04{ font-size:14px; line-height:24px; height:24px; margin-top:5px;}
.fbox .box .swiper-container .swiper-slide .w03:hover,.fbox .box .swiper-container .swiper-slide .w04:hover{ color:#114efe;}
}
@media only screen and (max-width:1023px){
.fbox{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:35px; background-color:#f3f3f3;}
.fbox .box .swiper-button{ width:32px; height:32px; background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:-42px; z-index:9;}
.fbox .box .swiper-button-prev{ right:42px; background-image:url(../images/left.png);}
.fbox .box .swiper-button-next{ right:0; background-image:url(../images/right.png);}
.fbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.fbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.fbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px;}
.fbox .box .swiper-container{ width:100%;}
.fbox .box .swiper-container .swiper-slide{ width:100%; display:block; margin-right:2.27%;}
.fbox .box .swiper-container .swiper-slide .w01{ font-size:16px; line-height:26px;}
.fbox .box .swiper-container .swiper-slide .w02{ margin-top:5px; padding-top:60.97%; position:relative;}
.fbox .box .swiper-container .swiper-slide .w02 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.fbox .box .swiper-container .swiper-slide .w03{ font-size:16px; line-height:26px; height:52px; margin-top:10px;}
.fbox .box .swiper-container .swiper-slide .w04{ font-size:14px; line-height:24px; height:24px; margin-top:5px;}
.fbox .box .swiper-container .swiper-slide .w03:hover,.fbox .box .swiper-container .swiper-slide .w04:hover{ color:#114efe;}
}

@media screen and (min-width:1440px){
.gbox{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:100px; background-color:#fff;}
.gbox .title{ display:flex; align-items:center;}
.gbox .title .left{ flex:1;}
.gbox .title .right{ width:40.42%;}
.gbox .title .right .w01{ width:100%;}
.gbox .title .right .w01 span{ width:70px; font-size:16px; line-height:26px; display:block; float:left;}
.gbox .title .right .w01 span a{ color:#114efe;}
.gbox .title .right .w01 p{ width:calc(100% - 70px); display:block; float:left;}
.gbox .title .right .w01 p input{ width:100%; border-bottom:1px solid #dfdfdf; font-size:16px; line-height:26px; display:block; overflow:hidden;}
.gbox .title .right .w02{ margin-left:70px; margin-top:24px; padding-bottom:5px;}
.gbox .title .right .w02 input{ width:136px; height:42px; line-height:38px; font-size:20px; font-weight:bold; text-align:center; box-sizing:border-box; border:2px solid #114efe; border-radius:8px; overflow:hidden; color:#114efe; background-color:#fff;}
.gbox .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:95px; background-color:#f3f3f3; border-radius:20px; display:flex; align-items:center;}
.gbox .box .left{ width:300px; padding:0 30px;}
.gbox .box .left .w01{ font-size:38px; line-height:48px; font-weight:bold;}
.gbox .box .left .w02{ font-size:24px; line-height:34px; font-weight:bold; color:#114efe; margin-top:15px;}
.gbox .box .right{ flex:1; background-color:#114efe; border-radius:20px; padding:50px; display:block;}
.gbox .box .right dt{ width:48.75%; margin-bottom:20px; display:block; float:left; border:1px solid #becfff; box-sizing:border-box; border-radius:8px; overflow:hidden;}
.gbox .box .right dt:nth-child(2){ margin-left:2.5%;}
.gbox .box .right dt:nth-child(3){ width:100%;}
.gbox .box .right dt:nth-child(5){ margin-left:2.5%;}
.gbox .box .right dt b{ width:130px; background-color:#2960fe; border-radius:8px; text-align:center; float:left; display:block; font-size:16px; height:46px; line-height:46px; color:#fff;}
.gbox .box .right dt:nth-child(3) b{ width:246px;}
.gbox .box .right dt p{ width:calc(100% - 130px); display:block; float:left;}
.gbox .box .right dt:nth-child(3) p{ width:calc(100% - 246px);}
.gbox .box .right dt p input{ font-size:16px; color:#fff; display:block; height:46px; line-height:46px; padding:0 20px; box-sizing:border-box; width:100%; background-color:transparent;}
.gbox .box .right dd{ width:100%; display:block; padding-top:20px; float:left;}
.gbox .box .right dd input{ width:300px; height:48px; line-height:48px; font-size:20px; font-weight:bold; display:block; border-radius:8px; background-color:#fff; overflow:hidden; text-align:center; cursor:pointer; color:#114efe; margin:auto;}
.gbox .box .right dd input:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.gbox{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.gbox .title{ display:flex; align-items:center;}
.gbox .title .left{ flex:1;}
.gbox .title .right{ width:40.42%;}
.gbox .title .right .w01{ width:100%;}
.gbox .title .right .w01 span{ width:70px; font-size:15px; line-height:25px; display:block; float:left;}
.gbox .title .right .w01 span a{ color:#114efe;}
.gbox .title .right .w01 p{ width:calc(100% - 70px); display:block; float:left;}
.gbox .title .right .w01 p input{ width:100%; border-bottom:1px solid #dfdfdf; font-size:15px; line-height:25px; display:block; overflow:hidden;}
.gbox .title .right .w02{ margin-left:70px; margin-top:24px; padding-bottom:5px;}
.gbox .title .right .w02 input{ width:116px; height:38px; line-height:34px; font-size:18px; font-weight:bold; text-align:center; box-sizing:border-box; border:2px solid #114efe; border-radius:8px; overflow:hidden; color:#114efe; background-color:#fff;}
.gbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:65px; background-color:#f3f3f3; border-radius:15px; display:flex; align-items:center;}
.gbox .box .left{ width:240px; padding:0 30px;}
.gbox .box .left .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.gbox .box .left .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#114efe; margin-top:10px;}
.gbox .box .right{ flex:1; background-color:#114efe; border-radius:15px; padding:30px; display:block;}
.gbox .box .right dt{ width:48.75%; margin-bottom:15px; display:block; float:left; border:1px solid #becfff; box-sizing:border-box; border-radius:8px; overflow:hidden;}
.gbox .box .right dt:nth-child(2){ margin-left:2.5%;}
.gbox .box .right dt:nth-child(3){ width:100%;}
.gbox .box .right dt:nth-child(5){ margin-left:2.5%;}
.gbox .box .right dt b{ width:100px; background-color:#2960fe; border-radius:8px; text-align:center; float:left; display:block; font-size:15px; height:42px; line-height:42px; color:#fff;}
.gbox .box .right dt:nth-child(3) b{ width:208px;}
.gbox .box .right dt p{ width:calc(100% - 100px); display:block; float:left;}
.gbox .box .right dt:nth-child(3) p{ width:calc(100% - 208px);}
.gbox .box .right dt p input{ font-size:15px; color:#fff; display:block; height:42px; line-height:42px; padding:0 20px; box-sizing:border-box; width:100%; background-color:transparent;}
.gbox .box .right dd{ width:100%; display:block; padding-top:10px; float:left;}
.gbox .box .right dd input{ width:260px; height:44px; line-height:44px; font-size:18px; font-weight:bold; display:block; border-radius:8px; background-color:#fff; overflow:hidden; text-align:center; cursor:pointer; color:#114efe; margin:auto;}
}
@media only screen and (max-width:1023px){
.gbox{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:40px; background-color:#fff;}
.gbox .title .right{ width:100%; margin-top:10px;}
.gbox .title .right .w01{ width:100%;}
.gbox .title .right .w01 span{ width:60px; font-size:14px; line-height:24px; display:block; float:left;}
.gbox .title .right .w01 span a{ color:#114efe;}
.gbox .title .right .w01 p{ width:calc(100% - 60px); display:block; float:left;}
.gbox .title .right .w01 p input{ width:100%; border-bottom:1px solid #dfdfdf; font-size:14px; line-height:24px; display:block; overflow:hidden;}
.gbox .title .right .w02{ margin-left:60px; margin-top:15px;}
.gbox .title .right .w02 input{ width:96px; height:34px; line-height:30px; font-size:16px; font-weight:bold; text-align:center; box-sizing:border-box; border:2px solid #114efe; border-radius:5px; overflow:hidden; color:#114efe; background-color:#fff;}
.gbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:40px; background-color:#f3f3f3; border-radius:10px;}
.gbox .box .left{ padding:25px 15px;}
.gbox .box .left .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.gbox .box .left .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#114efe; margin-top:5px;}
.gbox .box .right{ flex:1; background-color:#114efe; border-radius:10px; padding:30px 15px; display:block;}
.gbox .box .right dt{ width:100%; margin-bottom:15px; display:block; float:left; border:1px solid #becfff; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.gbox .box .right dt b{ width:80px; background-color:#2960fe; border-radius:5px; text-align:center; float:left; display:block; font-size:14px; height:38px; line-height:38px; color:#fff;}
.gbox .box .right dt:nth-child(3) b{ width:180px;}
.gbox .box .right dt p{ width:calc(100% - 100px); display:block; float:left;}
.gbox .box .right dt:nth-child(3) p{ width:calc(100% - 180px);}
.gbox .box .right dt p input{ font-size:14px; color:#fff; display:block; height:38px; line-height:38px; padding:0 15px; box-sizing:border-box; width:100%; background-color:transparent;}
.gbox .box .right dd{ width:100%; display:block; padding-top:10px; float:left;}
.gbox .box .right dd input{ width:220px; height:40px; line-height:40px; font-size:16px; font-weight:bold; display:block; border-radius:5px; background-color:#fff; overflow:hidden; text-align:center; cursor:pointer; color:#114efe; margin:auto;}
}

/*footer*/
@media screen and (min-width:1440px){
.footer{ width:100%; position:relative; z-index:1; background-color:#f3f3f3;}
.footer .foot{ width:94%; max-width:1410px; margin:65px auto;}
.footer .foot .f01{ width:40%; float:left; padding:5px 0;}
.footer .foot .f01 .t01{ width:100%; height:42px;}
.footer .foot .f01 .t01 img{ display:block; height:42px;}
.footer .foot .f01 .t02{ width:100%; padding-top:10px;}
.footer .foot .f01 .t02 a{ display:block; height:40px; margin-top:20px; margin-right:20px; float:left;}
.footer .foot .f01 .t02 a img{ display:block; height:40px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 .t02 a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:20%; float:left;}
.footer .foot .f02 .t01{ font-size:18px; line-height:28px; font-weight:bold;}
.footer .foot .f02 .t02{ padding-top:5px;}
.footer .foot .f02 .t02 a{ display:block; font-size:16px; line-height:26px; margin-top:10px;}
.footer .foot .f02 .t02 a:hover{ color:#114efe;}
.footer .bq{ width:100%; border-top:1px solid #e6e6e6; height:70px; line-height:70px; text-align:center; font-size:16px;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(17,78,254,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.footer{ width:100%; position:relative; z-index:1; background-color:#f3f3f3;}
.footer .foot{ width:94%; margin:45px auto;}
.footer .foot .f01{ width:40%; float:left; padding:5px 0;}
.footer .foot .f01 .t01{ width:100%; height:42px;}
.footer .foot .f01 .t01 img{ display:block; height:42px;}
.footer .foot .f01 .t02{ width:100%; padding-top:10px;}
.footer .foot .f01 .t02 a{ display:block; height:36px; margin-top:15px; margin-right:15px; float:left;}
.footer .foot .f01 .t02 a img{ display:block; height:36px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 .t02 a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:20%; float:left;}
.footer .foot .f02 .t01{ font-size:17px; line-height:27px; font-weight:bold;}
.footer .foot .f02 .t02{ padding-top:5px;}
.footer .foot .f02 .t02 a{ display:block; font-size:15px; line-height:25px; margin-top:5px;}
.footer .foot .f02 .t02 a:hover{ color:#114efe;}
.footer .bq{ width:100%; border-top:1px solid #e6e6e6; height:60px; line-height:60px; text-align:center; font-size:16px;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(17,78,254,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; position:relative; z-index:1; background-color:#f3f3f3;}
.footer .foot{ width:94%; margin:25px auto;}
.footer .foot .f01{ width:100%; padding:5px 0;}
.footer .foot .f01 .t01{ width:100%; height:42px;}
.footer .foot .f01 .t01 img{ display:block; height:42px; margin:auto;}
.footer .foot .f01 .t02{ width:100%; text-align:center; padding-top:15px;}
.footer .foot .f01 .t02 a{ display:inline-block; height:20px; margin:5px;}
.footer .foot .f01 .t02 a img{ display:block; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.footer .foot .f01 .t02 a:hover img{ -webkit-transform:rotateY(-360deg);}
.footer .foot .f02{ width:100%; margin-top:10px;}
.footer .foot .f02 .t01{ font-size:16px; line-height:26px; font-weight:bold;}
.footer .foot .f02 .t02{ margin-left:-10px;}
.footer .foot .f02 .t02 a{ display:block; font-size:14px; line-height:24px; float:left; margin-left:10px;}
.footer .foot .f02 .t02 a:hover{ color:#114efe;}
.footer .bq{ width:100%; border-top:1px solid #e6e6e6; height:50px; line-height:50px; text-align:center; font-size:14px;}

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

/*内页*/
@media screen and (min-width:1440px){
.ban{ width:100%; height:580px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .wen{ width:94%; max-width:1410px; margin:auto; padding-top:180px; font-size:60px; line-height:70px; font-weight:bold;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ban{ width:100%; height:380px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .wen{ width:94%; margin:auto; padding-top:100px; font-size:40px; line-height:50px; font-weight:bold;}

}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:180px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .wen{ width:100%; height:100%; background-color:rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
}

/*关于我们*/
@media screen and (min-width:1440px){
.ab01{ width:100%; padding:95px 0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; font-size:16px; line-height:26px;}
.ab01 .box img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ab01{ width:100%; padding:65px 0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; font-size:15px; line-height:25px;}
.ab01 .box img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; font-size:14px; line-height:24px;}
.ab01 .box img{ max-width:100%; height:auto !important;}
}

@media screen and (min-width:1440px){
.ab02{ width:100%; padding:95px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.ab02 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; margin-top:45px;}
.ab02 .box .gallery-top{ width:100%;}
.ab02 .box .gallery-top .swiper-slide{ width:100%;}
.ab02 .box .gallery-top .swiper-slide .left{ width:53%; float:left;}
.ab02 .box .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.ab02 .box .gallery-top .swiper-slide .right{ width:40.5%; float:right;}
.ab02 .box .gallery-top .swiper-slide .right .w01{ font-size:38px; line-height:48px; font-weight:bold; margin-top:45px;}
.ab02 .box .gallery-top .swiper-slide .right .w02{ font-size:18px; line-height:28px; margin-top:15px; color:#737373;}
.ab02 .box .gallery-thumbs{ width:100%; border-top:2px solid #114efe; margin-top:70px;}
.ab02 .box .gallery-thumbs .swiper-wrapper{ justify-content:center;}
.ab02 .box .gallery-thumbs .swiper-slide{ width:66px; text-align:center; cursor:pointer;}
.ab02 .box .gallery-thumbs .swiper-slide span{ display:block; width:2px; height:40px; background-color:#8e8e8e; margin:auto;}
.ab02 .box .gallery-thumbs .swiper-slide b{ display:block; font-size:20px; line-height:30px; margin-top:15px;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#114efe;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ color:#114efe;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ab02{ width:100%; padding:65px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.ab02 .box .gallery-top{ width:100%;}
.ab02 .box .gallery-top .swiper-slide{ width:100%;}
.ab02 .box .gallery-top .swiper-slide .left{ width:53%; float:left;}
.ab02 .box .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.ab02 .box .gallery-top .swiper-slide .right{ width:44%; float:right;}
.ab02 .box .gallery-top .swiper-slide .right .w01{ font-size:30px; line-height:40px; font-weight:bold; margin-top:30px;}
.ab02 .box .gallery-top .swiper-slide .right .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#737373;}
.ab02 .box .gallery-thumbs{ width:100%; border-top:2px solid #114efe; margin-top:50px;}
.ab02 .box .gallery-thumbs .swiper-wrapper{ justify-content:center;}
.ab02 .box .gallery-thumbs .swiper-slide{ width:66px; text-align:center; cursor:pointer;}
.ab02 .box .gallery-thumbs .swiper-slide span{ display:block; width:2px; height:30px; background-color:#8e8e8e; margin:auto;}
.ab02 .box .gallery-thumbs .swiper-slide b{ display:block; font-size:18px; line-height:28px; margin-top:10px;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#114efe;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ color:#114efe;}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ab02 .box .gallery-top{ width:100%;}
.ab02 .box .gallery-top .swiper-slide{ width:100%;}
.ab02 .box .gallery-top .swiper-slide .left{ width:100%; float:left;}
.ab02 .box .gallery-top .swiper-slide .left img{ width:100%; display:block;}
.ab02 .box .gallery-top .swiper-slide .right{ width:100%; float:right;}
.ab02 .box .gallery-top .swiper-slide .right .w01{ font-size:22px; line-height:32px; font-weight:bold; margin-top:15px;}
.ab02 .box .gallery-top .swiper-slide .right .w02{ font-size:14px; line-height:24px; margin-top:5px; color:#737373;}
.ab02 .box .gallery-thumbs{ width:100%; border-top:2px solid #114efe; margin-top:25px;}
.ab02 .box .gallery-thumbs .swiper-slide{ width:66px; text-align:center; cursor:pointer;}
.ab02 .box .gallery-thumbs .swiper-slide span{ display:block; width:2px; height:20px; background-color:#8e8e8e; margin:auto;}
.ab02 .box .gallery-thumbs .swiper-slide b{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background-color:#114efe;}
.ab02 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ color:#114efe;}
}

@media screen and (min-width:1440px){
.ab03{ width:100%; padding:95px 0; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ab03 .box .left{ width:32.41%; float:left;}
.ab03 .box .left .title{ width:100%;}
.ab03 .box .left .list{ display:block; padding-top:15px;}
.ab03 .box .left .list li{ font-size:20px; line-height:30px; font-weight:bold; margin-top:25px; cursor:pointer;}
.ab03 .box .right{ width:67.59%; float:right; padding-top:3px; padding-bottom:5px; display:flex; flex-wrap:wrap;}
.ab03 .box .right li{ display:flex; align-items:center; width:calc(33.33% - 2px); margin-left:2px; margin-top:2px; background-color:#f3f3f3; transition:.5s; position:relative; z-index:1;}
.ab03 .box .right li:hover{ transform:scale(1.5, 1.5); z-index:3;}
.ab03 .box .right li img{ width:60%; display:block; margin:2.5vw auto;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ab03{ width:100%; padding:65px 0; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab03 .box .left{ width:29.41%; float:left;}
.ab03 .box .left .title{ width:100%;}
.ab03 .box .left .list{ display:block; padding-top:10px;}
.ab03 .box .left .list li{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px; cursor:pointer;}
.ab03 .box .right{ width:67.59%; float:right; padding-top:3px; padding-bottom:5px; display:flex; flex-wrap:wrap;}
.ab03 .box .right li{ display:flex; align-items:center; width:calc(33.33% - 2px); margin-left:2px; margin-top:2px; background-color:#f3f3f3; transition:.5s; position:relative; z-index:1;}
.ab03 .box .right li:hover{ transform:scale(1.35, 1.35); z-index:3;}
.ab03 .box .right li img{ width:70%; display:block; margin:2.5vw auto;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; padding:35px 0; position:relative; z-index:1; background-color:#fff;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab03 .box .left{ width:100%; float:left;}
.ab03 .box .left .title{ width:100%;}
.ab03 .box .left .list{ display:block; padding-top:5px;}
.ab03 .box .left .list li{ font-size:16px; line-height:26px; font-weight:bold; margin-top:5px; cursor:pointer;}
.ab03 .box .right{ width:100%; float:right; padding-top:13px; padding-bottom:5px; display:flex; flex-wrap:wrap;}
.ab03 .box .right li{ display:flex; align-items:center; width:calc((100% - 2px)/2); margin-left:2px; margin-top:2px; background-color:#f3f3f3; transition:.5s; position:relative; z-index:1;}
.ab03 .box .right li:nth-child(2n+1){ margin-left:0;}
.ab03 .box .right li:hover{ transform:scale(1.2, 1.2); z-index:3;}
.ab03 .box .right li img{ width:80%; display:block; margin:20px auto;}
}

/*新闻*/
@media screen and (min-width:1440px){
.xw01{ width:100%; padding:100px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.xw01 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:flex;}
.xw01 .box .left{ width:53%;}
.xw01 .box .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw01 .box .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw01 .box .left a:hover img{ transform:scale(1.1, 1.1);}
.xw01 .box .right{ width:44%; margin-left:3%; display:flex; flex-direction:column; padding:25px 0;}
.xw01 .box .right .w01{ width:100%;}
.xw01 .box .right .w01 a{ width:100%; font-size:28px; line-height:38px; height:76px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.xw01 .box .right .w01 a:hover{ color:#114efe;}
.xw01 .box .right .w02{ flex:1; font-size:16px; line-height:26px; margin-top:30px;}
.xw01 .box .right .w03{ width:100%;}
.xw01 .box .right .w03 span{ display:block; float:left; font-size:16px; line-height:26px; color:#666;}
.xw01 .box .right .w03 a{ display:block; float:right; font-size:16px; line-height:26px; color:#666;}
.xw01 .box .right .w03 a:hover{ color:#114efe;}

.xw02{ width:100%; padding:100px 0; position:relative; z-index:1; background-color:#fff;}
.xw02 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.xw02 .box .list{ width:100%; display:block; margin-top:-45px;}
.xw02 .box .list li{ width:46.67%; float:left; display:block; margin-left:6.66%; margin-top:45px;}
.xw02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.xw02 .box .list li .left{ width:100%;}
.xw02 .box .list li .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw02 .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw02 .box .list li .left a:hover img{ transform:scale(1.1, 1.1);}
.xw02 .box .list li .right{ width:100%; margin-top:25px;}
.xw02 .box .list li .right .w01{ width:100%;}
.xw02 .box .list li .right .w01 a{ display:block; width:100%; font-size:20px; line-height:30px; height:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xw02 .box .list li .right .w01 a:hover{ color:#114efe;}
.xw02 .box .list li .right .w02{ font-size:16px; line-height:26px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xw02 .box .list li .right .w03{ width:100%; margin-top:15px;}
.xw02 .box .list li .right .w03 span{ display:block; float:left; font-size:16px; line-height:26px; color:#666;}
.xw02 .box .list li .right .w03 a{ display:block; float:right; font-size:16px; line-height:26px; color:#666;}
.xw02 .box .list li .right .w03 a:hover{ color:#114efe;}

.fanye{ width:100%; margin-top:45px; text-align:center; line-height:40px;}
.fanye li{ margin:0 15px; display:inline-block; font-size:20px; line-height:32px;}
.fanye li a{ min-width:32px; height:32px; line-height:32px; display:block;}
.fanye li span{ min-width:32px; height:32px; line-height:32px; display:block;}
.fanye li.active span{ background-color:#114efe; color:#fff; border-radius:100%;}
.fanye li.disabled span{ color:#999; cursor:no-drop;}
.fanye li a:hover{ color:#114efe;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.xw01{ width:100%; padding:70px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.xw01 .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex;}
.xw01 .box .left{ width:53%;}
.xw01 .box .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw01 .box .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw01 .box .left a:hover img{ transform:scale(1.1, 1.1);}
.xw01 .box .right{ width:44%; margin-left:3%; display:flex; flex-direction:column; padding:20px 0;}
.xw01 .box .right .w01{ width:100%;}
.xw01 .box .right .w01 a{ width:100%; font-size:24px; line-height:34px; height:68px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.xw01 .box .right .w01 a:hover{ color:#114efe;}
.xw01 .box .right .w02{ flex:1; font-size:15px; line-height:25px; margin-top:20px;}
.xw01 .box .right .w03{ width:100%;}
.xw01 .box .right .w03 span{ display:block; float:left; font-size:15px; line-height:25px; color:#666;}
.xw01 .box .right .w03 a{ display:block; float:right; font-size:15px; line-height:25px; color:#666;}
.xw01 .box .right .w03 a:hover{ color:#114efe;}

.xw02{ width:100%; padding:70px 0; position:relative; z-index:1; background-color:#fff;}
.xw02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.xw02 .box .list{ width:100%; display:block; margin-top:-30px;}
.xw02 .box .list li{ width:47.5%; float:left; display:block; margin-left:5%; margin-top:30px;}
.xw02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.xw02 .box .list li .left{ width:100%;}
.xw02 .box .list li .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw02 .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw02 .box .list li .left a:hover img{ transform:scale(1.1, 1.1);}
.xw02 .box .list li .right{ width:100%; margin-top:15px;}
.xw02 .box .list li .right .w01{ width:100%;}
.xw02 .box .list li .right .w01 a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xw02 .box .list li .right .w01 a:hover{ color:#114efe;}
.xw02 .box .list li .right .w02{ font-size:15px; line-height:25px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xw02 .box .list li .right .w03{ width:100%; margin-top:10px;}
.xw02 .box .list li .right .w03 span{ display:block; float:left; font-size:15px; line-height:25px; color:#666;}
.xw02 .box .list li .right .w03 a{ display:block; float:right; font-size:15px; line-height:25px; color:#666;}
.xw02 .box .list li .right .w03 a:hover{ color:#114efe;}

.fanye{ width:100%; margin-top:30px; text-align:center; line-height:30px;}
.fanye li{ margin:0 10px; display:inline-block; font-size:18px; line-height:30px;}
.fanye li a{ min-width:30px; height:30px; line-height:30px; display:block;}
.fanye li span{ min-width:30px; height:30px; line-height:30px; display:block;}
.fanye li.active span{ background-color:#114efe; color:#fff; border-radius:100%;}
.fanye li.disabled span{ color:#999; cursor:no-drop;}
.fanye li a:hover{ color:#114efe;}
}
@media only screen and (max-width:1023px){
.xw01{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#f3f3f3;}
.xw01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.xw01 .box .left{ width:100%;}
.xw01 .box .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw01 .box .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw01 .box .left a:hover img{ transform:scale(1.1, 1.1);}
.xw01 .box .right{ width:100%; margin-top:10px;}
.xw01 .box .right .w01{ width:100%;}
.xw01 .box .right .w01 a{ width:100%; font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.xw01 .box .right .w01 a:hover{ color:#114efe;}
.xw01 .box .right .w02{ flex:1; font-size:14px; line-height:24px; margin-top:10px;}
.xw01 .box .right .w03{ width:100%; margin-top:10px;}
.xw01 .box .right .w03 span{ display:block; float:left; font-size:14px; line-height:24px; color:#666;}
.xw01 .box .right .w03 a{ display:block; float:right; font-size:14px; line-height:24px; color:#666;}
.xw01 .box .right .w03 a:hover{ color:#114efe;}

.xw02{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.xw02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.xw02 .box .list{ width:100%; display:block; margin-top:-15px;}
.xw02 .box .list li{ width:48.5%; float:left; display:block; margin-left:3%; margin-top:15px;}
.xw02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.xw02 .box .list li .left{ width:100%;}
.xw02 .box .list li .left a{ width:100%; display:block; padding-top:60.97%; position:relative; overflow:hidden;}
.xw02 .box .list li .left a img{ width:100%; display:block; position:absolute; left:0; top:0; transition:.5s;}
.xw02 .box .list li .left a:hover img{ transform:scale(1.1, 1.1);}
.xw02 .box .list li .right{ width:100%; margin-top:5px;}
.xw02 .box .list li .right .w01{ width:100%;}
.xw02 .box .list li .right .w01 a{ width:100%; font-size:16px; line-height:26px; height:52px; font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.xw02 .box .list li .right .w01 a:hover{ color:#114efe;}
.xw02 .box .list li .right .w02{ font-size:14px; line-height:24px; margin-top:2px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xw02 .box .list li .right .w03{ width:100%; margin-top:2px;}
.xw02 .box .list li .right .w03 span{ display:block; float:left; font-size:14px; line-height:24px; color:#666;}
.xw02 .box .list li .right .w03 a{ display:block; float:right; font-size:14px; line-height:24px; color:#666;}
.xw02 .box .list li .right .w03 a:hover{ color:#114efe;}

.fanye{ width:100%; margin-top:15px; text-align:center; line-height:28px;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px; line-height:28px;}
.fanye li a{ min-width:28px; height:28px; line-height:28px; display:block;}
.fanye li span{ min-width:28px; height:28px; line-height:28px; display:block;}
.fanye li.active span{ background-color:#114efe; color:#fff; border-radius:100%;}
.fanye li.disabled span{ color:#999; cursor:no-drop;}
.fanye li a:hover{ color:#114efe;}
}

/*新闻内页*/
@media screen and (min-width:1440px){
.ny{ width:94%; max-width:1410px; margin:95px auto; margin-bottom:100px;}
.ny .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.ny .w02{ font-size:16px; line-height:26px; color:#666; margin-top:15px;}
.ny .w03{ font-size:16px; line-height:26px; color:#333; margin-top:25px; padding-top:25px; border-top:1px solid #ddd;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:45px;}
.ny .w04 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background-color:#333; border-radius:10px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#114efe; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ny{ width:94%; margin:65px auto; margin-bottom:70px;}
.ny .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.ny .w02{ font-size:15px; line-height:25px; color:#666; margin-top:10px;}
.ny .w03{ font-size:15px; line-height:25px; color:#333; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:30px;}
.ny .w04 a{ width:200px; display:block; margin:auto; overflow:hidden; position:relative; background-color:#333; border-radius:10px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; font-size:16px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:10px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#114efe; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media only screen and (max-width:1023px){
.ny{ width:94%; margin:35px auto; margin-bottom:40px;}
.ny .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ny .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ny .w03{ font-size:14px; line-height:24px; color:#333; margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:15px;}
.ny .w04 a{ width:160px; display:block; margin:auto; overflow:hidden; position:relative; background-color:#333; border-radius:5px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:36px; line-height:36px; font-size:14px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:10px; margin-left:6px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#114efe; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}

/*联系我们*/
@media screen and (min-width:1440px){
.dbox .title .jj{ float:right; width:63.26%; font-size:16px; line-height:26px; font-weight:normal}

.index{ width:100%; position:relative; z-index:1; top:-110px; left:0;}
.lx{ width:94%; max-width:1410px; margin:95px auto;}
.lx .box{ text-align:center; font-weight:bold;}
.lx .box a{ display:inline-block; font-size:28px; line-height:30px; margin:0 28px;}
.lx .box a.on{ font-size:32px; color:#114efe;}
.lx .box01{ text-align:center; margin-top:20px;}
.lx .box01 a{ display:inline-block; font-size:18px; line-height:28px; margin:0 12px;}
.lx .box01 a.on{ font-weight:bold; color:#114efe;}
.lx .box02{ margin-top:60px;}
.lx .box02 .top{ width:100%; border-bottom:2px solid #c5c5c5; padding-bottom:20px; font-size:20px; line-height:30px; font-weight:bold;}
.lx .box02 .top dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .top dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot{ width:100%; display:block; margin-top:35px; font-size:20px; line-height:30px;}
.lx .box02 .bot dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .bot dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot p{ display:block; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.dbox .title .jj{ float:right; width:63.26%; font-size:15px; line-height:25px; font-weight:normal}

.index{ width:100%; position:relative; z-index:1; top:-90px; left:0;}
.lx{ width:94%; margin:65px auto;}
.lx .box{ text-align:center; font-weight:bold;}
.lx .box a{ display:inline-block; font-size:24px; line-height:34px; margin:0 18px;}
.lx .box a.on{ font-size:28px; color:#114efe;}
.lx .box01{ text-align:center; margin-top:15px;}
.lx .box01 a{ display:inline-block; font-size:17px; line-height:27px; margin:0 8px;}
.lx .box01 a.on{ font-weight:bold; color:#114efe;}
.lx .box02{ margin-top:40px;}
.lx .box02 .top{ width:100%; border-bottom:2px solid #c5c5c5; padding-bottom:15px; font-size:18px; line-height:28px; font-weight:bold;}
.lx .box02 .top dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .top dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot{ width:100%; display:block; margin-top:25px; font-size:18px; line-height:28px;}
.lx .box02 .bot dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .bot dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot p{ display:block; margin-top:15px;}
}
@media only screen and (max-width:1023px){
.dbox .title .jj{ float:right; width:100%; font-size:14px; line-height:24px; margin-top:10px; font-weight:normal;}

.index{ width:100%; position:relative; z-index:1; top:-60px; left:0;}
.lx{ width:94%; margin:35px auto;}
.lx .box{ text-align:center; font-weight:bold;}
.lx .box a{ display:inline-block; font-size:20px; line-height:30px; margin:0 8px;}
.lx .box a.on{ font-size:24px; color:#114efe;}
.lx .box01{ text-align:center; margin-top:10px;}
.lx .box01 a{ display:inline-block; font-size:16px; line-height:26px; margin:0 4px;}
.lx .box01 a.on{ font-weight:bold; color:#114efe;}
.lx .box02{ margin-top:20px;}
.lx .box02 .top{ width:100%; border-bottom:2px solid #c5c5c5; padding-bottom:10px; font-size:14px; line-height:24px; font-weight:bold;}
.lx .box02 .top dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .top dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot{ width:100%; display:block; margin-top:15px; font-size:14px; line-height:24px;}
.lx .box02 .bot dt{ width:48%; margin-right:3%; float:left; display:block; text-align:center;}
.lx .box02 .bot dd{ width:49%; float:left; display:block; text-align:left;}
.lx .box02 .bot p{ display:block; margin-top:10px;}
}

@media screen and (min-width:1440px){
.ban .box{ width:94%; max-width:1410px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box .w01{ font-size:60px; line-height:70px; font-weight:bold; color:#fff;}
.ban .box .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#FABE00; margin-top:20px;}
.ban .box .w03{ width:42.55%; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}

.job{ width:100%; padding-top:95px; padding-bottom:100px; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; padding-top:35px;}
.job .box .bt{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:25px 30px; box-sizing:border-box;}
.job .box .bt b{ font-size:18px; line-height:28px; display:block; float:left;}
.job .box .bt p{ font-size:18px; line-height:28px; display:block; float:left; margin-left:3%;}
.job .box .bt a{ font-size:18px; line-height:28px; display:block; float:right;}
.job .box .bt a img{ margin-left:7px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.job .box .bt.on a img{ -webkit-transform:rotateX(-180deg);}
.job .box .wen{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:30px; padding-top:0; box-sizing:border-box;}
.job .box .wen .biao{ font-size:18px; line-height:28px; color:#666; margin-top:30px;}
.job .box .wen .wz{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ban .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box .w01{ font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.ban .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#FABE00; margin-top:15px;}
.ban .box .w03{ width:50%; font-size:15px; line-height:25px; color:#fff; margin-top:15px;}

.job{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:20px;}
.job .box .bt{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:15px 20px; box-sizing:border-box;}
.job .box .bt b{ font-size:17px; line-height:27px; display:block; float:left;}
.job .box .bt p{ font-size:17px; line-height:27px; display:block; float:left; margin-left:3%;}
.job .box .bt a{ font-size:17px; line-height:27px; display:block; float:right;}
.job .box .bt a img{ margin-left:7px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.job .box .bt.on a img{ -webkit-transform:rotateX(-180deg);}
.job .box .wen{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:20px; padding-top:0; box-sizing:border-box;}
.job .box .wen .biao{ font-size:17px; line-height:27px; color:#666; margin-top:20px;}
.job .box .wen .wz{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.ban .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ban .box .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#FABE00; margin-top:5px;}
.ban .box .w03{ font-size:14px; line-height:24px; color:#fff; margin-top:5px; max-height:48px;}

.job{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.job .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:5px;}
.job .box .bt{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:10px 15px; padding-left:0; box-sizing:border-box;}
.job .box .bt b{ width:100%; font-size:16px; line-height:26px; display:block; float:left; margin-left:15px;}
.job .box .bt p{ font-size:16px; line-height:26px; display:block; float:left; margin-left:15px;}
.job .box .bt a{ font-size:16px; line-height:26px; display:block; float:right; margin-left:15px;}
.job .box .bt a img{ margin-left:5px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.job .box .bt.on a img{ -webkit-transform:rotateX(-180deg);}
.job .box .wen{ width:100%; margin-top:10px; border:1px solid #e5e5e5; border-radius:4px; padding:15px; padding-top:0; box-sizing:border-box;}
.job .box .wen .biao{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.job .box .wen .wz{ font-size:14px; line-height:24px; color:#666;}
}

/*主营业务*/
@media screen and (min-width:1440px){
.ban01{ width:100%; height:calc(100% - 110px); position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban01 .box{ width:94%; max-width:1410px; margin:auto; padding-top:7.8125vw;}
.ban01 .box .w01{ font-size:60px; line-height:70px; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#FABE00; margin-top:20px;}
.ban01 .box .w03{ width:47.18%; font-size:16px; line-height:26px; color:#fff; margin-top:20px;}

.ser01{ width:100%; min-height:32.17vw; box-sizing:border-box; background-position:center right; background-repeat:no-repeat; background-size:50% auto; background-color:#fff; position:relative; z-index:1;}
.ser01 .box{ width:94%; padding:95px 0; max-width:1410px; margin:auto; position:relative; z-index:3; display:flex;}
.ser01 .box .left{ width:38%;}
.ser01 .box .left .title{ width:100%;}
.ser01 .box .left .line{ margin-top:15px;}
.ser01 .box .left .line img{ display:block;}
.ser01 .box .left .wen{ margin-top:40px; font-size:20px; line-height:40px;}
.ser01 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser01 .box .left .more{ margin-top:30px;}
.ser01 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:28px; line-height:48px; font-weight:bold; color:#114efe;}
.ser01 .box .left .more a img{ margin-left:30px; height:18px; margin-top:15px; display:block; float:right;}
.ser01 .box .right{ width:57%; padding:5px 0; margin-left:5%; display:none;}
.ser01 .box .right img{ width:100%; display:block;}

.ser011{ width:100%; padding:95px 0; background-color:#fff; position:relative; z-index:1;}
.ser011 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:flex;}
.ser011 .box .left{ width:38%;}
.ser011 .box .left .title{ width:100%;}
.ser011 .box .left .line{ margin-top:15px;}
.ser011 .box .left .line img{ display:block;}
.ser011 .box .left .wen{ margin-top:40px; font-size:20px; line-height:40px;}
.ser011 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser011 .box .left .more{ margin-top:30px;}
.ser011 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:28px; line-height:48px; font-weight:bold; color:#114efe;}
.ser011 .box .left .more a img{ margin-left:30px; height:18px; margin-top:15px; display:block; float:right;}
.ser011 .box .right{ width:57%; padding:5px 0; margin-left:5%;}
.ser011 .box .right img{ width:100%; display:block;}

.ser02{ width:100%; padding:95px 0; background-color:#f3f3f3; position:relative; z-index:1;}
.ser02 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3; display:flex; flex-direction:row-reverse;}
.ser02 .box .left{ width:38%; margin-left:5%;}
.ser02 .box .left .title{ width:100%;}
.ser02 .box .left .line{ margin-top:15px;}
.ser02 .box .left .line img{ display:block;}
.ser02 .box .left .wen{ margin-top:40px; font-size:20px; line-height:40px;}
.ser02 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser02 .box .left .more{ margin-top:30px;}
.ser02 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:28px; line-height:48px; font-weight:bold; color:#114efe;}
.ser02 .box .left .more a img{ margin-left:30px; height:18px; margin-top:15px; display:block; float:right;}
.ser02 .box .right{ width:57%; padding:5px 0;}
.ser02 .box .right img{ width:100%; display:block;}

.ser03{ width:100%; height:290px; background-position:center; background-size:cover; position:relative; z-index:1;}
.ser03 .box{ width:94%; max-width:1410px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ser03 .box dl{ display:flex; width:100%; justify-content:space-between; align-items:center;}
.ser03 .box dl dt{ display:block; text-align:center; font-size:24px; line-height:34px; font-weight:bold; color:#fff;}
.ser03 .box dl dt strong{ display:inline-block; text-align:left;}
.ser03 .box dl dd{ width:1px; height:80px; display:block; background-color:#fff; opacity:.8; margin-left:30px; margin-right:30px;}

.ser04{ width:100%; display:flex; flex-wrap:wrap; position:relative; z-index:1;}
.ser04 li{ width:50%; height:260px; display:block; background-position:center; background-size:cover;}
.ser04 li a{ display:flex; flex-direction:column; justify-content:center; height:100%; width:90%; padding:0 5%; background-image:url(../images/bbg.png); background-position:left center; background-repeat:no-repeat; background-size:100% 100%;}
.ser04 li a b{ display:block; font-size:28px; line-height:38px;}
.ser04 li a span{ font-size:20px; line-height:30px; display:block; margin-top:12px; vertical-align:middle;}
.ser04 li a span img{ height:14px; margin-left:6px;}
.ser04 li a:hover b{ color:#114efe;}
.ser04 li a:hover span{ color:#114efe; font-weight:bold;}
.ser04 li a:hover span img{ filter:drop-shadow(#114efe 10000px 0); transform:translateX(-10000px);}

.ser05{ width:100%; position:relative; z-index:1; padding-top:95px; padding-bottom:100px; background-color:#fff;}
.ser05 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ser05 .box .left{ width:30.75%; margin-right:4%; float:left;}
.ser05 .box .left .w01{ font-size:38px; line-height:48px; font-weight:bold;}
.ser05 .box .left .w02{ font-size:24px; line-height:34px; font-weight:bold; color:#114efe; margin-top:15px;}
.ser05 .box .right{ width:65.25%; display:block; float:right;}
.ser05 .box .right dt{ width:48.75%; margin-bottom:45px; display:flex; float:left; overflow:hidden;}
.ser05 .box .right dt:nth-child(2){ margin-left:2.5%;}
.ser05 .box .right dt:nth-child(3){ width:100%;}
.ser05 .box .right dt:nth-child(5){ margin-left:2.5%;}
.ser05 .box .right dt b{ margin-right:15px; float:left; display:block; font-size:16px; height:26px; line-height:26px;}
.ser05 .box .right dt p{ flex:1; display:block; float:left; border-bottom:1px solid #ddd;}
.ser05 .box .right dt p input{ font-size:16px; color:#333; display:block; height:26px; line-height:26px; width:100%; background-color:transparent;}
.ser05 .box .right dd{ width:100%; display:block; float:left; padding-top:5px;}
.ser05 .box .right dd input{ width:300px; height:48px; line-height:48px; font-size:20px; font-weight:bold; display:block; border-radius:8px; background-color:#114efe; overflow:hidden; text-align:center; cursor:pointer; color:#fff; margin:auto;}
.ser05 .box .right dd input:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.ban01{ width:100%; height:42.7vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban01 .box{ width:94%; margin:auto; padding-top:5vw;}
.ban01 .box .w01{ font-size:40px; line-height:50px; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#FABE00; margin-top:15px;}
.ban01 .box .w03{ width:60%; font-size:15px; line-height:25px; color:#fff; margin-top:15px;}

.ser01{ width:100%; min-height:32.17vw; box-sizing:border-box; background-position:center right; background-repeat:no-repeat; background-size:50% auto; background-color:#fff; position:relative; z-index:1;}
.ser01 .box{ width:94%; padding:65px 0; margin:auto; position:relative; z-index:3; display:flex;}
.ser01 .box .left{ width:42%;}
.ser01 .box .left .title{ width:100%;}
.ser01 .box .left .line{ margin-top:10px;}
.ser01 .box .left .line img{ display:block;}
.ser01 .box .left .wen{ margin-top:30px; font-size:18px; line-height:28px;}
.ser01 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser01 .box .left .more{ margin-top:25px;}
.ser01 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:20px; line-height:40px; font-weight:bold; color:#114efe;}
.ser01 .box .left .more a img{ margin-left:20px; height:16px; margin-top:12px; display:block; float:right;}
.ser01 .box .right{ width:55%; padding:5px 0; margin-left:5%; display:none;}
.ser01 .box .right img{ width:100%; display:block;}

.ser011{ width:100%; padding:65px 0; background-color:#fff; position:relative; z-index:1;}
.ser011 .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex;}
.ser011 .box .left{ width:42%;}
.ser011 .box .left .title{ width:100%;}
.ser011 .box .left .line{ margin-top:10px;}
.ser011 .box .left .line img{ display:block;}
.ser011 .box .left .wen{ margin-top:30px; font-size:18px; line-height:28px;}
.ser011 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser011 .box .left .more{ margin-top:25px;}
.ser011 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:20px; line-height:40px; font-weight:bold; color:#114efe;}
.ser011 .box .left .more a img{ margin-left:20px; height:16px; margin-top:12px; display:block; float:right;}
.ser011 .box .right{ width:55%; padding:5px 0; margin-left:5%; display:none;}
.ser011 .box .right img{ width:100%; display:block;}

.ser02{ width:100%; padding:65px 0; background-color:#f3f3f3; position:relative; z-index:1;}
.ser02 .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex; flex-direction:row-reverse;}
.ser02 .box .left{ width:42%;}
.ser02 .box .left .title{ width:100%;}
.ser02 .box .left .line{ margin-top:10px;}
.ser02 .box .left .line img{ display:block;}
.ser02 .box .left .wen{ margin-top:30px; font-size:18px; line-height:28px;}
.ser02 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser02 .box .left .more{ margin-top:25px;}
.ser02 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:20px; line-height:40px; font-weight:bold; color:#114efe;}
.ser02 .box .left .more a img{ margin-left:20px; height:16px; margin-top:12px; display:block; float:right;}
.ser02 .box .right{ width:55%; padding:5px 0; margin-right:5%;}
.ser02 .box .right img{ width:100%; display:block;}

.ser03{ width:100%; height:200px; background-position:center; background-size:cover; position:relative; z-index:1;}
.ser03 .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ser03 .box dl{ display:flex; width:100%; justify-content:space-between; align-items:center;}
.ser03 .box dl dt{ display:block; text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ser03 .box dl dt strong{ display:inline-block; text-align:left;}
.ser03 .box dl dd{ width:1px; height:70px; display:block; background-color:#fff; opacity:.8; margin-left:20px; margin-right:20px;}

.ser04{ width:100%; display:flex; flex-wrap:wrap; position:relative; z-index:1;}
.ser04 li{ width:50%; height:200px; display:block; background-position:center; background-size:cover;}
.ser04 li a{ display:flex; flex-direction:column; justify-content:center; height:100%; width:100%; padding:0 3vw; background-image:url(../images/bbg.png); background-position:left center; background-repeat:no-repeat; background-size:100% 100%; box-sizing:border-box;}
.ser04 li a b{ display:block; font-size:24px; line-height:34px;}
.ser04 li a span{ font-size:18px; line-height:28px; display:block; margin-top:10px; vertical-align:middle;}
.ser04 li a span img{ height:14px; margin-left:6px;}
.ser04 li a:hover b{ color:#114efe;}
.ser04 li a:hover span{ color:#114efe; font-weight:bold;}
.ser04 li a:hover span img{ filter:drop-shadow(#114efe 10000px 0); transform:translateX(-10000px);}

.ser05{ width:100%; position:relative; z-index:1; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.ser05 .box{ width:94%; max-width:1410px; margin:auto; position:relative; z-index:3;}
.ser05 .box .left{ width:30.75%; margin-right:4%; float:left;}
.ser05 .box .left .w01{ font-size:30px; line-height:40px; font-weight:bold;}
.ser05 .box .left .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#114efe; margin-top:10px;}
.ser05 .box .right{ width:65.25%; display:block; float:right;}
.ser05 .box .right dt{ width:48.75%; margin-bottom:30px; display:flex; float:left; overflow:hidden;}
.ser05 .box .right dt:nth-child(2){ margin-left:2.5%;}
.ser05 .box .right dt:nth-child(3){ width:100%;}
.ser05 .box .right dt:nth-child(5){ margin-left:2.5%;}
.ser05 .box .right dt b{ margin-right:15px; float:left; display:block; font-size:15px; height:25px; line-height:25px;}
.ser05 .box .right dt p{ flex:1; display:block; float:left; border-bottom:1px solid #ddd;}
.ser05 .box .right dt p input{ font-size:15px; color:#333; display:block; height:25px; line-height:25px; width:100%; background-color:transparent;}
.ser05 .box .right dd{ width:100%; display:block; float:left; padding-top:5px;}
.ser05 .box .right dd input{ width:260px; height:44px; line-height:44px; font-size:18px; font-weight:bold; display:block; border-radius:8px; background-color:#114efe; overflow:hidden; text-align:center; cursor:pointer; color:#fff; margin:auto;}
.ser05 .box .right dd input:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}
@media only screen and (max-width:1023px){
.ban01{ width:100%; height:70vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban01 .box{ width:94%; margin:auto; padding-top:25px;}
.ban01 .box .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.ban01 .box .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#FABE00; margin-top:5px;}
.ban01 .box .w03{ font-size:14px; line-height:24px; color:#fff; margin-top:5px; max-height:48px;}

.ser01{ width:100%; background-image:none !important; position:relative; z-index:1;}
.ser01 .box{ width:94%; padding-top:35px; padding-bottom:40px; margin:auto; position:relative; z-index:3;}
.ser01 .box .left{ width:100%;}
.ser01 .box .left .title{ width:100%;}
.ser01 .box .left .line{ margin-top:5px;}
.ser01 .box .left .line img{ display:block; height:5px;}
.ser01 .box .left .wen{ margin-top:15px; font-size:16px; line-height:26px;}
.ser01 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser01 .box .left .more{ margin-top:10px;}
.ser01 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:16px; line-height:36px; font-weight:bold; color:#114efe;}
.ser01 .box .left .more a img{ margin-left:10px; height:14px; margin-top:11px; display:block; float:right;}
.ser01 .box .right{ width:100%; margin-top:30px;}
.ser01 .box .right img{ width:100%; display:block;}

.ser011{ width:100%; padding-top:35px; padding-bottom:40px; background-image:none !important; position:relative; z-index:1;}
.ser011 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ser011 .box .left{ width:100%;}
.ser011 .box .left .title{ width:100%;}
.ser011 .box .left .line{ margin-top:5px;}
.ser011 .box .left .line img{ display:block; height:5px;}
.ser011 .box .left .wen{ margin-top:15px; font-size:16px; line-height:26px;}
.ser011 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser011 .box .left .more{ margin-top:10px;}
.ser011 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:16px; line-height:36px; font-weight:bold; color:#114efe;}
.ser011 .box .left .more a img{ margin-left:10px; height:14px; margin-top:11px; display:block; float:right;}
.ser011 .box .right{ width:100%; margin-top:30px;}
.ser011 .box .right img{ width:100%; display:block;}

.ser02{ width:100%;  padding-top:35px; padding-bottom:40px; background-color:#f3f3f3; position:relative; z-index:1;}
.ser02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ser02 .box .left{ width:100%;}
.ser02 .box .left .title{ width:100%;}
.ser02 .box .left .line{ margin-top:5px;}
.ser02 .box .left .line img{ display:block; height:5px;}
.ser02 .box .left .wen{ margin-top:15px; font-size:16px; line-height:26px;}
.ser02 .box .left .wen img{ max-width:100%; height:auto !important;}
.ser02 .box .left .more{ margin-top:10px;}
.ser02 .box .left .more a{ display:block; float:left; border-bottom:1px solid #114efe; font-size:16px; line-height:36px; font-weight:bold; color:#114efe;}
.ser02 .box .left .more a img{ margin-left:10px; height:14px; margin-top:11px; display:block; float:right;}
.ser02 .box .right{ width:100%; margin-top:30px;}
.ser02 .box .right img{ width:100%; display:block;}

.ser03{ width:94%; padding:20px 3%; background-position:center; background-size:cover; position:relative; z-index:1;}
.ser03 .box{ width:100%;}
.ser03 .box dl{ display:flex; width:100%; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.ser03 .box dl dt{ width:48.5%; display:block; text-align:center; font-size:16px; line-height:26px; font-weight:bold; color:#fff; padding:5px 0;}
.ser03 .box dl dt strong{ display:inline-block; text-align:left;}
.ser03 .box dl dd{ width:1px; height:70px; display:none; background-color:#fff; opacity:.8;}

.ser04{ width:100%; display:flex; flex-wrap:wrap; position:relative; z-index:1;}
.ser04 li{ width:50%; height:140px; display:block; background-position:center; background-size:cover;}
.ser04 li a{ display:flex; flex-direction:column; justify-content:center; height:100%; width:100%; padding:0 3vw; background-image:url(../images/bbg.png); background-position:left center; background-repeat:no-repeat; background-size:100% 100%; box-sizing:border-box;}
.ser04 li a b{ display:block; font-size:20px; line-height:30px;}
.ser04 li a span{ font-size:14px; line-height:24px; display:block; margin-top:6px; vertical-align:middle;}
.ser04 li a span img{ height:12px; margin-left:4px;}
.ser04 li a:hover b{ color:#114efe;}
.ser04 li a:hover span{ color:#114efe; font-weight:bold;}
.ser04 li a:hover span img{ filter:drop-shadow(#114efe 10000px 0); transform:translateX(-10000px);}

.ser05{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:40px; background-color:#fff;}
.ser05 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ser05 .box .left{ width:100%; margin-right:4%; float:left;}
.ser05 .box .left .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.ser05 .box .left .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#114efe; margin-top:5px;}
.ser05 .box .right{ width:100%; display:block; float:right;}
.ser05 .box .right dt{ width:100%; margin-top:15px; display:flex; flex-wrap:wrap; float:left; overflow:hidden;}
.ser05 .box .right dt b{ margin-right:10px; float:left; display:block; font-size:14px; height:24px; line-height:24px;}
.ser05 .box .right dt p{ flex:1; display:block; float:left; border-bottom:1px solid #ddd;}
.ser05 .box .right dt p input{ font-size:14px; color:#333; display:block; height:24px; line-height:24px; width:100%; background-color:transparent;}
.ser05 .box .right dd{ width:100%; display:block; float:left; padding-top:20px;}
.ser05 .box .right dd input{ width:220px; height:40px; line-height:40px; font-size:16px; font-weight:bold; display:block; border-radius:8px; background-color:#114efe; overflow:hidden; text-align:center; cursor:pointer; color:#fff; margin:auto;}
.ser05 .box .right dd input:hover{ box-shadow:0 0 5px rgba(0,0,0,.3) inset;}
}