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

/*右侧浮动*/
@media screen and (min-width:1280px){
.kefu{ position:fixed; z-index:99; bottom:10%; right:30px; width:48px;}
.kefu ul li{ position:relative; margin-bottom:20px;}
.kefu ul li a.kf-gy{ width:48px; height:48px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#003591; color:#fff; border:1px solid #003591;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #003591; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #003591; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #003591; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #003591; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:24px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#003591;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#003591;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.kefu{ position:fixed; z-index:99; bottom:7%; right:15px; width:44px;}
.kefu ul li{ position:relative; margin-bottom:15px;}
.kefu ul li a.kf-gy{ width:44px; height:44px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#003591; color:#fff; border:1px solid #003591;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #003591; background-size:18px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #003591; background-size:18px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #003591; background-size:18px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:18px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #003591; background-size:18px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:24px; white-space:nowrap; bottom:3px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#003591;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#003591;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:55px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ width:100%;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media only screen and (max-width:1023px){
.kefu{ position:fixed; z-index:99; bottom:5%; right:3%;}
.kefu ul li{ position:relative; display:none;}
.kefu ul li.kf-top{ display:block;}
.kefu ul li a.kf-e1{ width:40px; height:40px; display:block; background:url(../images/kf-e1.png) center no-repeat #fff; background-size:16px; border-radius:50px; box-shadow:0 2px 8px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #003591; background-size:16px;}
}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 20px rgb(71 71 71 / 20%);}
.header .head{ width:86%; margin:auto; height:100px;}
.header .head .mNav,.header .head .tel{ display:none;}
.header .head .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .head .logo img{ display:block; height:70px;}
.header .head .logo img.mobile{ display:none;}
.header .head .menuBox{ float:right;}
.header .head .menuBox ul{ display:block;}
.header .head .menuBox ul li{ display:block; width:100px; margin-left:1.5vw; text-align:center; height:100px; float:left; position:relative;}
.header .head .menuBox ul li>a{ width:100%; display:block; height:100px; font-size:16px; position:relative; z-index:3; text-align:center; overflow:hidden;}
.header .head .menuBox ul li>a span{ display:block; width:100%; height:100px; line-height:100px; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menuBox ul li>a p{ display:block; width:100%; height:50px; line-height:50px; position:absolute; left:0; top:50px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .menuBox ul li:hover>a span{ transform:translateY(-100%); opacity:0;}
.header .head .menuBox ul li:hover>a p{ top:25px; opacity:1;}
.header .head .menuBox ul li b{ width:0; display:block; height:2px; position:absolute; left:0; bottom:25px; z-index:1; background-color:#003591; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menuBox ul li.on b,.header .head .menuBox ul li:hover b{ width:100%;}
.header .head .menuBox ul li.on>a,.header .head .menuBox ul li:hover>a{ color:#003591;}
.header .head .menuBox ul li dl{ display:none; position:absolute; left:0; top:100%; background-color:#f7f7f7; width:140px; padding:10px 20px;}
.header .head .menuBox ul li:hover dl{ display:block;}
.header .head .menuBox ul li dl dt{ display:block; overflow:hidden;}
.header .head .menuBox ul li dl dt a{ display:block; font-size:14px; line-height:30px; line-height:30px; overflow:hidden; text-align:left;}
.header .head .menuBox ul li dl dt a:hover{ color:#003591;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 15px rgb(71 71 71 / 20%);}
.header .head{ width:90%; margin:auto; height:80px;}
.header .head .mNav,.header .head .tel{ display:none;}
.header .head .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.mobile{ display:none;}
.header .head .menuBox{ float:right;}
.header .head .menuBox ul{ display:block;}
.header .head .menuBox ul li{ display:block; width:100px; margin-left:1vw; text-align:center; height:80px; float:left; position:relative;}
.header .head .menuBox ul li>a{ width:100%; display:block; height:80px; font-size:16px; position:relative; z-index:3; text-align:center; overflow:hidden;}
.header .head .menuBox ul li>a span{ display:block; width:100%; height:80px; line-height:80px; position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menuBox ul li>a p{ display:block; width:100%; height:40px; line-height:40px; position:absolute; left:0; top:40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0;}
.header .head .menuBox ul li:hover>a span{ transform:translateY(-100%); opacity:0;}
.header .head .menuBox ul li:hover>a p{ top:20px; opacity:1;}
.header .head .menuBox ul li b{ width:0; display:block; height:2px; position:absolute; left:0; bottom:20px; z-index:1; background-color:#003591; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .head .menuBox ul li.on b,.header .head .menuBox ul li:hover b{ width:100%;}
.header .head .menuBox ul li.on>a,.header .head .menuBox ul li:hover>a{ color:#003591;}
.header .head .menuBox ul li dl{ display:none; position:absolute; left:0; top:100%; background-color:#f7f7f7; width:140px; padding:7px 20px;}
.header .head .menuBox ul li:hover dl{ display:block;}
.header .head .menuBox ul li dl dt{ display:block; overflow:hidden;}
.header .head .menuBox ul li dl dt a{ display:block; font-size:14px; line-height:30px; line-height:30px; overflow:hidden; text-align:left;}
.header .head .menuBox ul li dl dt a:hover{ color:#003591;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgb(71 71 71 / 20%); height:60px;}
.header .head{ width:100%; position:relative; height:100%;}
.header .head .mNav{ display:block; -webkit-transition:.8s; transition:.8s; position:absolute; left:0; top:0; bottom:0; 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:#333;}
.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 .head .tel{ position:absolute; right:15px; top:18px;}
.header .head .tel img{ display:block; height:24px;}
.header .head .logo{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.header .head .logo img{ display:block; height:40px; margin:auto;}
.header .head .logo img.pc{ display:none;}
.header .head .menuBox{ position:fixed; top:-100vh; left:0; height:100vh; width:80%; background:rgba(0,0,0,.9); z-index:99; -webkit-transition:.8s; transition:.8s; display:block;}
.header .head .menuBox.open{ left:0; top:60px; padding-top:20px;}
.header .head .menuBox ul{ display:block; width:calc(100% - 50px); padding:18px 25px; text-align:center;}
.header .head .menuBox ul li{ padding:20px 0; text-transform:uppercase; -webkit-transform:matrix(1,0,0,1,-600,0); transform:matrix(1,0,0,1,-600,0); -webkit-transition:all 1s; transition:all 1s; border-bottom:1px solid rgba(255,255,255,.05);}
.header .head .menuBox ul li:last-child{ border-bottom:none;}
.header .head .menuBox.open ul li{ -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.header .head .menuBox ul li:nth-of-type(2){ transition-delay:0.2s;}
.header .head .menuBox ul li:nth-of-type(3){ transition-delay:0.3s;}
.header .head .menuBox ul li:nth-of-type(4){ transition-delay:0.4s;}
.header .head .menuBox ul li:nth-of-type(5){ transition-delay:0.5s;}
.header .head .menuBox ul li:nth-of-type(6){ transition-delay:0.6s;}
.header .head .menuBox ul li:nth-of-type(7){ transition-delay:0.7s;}
.header .head .menuBox ul li>a{ color:#fff; -webkit-transition:all 1s; transition:all 1s;}
.header .head .menuBox ul li>a span{ display:block; font-size:16px; line-height:26px;}
.header .head .menuBox ul li.on>a span{ color:#003591;}
.header .head .menuBox ul li>a p{ display:block; font-size:14px; opacity:.7; line-height:22px;}

.header .head .menuBox ul li dl{ display:none; width:100%; box-sizing:border-box; padding:5px 15px;}
.header .head .menuBox ul li:hover dl{ display:block;}
.header .head .menuBox ul li dl dt{ display:block; overflow:hidden;}
.header .head .menuBox ul li dl dt a{ display:block; font-size:14px; line-height:30px; line-height:30px; overflow:hidden; color:#ccc;}
.header .head .menuBox ul li dl dt a:hover{ color:#003591;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:800px; position:relative; z-index:1; border-top:100px solid #fff;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,.3);}
.banner .swiper-slide img{ max-width:86%; min-width:60%; display:block; position:absolute; top:40%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:10px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:70px; background-color:#003591;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; height:50vw; position:relative; z-index:1; border-top:80px solid #fff;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,.3);}
.banner .swiper-slide img{ max-width:90%; min-width:60%; display:block; position:absolute; top:40%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:25px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:10px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#003591;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; height:60vw; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; background-color:rgba(0,0,0,.3);}
.banner .swiper-slide img{ max-width:94%; display:block; position:absolute; top:40%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:15px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:10px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background-color:#003591;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:650px; float:left; position:relative; z-index:3;}
.abox .box .left .title{ width:100%; margin-top:-5px;}
.abox .box .left .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.abox .box .left .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.abox .box .left .w01{ width:100%; font-size:26px; line-height:46px; margin-top:20px; font-weight:bold;}
.abox .box .left .w01 a:hover{ color:#003591;}
.abox .box .left .w02{ width:100%; font-size:14px; line-height:30px; height:150px; margin-top:12px;}
.abox .box .left .w03{ width:800px; height:140px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); margin-top:26px; display:flex; align-items:center;}
.abox .box .left .w03 dt{ display:block; text-align:center; flex:1;}
.abox .box .left .w03 dt p{ display:block; font-size:48px; line-height:48px; height:48px; overflow:hidden; color:#003591;}
.abox .box .left .w03 dt p a{ font-size:14px;}
.abox .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:8px;}
.abox .box .left .w03 dd{ display:block; width:1px; height:80px; background-color:#eee; overflow:hidden;}
.abox .box .right{ width:480px; overflow:hidden; float:right; position:relative; z-index:1;}
.abox .box .right a{ width:100%; padding-top:580px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; padding:60px 0; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:55%; float:left; position:relative; z-index:3;}
.abox .box .left .title{ width:100%; margin-top:-5px;}
.abox .box .left .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.abox .box .left .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.abox .box .left .w01{ width:100%; font-size:22px; line-height:32px; margin-top:15px; font-weight:bold;}
.abox .box .left .w01 a:hover{ color:#003591;}
.abox .box .left .w02{ width:100%; font-size:14px; line-height:30px; height:150px; margin-top:7px;}
.abox .box .left .w03{ width:123%; height:120px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); margin-top:19px; display:flex; align-items:center;}
.abox .box .left .w03 dt{ display:block; text-align:center; flex:1;}
.abox .box .left .w03 dt p{ display:block; font-size:38px; line-height:38px; height:38px; overflow:hidden; color:#003591;}
.abox .box .left .w03 dt p a{ font-size:14px;}
.abox .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:6px;}
.abox .box .left .w03 dd{ display:block; width:1px; height:70px; background-color:#eee; overflow:hidden;}
.abox .box .right{ width:40%; overflow:hidden; float:right; position:relative; z-index:1;}
.abox .box .right a{ width:100%; padding-top:490px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; padding-bottom:30px; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left; position:relative; z-index:3;}
.abox .box .left .title{ width:100%;}
.abox .box .left .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.abox .box .left .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.abox .box .left .w01{ width:100%; font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.abox .box .left .w01 a:hover{ color:#003591;}
.abox .box .left .w02{ width:100%; font-size:14px; line-height:24px; max-height:168px; margin-top:5px;}
.abox .box .left .w03{ width:50%; padding:15px; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:15px;}
.abox .box .left .w03 dt{ display:block; text-align:center; padding:10px 0;}
.abox .box .left .w03 dt p{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; color:#003591;}
.abox .box .left .w03 dt p a{ font-size:14px;}
.abox .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.abox .box .left .w03 dd{ display:none;}
.abox .box .right{ width:240px; overflow:hidden; float:right; position:absolute; right:0; bottom:0; z-index:1;}
.abox .box .right a{ width:100%; padding-top:290px; display:block; position:relative; overflow:hidden;}
.abox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}

/*我们的服务*/
@media screen and (min-width:1280px){
.bbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#f7f7f7;}
.bbox.mar{ padding-top:50px;}
.bbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.bbox .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.bbox .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.bbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.bbox .box .list{ width:100%; display:block;}
.bbox .box .list li{ width:18%; height:420px; margin-top:30px; margin-left:2.5%; display:block; float:left; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.bbox .box .list li a{ width:100%; overflow:hidden; height:100%; display:block; background-color:rgba(0,0,0,.5); position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box .list li a:hover{ opacity:0;}
.bbox .box .list li .w01{ width:calc(100% - 40px); font-size:26px; line-height:36px; position:absolute; left:20px; top:35px; color:#fff;}
.bbox .box .list li .w02{ width:calc(100% - 40px); font-size:20px; line-height:30px; position:absolute; left:20px; top:190px; color:#fff; text-transform:uppercase;}
.bbox .box .list li .w03{ width:calc(100% - 40px); font-size:14px; line-height:24px; position:absolute; left:20px; bottom:35px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}


}
@media screen and (min-width:1024px) and (max-width:1279px){
.bbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#f7f7f7;}
.bbox.mar{ padding-top:30px;}
.bbox .title{ width:90%; margin:auto; position:relative; z-index:3;}
.bbox .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.bbox .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.bbox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.bbox .box .list{ width:100%; display:block;}
.bbox .box .list li{ width:18.4%; height:385px; margin-top:30px; margin-left:2%; display:block; float:left; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.bbox .box .list li a{ width:100%; overflow:hidden; height:100%; display:block; background-color:rgba(0,0,0,.5); position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box .list li a:hover{ opacity:0;}
.bbox .box .list li .w01{ width:calc(100% - 30px); font-size:22px; line-height:32px; position:absolute; left:15px; top:25px; color:#fff;}
.bbox .box .list li .w02{ width:calc(100% - 30px); font-size:18px; line-height:28px; position:absolute; left:15px; top:140px; color:#fff; text-transform:uppercase;}
.bbox .box .list li .w03{ width:calc(100% - 30px); font-size:14px; line-height:24px; position:absolute; left:15px; bottom:25px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

}
@media only screen and (max-width:1023px){
.bbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.bbox.mar{ padding-top:25px;}
.bbox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.bbox .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.bbox .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.bbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.bbox .box .list{ width:100%; display:block;}
.bbox .box .list li{ width:100%; height:150px; margin-top:15px; display:block; float:left; overflow:hidden; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box .list li a{ width:100%; overflow:hidden; height:100%; padding:15px; box-sizing:border-box; display:block; background-color:rgba(0,0,0,.5); position:relative; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.bbox .box .list li a:hover{ opacity:0;}
.bbox .box .list li .w01{ width:calc(100% - 30px); font-size:18px; line-height:28px; color:#fff;}
.bbox .box .list li .w02{ width:calc(100% - 30px); font-size:16px; line-height:26px; margin-top:1px; color:#fff; text-transform:uppercase;}
.bbox .box .list li .w03{ width:calc(100% - 30px); font-size:14px; line-height:24px; position:absolute; left:15px; bottom:15px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

}

/*服务站点*/
@media screen and (min-width:1280px){
.sbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.sbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.sbox .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.sbox .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.sbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.sbox .box .list01{ width:100%; display:block;}
.sbox .box .list01 li{ width:380px; margin-top:30px; margin-right:30px; display:block; float:left; overflow:hidden; position:relative; background-color:#f7f7f7;}
.sbox .box .list01 li a{ width:100%; display:block;}
.sbox .box .list01 li .tu{ width:100%; position:relative; z-index:1;}
.sbox .box .list01 li .tu:before{ width:100%; padding-top:62.5%; content:''; display:block;}
.sbox .box .list01 li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .list01 li .wen{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0)); z-index:3;}
.sbox .box .list01 li .wen span{ display:block; font-size:16px; line-height:26px; width:calc(100% - 60px); height:26px; color:#fff; overflow:hidden; position:absolute; left:30px; bottom:25px;}
.sbox .box .list01 li:hover .wen{ display:none;}
.sbox .wen{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px; font-size:16px; line-height:36px;}
.sbox .wen img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.sbox .title{ width:90%; margin:auto; position:relative; z-index:3;}
.sbox .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.sbox .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.sbox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.sbox .box .list01{ width:100%; display:block;}
.sbox .box .list01 li{ width:300px; margin-top:30px; margin-right:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#f7f7f7;}
.sbox .box .list01 li a{ width:100%; display:block;}
.sbox .box .list01 li .tu{ width:100%; position:relative; z-index:1;}
.sbox .box .list01 li .tu:before{ width:100%; padding-top:62.5%; content:''; display:block;}
.sbox .box .list01 li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .list01 li .wen{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0)); z-index:3;}
.sbox .box .list01 li .wen span{ display:block; font-size:16px; line-height:26px; width:calc(100% - 50px); height:26px; color:#fff; overflow:hidden; position:absolute; left:25px; bottom:20px;}
.sbox .box .list01 li:hover .wen{ display:none;}
.sbox .wen{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:20px; font-size:14px; line-height:30px;}
.sbox .wen img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.sbox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.sbox .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.sbox .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.sbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.sbox .box .list01{ width:100%; display:block;}
.sbox .box .list01 li{ width:250px; margin-top:15px; margin-right:10px; display:block; float:left; overflow:hidden; position:relative; background-color:#f7f7f7;}
.sbox .box .list01 li a{ width:100%; display:block;}
.sbox .box .list01 li .tu{ width:100%; position:relative; z-index:1;}
.sbox .box .list01 li .tu:before{ width:100%; padding-top:62.5%; content:''; display:block;}
.sbox .box .list01 li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .list01 li .wen{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0)); z-index:3;}
.sbox .box .list01 li .wen span{ display:block; font-size:14px; line-height:24px; width:calc(100% - 30px); height:24px; color:#fff; overflow:hidden; position:absolute; left:15px; bottom:10px;}
.sbox .box .list01 li:hover .wen{ display:none;}
.sbox .wen{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:20px; font-size:14px; line-height:30px;}
.sbox .wen img{ max-width:100%; height:auto !important;}
}


/*公司资讯*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-color:#f7f7f7;}
.cbox .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.cbox .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.cbox .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.cbox .title a{ display:block; position:absolute; right:0; bottom:0; font-size:20px; line-height:30px; text-transform:uppercase; font-weight:bold;}
.cbox .title a:hover{ color:#003591;}
.cbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.cbox .box .list{ width:100%; display:block;}
.cbox .box .list li{ width:570px; margin-left:60px; padding-top:25px; margin-top:25px; border-top:1px dashed #ddd; display:block; float:left; overflow:hidden;}
.cbox .box .list li:nth-child(1),.cbox .box .list li:nth-child(2){ border-top:none; padding-top:0;}
.cbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li .left{ width:100px; float:left;}
.cbox .box .list li .left span{ display:block; font-size:24px; line-height:32px;}
.cbox .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.cbox .box .list li .right{ width:calc(100% - 100px); float:left;}
.cbox .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.cbox .box .list li .right a:hover{ color:#003591;}
.cbox .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:6px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.cbox .title{ width:90%; margin:auto; position:relative; z-index:3;}
.cbox .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.cbox .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.cbox .title a{ display:block; position:absolute; right:0; bottom:0; font-size:18px; line-height:28px; text-transform:uppercase; font-weight:bold;}
.cbox .title a:hover{ color:#003591;}
.cbox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.cbox .box .list{ width:100%; display:block;}
.cbox .box .list li{ width:48%; margin-left:4%; padding-top:20px; margin-top:20px; border-top:1px dashed #ddd; display:block; float:left; overflow:hidden;}
.cbox .box .list li:nth-child(1),.cbox .box .list li:nth-child(2){ border-top:none; padding-top:0; margin-top:15px;}
.cbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.cbox .box .list li .left{ width:85px; float:left;}
.cbox .box .list li .left span{ display:block; font-size:22px; line-height:30px;}
.cbox .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.cbox .box .list li .right{ width:calc(100% - 100px); float:left;}
.cbox .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.cbox .box .list li .right a:hover{ color:#003591;}
.cbox .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:3px;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#f7f7f7;}
.cbox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.cbox .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.cbox .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.cbox .title a{ display:block; position:absolute; right:0; bottom:0; font-size:16px; line-height:26px; text-transform:uppercase; font-weight:bold;}
.cbox .title a:hover{ color:#003591;}
.cbox .box{ width:94%; margin:auto; padding-bottom:30px; position:relative; z-index:3;}
.cbox .box .list{ width:100%; display:block;}
.cbox .box .list li{ width:100%; padding-top:15px; margin-top:15px; border-top:1px dashed #ddd; display:block; float:left; overflow:hidden;}
.cbox .box .list li:nth-child(1){ border-top:none; padding-top:0; margin-top:10px;}
.cbox .box .list li .left{ width:65px; float:left;}
.cbox .box .list li .left span{ display:block; font-size:20px; line-height:26px;}
.cbox .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.cbox .box .list li .right{ width:calc(100% - 100px); float:left;}
.cbox .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.cbox .box .list li .right a:hover{ color:#003591;}
.cbox .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.dbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.dbox .title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.dbox .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.dbox .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.dbox .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:10px;}
.dbox .box .list{ width:100%; display:block;}
.dbox .box .list li{ width:18.8%; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.dbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.dbox .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.dbox .box .list li:hover a{ -webkit-transform:rotateY(-360deg);}
.dbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.dbox .title{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.dbox .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.dbox .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.dbox .box{ width:90%; margin:auto; position:relative; z-index:3;}
.dbox .box .list{ width:100%; display:block;}
.dbox .box .list li{ width:18.8%; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.dbox .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.dbox .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.dbox .box .list li:hover a{ -webkit-transform:rotateY(-360deg);}
.dbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; padding-top:30px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.dbox .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.dbox .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.dbox .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.dbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.dbox .box .list{ width:100%; display:block;}
.dbox .box .list li{ width:31.33%; margin-left:3%; margin-top:15px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.dbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.dbox .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.dbox .box .list li:hover a{ -webkit-transform:rotateY(-360deg);}
.dbox .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding-top:70px; padding-bottom:75px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ width:1200px; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.footer .foot .left{ width:425px;}
.footer .foot .left img{ height:100px; display:block;}
.footer .foot .right{ margin-left:70px; flex:1;}
.footer .foot .right ul{ display:block; overflow:hidden; float:right;}
.footer .foot .right ul li{ display:block; padding:5px 0; overflow:hidden;}
.footer .foot .right ul li span{ height:16px; display:block; float:left; width:39px; border-right:1px solid #fff; margin-top:4px;}
.footer .foot .right ul li span img{ display:block; height:16px;}
.footer .foot .right ul li p{ width:520px; margin-left:20px; display:block; float:right; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ width:90%; margin:auto; position:relative; z-index:3; display:flex; align-items:center;}
.footer .foot .left{ width:340px;}
.footer .foot .left img{ height:80px; display:block;}
.footer .foot .right{ margin-left:40px; flex:1;}
.footer .foot .right ul{ display:block; overflow:hidden; float:right;}
.footer .foot .right ul li{ display:block; padding:5px 0; overflow:hidden;}
.footer .foot .right ul li span{ height:16px; display:block; float:left; width:34px; border-right:1px solid #fff; margin-top:4px;}
.footer .foot .right ul li span img{ display:block; height:16px;}
.footer .foot .right ul li p{ width:520px; max-width:calc(100% - 50px); margin-left:15px; display:block; float:right; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; padding-top:40px; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .foot{ width:94%; margin:auto; position:relative; z-index:3;}
.footer .foot .left img{ height:60px; display:block; margin:auto;}
.footer .foot .right{ margin-top:10px;}
.footer .foot .right ul{ display:block; overflow:hidden;}
.footer .foot .right ul li{ display:block; margin-top:5px; overflow:hidden;}
.footer .foot .right ul li span{ height:16px; display:block; float:left; width:26px; border-right:1px solid #fff; margin-top:4px;}
.footer .foot .right ul li span img{ display:block; height:16px;}
.footer .foot .right ul li p{ width:calc(100% - 37px); display:block; float:right; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
}

/*关于公司*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:300px; position:relative; z-index:1; border-top:100px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ width:100%; height:20vw; position:relative; z-index:1; border-top:80px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; height:40vw; position:relative; z-index:1; border-top:60px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover}
}

@media screen and (min-width:1280px){
.ab01{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:650px; float:left; position:relative; z-index:3; padding-bottom:50px;}
.ab01 .box .left .title{ width:100%; margin-top:-5px;}
.ab01 .box .left .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.ab01 .box .left .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.ab01 .box .left .w01{ width:100%; font-size:26px; line-height:46px; margin-top:20px; font-weight:bold;}
.ab01 .box .left .w02{ width:100%; font-size:14px; line-height:30px; margin-top:12px;}
.ab01 .box .left .w03{ width:800px; height:140px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); margin-top:26px; display:flex; align-items:center;}
.ab01 .box .left .w03 dt{ display:block; text-align:center; flex:1;}
.ab01 .box .left .w03 dt p{ display:block; font-size:48px; line-height:48px; height:48px; overflow:hidden; color:#003591;}
.ab01 .box .left .w03 dt p a{ font-size:14px;}
.ab01 .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:8px;}
.ab01 .box .left .w03 dd{ display:block; width:1px; height:80px; background-color:#eee; overflow:hidden;}
.ab01 .box .right{ width:480px; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; float:right; position:absolute; right:0; bottom:0; z-index:1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab01{ width:100%; padding:60px 0; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:55%; float:left; position:relative; z-index:3; padding-bottom:40px;}
.ab01 .box .left .title{ width:100%; margin-top:-5px;}
.ab01 .box .left .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.ab01 .box .left .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.ab01 .box .left .w01{ width:100%; font-size:22px; line-height:32px; margin-top:15px; font-weight:bold;}
.ab01 .box .left .w02{ width:100%; font-size:14px; line-height:30px; margin-top:7px;}
.ab01 .box .left .w03{ width:123%; height:120px; background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); margin-top:19px; display:flex; align-items:center;}
.ab01 .box .left .w03 dt{ display:block; text-align:center; flex:1;}
.ab01 .box .left .w03 dt p{ display:block; font-size:38px; line-height:38px; height:38px; overflow:hidden; color:#003591;}
.ab01 .box .left .w03 dt p a{ font-size:14px;}
.ab01 .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:6px;}
.ab01 .box .left .w03 dd{ display:block; width:1px; height:70px; background-color:#eee; overflow:hidden;}
.ab01 .box .right{ width:40%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; float:right; position:absolute; right:0; bottom:0; z-index:1;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ab01 .box .left{ width:100%; float:left; position:relative; z-index:3; padding-bottom:30px;}
.ab01 .box .left .title{ width:100%;}
.ab01 .box .left .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.ab01 .box .left .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.ab01 .box .left .w01{ width:100%; font-size:18px; line-height:28px; margin-top:10px; font-weight:bold;}
.ab01 .box .left .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .box .left .w03{ width:50%; padding:15px; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); margin-top:15px;}
.ab01 .box .left .w03 dt{ display:block; text-align:center; padding:10px 0;}
.ab01 .box .left .w03 dt p{ display:block; font-size:28px; line-height:28px; height:28px; overflow:hidden; color:#003591;}
.ab01 .box .left .w03 dt p a{ font-size:14px;}
.ab01 .box .left .w03 dt span{ display:block; font-size:14px; line-height:24px; color:#333;}
.ab01 .box .left .w03 dd{ display:none;}
.ab01 .box .right{ width:240px; height:290px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; float:right; position:absolute; right:0; bottom:0; z-index:1;}
}

@media screen and (min-width:1280px){
.ab02{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .title{ width:1200px; margin:auto; position:relative; z-index:3; color:#fff;}
.ab02 .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.ab02 .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.ab02 .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:25px;}
/*.ab02 .box:before{ width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:11; display:block;}*/
.ab02 .box .swiper-container{ width:100%; position:relative; z-index:3; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide{ width:25%; text-align:center; color:#fff;}
.ab02 .box .swiper-container .swiper-slide .time{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:20px; margin-top:64px;}
.ab02 .box .swiper-container .swiper-slide .wen{ padding:0 10px; font-size:14px; line-height:24px; height:48px; margin-top:20px;}
.ab02 .box .swiper-container .swiper-slide .dot{ width:20px; height:20px; background-color:rgba(255,255,255,.5); border-radius:100%; margin:auto;}
.ab02 .box .swiper-container .swiper-slide .dot b{ width:10px; height:10px; background-color:#fff; border-radius:100%; margin:5px; display:block; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide .line{ width:1px; height:40px; background-color:#fff; margin:10px auto;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .time{ margin-top:20px; margin-bottom:65px;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .wen{ margin-top:0; margin-bottom:20px; display:flex; align-items:flex-end;}
.ab02 .box .bg{ width:calc(100% - 80px); height:1px; position:absolute; left:40px; top:50%; margin-top:-1px; background-color:#fff; z-index:1;}
.ab02 .box .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.5); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; z-index:5;}
.ab02 .box .swiper-button-prev{ left:0; background-image:url(../images/prev_09.png);}
.ab02 .box .swiper-button-next{ right:0; background-image:url(../images/next_11.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab02{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .title{ width:90%; margin:auto; position:relative; z-index:3; color:#fff;}
.ab02 .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.ab02 .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.ab02 .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:15px;}
/*.ab02 .box:before{ width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:11; display:block;}*/
.ab02 .box .swiper-container{ width:100%; position:relative; z-index:3; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide{ width:25%; text-align:center; color:#fff;}
.ab02 .box .swiper-container .swiper-slide .time{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:20px; margin-top:64px;}
.ab02 .box .swiper-container .swiper-slide .wen{ padding:0 10px; font-size:14px; line-height:24px; height:48px; margin-top:20px;}
.ab02 .box .swiper-container .swiper-slide .dot{ width:20px; height:20px; background-color:rgba(255,255,255,.5); border-radius:100%; margin:auto;}
.ab02 .box .swiper-container .swiper-slide .dot b{ width:10px; height:10px; background-color:#fff; border-radius:100%; margin:5px; display:block; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide .line{ width:1px; height:40px; background-color:#fff; margin:10px auto;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .time{ margin-top:20px; margin-bottom:65px;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .wen{ margin-top:0; margin-bottom:20px; display:flex; align-items:flex-end;}
.ab02 .box .bg{ width:calc(100% - 76px); height:1px; position:absolute; left:38px; top:50%; margin-top:-1px; background-color:#fff; z-index:1;}
.ab02 .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; background-color:rgba(255,255,255,.5); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-19px; z-index:5;}
.ab02 .box .swiper-button-prev{ left:0; background-image:url(../images/prev_09.png);}
.ab02 .box .swiper-button-next{ right:0; background-image:url(../images/next_11.png);}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .title{ width:94%; margin:auto; position:relative; z-index:3; color:#fff;}
.ab02 .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.ab02 .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px;}
.ab02 .box .swiper-container{ width:100%; position:relative; z-index:3; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide{ width:50%; text-align:center; color:#fff;}
.ab02 .box .swiper-container .swiper-slide .time{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:20px; margin-top:88px;}
.ab02 .box .swiper-container .swiper-slide .wen{ font-size:14px; line-height:24px; height:72px; margin-top:20px;}
.ab02 .box .swiper-container .swiper-slide .dot{ width:20px; height:20px; background-color:rgba(255,255,255,.5); border-radius:100%; margin:auto;}
.ab02 .box .swiper-container .swiper-slide .dot b{ width:10px; height:10px; background-color:#fff; border-radius:100%; margin:5px; display:block; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide .line{ width:1px; height:40px; background-color:#fff; margin:10px auto;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .time{ margin-top:20px; margin-bottom:89px;}
.ab02 .box .swiper-container .swiper-slide:nth-child(2n) .wen{ margin-top:0; margin-bottom:20px; display:flex; align-items:flex-end;}
.ab02 .box .bg{ width:100%; height:1px; position:absolute; left:0; top:50%; margin-top:-1px; background-color:#fff; z-index:1;}
.ab02 .box .swiper-button-white{ width:36px; height:36px; border-radius:100%; background-color:rgba(255,255,255,.5); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-18px; z-index:5;}
.ab02 .box .swiper-button-prev{ left:0; background-image:url(../images/prev_09.png);}
.ab02 .box .swiper-button-next{ right:0; background-image:url(../images/next_11.png);}
}

@media screen and (min-width:1280px){
.ab03{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ab03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ab03 .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.ab03 .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.ab03 .box{ width:1200px; height:420px; margin:auto; position:relative; z-index:3; margin-top:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .box:before{ width:30px; height:100%; position:absolute; left:380px; top:0; background-color:#fff; content:''; display:block; overflow:hidden;}
.ab03 .box:after{ width:30px; height:100%; position:absolute; right:380px; top:0; background-color:#fff; content:''; display:block; overflow:hidden;}
.ab03 .box .list{ width:100%; display:flex;}
.ab03 .box .list li{ width:380px; padding:30px; padding-bottom:0; box-sizing:border-box; display:block; overflow:hidden; position:relative; margin-left:30px;}
.ab03 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .list li .wen{ padding:20px; width:calc(80% - 40px); height:100%; background-color:rgba(255,255,255,.9)}
.ab03 .box .list li .wen .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#003591;}
.ab03 .box .list li .wen .w02{ font-size:14px; line-height:24px; margin-top:10px; color:#333;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab03{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ab03 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ab03 .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.ab03 .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.ab03 .box{ width:90%; height:300px; margin:auto; position:relative; z-index:3; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .box:before{ width:2%; height:100%; position:absolute; left:32%; top:0; background-color:#fff; content:''; display:block; overflow:hidden;}
.ab03 .box:after{ width:2%; height:100%; position:absolute; right:32%; top:0; background-color:#fff; content:''; display:block; overflow:hidden;}
.ab03 .box .list{ width:100%; display:flex;}
.ab03 .box .list li{ width:32%; padding:20px; padding-bottom:0; box-sizing:border-box; display:block; overflow:hidden; position:relative; margin-left:2%;}
.ab03 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .list li .wen{ padding:15px; width:calc(80% - 30px); height:100%; background-color:rgba(255,255,255,.9)}
.ab03 .box .wen .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#003591;}
.ab03 .box .wen .w02{ font-size:14px; line-height:24px; margin-top:5px; color:#333;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ab03 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ab03 .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.ab03 .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .box .list{ width:100%; display:block;}
.ab03 .box .list li{ width:100%; padding:15px; box-sizing:border-box; padding-bottom:30px; overflow:hidden; position:relative; border-bottom:15px solid #fff;}
.ab03 .box .list li:last-child{ border-bottom:none;}
.ab03 .box .list li .wen{ padding:15px; width:calc(90% - 30px); background-color:rgba(255,255,255,.9)}
.ab03 .box .wen .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#003591;}
.ab03 .box .wen .w02{ font-size:14px; line-height:24px; min-height:72px; color:#333;}
}

/*产品服务*/
@media screen and (min-width:1280px){
.ser01{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ser01 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ser01 .title b{ font-size:36px; line-height:46px; display:block; float:left;}
.ser01 .title p{ font-size:30px; line-height:40px; margin-top:6px; margin-left:20px; display:block; text-transform:uppercase; float:left;}
.ser01 .title a{ display:block; font-size:18px; line-height:28px; position:absolute; right:0; bottom:0;}
.ser01 .title a:hover{ color:#003591;}
.ser01 .wen{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}
.ser01 .wen img{ max-width:100%; height:auto !important;}
.ser01 .list{ width:1200px; margin:auto; display:block; padding-top:20px;}
.ser01 .list li{ width:282px; height:100px; display:block; float:left; margin-left:24px; margin-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser01 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ser01 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:26px; color:#fff; text-align:center; padding:10px 20px; box-sizing:border-box;}
.ser01 .box{ width:1200px; margin:auto; display:block; margin-top:65px;}
.ser01 .box .wz{ width:100%; font-size:14px; line-height:24px;}
.ser01 .box .wz .bt{ color:#da0000; float:left;}
.ser01 .box .wz img{ max-width:100%; height:auto !important;}
.ser01 .box .tu{ width:100%; margin-top:20px;}
.ser01 .box .tu li:nth-child(1){ width:794px; height:440px; display:block; float:left; overflow:hidden;}
.ser01 .box .tu li:nth-child(2){ width:386px; height:230px; display:block; float:left; overflow:hidden; margin-left:20px;}
.ser01 .box .tu li:nth-child(3){ width:386px; height:190px; display:block; float:left; overflow:hidden; margin-left:20px; margin-top:20px;}
.ser01 .box .tu li img{ width:100%; display:block;}
.ser01 .box .tu01{ width:100%;}
.ser01 .box .tu01 li{ width:386px; height:280px; margin-left:20px; margin-top:20px; display:block; float:left; overflow:hidden;}
.ser01 .box .tu01 li:nth-child(3n+1){ clear:left; float:left; margin-left:1px;}
.ser01 .box .tu01 li img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser01{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ser01 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ser01 .title b{ font-size:30px; line-height:40px; display:block; float:left;}
.ser01 .title p{ font-size:24px; line-height:34px; margin-top:6px; margin-left:15px; display:block; text-transform:uppercase; float:left;}
.ser01 .title a{ display:block; font-size:16px; line-height:26px; position:absolute; right:0; bottom:0;}
.ser01 .title a:hover{ color:#003591;}
.ser01 .wen{ width:90%; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}
.ser01 .wen img{ max-width:100%; height:auto !important;}
.ser01 .list{ width:90%; margin:auto; display:block; padding-top:10px;}
.ser01 .list li{ width:23.5%; height:80px; display:block; float:left; margin-left:2%; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser01 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ser01 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:22px; color:#fff; text-align:center; padding:10px 15px; box-sizing:border-box;}
.ser01 .box{ width:90%; margin:auto; display:block; margin-top:45px;}
.ser01 .box .wz{ width:100%; font-size:14px; line-height:24px;}
.ser01 .box .wz .bt{ color:#da0000; float:left;}
.ser01 .box .wz img{ max-width:100%; height:auto !important;}
.ser01 .box .tu{ width:100%; margin-top:15px;}
.ser01 .box .tu li:nth-child(1){ width:66%; height:33vw; display:block; float:left; overflow:hidden;}
.ser01 .box .tu li:nth-child(2){ width:32%; height:17.07vw; display:block; float:left; overflow:hidden; margin-left:2%;}
.ser01 .box .tu li:nth-child(3){ width:32%; height:14.1vw; display:block; float:left; overflow:hidden; margin-left:2%; margin-top:1.83vw;}
.ser01 .box .tu li img{ width:100%; display:block;}
.ser01 .box .tu01{ width:100%;}
.ser01 .box .tu01 li{ width:32%; height:20.89vw; margin-left:2%; margin-top:15px; display:block; float:left; overflow:hidden;}
.ser01 .box .tu01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ser01 .box .tu01 li img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.ser01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ser01 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ser01 .title b{ font-size:24px; line-height:34px; display:block;}
.ser01 .title p{ font-size:18px; line-height:28px; display:block; text-transform:uppercase; float:left;}
.ser01 .title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; top:5px;}
.ser01 .title a:hover{ color:#003591;}
.ser01 .wen{ width:94%; margin:auto; margin-top:10px; font-size:16px; line-height:26px;}
.ser01 .wen img{ max-width:100%; height:auto !important;}
.ser01 .list{ width:94%; margin:auto; display:block; padding-top:5px;}
.ser01 .list li{ width:48.5%; height:60px; display:block; float:left; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser01 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser01 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:18px; color:#fff; text-align:center; padding:5px 15px; box-sizing:border-box;}
.ser01 .box{ width:94%; margin:auto; display:block; margin-top:25px;}
.ser01 .box .wz{ width:100%; font-size:14px; line-height:24px;}
.ser01 .box .wz .bt{ color:#da0000; float:left;}
.ser01 .box .wz img{ max-width:100%; height:auto !important;}
.ser01 .box .tu{ width:100%;}
.ser01 .box .tu li:nth-child(1){ width:100%; height:53.02vw; display:block; float:left; overflow:hidden; margin-top:15px;}
.ser01 .box .tu li:nth-child(2){ width:100%; height:54.05vw; display:block; float:left; overflow:hidden; margin-top:15px;}
.ser01 .box .tu li:nth-child(3){ width:100%; height:44.65vw; display:block; float:left; overflow:hidden; margin-top:15px;}
.ser01 .box .tu li img{ width:100%; display:block;}
.ser01 .box .tu01{ width:100%;}
.ser01 .box .tu01 li{ width:100%; height:68.18vw; margin-top:15px; display:block; float:left; overflow:hidden;}
.ser01 .box .tu01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ser01 .box .tu01 li img{ width:100%; display:block;}
}

@media screen and (min-width:1280px){
.ser02{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ser02 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ser02 .title b{ font-size:36px; line-height:46px; display:block; float:left;}
.ser02 .title p{ font-size:30px; line-height:40px; margin-top:6px; margin-left:20px; display:block; text-transform:uppercase; float:left;}
.ser02 .title a{ display:block; font-size:18px; line-height:28px; position:absolute; right:0; bottom:0;}
.ser02 .title a:hover{ color:#003591;}
.ser02 .wen{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}
.ser02 .wen img{ max-width:100%; height:auto !important;}
.ser02 .list{ width:1200px; margin:auto; display:flex; padding-top:20px;}
.ser02 .list li{ flex:1; height:100px; display:block; float:left; margin-left:24px; margin-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser02 .list li:first-child{ margin-left:0;}
.ser02 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:26px; color:#fff; text-align:center; padding:10px 20px; box-sizing:border-box;}
.ser02 .box{ width:1200px; margin:auto; display:block; margin-top:65px;}
.ser02 .box .bt{ font-size:26px; line-height:36px; font-weight:bold;}
.ser02 .box .tu{ width:100%; margin-top:20px;}
.ser02 .box .tu img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser02{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ser02 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ser02 .title b{ font-size:30px; line-height:40px; display:block; float:left;}
.ser02 .title p{ font-size:24px; line-height:34px; margin-top:6px; margin-left:15px; display:block; text-transform:uppercase; float:left;}
.ser02 .title a{ display:block; font-size:16px; line-height:26px; position:absolute; right:0; bottom:0;}
.ser02 .title a:hover{ color:#003591;}
.ser02 .wen{ width:90%; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}
.ser02 .wen img{ max-width:100%; height:auto !important;}
.ser02 .list{ width:90%; margin:auto; display:flex; padding-top:10px;}
.ser02 .list li{ flex:1; height:80px; display:block; float:left; margin-left:2%; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser02 .list li:first-child{ margin-left:0;}
.ser02 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:22px; color:#fff; text-align:center; padding:10px 15px; box-sizing:border-box;}
.ser02 .box{ width:90%; margin:auto; display:block; margin-top:45px;}
.ser02 .box .bt{ font-size:22px; line-height:32px; font-weight:bold;}
.ser02 .box .tu{ width:100%; margin-top:15px;}
.ser02 .box .tu img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.ser02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ser02 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ser02 .title b{ font-size:24px; line-height:34px; display:block;}
.ser02 .title p{ font-size:18px; line-height:28px; display:block; text-transform:uppercase; float:left;}
.ser02 .title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; top:5px;}
.ser02 .title a:hover{ color:#003591;}
.ser02 .wen{ width:94%; margin:auto; margin-top:10px; font-size:16px; line-height:26px;}
.ser02 .wen img{ max-width:100%; height:auto !important;}
.ser02 .list{ width:94%; margin:auto; display:block; padding-top:5px;}
.ser02 .list li{ width:48.5%; height:60px; display:block; float:left; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser02 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser02 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:18px; color:#fff; text-align:center; padding:5px 15px; box-sizing:border-box;}
.ser02 .box{ width:94%; margin:auto; display:block; margin-top:25px;}
.ser02 .box .bt{ font-size:18px; line-height:28px; font-weight:bold;}
.ser02 .box .tu{ width:100%; margin-top:10px;}
.ser02 .box .tu img{ max-width:100%; height:auto !important;}
}

@media screen and (min-width:1280px){
.ser03{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ser03 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ser03 .title b{ font-size:36px; line-height:46px; display:block; float:left;}
.ser03 .title p{ font-size:30px; line-height:40px; margin-top:6px; margin-left:20px; display:block; text-transform:uppercase; float:left;}
.ser03 .title a{ display:block; font-size:18px; line-height:28px; position:absolute; right:0; bottom:0;}
.ser03 .title a:hover{ color:#003591;}
.ser03 .list{ width:1200px; margin:auto; display:flex; padding-top:20px;}
.ser03 .list li{ flex:1; height:100px; display:block; float:left; margin-left:24px; margin-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser03 .list li:first-child{ margin-left:0;}
.ser03 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:26px; color:#fff; text-align:center; padding:10px 20px; box-sizing:border-box;}
.ser03 .wen{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}
.ser03 .wen img{ max-width:100%; height:auto !important;}
.ser03 .line{ width:1200px; margin:auto; margin-top:35px;}
.ser03 .line b{ display:block; width:30%; height:6px; background-color:#333;}
.ser03 .box{ width:1200px; margin:auto; display:block; margin-top:65px;}
.ser03 .box .bt{ font-size:26px; line-height:36px; font-weight:bold; margin-bottom:15px;}
.ser03 .box .wz{ font-size:14px; line-height:24px; margin-bottom:20px;}
.ser03 .box .wz img{ max-width:100%; height:auto !important;}
.ser03 .box .tu{ width:100%; margin-top:5px;}
.ser03 .box .tu img{ width:100%; display:block; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser03{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ser03 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ser03 .title b{ font-size:30px; line-height:40px; display:block; float:left;}
.ser03 .title p{ font-size:24px; line-height:34px; margin-top:6px; margin-left:15px; display:block; text-transform:uppercase; float:left;}
.ser03 .title a{ display:block; font-size:16px; line-height:26px; position:absolute; right:0; bottom:0;}
.ser03 .title a:hover{ color:#003591;}
.ser03 .list{ width:90%; margin:auto; display:flex; padding-top:10px;}
.ser03 .list li{ flex:1; height:80px; display:block; float:left; margin-left:2%; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser03 .list li:first-child{ margin-left:0;}
.ser03 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:22px; color:#fff; text-align:center; padding:10px 15px; box-sizing:border-box;}
.ser03 .wen{ width:90%; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}
.ser03 .wen img{ max-width:100%; height:auto !important;}
.ser03 .line{ width:90%; margin:auto; margin-top:25px;}
.ser03 .line b{ display:block; width:30%; height:4px; background-color:#333;}
.ser03 .box{ width:90%; margin:auto; display:block; margin-top:45px;}
.ser03 .box .bt{ font-size:22px; line-height:32px; font-weight:bold; margin-bottom:10px;}
.ser03 .box .wz{ font-size:14px; line-height:24px; margin-bottom:15px;}
.ser03 .box .wz img{ max-width:100%; height:auto !important;}
.ser03 .box .tu{ width:100%; margin-top:5px;}
.ser03 .box .tu img{ width:100%; display:block; height:auto !important;}
}
@media only screen and (max-width:1023px){
.ser03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ser03 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ser03 .title b{ font-size:24px; line-height:34px; display:block;}
.ser03 .title p{ font-size:18px; line-height:28px; display:block; text-transform:uppercase; float:left;}
.ser03 .title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; top:5px;}
.ser03 .title a:hover{ color:#003591;}
.ser03 .list{ width:94%; margin:auto; display:block; padding-top:5px;}
.ser03 .list li{ width:48.5%; height:60px; display:block; float:left; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser03 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser03 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:18px; color:#fff; text-align:center; padding:5px 15px; box-sizing:border-box;}
.ser03 .wen{ width:94%; margin:auto; margin-top:10px; font-size:16px; line-height:26px;}
.ser03 .wen img{ max-width:100%; height:auto !important;}
.ser03 .line{ width:94%; margin:auto; margin-top:15px;}
.ser03 .line b{ display:block; width:30%; height:2px; background-color:#333;}
.ser03 .box{ width:94%; margin:auto; display:block; margin-top:25px;}
.ser03 .box .bt{ font-size:18px; line-height:28px; font-weight:bold; margin-bottom:5px;}
.ser03 .box .wz{ font-size:14px; line-height:24px; margin-bottom:10px;}
.ser03 .box .wz img{ max-width:100%; height:auto !important;}
.ser03 .box .tu{ width:100%; margin-top:5px;}
.ser03 .box .tu img{ width:100%; display:block; height:auto !important;}
}

@media screen and (min-width:1280px){
.ser04{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ser04 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ser04 .title b{ font-size:36px; line-height:46px; display:block; float:left;}
.ser04 .title p{ font-size:30px; line-height:40px; margin-top:6px; margin-left:20px; display:block; text-transform:uppercase; float:left;}
.ser04 .title a{ display:block; font-size:18px; line-height:28px; position:absolute; right:0; bottom:0;}
.ser04 .title a:hover{ color:#003591;}
.ser04 .wen{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}
.ser04 .wen img{ max-width:100%; height:auto !important;}
.ser04 .list{ width:1200px; margin:auto; display:flex; padding-top:20px;}
.ser04 .list li{ flex:1; height:100px; display:block; float:left; margin-left:24px; margin-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser04 .list li:first-child{ margin-left:0;}
.ser04 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:26px; color:#fff; text-align:center; padding:10px 20px; box-sizing:border-box;}
.ser04 .line{ width:1200px; margin:auto; margin-top:40px;}
.ser04 .line b{ display:block; width:30%; height:6px; background-color:#333;}
.ser04 .box{ width:1200px; margin:auto; display:block; margin-top:65px;}
.ser04 .box .bt{ font-size:26px; line-height:36px; font-weight:bold; margin-bottom:15px;}
.ser04 .box .wz{ font-size:14px; line-height:24px; margin-bottom:20px;}
.ser04 .box .wz img{ max-width:100%; height:auto !important;}
.ser04 .box .tu{ width:100%; margin-top:5px;}
.ser04 .box .tu img{ width:100%; display:block; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser04{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ser04 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ser04 .title b{ font-size:30px; line-height:40px; display:block; float:left;}
.ser04 .title p{ font-size:24px; line-height:34px; margin-top:6px; margin-left:15px; display:block; text-transform:uppercase; float:left;}
.ser04 .title a{ display:block; font-size:16px; line-height:26px; position:absolute; right:0; bottom:0;}
.ser04 .title a:hover{ color:#003591;}
.ser04 .wen{ width:90%; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}
.ser04 .wen img{ max-width:100%; height:auto !important;}
.ser04 .list{ width:90%; margin:auto; display:flex; padding-top:10px;}
.ser04 .list li{ flex:1; height:80px; display:block; float:left; margin-left:2%; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser04 .list li:first-child{ margin-left:0;}
.ser04 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:22px; color:#fff; text-align:center; padding:10px 15px; box-sizing:border-box;}
.ser04 .line{ width:90%; margin:auto; margin-top:30px;}
.ser04 .line b{ display:block; width:30%; height:4px; background-color:#333;}
.ser04 .box{ width:90%; margin:auto; display:block; margin-top:45px;}
.ser04 .box .bt{ font-size:22px; line-height:32px; font-weight:bold; margin-bottom:10px;}
.ser04 .box .wz{ font-size:14px; line-height:24px; margin-bottom:15px;}
.ser04 .box .wz img{ max-width:100%; height:auto !important;}
.ser04 .box .tu{ width:100%; margin-top:5px;}
.ser04 .box .tu img{ width:100%; display:block; height:auto !important;}
}
@media only screen and (max-width:1023px){
.ser04{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ser04 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ser04 .title b{ font-size:24px; line-height:34px; display:block;}
.ser04 .title p{ font-size:18px; line-height:28px; display:block; text-transform:uppercase; float:left;}
.ser04 .title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; top:5px;}
.ser04 .title a:hover{ color:#003591;}
.ser04 .wen{ width:94%; margin:auto; margin-top:10px; font-size:16px; line-height:26px;}
.ser04 .wen img{ max-width:100%; height:auto !important;}
.ser04 .list{ width:94%; margin:auto; display:block; padding-top:5px;}
.ser04 .list li{ width:48.5%; height:60px; display:block; float:left; margin-left:3%; margin-top:15px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ser04 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser04 .list li a{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; overflow:hidden; font-size:18px; color:#fff; text-align:center; padding:5px 15px; box-sizing:border-box;}
.ser04 .line{ width:94%; margin:auto; margin-top:20px;}
.ser04 .line b{ display:block; width:30%; height:2px; background-color:#333;}
.ser04 .box{ width:94%; margin:auto; display:block; margin-top:25px;}
.ser04 .box .bt{ font-size:18px; line-height:28px; font-weight:bold; margin-bottom:5px;}
.ser04 .box .wz{ font-size:14px; line-height:24px; margin-bottom:10px;}
.ser04 .box .wz img{ max-width:100%; height:auto !important;}
.ser04 .box .tu{ width:100%; margin-top:5px;}
.ser04 .box .tu img{ width:100%; display:block; height:auto !important;}
}

@media screen and (min-width:1280px){
.ser05{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.ser05 .title{ width:1200px; margin:auto; position:relative; z-index:3;}
.ser05 .title b{ font-size:36px; line-height:46px; display:block; float:left;}
.ser05 .title p{ font-size:30px; line-height:40px; margin-top:6px; margin-left:20px; display:block; text-transform:uppercase; float:left;}
.ser05 .title a{ display:block; font-size:18px; line-height:28px; position:absolute; right:0; bottom:0;}
.ser05 .title a:hover{ color:#003591;}
.ser05 .wen{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}
.ser05 .wen img{ max-width:100%; height:auto !important;}
.ser05 .line{ width:1200px; margin:auto; margin-top:35px;}
.ser05 .line b{ display:block; width:30%; height:6px; background-color:#333;}
.ser05 .box{ width:1200px; margin:auto; display:block; margin-top:35px;}
.ser05 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ser05 .box .list li{ width:580px; background-color:#f7f7f7; margin-left:40px; margin-top:30px; display:block; float:left; overflow:hidden;}
.ser05 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser05 .box .list li .tu{ width:100%; height:280px; display:none;}
.ser05 .box .list li .tu img{ width:100%; display:block;}
.ser05 .box .list li .wz{ padding:40px;}
.ser05 .box .list li .wz .w01{ font-size:20px; line-height:30px;}
.ser05 .box .list li .wz .w02{ font-size:14px; line-height:24px; margin-top:10px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser05{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.ser05 .title{ width:90%; margin:auto; position:relative; z-index:3;}
.ser05 .title b{ font-size:30px; line-height:40px; display:block; float:left;}
.ser05 .title p{ font-size:24px; line-height:34px; margin-top:6px; margin-left:15px; display:block; text-transform:uppercase; float:left;}
.ser05 .title a{ display:block; font-size:16px; line-height:26px; position:absolute; right:0; bottom:0;}
.ser05 .title a:hover{ color:#003591;}
.ser05 .wen{ width:90%; margin:auto; margin-top:15px; font-size:16px; line-height:26px;}
.ser05 .wen img{ max-width:100%; height:auto !important;}
.ser05 .line{ width:90%; margin:auto; margin-top:25px;}
.ser05 .line b{ display:block; width:30%; height:4px; background-color:#333;}
.ser05 .box{ width:90%; margin:auto; display:block; margin-top:25px;}
.ser05 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ser05 .box .list li{ width:48%; background-color:#f7f7f7; margin-left:4%; margin-top:20px; display:block; float:left; overflow:hidden;}
.ser05 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ser05 .box .list li .tu{ width:100%; height:20.89vw; display:none;}
.ser05 .box .list li .tu img{ width:100%; display:block;}
.ser05 .box .list li .wz{ padding:30px;}
.ser05 .box .list li .wz .w01{ font-size:18px; line-height:28px;}
.ser05 .box .list li .wz .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.ser05{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.ser05 .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ser05 .title b{ font-size:24px; line-height:34px; display:block;}
.ser05 .title p{ font-size:18px; line-height:28px; display:block; text-transform:uppercase; float:left;}
.ser05 .title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; top:5px;}
.ser05 .title a:hover{ color:#003591;}
.ser05 .wen{ width:94%; margin:auto; margin-top:10px; font-size:16px; line-height:26px;}
.ser05 .wen img{ max-width:100%; height:auto !important;}
.ser05 .line{ width:94%; margin:auto; margin-top:15px;}
.ser05 .line b{ display:block; width:30%; height:2px; background-color:#333;}
.ser05 .box{ width:94%; margin:auto; display:block; margin-top:10px;}
.ser05 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ser05 .box .list li{ width:100%; background-color:#f7f7f7; margin-top:15px; display:block; float:left; overflow:hidden;}
.ser05 .box .list li .tu{ width:100%; height:68.18vw; display:none;}
.ser05 .box .list li .tu img{ width:100%; display:block;}
.ser05 .box .list li .wz{ padding:20px;}
.ser05 .box .list li .wz .w01{ font-size:16px; line-height:26px;}
.ser05 .box .list li .wz .w02{ font-size:14px; line-height:24px;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.news{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.news .title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.news .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.news .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.news .box{ width:1200px;margin:auto; position:relative; z-index:3; margin-top:30px;}
.news .box .zc{ width:590px; height:355px; float:left; position:relative;}
.news .box .zc img{ width:100%; display:block;}
.news .box .zc p{ width:100%; padding:0 30px; box-sizing:border-box; font-size:16px; height:40px; line-height:40px; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.news .box .zc:hover p{ bottom:0;}
.news .box .yc{ width:560px; float:right; height:355px; }
.news .box .yc ul{ width:100%; display:block; margin-top:-26px;}
.news .box .yc ul li{ display:block; padding:25px 0; border-top:1px dashed #ddd;}
.news .box .yc ul li .w01{ width:100%;}
.news .box .yc ul li .w01 a{ display:block; float:left; width:calc(100% - 100px); font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .yc ul li .w01 a:hover{ color:#003591;}
.news .box .yc ul li .w01 span{ display:block; float:right; font-size:16px; line-height:26px;}
.news .box .yc ul li .w02{ width:100%; margin-top:10px; font-size:14px; line-height:24px; height:48px; color:#666;}

.news .box .list{ width:100%; display:block; margin-top:20px; float:left;}
.news .box .list li{ width:100%; padding:25px 0; border-bottom:1px dashed #ddd; display:block; overflow:hidden;}
.news .box .list li .left{ width:100px; float:left; border-right:1px solid #ddd;}
.news .box .list li .left span{ display:block; font-size:24px; line-height:32px;}
.news .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.news .box .list li .right{ width:calc(100% - 130px); float:left; margin-left:29px;}
.news .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .list li .right a:hover{ color:#003591;}
.news .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; margin-top:6px;}

.fanye{ width:100%; margin-top:30px; text-align:center; float:left; text-align:center;}
.fanye li{ display:inline-block; width:40px; height:40px; border-radius:100%; line-height:40px; background-color:#f7f7f7; margin:0 5px; font-size:18px; overflow:hidden;}
.fanye li a,.fanye li span{ display:block;}
.fanye li a:hover{ color:#003591;}
.fanye li.active span{ background-color:#003591; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.news{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.news .title{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.news .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.news .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.news .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.news .box .zc{ width:532px; height:320px; float:left; position:relative;}
.news .box .zc img{ width:100%; display:block;}
.news .box .zc p{ width:100%; padding:0 20px; box-sizing:border-box; font-size:16px; height:38px; line-height:38px; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.news .box .zc:hover p{ bottom:0;}
.news .box .yc{ width:calc(95% - 532px); float:right; height:320px;}
.news .box .yc ul{ width:100%; display:block; margin-top:-21px;}
.news .box .yc ul li{ display:block; padding:20px 0; border-top:1px dashed #ddd;}
.news .box .yc ul li .w01{ width:100%;}
.news .box .yc ul li .w01 a{ display:block; float:left; width:calc(100% - 100px); font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .yc ul li .w01 a:hover{ color:#003591;}
.news .box .yc ul li .w01 span{ display:block; float:right; font-size:16px; line-height:26px;}
.news .box .yc ul li .w02{ width:100%; margin-top:5px; font-size:14px; line-height:24px; height:48px; color:#666;}

.news .box .list{ width:100%; display:block; margin-top:15px; float:left;}
.news .box .list li{ width:100%; padding:20px 0; border-bottom:1px dashed #ddd; display:block; overflow:hidden;}
.news .box .list li .left{ width:90px; float:left; border-right:1px solid #ddd;}
.news .box .list li .left span{ display:block; font-size:22px; line-height:30px;}
.news .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.news .box .list li .right{ width:calc(100% - 120px); float:left; margin-left:29px;}
.news .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .list li .right a:hover{ color:#003591;}
.news .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; margin-top:3px;}

.fanye{ width:100%; margin-top:25px; text-align:center; float:left; text-align:center;}
.fanye li{ display:inline-block; width:38px; height:38px; border-radius:100%; line-height:38px; background-color:#f7f7f7; margin:0 5px; font-size:16px; overflow:hidden;}
.fanye li a,.fanye li span{ display:block;}
.fanye li a:hover{ color:#003591;}
.fanye li.active span{ background-color:#003591; color:#fff;}
}
@media only screen and (max-width:1023px){
.news{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.news .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.news .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.news .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.news .box{ width:94%; margin:auto; position:relative; z-index:3;}
.news .box .zc{ width:100%; height:56.55vw; float:left; position:relative;}
.news .box .zc img{ width:100%; display:block;}
.news .box .zc p{ width:100%; padding:0 15px; box-sizing:border-box; font-size:14px; height:36px; line-height:36px; color:#fff; background-color:rgba(0,0,0,.7); position:absolute; left:0; bottom:-40px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; overflow:hidden;}
.news .box .zc:hover p{ bottom:0;}
.news .box .yc{ width:100%; float:right;}
.news .box .yc ul{ width:100%; display:block; margin-top:-6px;}
.news .box .yc ul li{ display:block; padding:15px 0; border-top:1px dashed #ddd;}
.news .box .yc ul li .w01{ width:100%;}
.news .box .yc ul li .w01 a{ display:block; float:left; width:calc(100% - 90px); font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .yc ul li .w01 a:hover{ color:#003591;}
.news .box .yc ul li .w01 span{ display:block; float:right; font-size:14px; line-height:26px;}
.news .box .yc ul li .w02{ width:100%; font-size:14px; line-height:24px; height:48px; color:#666;}

.news .box .list{ width:100%; display:block; margin-top:10px; float:left;}
.news .box .list li{ width:100%; padding:15px 0; border-bottom:1px dashed #ddd; display:block; overflow:hidden;}
.news .box .list li .left{ width:75px; height:74px; float:left; border-right:1px solid #ddd;}
.news .box .list li .left span{ display:block; font-size:20px; line-height:30px;}
.news .box .list li .left p{ display:block; font-size:14px; line-height:24px;}
.news .box .list li .right{ width:calc(100% - 95px); float:left; margin-left:19px;}
.news .box .list li .right a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.news .box .list li .right a:hover{ color:#003591;}
.news .box .list li .right p{ width:100%; display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666;}

.fanye{ width:100%; margin-top:20px; text-align:center; float:left; text-align:center;}
.fanye li{ display:inline-block; width:34px; height:34px; border-radius:100%; line-height:34px; background-color:#f7f7f7; margin:0 5px; font-size:14px; overflow:hidden;}
.fanye li a,.fanye li span{ display:block;}
.fanye li a:hover{ color:#003591;}
.fanye li.active span{ background-color:#003591; color:#fff;}
}

@media screen and (min-width:1280px){
.ny{ width:1200px; margin:65px auto; position:relative; z-index:3;}
.ny .lbar{ width:830px; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#003591;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:14px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#003591;}

.ny .rbar{ width:310px; border:1px solid #eee; border-top:2px solid #003591; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#003591;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ny{ width:94%; margin:50px auto; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#003591;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#003591;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #003591; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#003591;}
}
@media only screen and (max-width: 1023px){
.ny{ width:94%; margin:35px auto; position:relative; z-index:3;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#003591;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#003591;}

.ny .rbar{ display:none;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.hz{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.hz .title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.hz .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.hz .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.hz .box{ width:1200px;margin:auto; position:relative; z-index:3; margin-top:10px;}
.hz .box .list{ width:100%; display:block;}
.hz .box .list li{ width:18.8%; border:1px solid #ddd; box-sizing:border-box; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.hz .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.hz .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.hz .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hz .box .list li:hover{ border:1px solid #003591;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.hz{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.hz .title{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.hz .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.hz .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.hz .box{ width:90%; margin:auto; position:relative; z-index:3;}
.hz .box .list{ width:100%; display:block;}
.hz .box .list li{ width:18.8%; border:1px solid #ddd; box-sizing:border-box; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.hz .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.hz .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.hz .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hz .box .list li:hover{ border:1px solid #003591;}
}
@media only screen and (max-width:1023px){
.hz{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.hz .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.hz .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.hz .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.hz .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hz .box .list{ width:100%; display:block;}
.hz .box .list li{ width:31.33%; border:1px solid #ddd; box-sizing:border-box; margin-left:3%; margin-top:15px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.hz .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.hz .box .list li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.hz .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hz .box .list li:hover{ border:1px solid #003591;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1;}
.lx .title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.lx .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.lx .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.lx .box{ width:1200px;margin:auto; position:relative; z-index:3; margin-top:15px;}
.lx .box .w01{ width:370px; float:left; margin-left:45px; margin-top:30px;}
.lx .box .w01:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx .box .bt{ font-size:14px; width:50px; line-height:40px; height:40px; float:left;}
.lx .box .zs{ font-size:14px; color:#da0000; line-height:40px; height:40px; float:right;}
.lx .box .w01 .text{ width:calc(100% - 70px); float:left; height:38px; border:1px solid #ddd;}
.lx .box .w01 .text input{ width:100%; height:38px; line-height:38px; display:block; font-size:14px; text-indent:20px; overflow:hidden;}
.lx .box .w02{ width:100%; float:left; margin-top:30px;}
.lx .box .w02 .text{ width:calc(100% - 70px); float:left; border:1px solid #ddd;}
.lx .box .w02 .text textarea{ width:100%; height:120px; line-height:24px; display:block; font-size:14px; padding:7px 20px; box-sizing:border-box; overflow:hidden; font-family:inherit;}
.lx .box .w03{ width:280px; height:50px; margin-top:50px; margin-left:50px; float:left;}
.lx .box .w03 input{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; color:#fff; background-color:#003591; cursor:pointer;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1;}
.lx .title{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.lx .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.lx .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.lx .box{ width:90%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.lx .box .w01{ width:31.33%; float:left; margin-left:3%; margin-top:20px;}
.lx .box .w01:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx .box .bt{ font-size:14px; width:50px; line-height:38px; height:38px; float:left;}
.lx .box .zs{ font-size:14px; color:#da0000; line-height:38px; height:38px; float:right;}
.lx .box .w01 .text{ width:calc(100% - 70px); float:left; height:36px; border:1px solid #ddd;}
.lx .box .w01 .text input{ width:100%; height:36px; line-height:36px; display:block; font-size:14px; text-indent:20px; overflow:hidden;}
.lx .box .w02{ width:100%; float:left; margin-top:20px;}
.lx .box .w02 .text{ width:calc(100% - 70px); float:left; border:1px solid #ddd;}
.lx .box .w02 .text textarea{ width:100%; height:120px; line-height:24px; display:block; font-size:14px; padding:6px 20px; box-sizing:border-box; overflow:hidden; font-family:inherit;}
.lx .box .w03{ width:240px; height:46px; margin-top:40px; margin-left:50px; float:left;}
.lx .box .w03 input{ width:100%; height:46px; line-height:46px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; color:#fff; background-color:#003591; cursor:pointer;}
}
@media only screen and (max-width:1023px){
.lx{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1;}
.lx .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.lx .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.lx .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.lx .box{ width:94%; margin:auto; position:relative; z-index:3;}
.lx .box .w01{ width:100%; float:left; margin-top:15px;}
.lx .box .bt{ font-size:14px; width:100%; line-height:24px; height:24px; float:left; margin-bottom:5px;}
.lx .box .zs{ font-size:14px; color:#da0000; line-height:36px; height:36px; float:right;}
.lx .box .w01 .text{ width:calc(100% - 20px); float:left; height:34px; border:1px solid #ddd;}
.lx .box .w01 .text input{ width:100%; height:34px; line-height:34px; display:block; font-size:14px; text-indent:15px; overflow:hidden;}
.lx .box .w02{ width:100%; float:left; margin-top:15px;}
.lx .box .w02 .text{ width:calc(100% - 20px); float:left; border:1px solid #ddd;}
.lx .box .w02 .text textarea{ width:100%; height:82px; line-height:24px; display:block; font-size:14px; padding:5px 15px; box-sizing:border-box; overflow:hidden; font-family:inherit;}
.lx .box .w03{ width:200px; height:40px; margin-top:30px; float:left;}
.lx .box .w03 input{ width:100%; height:40px; line-height:40px; font-size:16px; text-align:center; cursor:pointer; overflow:hidden; color:#fff; background-color:#003591; cursor:pointer;}
}

@media screen and (min-width:1280px){
.lx01{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#f7f7f7;}
.lx01 .box{ width:1200px; margin:auto; position:relative; z-index:3; display:flex;}
.lx01 .box .left{ width:560px; position:relative; z-index:3;}
.lx01 .box .left .title{ width:100%;}
.lx01 .box .left .title b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.lx01 .box .left .title p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
.lx01 .box .left .wen{ font-size:14px; line-height:34px; margin-top:20px;}
.lx01 .box .right{ width:590px; margin-left:50px;}
.lx01 .box .right #map{ width:100%; height:100%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx01{ width:100%; padding:60px 0; position:relative; z-index:1; background-color:#f7f7f7;}
.lx01 .box{ width:90%; margin:auto; position:relative; z-index:3; display:flex;}
.lx01 .box .left{ width:46%; position:relative; z-index:3;}
.lx01 .box .left .title{ width:100%;}
.lx01 .box .left .title b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.lx01 .box .left .title p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
.lx01 .box .left .wen{ font-size:14px; line-height:34px; margin-top:10px;}
.lx01 .box .right{ width:49%; margin-left:5%;}
.lx01 .box .right #map{ width:100%; height:100%;}
}
@media only screen and (max-width:1023px){
.lx01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.lx01 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.lx01 .box .left{ width:100%; position:relative; z-index:3;}
.lx01 .box .left .title{ width:100%;}
.lx01 .box .left .title b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.lx01 .box .left .title p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
.lx01 .box .left .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.lx01 .box .right{ width:100%; margin-top:15px;}
.lx01 .box .right #map{ width:100%; height:260px;}
}

@media screen and (min-width:1280px){
.ser04 .titles{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.ser04 .titles b{ font-size:40px; line-height:40px; text-transform:uppercase; display:block;}
.ser04 .titles p{ font-size:36px; line-height:46px; margin-top:9px; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ser04 .titles{ width:90%; margin:auto; position:relative; z-index:3; text-align:center;}
.ser04 .titles b{ font-size:36px; line-height:36px; text-transform:uppercase; display:block;}
.ser04 .titles p{ font-size:30px; line-height:40px; margin-top:4px; display:block;}
}
@media only screen and (max-width:1023px){
.ser04 .titles{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.ser04 .titles b{ font-size:30px; line-height:30px; text-transform:uppercase; display:block;}
.ser04 .titles p{ font-size:24px; line-height:34px; margin-top:1px; display:block;}
}