* {box-sizing: border-box;  margin: 0;  padding: 0;}
body{font-family: PingFang SC,PingFang-SC-Regular,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;color: rgba(0,0,0,.65);font-size: 16px;line-height:1.8;}
a{color:#333;text-decoration:none;outline:0;transition:all 0.5s ease}
a:active,a:hover{text-decoration:none;color:#0052cc;outline:0}
ul,li{ list-style:none}
h1,h2,h3{ font-weight:normal}
em, i {   font-style: normal;}
.clearfix{ clear:both}
.bgs{ background:#f5f5f5}
.conpad{ padding:40px 0}
.content{width:100%; margin:0 auto}
.parhead{ padding-top:60px}
@media (max-width:480px){.content{max-width:480px}}
@media (max-width:850px){.content{max-width:830px}}
@media (max-width:576px){.content{max-width:540px}}
@media (min-width:768px){.content{max-width:720px}}
@media (min-width:992px){.content{max-width:960px}}
@media (min-width:1200px){.content{max-width:1170px}}


.header{ width:100%; height:80px;  position: fixed; z-index:9;background:rgba(214,231,255,0.9);box-shadow: 0 0px 10px rgb(17 66 122 / 40%);backdrop-filter: blur(19px); padding:0 60px}
.logo{ float:left; width:148px;  padding-top:10px;}	
.logo img{ width:60px; height: auto}
.lang{ float: right; padding-right:15px;  }
.lang a{background:url(../images/langue.png) left center no-repeat; padding-left:30px;height:80px;line-height:80px; display:block; color:#5983fc}
/*.nav{ float:left; margin-left:10px; line-height:80px}
.nav li { display: inline-block;   position: relative;}
.nav li a{ color:#11427a;  padding: 0 1.25vw;display:block}
.nav li a:hover{ color:#5983fc}
.nav li:after { content: ""; width: 0; display: block; height: 2px;  background: #5983fc; position: absolute; bottom: 0;  left: 50%; transform:translateX(-50%);  transition: all 0.2s;}
.nav li:hover:after,.nav li.active:after{  width: 100%;} */


.nav {float:left; margin-left:10px; line-height:80px}
.nav .mobNav { display: none;}
.nav .dropdown {}
.nav .menu {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: start; -ms-flex-pack: start;  justify-content: flex-start; line-height:80px}
.nav .menu li {display: inline-block;   position: relative;}
.nav .menu li a {color:#11427a;  padding: 0 1.25vw;display:block}
.nav .menu li a:hover {color:#5983fc}
.nav .menu li:after { content: ""; width: 0; display: block; height: 2px;  background: #5983fc; position: absolute; bottom: 0;  left: 50%; transform:translateX(-50%);  transition: all 0.2s;}
.nav .menu li:hover:after,.nav .menu li.active:after{  width: 100%;}





.banner{ width:100%; padding-top:60px}
.slider{position:relative;overflow:hidden;width:100%;height: auto;  margin:0 auto}
.slideBox .hd{height:10px;z-index:1;overflow:hidden;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:1}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:5px;width:30px;height:10px;line-height:14px;text-align:center;background:#fff}
.slideBox .hd ul .on{background:#5983fc;color:#fff}
.slideBox .bd{position:relative;z-index:0}

.slideBox .bd li a img{width:100%;vertical-align:top; height:100%; display:block; text-align:center}
.slider .prev{left: 0;background: url(../images/prev.png) no-repeat;position: absolute;top:50%;width: 50px;height: 45px;margin-top: -25px;	cursor: pointer;}
.slider .next {right:0;background: url(../images/next.png) no-repeat;position: absolute;top:50%;width: 50px;height: 45px;margin-top: -25px;	cursor: pointer;}


.pcitem{ display: block}
.wapitem{ display: none}

.contit{ font-size:32px; text-align:center; padding-bottom:10px; color:#11427a; position:relative}
.contit:after{ content: ""; width:150px; height:4px; border-radius:3px;  background: #95c6ff; position: absolute; bottom:0; left:0 ; right:0; margin:0 auto}

.wrapper{ width:100%; margin:12px auto; padding:0 12px }
.wrapitem{ width:calc(50% - 6px); height:600px; float:left; padding-top:3%; position:relative}
.wrapitem:nth-child(2) { float:right}
.greybg{ background:#eef7fe}
.sdbg{ background:#fbfbfd}
.untit{ font-size:36px;}
.unins{  font-size:18px; margin:8px auto; width:70%}
.unlis{ font-size:16px; margin:8px 0;}
.unlink{ color:#1670bc;background:url(../images/aro.png) right center no-repeat; padding-right:45px; background-size:30px auto;transition: all 0.2s; line-height:45px;}
.unlink:hover{ text-decoration:underline; padding-right:35px;}

.unimg{ position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:470px}
.unimg img{ max-width:420px; }

.unmid{ text-align:center}
.untgre{color:rgba(0,0,0,0.6);}
.untw{ color:#fff}






.citybg{ background:url(../images/citybg.webp) no-repeat; background-size:cover; padding:4% 0 0 5% } 
.citybg ul{ margin-top:15px}
.citybg ul li{ background:url(../images/gou.png) left center no-repeat ; background-size:25px auto; padding-left:35px; }

.blackbg{ background:#040707}

.cooper{ padding:80px 20px; margin-bottom:12px;}
.cooper ul{display: flex;align-items: center;}
.cooper ul li{ width: calc( 100% / 6 - 10px); display:inline-block; margin:0 10px}
.cooper ul li:nth-child(1) {  font-size:24px; }

.footer{ background:#103f75; padding:45px 0}
.foot{display: flex;align-items: center;color:#fff;}
.ftcon{ width:60%; display:inline-block;  border-right:1px solid rgba(255,255,255,0.1); padding:25px 45px 25px 0}
.ftcon dt{ font-size:1.4rem}
 	.ftins{ margin-top:15px; font-size:14px}
	.ftfns{ margin:25px 0 10px 0;}
	.ftscord img { display: inline-block; width: calc( 100% / 6 - 10px); margin-right:4px }
.ftlx{width:40%; padding-left:35px}
.ftlx li{ position:relative; padding-left:55px;line-height:45px; margin-bottom:10px; font-size:1.1rem}
.ftlx li:after{ content:""; border:1px solid #fff; width:40px; height:40px; top:0; left:0; border-radius:30px; position:absolute}

.ftlx li:nth-child(1):after { background:url(../images/address.png) center center no-repeat; background-size:30px auto}
.ftlx li:nth-child(2):after { background:url(../images/email.png) center center no-repeat; background-size:30px auto}
.ftlx li:nth-child(3):after { background:url(../images/tel.png) center center no-repeat; background-size:30px auto}
.ftlx li:nth-child(4):after { background:url(../images/fax.png) center center no-repeat; background-size:30px auto}

.tybanner{height: 320px; color:#fff;background-size: cover;text-align:center; background:#0071e3}
.toptitle{ padding-top:60px;  font-size:35px; font-weight:600} 
.toptitle span{ }
.topins{ width:50%; margin:0 auto; }


.abcon{ background:#fff;width: calc( 50% - 8px); border-radius:20px; padding:20px; float:left  }
.abcon:nth-child(2){ float:right;}
.abcon img{ width:430px; height:280px; max-width:80%; display:block; margin:0 auto}
.abins{  margin:8px 0; height:120px}

.abtitle{font-size:40px; text-align:center; padding:45px 0;font-weight: 700;}
.ab_fs ul li{width: calc( 25% - 12px); float:left;border-radius:20px; background:#fff; padding:20px; margin:0 6px;text-align:center}
.ab_fs ul li img{ width:80%; display:block; margin:0 auto}
.ab_fs ul li p{font-size: 24px;  line-height: 1.16; font-weight: 600;  letter-spacing: .009em; color: #1d1d1f; margin-bottom:20px}

.ab_sh{ width:90%; margin:0 auto  }
.ab_sh ul li{width: calc(100% /3 - 12px); float:left;border-radius:20px; background:#fff; padding:30px 20px; margin:0 6px;text-align:center}

.ab_sh ul li img{ width:100%; height: auto;display:block; margin:0 auto}
.ab_sh ul li h4{color: #1d1d1f;font-size: 24px;line-height: 1.1666666667;font-weight: 600;}
.ab_sh ul li p{color: #6e6e73;  line-height: 1.8; height:45px;  letter-spacing: .009em;  margin:20px 0}


.abitem{ background:#fff; border-radius:20px; padding:30px;display: flex;   align-items: center; }
.abitecon{ width:60%; }
.abiteimg{ width:40%}
.abiteimg img{ width:100%}

.abhb{ float:left; width: calc( 50% - 12px);  background:#1d1d1d;border-radius:20px; padding:45px 20px; text-align:center; color:#fff}
.abhb h3{ font-size:3vw; color:#00d959}
.abbf{ font-size:18px;  }
.abhb ul { padding:20px 0}
.abhb ul li { margin-top:20px}
.abhb ul li img{ width:100px; height:100px}
.abnum{float:right; width: calc( 50% - 12px);}
.abnum ul li{border-radius:20px; background:#fff; margin-bottom:20px; height:180px; text-align:center; padding:20px;} 
.abnum ul li:last-child{margin-bottom:0} 
	.anum{ font-size:50px}
	.afotx{ color:#00d959; font-size:18px}

.channel-banner { background:#0071e3;background-size:cover;}
.channel-banner .banner-info{position:relative;height:450px; }
.channel-banner .banner-info h3{font-size:40px;font-weight:600;position:relative;margin-bottom:30px;}
.text-center{ position:absolute;top:20%; left:0; width:50%}
.channel-banner .banner-info h3 span{ background: linear-gradient(to right, #c157f5, #05c);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.channel-banner .banner-info p{font-size:18px; margin-bottom:20px;}
.bannerd{ width:50%; height:400px; position:absolute; right:0; top:115px; overflow:hidden}
.banerimg{width:100%; transform:skew(-10deg,0);   border-radius:10px 0 0 10px; overflow:hidden; height:80%; margin-left:200px; }
.banerimg img{ width:100%;transform:skewX(10deg); margin-left:-40px; min-height:100% }



.site{margin-bottom:20px; padding-left:35px; padding-top:130px; font-size:14px; position:relative}
 .site:after{ position:absolute; width:35px; height:35px;background:url(../images/site.png) left center no-repeat; background-size:24px auto; content:""; left:0; bottom:-1px }
.newstit{ color: #282828; font-size: 22px; line-height: 30px;  padding: 20px 0 14px;}
.newstime{ color: #b8b8b8; font-size:12px; font-weight: 400;  line-height: 18px;}
.newcbox{border-bottom: 1px solid #e0e4f6; border-top:1px solid #e0e4f6; padding:15px 0; margin:15px 0}

.newsnp{padding:20px 0;}
.newsnp li{width:45%; max-width:420px;  font-size: 13px;  overflow: hidden; display:inline-block; text-overflow: ellipsis;vertical-align: top;white-space: nowrap;}
.newsnp a,.newsnp span{color: #777;  height: 16px; line-height: 16px; }
.newsnp li:nth-child(2){ text-align:right}
.newsnp a:hover{ color:#05c}

.newscon{ float:left; width:75%;}
.newsty{ border-bottom:1px solid #e0e4f6; height:35px; margin:50px 0 10px;}
.newsty ul{}
.newsty ul li{ float:left; padding:0 20px; font-size:18px; line-height:33px  }
.newsty ul li.hover{  border-bottom:3px solid #05c}
	.newsty ul li.hover a{color:#05c;}

.newsbox{ padding:20px 0}
.newsbox ul{}
.newsbox ul li{ height: 176px;  padding: 10px 0; border-bottom:1px solid #e0e4f6;  transition: all .2s;}
.newspic{ float:left;width: 198px; margin-right:35px;}
.newspic img { width: 198px;height: 125px; }
.newsci{height: 100%; }
.newsci h3{color: #282828; font-size: 22px;  letter-spacing: 0;  line-height: 32px;
    overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;}

.newsins{ color: #777; font-size: 15px; letter-spacing: 0; line-height: 22px;  margin: 10px 0; }
.newsci span{color: #b8b8b8; display:block; font-size: 14px; line-height: 14px; margin-right: 20px;}

.newsreco{ width:23%; float:right; box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); padding:15px 10px; margin-top:20px;}
.newsreco h4{border-bottom: 1px dashed #e6e8eb; color: #000; font-size: 16px;font-weight: 600;  height: 50px;  line-height: 50px;  text-align: center;}
.newsreco ul{ padding-top:15px}
.newsreco ul li{  overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;font-size: 14px;  line-height: 22px; height:35px;}
.newsreco ul li span{ width:20px; height:20px; border-radius:3px; display:inline-block; margin-right:5px;background:#ababab;text-align: center; font-size:12px; color:#fff}
.newsreco ul li:nth-child(1) span{ background:#c7361c}
.newsreco ul li:nth-child(2) span{ background:#e26e10}
.newsreco ul li:nth-child(3) span{ background:#f39e29}
.newsbody{border-bottom:1px solid #e0e4f6;border-top:1px solid #e0e4f6;  padding:20px 0; margin-top:10px}
.newsbody img{ max-width:95%; margin:0 auto}

.pagination {margin-bottom:20px;text-align: center;height: 28px;}
	.pagination a,.pagination span{padding:0 10px;height:35px; min-width:35px;line-height: 35px; display:block;background: #ddd; border-radius:3px;color: #666;margin: 0 3px;font-size: 14px;}
	.pagination .current, .pagination a:hover {background: #05c;color: #fff;}
	.pagination em {padding: 0 10px;color: #999;font-size: 12px;}
	.pagination ul li {display:inline-block; height:35px;line-height: 35px;}
	
.download {padding-left: 1px; padding-top: 1px; margin:50px 0;}
.download li{ width:33.33%;   float: left;  border: 1px solid #dedede; padding:15px; margin-left: -1px; margin-top: -1px;  background: #fff;display: block; position: relative;}
.dwimg{ height:221px; overflow:hidden }
.dwimg img { max-width:90%; margin:0 auto; display:block;transition: all 0.5s ease;}

.dwcon  { margin-top:25px; border-top:1px solid #dedede; padding-top:25px;  }
.dwcon  h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#000}
.dwcon p{color:#666;font-size:14px; letter-spacing: 0; line-height: 22px;  margin: 10px 0; height:45px;overflow:hidden; text-overflow:ellipsis;  display:-webkit-box;  -webkit-box-orient:vertical;
    -webkit-line-clamp:2; }
.dwbt{ height:35px}
.dwbt span{ font-size:14px;color:#666; }
.dwbt span:nth-child(2) { float:right; background:#0071e3; color:#fff; padding:3px 12px; border-radius:15px;transition: all 0.5s ease;}
.download li:hover h3{color:#0071e3}
.download li:hover img{ transform: scale(1.05);}
.download li:hover .dwbt span:nth-child(2) {background: #0077ED;box-shadow: 0 1px 10px rgba(0,113,227,0.3); }


.caseitem{width:840px;height:460px; margin:30px auto 0 ;position: relative;}
	.cilist{width:100%;height:400px;overflow: hidden;	position: absolute;	left: 50%;margin-left:-300px;}
	.cilist li{position: absolute;top: 0;left: 0;opacity:0;transition: all 0.3s ease-out;	}
	.cicon{ position:relative;background:#fff}
	.cicon img{ width:300px; height:460px;display:block}
	


.cilist li.p1{transform:translate3d(-124px,0,0) scale(0.81);}
.cilist li.p2{transform:translate3d(0px,0,0) scale(0.9);transform-origin:0 50%;	opacity: 0.8 !important;z-index: 2;}
.cilist li.p3{transform:translate3d(120px,0,0) scale(1);z-index: 3;opacity: 1!important;}
.cilist li.p4{transform:translate3d(300px,0,0) scale(0.9);transform-origin:100% 50%;	opacity: 0.8 !important;z-index: 2;}
.cilist li.p2 img,.cilist li.p4 img{opacity: 0.5}
.cilist li.p3  .ciins{opacity: 1}
	

.btn{position: absolute;bottom:0; top:0;  margin:auto; width: 60px;height: 60px; border-radius:30px; text-align:center; line-height:60px;font-size: 30px; z-index:5;color: white;
	background:#0071e3;	cursor: pointer; }
.btn:hover{box-shadow: 0 5px 20px rgba(14,113,233,0.3);background:#5983fc;}
.caseitem .next{right:-50px; background-image:url(../images/next.png) ; background-repeat:no-repeat; background-size:35px auto; background-position:20px center }
.caseitem .prev{left:-50px;background-image:url(../images/prev.png) ; background-repeat:no-repeat; background-size:35px auto; background-position:5px center}


.lxbox{background:url(../images/map.webp) no-repeat #cad9f3; background-size: cover; padding:60px 0; height:715px}
	.lxcont{align-items: center; }
	.lxcord{margin-left:3%; display:inline-block;border-radius: 9px;box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); padding:20px 15px; background:#fff; text-align:center}
	.lxcord h3{ color:#05c; font-size:24px; width:80%; margin:0 auto }
	.lxcord img{ width:250px; height:auto; display:block; margin:0 auto }
	.lxcord p{ color:#cecece; font-size:16px;}
	.szlx{ margin-left:20%; margin-top:10%; background:rgba(0,102,204,0.5); width:600px;  border-radius:20px; padding:30px; color:#fff}
	.szlx dt{  font-size:24px; margin-bottom:20px}
	.szlx dd{ position:relative; padding-left:55px; height: auto; line-height:45px; margin-bottom:10px; font-size:1.1rem}
	.szlx dd:after{ content:""; border:1px solid #fff; width:40px; height:40px;top:0; left:0; border-radius:30px; position:absolute}
	.szlx dd.mpdz:after { background:url(../images/address.png) center center no-repeat; background-size:30px auto}
	.szlx dd.mpemal:after { background:url(../images/email.png) center center no-repeat; background-size:30px auto}
	.szlx dd.mptel:after { background:url(../images/tel.png) center center no-repeat; background-size:30px auto}
	.szlx dd.mpfax:after { background:url(../images/fax.png) center center no-repeat; background-size:30px auto}
	
@media screen and (max-width: 750px) {
	.header{ padding:0; height:60px;}
	.logo img{ width:50px; height: auto}
	.logo{ padding-left:10px; width:80px;}
 	.nav { float:right; position: relative; width:100% }
	.lang{ float: left;  }
	.lang a{ height:70px; line-height:70px;}
	.nav { }
	.nav .mobNav {    display: block;    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1; position:relative }
	.nav .mobNav .toolBar {   display: -webkit-box;  display: -ms-flexbox;  display: flex;  overflow: hidden; }
	.nav .mobNav .menuBtn { padding: 0;  margin: 0;   height:40px;   width:40px;   background:  #5983fc url(../images/bar.png) center center no-repeat;    background-size: 30px 30px;
    border: none; outline: none; border-radius: 1px;right:20px; top:-60px; position:absolute}
	.nav .mobNav .menuBtn:active {   opacity: 0.8;  }
	.nav .mobNav .menuBtn.close {background:  #5983fc url(../images/close.png) center center no-repeat;  background-size: 30px 30px; }
	.nav .mobNav a {  -webkit-box-flex: 1;  -ms-flex: 1;   flex: 1;    display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-align: center;  -ms-flex-align: center;
    -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;   align-items: center;  }
	.nav .mobNav a img {  height: 80%;  width: auto;  }
	
 
	.nav .dropdown {  position: absolute;  left: 0;  top:-2vw; width: 100vw;  background: rgba(17, 62, 115, 0.9);  z-index: 999;  display: none;  }
	.nav .dropdown .menu { display: -webkit-box;  display: -ms-flexbox;  display: flex;   -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;
    -ms-flex-direction: column;  flex-direction: column;line-height:35px  }
	.nav .dropdown .menu li {   width: 100vw;  }
   .nav .dropdown .menu a {  display: -webkit-box;   display: -ms-flexbox;  display: flex; -webkit-box-align:center; -ms-flex-align: center;  align-items: center; border-right: none;
    text-indent: 2vw;   border-bottom: 1px solid #ddd; color:#fff  }
	.nav .dropdown .menu a:hover{color:#fff}	
	.nav .dropdown.show {    display: block;  }
	.slider .prev,.slider .next{ background-size:20px auto}
	.slider{height: 200px;  }
	.slideBox .bd li {  height:250px;width: 100%;     overflow: hidden;     display: flex; justify-content: center;   align-items: center;}
	.slideBox .bd li a img{width: auto;vertical-align:top; height:250px; text-align:center; margin:0 auto  }
	.slider .next {right:-35px;}
	.slideBox .hd ul li{width:20px;height:3px;}
	.contit{ font-size:6vw;  }
	.contit:after{width:12vw; }
	.caseitem{width:100%;height:460px; }
	.cilist{margin-left:-50%;}
	.btn{width:40px;height: 40px; }
	
	.cicon img{ width:95%; height: auto;display:block; margin:0 auto}
	.cilist li.p1{transform:translate3d(-100px,0,0) scale(0.81);}
	.cilist li.p2{transform:translate3d(0px,0,0) scale(0.9);transform-origin:0 50%;	opacity: 0.8 !important;z-index: 2;}
	.cilist li.p3{transform:translate3d(0,0,0) scale(1);z-index: 3;opacity: 1!important;}
	.cilist li.p4{transform:translate3d(5%,0,0) scale(0.9);transform-origin:100% 50%;	opacity: 0.8 !important;z-index: 2;}
	.cilist li.p2 img,.cilist li.p4 img{opacity: 0.5; background:#000}
	.cilist li.p3  .ciins{opacity: 1}
		
	
	.caseitem .next{right:2px;background-position:10px center  }
	.caseitem .prev{left:2px;background-position:-5px center}
	
	.wrapitem{ width:98%; margin:6px auto; float: none; padding-top:3%; }
	.wrapitem:nth-child(2){ float:none}
	.unimg{ width:100%}
	.unimg img{ width:100%}
	.cooper ul{ display:block}
	.cooper ul li{ width: calc( 100% / 3 - 15px); display:inline-block; margin:0 5px}
	.cooper ul li:nth-child(1) {  font-size:24px; text-align:center; display:block; width:100%}
	.cooper ul li img{ width:100%; height:auto}
	.foot{ display:block}
	.ftcon,.ftlx{ width:95%; margin:0 auto; display:block;  }
	.ftscord img {  width: calc( 100% / 3 - 8px); margin-right:5px }
	.ftlx{ padding-left:0}
	.ftlx li{ padding-left:55px; height: auto; line-height:35px; margin-bottom:15px; font-size:1.1rem}
	.toptitle{padding-top:10px;  font-size:5vw;}
	.topins{ width:95%}
	.abtitle { font-size:6vw}
	.abcon{ background:#fff; width:95%; margin:3vw auto;  float: none  }
	.abcon:nth-child(2) { float:none}
	.ab_fs ul li,.ab_sh ul li{ width:95%; margin:3vw auto;  float: none; padding:3vw; }
	.ab_sh {  width: 100%;}
	.abitem{ display: block;  }
	.abitecon{  width:95%; margin:3vw auto; }
	.abiteimg{  width:95%; margin:3vw auto;}
	.abhb,.abnum{ float: none; width: 95%; width:95%; margin:3vw auto;}
	

	.newscon,.newsreco{width:95%; margin:0 auto;  float: none; }
	.newspic{ width:30%;margin-right:2vw; height:150px}
	.newspic img { width: 100%; height: auto; max-height:150px}
	.newsci h3{ font-size:4vw;}
	.newsins{  overflow: hidden; text-overflow: ellipsis;    display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp:2;   word-break: break-all;}
	.site{padding-top: 80px;}
	.download{ width:95%; margin:3vw auto}
	.download li{ width:50%}
	.dwimg{ height:140px;}
	.dwimg img{ max-height:140px}
	.lxbox { height:auto}
	.szlx{ width:98%; margin:6vw auto}
	
	.pcitem{ display:none}
	.wapitem{ display:block}
	

}

@media (max-width:576px){
	.pcitem{ display:none}
	.wapitem{ display:block}
	
	
	}
	
	#myModal{ display: block; position: fixed; z-index:999; left:0; top:0; width: 100%; height:100%; overflow: auto; background:rgba(0,0,0,0.5);}
#myModal .modal{ width: 85%; max-width:560px; height: auto;
 position: relative;
 top:20%;
 left:50%;
 margin-top: -100px;
 margin-left: -280px;
 animation:animate 1s;
}
#btn{ display:none}
.modal .modal-header{
 height:50px;
 background:white;
 color: #000;
 line-height:50px;
 border-bottom: 1px solid #000000;
}
.modal .modal-header p{
 display: inline-block;
 margin:0;
 position: absolute;
 left: 20px;
}
.modal .modal-header .close{
 position: absolute;
 right:20px;
 font-size: 20px;
 cursor:pointer;
}
.modal .modal-content{
 background: white;
 height: auto;
 text-align: center;
 line-height: 200px;
}
.modal .modal-content img{ width:100%; height:auto; display:block}
.modal .modal-content p{
 margin:0;
}
.modal .modal-footer{
 position: relative;
 height:50px;
 background: white;
}
/*添加动画*/
@keyframes animate{
 from{top:0;opacity:0}
 to{top:20%;opacity:1}
}
.skd{    background: #103f75;}