@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.15; color:#ccc; background-color:#00427b; overflow-x:hidden;}
a{ text-decoration:none; color:#ccc; -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:#ccc;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#ccc;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#ccc;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#ccc;} 
input,select,textarea{ -webkit-appearance:none; color:#ccc;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; height:100px; background-color:#002e56;}
.header .head{ width:1200px; margin:auto; height:100px;}
.header .head .logo{ height:50px; float:left; padding:25px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .nav{ float:right; height:100px;}
.header .head .nav ul{ display:block; overflow:hidden;}
.header .head .nav li{ display:block; float:left; margin-right:50px; height:100px; line-height:100px; position:relative; overflow:hidden;}
.header .head .nav li a{ display:block; font-size:18px; position:relative; z-index:3; color:#ccc;}
.header .head .nav li.on a,.header .head .nav li:hover a{ color:#fff;}
.header .head .nav li span{ display:none; font-size:50px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; opacity:0.05; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.header .head .nav li.on span,.header .head .nav li:hover span{ display:block;}
.header .head .nav li.on b{ width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:1; background-color:#fff; display:block; overflow:hidden;}
.header .head .yu{ height:100px; float:right;}
.header .head .yu dt{ height:20px; margin:40px 20px; margin-right:10px; float:left;}
.header .head .yu dt img{ display:block; height:20px;}
.header .head .yu dd{ display:block; float:left; font-size:16px; line-height:100px; color:#ccc;}
.header .head .yu dd a.on,.header .head .yu dd a:hover{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; height:80px; background-color:#002e56;}
.header .head{ width:90%; margin:auto; height:80px;}
.header .head .logo{ height:50px; float:left; padding:15px 0;}
.header .head .logo img{ display:block; height:50px;}
.header .head .logo img.img02{ display:none;}
.header .head .nav{ float:right; height:80px;}
.header .head .nav ul{ display:block; overflow:hidden;}
.header .head .nav li{ display:block; float:left; margin-right:2.6vw; height:80px; line-height:80px; position:relative; overflow:hidden;}
.header .head .nav li a{ display:block; font-size:16px; position:relative; z-index:3; color:#ccc;}
.header .head .nav li.on a,.header .head .nav li:hover a{ color:#fff;}
.header .head .nav li span{ display:none; font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; opacity:0.05; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.header .head .nav li.on span,.header .head .nav li:hover span{ display:block;}
.header .head .nav li.on b{ width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:1; background-color:#fff; display:block; overflow:hidden;}
.header .head .yu{ height:80px; float:right;}
.header .head .yu dt{ height:18px; margin:31px 1vw; margin-right:10px; float:left;}
.header .head .yu dt img{ display:block; height:18px;}
.header .head .yu dd{ display:block; float:left; font-size:15px; line-height:80px; color:#ccc;}
.header .head .yu dd a.on,.header .head .yu dd a:hover{ color:#fff;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; height:60px; background-color:#002e56;}
.header .head{ width:100%; margin:auto; height:80px;}
.header .head .logo{ height:40px; float:left; padding:12px 3%;}
.header .head .logo img{ display:block; height:36px;}
.header .head .logo img.img01{ display:none;}
.header .yu{ height:60px; position:relative; float:right;}
.header .yu dt{ display:block; height:24px; padding:18px;}
.header .yu dt img{ height:24px; display:block;}
.header .yu dd{ display:block; position:absolute; left:50%; margin-left:-40px; top:70px; z-index:9; width:80px; padding:5px 10px; border-radius:5px; background-color:#002e56; box-shadow:0 0 10px rgba(0,0,0,.1); box-sizing:border-box; display:none; text-align:center;}
.header .yu dd:before{ bottom:100%; left:50%; margin-left:-7px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#002e56; border-width:7px;}
.header .yu dd a{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#ccc;}
.header .yu dd a:hover{ color:#fff;}
.header .yu dd span{ display:none;}
.header .hamburger{ height:30px; width:24px; padding:15px 18px; border-left:1px solid #003d72; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.header .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#fff; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}

.header .nav{ position:absolute; top:-100vh; right:0; height:100vh; width:80%; background:rgba(0,46,86,.9); z-index:99; -webkit-transition:.8s; transition:.8s; display:block;}
.header .nav.open-menu{ right:0; top:60px; padding-top:20px;}
.header .nav ul{ display:block; font-size:14px; width:100%; padding:15px 0; text-align:center;}
.header .nav ul li{ padding:10px 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; position:relative;}
.header .nav.open-menu ul li{ -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.header .nav ul li:nth-of-type(2){ transition-delay:0.2s;}
.header .nav ul li:nth-of-type(3){ transition-delay:0.3s;}
.header .nav ul li:nth-of-type(4){ transition-delay:0.4s;}
.header .nav ul li:nth-of-type(5){ transition-delay:0.5s;}
.header .nav ul li:nth-of-type(6){ transition-delay:0.6s;}
.header .nav ul li a{ color:#ccc; -webkit-transition:all 1s; transition:all 1s; font-size:16px; line-height:26px; z-index:3;}
.header .nav ul li a:hover,.header .nav ul li.on a{ color:#fff;}
.header .nav li span{ display:none; font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; opacity:0.05; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.header .nav li.on span,.header .nav li:hover span{ display:block;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; height:70px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer p{ display:block; font-size:14px; line-height:24px; color:#aaa; margin:0 20px;}
.footer p a{ color:#aaa;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:90%; padding:0 5%; height:60px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer p{ display:block; font-size:14px; line-height:24px; color:#aaa; margin:0 1vw;}
.footer p a{ color:#aaa;}
}
@media only screen and (max-width:1023px){
.footer{ width:94%; padding:15px 3%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer p{ display:block; font-size:14px; line-height:24px; color:#aaa; margin:0 5px; text-align:center;}
.footer p a{ color:#aaa;}
}

/*home*/
@media screen and (min-width:1280px){
.sec{ width:100%; min-height:calc(100% - 170px);}
.ab01{ width:1200px; margin:70px auto;}
.ab01 .left{ width:570px; float:left; margin-top:-5px;}
.ab01 .left .w01{ font-size:16px; line-height:24px; height:24px; text-transform:uppercase; color:#ccc;}
.ab01 .left .w01 b{ width:6px; height:6px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.ab01 .left .w02{ font-size:30px; line-height:40px; color:#fff; margin-top:10px; font-weight:bold;}
.ab01 .left .w03{ font-size:16px; line-height:26px; color:#ccc; margin-top:30px;}
.ab01 .right{ width:570px; float:right; position:relative; border-top-left-radius:30px;}
.ab01 .right:before{ width:100%; padding-top:470px; display:block; content:'';}
.ab01 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}

.ab02{ width:1200px; margin:auto; margin-bottom:40px;}
.ab02 .left{ width:570px; float:right; background-image:url(../images/abg_13.png); background-position:right top; background-repeat:no-repeat;}
.ab02 .left .w01{ font-size:30px; line-height:40px; color:#fff; margin-top:35px; font-weight:bold;}
.ab02 .left .w02{ font-size:16px; line-height:26px; color:#ccc; margin-top:15px;}
.ab02 .left .w03{ width:100%; display:block;}
.ab02 .left .w03 li{ display:block; margin-top:30px; padding:15px 20px; background-color:rgba(255,255,255,0.1); border-radius:10px; overflow:hidden;}
.ab02 .left .w03 li strong{ width:40px; display:block; padding:5px 0; float:left;}
.ab02 .left .w03 li strong img{ width:100%; display:block;}
.ab02 .left .w03 li p{ width:calc(100% - 50px); display:block; float:right;}
.ab02 .left .w03 li p b{ font-size:18px; line-height:28px; color:#fff; display:block;}
.ab02 .left .w03 li p span{ font-size:14px; line-height:22px; color:#ccc; display:block; margin-top:-2px;}
.ab02 .right{ width:570px; float:left; position:relative; border-top-left-radius:30px;}
.ab02 .right:before{ width:100%; padding-top:400px; display:block; content:'';}
.ab02 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sec{ width:100%; min-height:calc(100% - 140px);}
.ab01{ width:90%; margin:55px auto;}
.ab01 .left{ width:47.5%; float:left; margin-top:-5px;}
.ab01 .left .w01{ font-size:15px; line-height:23px; height:23px; text-transform:uppercase; color:#ccc;}
.ab01 .left .w01 b{ width:5px; height:5px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.ab01 .left .w02{ font-size:24px; line-height:34px; color:#fff; margin-top:5px; font-weight:bold;}
.ab01 .left .w03{ font-size:15px; line-height:25px; color:#ccc; margin-top:20px;}
.ab01 .right{ width:47.5%; float:right; position:relative; border-top-left-radius:20px;}
.ab01 .right:before{ width:100%; padding-top:470px; display:block; content:'';}
.ab01 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}

.ab02{ width:90%; margin:auto; margin-bottom:20px;}
.ab02 .left{ width:47.5%; float:right; background-image:url(../images/abg_13.png); background-position:right top; background-repeat:no-repeat;}
.ab02 .left .w01{ font-size:24px; line-height:34px; color:#fff; margin-top:25px; font-weight:bold;}
.ab02 .left .w02{ font-size:15px; line-height:25px; color:#ccc; margin-top:10px;}
.ab02 .left .w03{ width:100%; display:block;}
.ab02 .left .w03 li{ display:block; margin-top:20px; padding:15px 20px; background-color:rgba(255,255,255,0.1); border-radius:10px; overflow:hidden;}
.ab02 .left .w03 li strong{ width:40px; display:block; padding:5px 0; float:left;}
.ab02 .left .w03 li strong img{ width:100%; display:block;}
.ab02 .left .w03 li p{ width:calc(100% - 50px); display:block; float:right;}
.ab02 .left .w03 li p b{ font-size:17px; line-height:27px; color:#fff; display:block;}
.ab02 .left .w03 li p span{ font-size:14px; line-height:22px; color:#ccc; display:block;}
.ab02 .right{ width:47.5%; float:left; position:relative; border-top-left-radius:20px;}
.ab02 .right:before{ width:100%; padding-top:400px; display:block; content:'';}
.ab02 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}
}
@media only screen and (max-width:1023px){
.sec{ width:100%; min-height:calc(100% - 162px);}
.ab01{ width:94%; margin:35px auto; margin-bottom:40px;}
.ab01 .left{ width:100%; float:left;}
.ab01 .left .w01{ font-size:14px; line-height:22px; height:22px; text-transform:uppercase; color:#ccc;}
.ab01 .left .w01 b{ width:4px; height:4px; display:block; float:left; margin-top:9px; margin-right:5px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.ab01 .left .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.ab01 .left .w03{ font-size:14px; line-height:24px; color:#ccc; margin-top:5px;}
.ab01 .right{ width:100%; float:right; position:relative; border-top-left-radius:10px; margin-top:15px;}
.ab01 .right:before{ width:100%; padding-top:470px; display:block; content:'';}
.ab01 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}

.ab02{ width:94%; margin:auto; margin-bottom:10px;}
.ab02 .left{ width:100%; float:right; background-image:url(../images/abg_13.png); background-position:right top; background-repeat:no-repeat;}
.ab02 .left .w01{ font-size:20px; line-height:30px; color:#fff; margin-top:15px; font-weight:bold;}
.ab02 .left .w02{ font-size:14px; line-height:24px; color:#ccc; margin-top:5px;}
.ab02 .left .w03{ width:100%; display:block;}
.ab02 .left .w03 li{ display:block; margin-top:15px; padding:10px 15px; background-color:rgba(255,255,255,0.1); border-radius:10px; overflow:hidden;}
.ab02 .left .w03 li strong{ width:40px; display:block; padding:5px 0; float:left;}
.ab02 .left .w03 li strong img{ width:100%; display:block;}
.ab02 .left .w03 li p{ width:calc(100% - 50px); display:block; float:right;}
.ab02 .left .w03 li p b{ font-size:16px; line-height:26px; color:#fff; display:block;}
.ab02 .left .w03 li p span{ font-size:12px; line-height:20px; color:#ccc; display:block;}
.ab02 .right{ width:100%; float:left; position:relative; border-top-left-radius:10px; margin-top:20px;}
.ab02 .right:before{ width:100%; padding-top:400px; display:block; content:'';}
.ab02 .right img{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}
}

/*case*/
@media screen and (min-width:1280px){
.case{ width:100%; padding:65px 0;}
.case:last-child{ padding-bottom:35px;}
.case .box{ width:1200px; margin:auto;}
.case .box .w01{ font-size:16px; line-height:24px; height:24px; text-transform:uppercase; color:#ccc;}
.case .box .w01 b{ width:6px; height:6px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.case .box .w02{ font-size:30px; line-height:40px; color:#fff; margin-top:10px; font-weight:bold;}
.case .box .w03{ width:100%; display:block;}
.case .box .w03 li{ width:380px; display:block; float:left; margin-left:30px; margin-top:25px; overflow:hidden;}
.case .box .w03 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case .box .w03 li strong{ width:100%; height:200px; background-image:url(../images/case_03.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:block; overflow:hidden;}
.case .box .w03 li strong img{ display:block; max-width:280px; max-height:140px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .box .w03 li p{ display:block; font-size:16px; line-height:26px; margin-top:15px; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.case{ width:100%; padding:50px 0;}
.case:last-child{ padding-bottom:15px;}
.case .box{ width:90%; margin:auto;}
.case .box .w01{ font-size:15px; line-height:23px; height:23px; text-transform:uppercase; color:#ccc;}
.case .box .w01 b{ width:5px; height:5px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.case .box .w02{ font-size:24px; line-height:34px; color:#fff; margin-top:5px; font-weight:bold;}
.case .box .w03{ width:100%; display:block;}
.case .box .w03 li{ width:32%; display:block; float:left; margin-left:2%; margin-top:20px; overflow:hidden;}
.case .box .w03 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case .box .w03 li strong{ width:100%; height:180px; background-image:url(../images/case_03.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:block; overflow:hidden;}
.case .box .w03 li strong img{ display:block; max-width:90%; max-height:120px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .box .w03 li p{ display:block; font-size:15px; line-height:25px; margin-top:10px; color:#fff;}
}
@media only screen and (max-width:1023px){
.case{ width:100%; padding:30px 0;}
.case:last-child{ padding-bottom:5px;}
.case .box{ width:94%; margin:auto;}
.case .box .w01{ font-size:14px; line-height:22px; height:22px; text-transform:uppercase; color:#ccc;}
.case .box .w01 b{ width:4px; height:4px; display:block; float:left; margin-top:9px; margin-right:5px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.case .box .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.case .box .w03{ width:100%; display:block;}
.case .box .w03 li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.case .box .w03 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .box .w03 li strong{ width:100%; height:120px; background-image:url(../images/case_03.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; display:block; overflow:hidden;}
.case .box .w03 li strong img{ display:block; max-width:90%; max-height:100px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.case .box .w03 li p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
}

/*contact*/
@media screen and (min-width:1280px){
.lx{ width:1200px; margin:auto; padding-top:65px; height:calc(100vh - 170px); box-sizing:border-box; display:flex; flex-direction:column;}
.lx .w01{ font-size:16px; line-height:24px; height:24px; text-transform:uppercase; color:#ccc;}
.lx .w01 b{ width:6px; height:6px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.lx .w02{ font-size:30px; line-height:40px; color:#fff; margin-top:10px; font-weight:bold;}
.lx .w03{ width:100%; flex:1; display:flex; align-items:center; justify-content:space-between;}
.lx .w03 li{ width:330px; height:375px; padding-top:20px; display:block; background-image:url(../images/lx_03.png); background-position:top center; text-align:center;}
.lx .w03 li .ww01{ width:90px; height:90px; display:flex; align-items:center; background-image:url(../images/lx.png); background-position:center; margin:auto;}
.lx .w03 li .ww01 img{ display:block; height:30px; margin:auto;}
.lx .w03 li .ww02{ padding:0 30px; font-size:24px; font-weight:bold; line-height:34px; margin-top:45px;}
.lx .w03 li .ww03{ padding:0 30px; font-size:20px; line-height:30px; height:60px; margin-top:20px; color:#fff;}
.lx .w03 li .ww04{ margin-top:34px;}
.lx .w03 li .ww04 a{ display:inline-block; background-color:#00427b; height:40px; min-width:80px; padding:0 20px; line-height:40px; font-size:16px; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx{ width:90%; margin:auto; padding-top:50px; height:calc(100vh - 140px); box-sizing:border-box; display:flex; flex-direction:column;}
.lx .w01{ font-size:15px; line-height:23px; height:23px; text-transform:uppercase; color:#ccc;}
.lx .w01 b{ width:5px; height:5px; display:block; float:left; margin-top:9px; margin-right:10px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.lx .w02{ font-size:24px; line-height:34px; color:#fff; margin-top:5px; font-weight:bold;}
.lx .w03{ width:100%; flex:1; display:flex; align-items:center; justify-content:space-between;}
.lx .w03 li{ width:32%; height:350px; padding-top:20px; display:block; background-image:url(../images/lx_03.png); background-position:top center; text-align:center;}
.lx .w03 li .ww01{ width:90px; height:90px; display:flex; align-items:center; background-image:url(../images/lx.png); background-position:center; margin:auto;}
.lx .w03 li .ww01 img{ display:block; height:30px; margin:auto;}
.lx .w03 li .ww02{ padding:0 20px; font-size:20px; font-weight:bold; line-height:30px; margin-top:35px;}
.lx .w03 li .ww03{ padding:0 20px; font-size:18px; line-height:28px; height:56px; margin-top:20px; color:#fff;}
.lx .w03 li .ww04{ margin-top:34px;}
.lx .w03 li .ww04 a{ display:inline-block; background-color:#00427b; height:38px; min-width:80px; padding:0 20px; line-height:38px; font-size:15px; color:#fff;}
}
@media only screen and (max-width:1023px){
.lx{ width:94%; margin:auto; padding-top:35px;}
.lx .w01{ font-size:14px; line-height:22px; height:22px; text-transform:uppercase; color:#ccc;}
.lx .w01 b{ width:4px; height:4px; display:block; float:left; margin-top:9px; margin-right:5px; border-radius:100%; background-color:#ccc; overflow:hidden;}
.lx .w02{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.lx .w03{ width:100%; display:block; margin-top:-5px;}
.lx .w03 li{ width:100%; max-width:330px; margin:auto; padding-top:20px; display:block; background-image:url(../images/lx_03.png); background-position:top center; text-align:center; margin-top:20px; padding-bottom:30px;}
.lx .w03 li .ww01{ width:90px; height:90px; display:flex; align-items:center; background-image:url(../images/lx.png); background-position:center; margin:auto;}
.lx .w03 li .ww01 img{ display:block; height:30px; margin:auto;}
.lx .w03 li .ww02{ padding:0 15px; font-size:18px; font-weight:bold; line-height:28px; margin-top:25px;}
.lx .w03 li .ww03{ padding:0 15px; font-size:16px; line-height:26px; margin-top:10px; color:#fff;}
.lx .w03 li .ww04{ margin-top:20px;}
.lx .w03 li .ww04 a{ display:inline-block; background-color:#00427b; height:36px; min-width:70px; padding:0 15px; line-height:36px; font-size:14px; color:#fff;}	
}