/* PC端样式 */

@media (min-width: 768px) {
  .wrap{width:100%; margin:0 auto;}
  .m-head{display:none;}
  .pc-head{width:100%; height:116px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:fixed; top:0; left:0; background:#fff; z-index:999; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1);}
  .pc-head .logo img{width:220px; height:auto;}
  .pc-head .menu{width:calc(100% - 300px);}
  .pc-head .menu>ul>li{height:116px; padding:0 20px; display:flex; align-items:center; justify-content:center; position:relative; font-size:16px;}

  .pc-head .menu>ul>li>ul{width:170px; padding:0 8px; position:absolute; left:50%; top:100px; margin-left:-85px; background:#fff; z-index:99; max-height:0;overflow:hidden;transition:max-height 0.3s ease-in-out;  box-shadow:0px 6px 5px 0px rgba(0,0,0,0.3);}
  .pc-head .menu>ul>li:hover>ul{max-height:200px;}
  .pc-head .menu>ul>li>ul>li{padding:8px 0; border-top:dashed 1px #333; text-align:center;}
  .pc-head .menu>ul>li>ul>li:nth-child(1){border:none;}
  .pc-head .menu>ul>li>ul>li>a{font-size:18px;}
  .pc-head .menu>ul>li>a:hover, .pc-head .menu>ul>li>ul>li>a:hover, .pc-head .menu>ul>li.active>a{color:#0187df;}
  .pc-head-d{width:100%; height:116px;}
  .index-banner-d{width:100%; left:0;}
  .index-advantage dl dd{width:100%;}
  .index-media{display:flex; align-items:center; justify-content:space-between;}
  .index-media-t{width:100%;}
  .index-media-l img{width:100%}
  .index-media-r{width:460px;}
  .index-customers-d{width:1278px; margin:0 auto;}
  .media-2 li:nth-child(even){background:#eee;}
  .media-2 li:nth-child(even) .iconfont{color:#333;}
  .media-2 li:nth-child(even)  dl dt{color:#333;}
  .media-2 li:nth-child(even)  dl dd{color:#333;}
  .serverReputation-1>dl{width:33%;}
  .serverReputation-1 .image{width:34%;}
  .serverSEO-2 dl:nth-child(even){background:#eee;}
  .serverSEO-2 dl:nth-child(even) span, .serverSEO-2 dl:nth-child(even) dt, .serverSEO-2 dl:nth-child(even) dd{color:#666;}
  .serverMarketing-3 ul li:nth-child(even){background:#eee; color:#666;}
  .serverMarketing-4{padding-bottom:50px;}
  .serverMarketing-4 ul li{width:33.33%; background:#eee; color:#666;display:flex; flex-direction:column; align-items:center; text-align:center; padding:40px 20px 30px;}
  .serverMarketing-4 ul li:nth-child(even){background:#0187df; color:#fff;}

  .list{padding-bottom:20px;}
  .list li{width:calc(50% - 20px); padding:10px; border-radius:10px; overflow: hidden; box-shadow:5px 5px 7px 2px rgba(0,0,0,0.3); margin-bottom:40px;}
  .list li a{display:flex;}
  .list li a .image{width:200px; height:160px;}
  .list li a .image img{width:100%; height:100%; object-fit:cover;}
  .list li a dl{width:calc(100% - 200px); padding:10px 20px;}
  .list li a dl dt{font-size:20px; color:#000; margin-bottom:20px;}
  .list li a dl dd{font-size:16px; color:#666;}
  .content-t{padding:40px 0; border-bottom:1px solid #ccc; margin-bottom:20px;}
  .content-t h2{font-size:24px; text-align:center;}
  .content-d{padding:10px; margin-bottom:50px;}
  .content-d img{max-width:100%;}
}
@media (min-width: 1400px) {
  .wrap{width:1400px; max-width:100%; margin:0 auto;}
  .index-banner-d{width:1400px; margin-left:-700px; left:50%;}
  .pc-head .menu{width:1100px;}
  .index-advantage dl dd{width:880px;}
  .index-media-t{width:1050px;;}
  .index-media-l img{width:659px;}
  
}
@media (max-width: 1400px) {
  body{width:1400px;}
}
/* 移动端样式 */
@media (max-width: 767px) {
  html,body{width:100% !important; overflow-x:hidden;}
  .wrap{width:100%; margin:0 auto;}
  .pc-head, .pc-head-d{display:none;}
  .m-head{height:60px; padding:0 20px;}
  .m-logo img{height:30px;}
  .m-head-r{font-size:20px;}
  .m-menu>ul{padding:20px;}
  .m-menu>ul>li{padding:10px; border-bottom:solid 1px #eee;}
  .m-menu>ul>li>a{font-size:16px; color:#fff;}
  .m-menu>ul>li>ul{padding-left:20px; display:none;}
  .m-menu>ul>li>ul>li{padding:5px;}
  .m-menu>ul>li>ul>li>a{font-size:16px; color:#fff;}
  
  .index-title{padding:30px 20px;}
  .index-title h2{height:30px; font-size:18px; line-height:30px; border-right:2px solid #333; padding-right:10px; margin-right:10px; white-space: nowrap;}
  .index-title span{font-size:14px;}
  .index-title.white h2{color:#fff; border-right:2px solid #fff;}
  .index-title.white span{color:#fff;}

  .slideBox .hd{bottom:5px;}
  .slideBox .hd ul li{width:8px; height:8px; border-radius:8px; }

  .index-banner-d{position:static; flex-flow:wrap row; padding:20px;}
  .index-banner-d dl{width:calc(50% - 10px); height:220px; margin-bottom:20px; flex-direction:column; padding:30px 15px 15px;; box-shadow:5px 5px 7px 2px rgba(0,0,0,0.3);}
  .index-banner-d dl dt{font-size:18px; flex-direction:column;}
  .index-banner-d dl dt span.iconfont{height:40px; margin-right:0; margin-bottom:10px; font-size:40px;}
  .index-banner-d dl:nth-child(2) dt span.iconfont{font-size:50px;}
  .index-banner-d dl:nth-child(4) dt span.iconfont{font-size:44px;}
  .index-banner-d dl dd{font-size:14px; padding-bottom:10px; transition:color 0.3s ease;}
  .index-banner-d dl a{width:100%; height:30px; border-top:dashed 1px #0187df; color:#0187df;}
  .index-banner-b{width:100%; height:0;}

  .index-about h2{font-size:22px; padding:30px 20px;}
  .index-about p{font-size:16px; padding:0 20px}
  .index-about-d{justify-content:center; padding:30px 0;}
  .index-about-d a{width:120px; height:34px; display:flex; align-items:center; justify-content:center; background:#0187df; border-radius:34px; color:#fff; font-size:14px;}

  .index-brand-bg{padding:0 20px 30px;}
  .index-brand dl{width:calc(50% - 10px); margin-bottom:15px; padding:30px 10px 30px; background:#fff;}
  .index-brand dl dt{font-size:20px;}
  .index-brand dl p{font-size:14px; padding:10px 0 15px;}
  .index-brand dl dd{font-size:14px;}

  .index-marketing h1{font-size:24px; padding:20px 20px 30px;}
  .index-marketing-t{flex-flow:row wrap; padding:0 10px;}
  .index-marketing-t dl{width:calc(25% - 10px); height:auto; padding:20px 0; border:1px solid #ddd; border-radius:5px;}
  .index-marketing-t dl dt{font-size:14px;}
  .index-marketing-t dl dd{font-size:16px; margin-top:5px;}
  .index-marketing-d{text-align:center; padding:0 20px;}
  .index-marketing-d img{width:100%;}

  .index-advantage-bg{background:url(../images/index-advantage.jpg) center bottom no-repeat; background-size:cover;}
  .index-advantage{position:relative; padding:0 20px 20px;}
  .index-advantage dl dt{font-size:24px;}
  .index-advantage dl dd{font-size:14px; padding:20px 0;}
  .index-advantage img{width:100%;}
  .index-advantage ul{display:flex; flex-flow:wrap row;}
  .index-advantage ul li{width:calc(50% - 10px); position:static; font-size:18px; margin-bottom:15px;}

  .index-media-t{font-size:16px; padding:0 20px}
  .index-media{padding:30px 0 0;}
  .index-media-l{width:100%; padding:20px;}
  .index-media-l img{width:100%;}
  .index-media-r{width:100%; padding:20px;}
  .index-media-r dl dt{font-size:20px;}
  .index-media-r dl dd{font-size:16px; margin:10px 0 20px;}
  .index-media-r ul li{font-size:16px; margin-bottom:20px;}
  .index-media-r ul li i{width:10px; height:10px; border-radius:10px; margin-right:20px;}
  .index-media-r ul li i::before{width:6px; height:6px; border-radius:6px;}

  .index-customers-bg{padding-bottom:30px;}
  .index-customers{padding-bottom:50px;}
  .index-customers ul{gap:10px 10px; padding-left:10px;}
  .index-customers ul li{width:calc(33.33% - 10px);}
  .index-customers ul li img{width:100%;}
  .index-customers-d{padding:0 20px;}
  .index-customers-d p{font-size:32px;}



  .about-title{padding:30px 0;}
  .about-title h2{height:30px; line-height:30px; font-size:18px; border-right:2px solid #333;}
  .about-title span{font-size:14px;}

  .about-companyt-t{flex-flow:wrap row;}
  .about-companyt-t-l{width:100%;}
  .about-companyt-t-r{width:100%; padding:30px 20px;}
  .about-companyt-t-r p{font-size:16px;}
  .about-companyt-d dl dt{font-size:18px;}
  .about-companyt-d dl dd{font-size:14px; line-height:1.5;}

  .about-advantages ul{gap:10px; padding:49px 0 0; flex-flow:wrap row;}
  .about-advantages li{width:calc(50% - 10px);  margin-bottom:55px;}
  .about-advantages li p{width:98px; height:98px; border-radius:98px; border:9px solid #d8eefd; background:#0187df; display:flex; align-items:center; justify-content:center; position:absolute; top:-49px; left:50%; margin-left:-49px;}
  .about-advantages li p span.iconfont{font-size:40px;}
  .about-advantages li dl dt{font-size:18px;}
  .about-advantages li dl dd{font-size:14px; line-height:1.5;}

  .about-honors-bg{height:500px;}

  .contact-title{padding:30px 0;}
  .contact-title-t{font-size:32px; margin-bottom:20px;}
  .contact-title-t span{margin-left:20px;}
  .contact-title-d span{font-size:20px;}
  .contact-title-d::before, .contact-title-d::after{width:50px;}
  .contact-t{margin-bottom:20px;}
  .contact-t ul{flex-flow:row wrap;}
  .contact-t li{width:100%; margin-bottom:10px; flex-direction:row; align-items:center; padding:0 20px;}
  .contact-t li img{width:30px; margin:0 10px 0 0;}
  .contact-t li p{font-size:18px; color:#666;}
  .contact-guestbook li{width:100%; margin:0 19px 20px;}
  .contact-guestbook li:nth-child(4){width:calc(100% - 38px); margin-top:0;}
  .contact-guestbook button{width:230px; height:40px; font-size:14px; border-radius:40px; margin:30px auto;}
  .contact-map{flex-flow:row wrap;}
  .contact-map-l{width:100%; position:relative; background:#0187df; padding-top:40px;}
  .contact-map-l ul{padding:0 20px;}
  .contact-map-l li{font-size:16px; color:#fff; position:relative; margin-bottom:20px; text-align:right; display:flex; align-items:center; justify-content:flex-end;}
  .contact-map-l li dl{padding-right:20px;}
  .contact-map-l li dl dt{font-size:18px;}
  .contact-map-l li dl dd{font-size:14px;}
  .contact-map-l li p{width:50px; height:50px; border-radius:50px; position:static;}
  .contact-map-l li p span{width:44px; height:44px; border-radius:44px; font-size:30px;}
  .contact-map img{width:100%;}


  .media-title{text-align:center; font-size:18px; padding:30px 0 20px;}
  .media-title p{width:100%; font-size:12px; margin:20px auto 0; padding:0 20px;}

  .media-1{border:none; padding:0 10px 20px;}
  .media-1 ul{flex-flow:wrap row; justify-content:space-between;}
  .media-1 li{width:calc(50% - 10px); margin-bottom:20px; border:1px solid #0187df; padding:10px;}
  .media-1-t{border-left:none;}
  .media-1-t img{width:60px; height:60px; border-radius:60px; border:3px solid #0187df;}
  .media-1 li dl{padding:0;}
  .media-1 li dl dt{font-size:14px; padding:15px 0 5px;}
  .media-1 li dl dd{font-size:12px;  padding:0;}

  .media-2{margin:20px auto 0 !important; padding:10px 0 30px;}
  .media-2 ul{flex-flow:row wrap; justify-content:space-between;}
  .media-2 li{width:calc(50% - 10px); padding:20px 10px; margin-bottom:20px;}
  .media-2 li .iconfont{font-size:40px;}
  .media-2 li dl dt{font-size:16px; padding:10px 0;}
  .media-2 li dl dd{font-size:12px;}
  .media-2 li:nth-child(2), .media-2 li:nth-child(3){background:#eee;}
  .media-2 li:nth-child(2) .iconfont, .media-2 li:nth-child(3) .iconfont{color:#333;}
  .media-2 li:nth-child(2)  dl dt, .media-2 li:nth-child(3)  dl dt{color:#333;}
  .media-2 li:nth-child(2)  dl dd, .media-2 li:nth-child(3)  dl dd{color:#333;}

  .pas-1{gap:0; padding:30px 20px 10px; justify-content:space-between;}
  .pas-1 dl{width:calc(50% - 10px); border:1px solid #ddd; padding:20px 10px; text-align:center; margin-bottom:20px;}
  .pas-1 dl dt{font-size:18px;}
  .pas-1 dl p{font-size:12px; padding:10px 0 15px;}
  .pas-1 dl dd{font-size:14px;}

  .pas-2-bg{background:url(../images/index-brand.jpg) center bottom no-repeat; background-size:cover; padding:20px;}
  .pas-2{width:100%; margin:20px auto 0; border:1px solid #0187df; border-radius:10px;}
  .pas-2-l{display:none;}
  .pas-2-r{width:100%; padding:50px 20px 40px; background:#0187df;}
  .pas-2-r h2{font-size:24px;}
  .pas-2-r ul{padding-top:40px;}
  .pas-2-r li{height:40px; margin-bottom:25px; border-radius:5px; padding:0 20px;}
  .pas-2-r li input{width:100%; height:40px; font-size:14px;}
  .pas-2-r button{width:200px; height:40px; display:block; font-size:16px;}

  .serverPsa-1 ul{gap:20px; padding:30px 0 10px;}
  .serverPsa-1 li{width:calc(50% - 20px);}
  .serverPsa-1-t dt{font-size:16px; padding:20px 0 10px;}
  .serverPsa-1-t dd{font-size:14px; padding:0 10px;}
  .serverPsa-1-d{height:200px; padding:30px 0 40px;}
  .serverPsa-1-d span{font-size:40px;}
  .serverPsa-1-d dt{font-size:16px; padding:20px 0 10px;}
  .serverPsa-1-d dd{font-size:12px;}
  .serverPsa-2{display:none;}

  .serverPsa-3 ul{flex-flow:row wrap;}
  .serverPsa-3 ul li{width:50%; height:340px;}
  .serverPsa-3-t{padding:30px 0;}
  .serverPsa-3 ul li dl dd{font-size:14px;}
  .serverPsa-3 ul li dl dd::before{margin-right:10px;}

  .serverPsa-4 ul{padding:30px 20px 20px;}
  .serverPsa-4 ul li dl{padding-right:20px;}
  .serverPsa-4 ul li dl dt{font-size:16px; margin-bottom:20px;}
  .serverPsa-4 ul li dl dd{font-size:12px;}
  .serverPsa-4 ul li img{width:120px;}

  .serverPsa-5{background:url(../images/serverPsa-5.jpg) no-repeat; background-size:cover; font-size:20px;}
  .serverPsa-5 .wrap{height:auto; padding:20px; flex-direction:column; justify-content:center;}
  .serverPsa-5 p{text-align:center;}
  .serverPsa-5 a{width:140px; height:40px; border-radius:40px; background:#0187df; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; margin-top:20px;}
  .serverPsa-5 a .iconfont{font-size:20px; margin-left:10px;}

  .serverSEO-1 ul{gap:0; padding:30px 20px; justify-content:space-between;}
  .serverSEO-1 li{width:calc(50% - 10px); margin-bottom:20px;}
  .serverSEO-1-t{width:100%; height:0; transition: height 0.3s ease; background:#0187df; color:#fff; position:absolute; bottom:0; left:0; text-align:center;}
  .serverSEO-1-t dt{font-size:16px; padding:30px 0 10px;}
  .serverSEO-1-t dd{font-size:14px; padding:0 10px;}
  .serverSEO-1-d{text-align:center; padding:30px 0 40px;}
  .serverSEO-1-d span{font-size:40px;}
  .serverSEO-1-d dt{font-size:16px; padding:20px 0 10px;}
  .serverSEO-1-d dd{font-size:12px;}
  .serverSEO-1 li:hover .serverSEO-1-t{height:100%;}

  .serverSEO-2-bg{background:url(../images/index-brand.jpg) center top no-repeat; background-size:cover;}
  .serverSEO-2{padding:30px 0; flex-flow:row wrap;}
  .serverSEO-2 dl{width:50%; background:#0187df; color:#fff; padding:20px 0; text-align:center;}
  .serverSEO-2 dl span{font-size:40px;}
  .serverSEO-2 dl dt{font-size:24px; padding:10px 0;}
  .serverSEO-2 dl dd{font-size:14px; margin-top:5px;}
  .serverSEO-2 dl:nth-child(2), .serverSEO-2 dl:nth-child(3){background:#eee;}
  .serverSEO-2 dl:nth-child(2) span, .serverSEO-2 dl:nth-child(2) dt, .serverSEO-2 dl:nth-child(2) dd, .serverSEO-2 dl:nth-child(3) span, .serverSEO-2 dl:nth-child(3) dt, .serverSEO-2 dl:nth-child(3) dd{color:#666;}

  .serverSEO-3-bg{display:none;}

  .serverSEO-4-bg{background:url(../images/serverSEO-4.jpg) center top no-repeat; background-size:cover; padding-bottom:50px;}
  .serverSEO-4{gap:1px; margin-top:30px; flex-flow:row wrap;}
  .serverSEO-4 dl{width:calc(50% - 1px);}
  .serverSEO-4 dl dt{font-size:18px;}
  .serverSEO-4 dl dd{height:80px; font-size:16px;}
  .serverSEO-4 dl dd.w{background:#eee;}
  .serverSEO-4-d{font-size:14px; margin-top:30px; padding:0 10px}
  .serverSEO-4-d span{width:58px; height:26px; display:flex; align-items:center; justify-content:center; font-size:14px; background:#bde3fd; margin-left:20px;}
  .serverSEO-4-d span.w{background:#eee;}

  .serverSEO-5, .m-title{display:none;}

  .serverReputation-1{padding:30px 20px; flex-flow:row wrap;}
  .serverReputation-1>dl{width:100%;}
  .serverReputation-1>dl dt{font-size:18px;}
  .serverReputation-1>dl dd{font-size:14px; margin-top:10px;}
  .serverReputation-1 .image{padding:0 20px; position:relative;}
  .serverReputation-1 .image img{width:100%; height:100%; object-fit:cover;}
  .serverReputation-1 .image dl{width:100%; height:100%; position:absolute; top:0; left:0; color:#0187df; text-align:center;}
  .serverReputation-1 .image dl dt{font-size:72px; font-style:italic; margin:20px 0 0;}
  .serverReputation-1 .image dl dd{font-size:48px;}
  .serverReputation-1-d{font-size:16px;}
  .serverReputation-1-d p{font-size:18px;}

  .serverReputation-2{display:none;}
  .serverReputation-3{display:none;}

  .serverReputation-4{background:#0187df;}
  .serverReputation-4 ul{padding:30px 0;}
  .serverReputation-4 ul li span{width:70px; height:70px; border-radius:5px;font-size:40px;}
  .serverReputation-4 ul li p{font-size:16px;}

  .serverMarketing-1-title-1{font-size:24px; padding:30px 0;}
  .serverMarketing-1-title-2{font-size:18px; padding:30px 20px;}
  .serverMarketing-1-title-2 p{font-size:16px; margin-top:15px;}
  .serverMarketing-1-1{border:1px dashed #0187df; border-radius:10px; padding:0 10px 20px; margin:0 10px;}
  .serverMarketing-1-1 ul li img{width:60px; height:60px; border:1px solid #ddd; border-radius:10px;}
  .serverMarketing-1-1 ul li p{font-size:18px; margin-top:5px;}
  .serverMarketing-1-2{border:1px dashed #0187df; border-radius:10px; padding:0 10px 20px; margin:50px 10px 0;}
  .serverMarketing-1-2 li{width:100%; padding:10px 0; font-size:16px;}
  .serverMarketing-1-2 li::before{content:""; width:12px; height:12px; border-radius:12px; background:#0187df; display:inline-block; margin-right:10px;}
  .serverMarketing-1-2 li:nth-child(1), .serverMarketing-1-2 li:nth-child(4){width:100%;}
  .serverMarketing-1-2 li:nth-child(2), .serverMarketing-1-2 li:nth-child(5){width:100%;}
  .serverMarketing-1-2 li:nth-child(3), .serverMarketing-1-2 li:nth-child(6){width:100%;}

  .serverMarketing-1-3{flex-flow:row wrap; padding:0 20px;}
  .serverMarketing-1-3-l{width:100%; margin-bottom:20px;}
  .serverMarketing-1-3-l h3{font-size:16px;}
  .serverMarketing-1-3-l dl{padding-top:20px;}
  .serverMarketing-1-3-l dl dt{font-size:16px;}
  .serverMarketing-1-3-l dl dd{font-size:14px; margin-top:10px;}
  .serverMarketing-1-3-r{width:100%;}
  .serverMarketing-1-4{padding:0 10px 30px;}
  .serverMarketing-1-4 ul{gap:0; flex-flow:row wrap;}
  .serverMarketing-1-4 ul li{width:calc(50% - 10px); padding-bottom:20px; margin-bottom:20px;}
  .serverMarketing-1-4 ul li .image{width:100%; height:170px;}
  .serverMarketing-1-4 ul li dl dt{font-size:16px; padding:10px 0 5px;}
  .serverMarketing-1-4 ul li dl dd{font-size:12px;}

  .serverMarketing-2{background:#0187df; padding:20px 30px;}
  .serverMarketing-2 .wrap{flex-flow:row wrap;}
  .serverMarketing-2-l{width:100%;}
  .serverMarketing-2-l img{width:100%;}
  .serverMarketing-2-r{width:100%; position:relative; flex-flow:row wrap;}
  .serverMarketing-2-r h3{width:100%; font-size:24px; text-align:center; padding-right:0; margin-top:40px;}
  .serverMarketing-2-r span{display:none;}
  .serverMarketing-2-r ul{width:100%; padding:30px 20px 0;}
  .serverMarketing-2-r ul li{width:100%; height:40px; font-size:16px; margin-bottom:20px;}


  .serverMarketing-3 ul, .serverMarketing-4 ul{flex-flow:row wrap;}
  .serverMarketing-3 ul li{width:50%; background:#0187df; color:#fff; display:flex; flex-direction:column; align-items:center; text-align:center; padding:30px 10px;}
  .serverMarketing-3 ul li span.iconfont, .serverMarketing-4 ul li span.iconfont{font-size:50px;}
  .serverMarketing-3 ul li dl dt, .serverMarketing-4 ul li dl dt{font-size:20px; padding:10px 0;}
  .serverMarketing-3 ul li dl dd, .serverMarketing-4 ul li dl dd{font-size:16px;}
  .serverMarketing-3 ul li:nth-child(2), .serverMarketing-3 ul li:nth-child(3){background:#eee; color:#666;}
  .serverMarketing-4{padding-bottom:50px;}
  .serverMarketing-4 ul li{width:50%; background:#eee; color:#666; display:flex; flex-direction:column; align-items:center; text-align:center; padding:30px 20px;}
  .serverMarketing-4 ul li:nth-child(2), .serverMarketing-4 ul li:nth-child(3){background:#0187df; color:#fff;}

  .list{padding:0 0 20px;}
  .list li{width:calc(100% - 20px); margin:0 auto 40px; padding:10px; border-radius:10px; overflow: hidden; box-shadow:5px 5px 7px 2px rgba(0,0,0,0.3);}
  .list li a{display:flex;}
  .list li a .image{width:80px; height:60px;}
  .list li a dl{width:calc(100% - 80px); padding:5px 20px;}
  .list li a dl dt{font-size:14px; margin-bottom:10px;}
  .list li a dl dd{font-size:12px; }
  .content-t{padding:20px 0; border-bottom:1px solid #ccc; margin-bottom:20px;}
  .content-t h2{font-size:18px; text-align:center;}
  .content-d{padding:10px; margin-bottom:50px;}
  .content-d img{max-width:100%;}

  .foot-t, .foot-m-l{display:none;}
  .foot-m-r-t{justify-content:center;}
  .foot-m-r-d ul{flex-flow:row wrap;}
  .foot-m-r-d ul li{width:33.33%; padding:0 10px;}
  .foot-m-r-d ul li .image{width:100%; height:auto;}
  .foot-link .wrap{width:100%; padding:0 20px;}
  .foot-link p{font-size:14px;}
  .foot-link a{font-size:14px;}
  .foot-d{padding:30px 20px; flex-direction:column;}
  .foot-d p, .foot-d a{font-size:12px; color:#666;}
  .foot-d a{display:flex; align-items:center;}
    .foot-d a img{width:15px;}

}

.m-page {width:100%; padding:20px 0;}
.page{display:flex; justify-content:center; flex-flow:row wrap;}
.m-page a {width:28px; height:28px; display:flex; justify-content:center; align-items:center; font-family:"Arial"; margin:0 5px 5px 0; color:#666; border:1px solid #ccc; border-radius:50%; text-decoration:none; font-weight:bold; background:#fff;}
.m-page a i{font-size:16px;}
.m-page span {width:37px; height:39px; line-height:39px; text-align:center; font-family:"Lucida Console"; display:block; margin-right:4px; color:#777;}
.m-page a:hover,.m-page a.active-page, .m-page a.page-num-current{border:1px solid #fff; background:#0e90d2; color:#fff;}
.m-page a.prePage,.m-page a.nextPage { font-family:"Tahoma";}
.m-page .hidden { display:none;}
.page-nodata{width:100%; padding:20px 0; font-size:14px; color:#999; text-align:center;}

.md50{margin-bottom:50px;}