@charset "utf-8";
/* CSS Document */
.main ul.newsList li .r{ position:relative;}
.main ul.newsList li a.more{ display:block; width:65px; height:69px; position:absolute; right:1em; bottom:2.5em; margin:0; font-size:inherit;}

ul.yewu li .swiper-slide{ position:relative;}
ul.yewu li .swiper-slide video{ display:block; width:93.3121%; height:84.437%; background:#000; position:absolute; left:3.397%; top:10.596%; z-index:1;}
ul.yewu li .swiper-slide .poster{ display:block; width:93.3121%; height:84.437%; background:#000; position:absolute; left:3.397%; top:10.596%; z-index:2;}
ul.yewu li .swiper-slide .poster img{ display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; z-index:1; opacity:0.5;}
ul.yewu li .swiper-slide .poster em{ display:block; width:60px; height:60px; background:url(../images/video.png) center no-repeat; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:2;}
ul.yewu li .swiper-slide i{ display:block; width:4%; height:6.26139%; border:3px solid #fff; position:absolute; z-index:3;}
ul.yewu li .swiper-slide i.lt{ border-width:3px 0 0 3px; left:5%; top:13%;}
ul.yewu li .swiper-slide i.rt{ border-width:3px 3px 0 0; right:5%; top:13%;}
ul.yewu li .swiper-slide i.lb{ border-width:0 0 3px 3px; left:5%; bottom:7.45%;}
ul.yewu li .swiper-slide i.rb{ border-width:0 3px 3px 0; right:5%; bottom:7.45%;}

@media only screen and (max-width:1440px){
.header .head,
.footer .foot,
.main{ width:auto;}

.header{ transform:scale(0.8); transform-origin:center top; width:125%; left:-12.5%;}
.header h1.logo/{ transform:scale(0.85); transform-origin:left top;}

.banner .block{ padding:108px 0 0;}

.main .attr{ padding:0;}

.ywbox h3 em{ font-size:32px;}
.ywbox ul{ background-size:contain;}
.ywbox p,
.ywbox ul li{ font-size:20px;}
ul.yewu{ font-size:18px;}

.main h3.menu1{ font-size:20px;}
.main p.posit{ font-size:20px;}
.main ul.newsList{ font-size:18px;}
.main ul.newsList li a.pic{ margin-right:5%;}

.main .infoBox h3{ font-size:52px;}
.main .infoBox .desc{ font-size:16px;}
}

@media only screen and (max-width:1024px){
.header a.menu{ width:40px; height:60px;}
ul.nav{ top:60px;}
ul.nav li a{ font-size:15px;}
.header.fixed a.menu{ height:52px;}
.header.fixed ul.nav{ top:52px;}
}


@media only screen and (max-width:768px){
.header{ transform:none; width:100%; left:0; background:#fff;}
.header .head{ height:60px;}
.header h1.logo a{ width:169px; height:60px; background-size:auto 100%; background-image:url(../images/logo1.png) !important;}
.header form.search{ display:none;}

ul.nav{ height:auto; background:rgba(0,82,254,0.9); padding:4px 0 6px;}
ul.nav li a{ color:#fff !important; line-height:3.125; margin:0 0.7em;}
ul.nav li a::after{ display:none !important;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:none;}

.header.fixed .head{ height:52px;}
.header.fixed h1.logo a{ height:52px; background-size:auto 100%;}
.header.fixed ul.nav{ height:auto;}
.header.fixed ul.nav li a{ color:#fff !important; line-height:3.125 !important;}

.banner{ margin-top:60px;}
.banner .block{ padding:0;}
.banner .swiper-pagination,
.banner .swiper-button-prev,
.banner .swiper-button-next{ display:none;}

.footer p.tel{ font-size:13px;}
.footer p.tel b{ font-size:1.5em; line-height:3;}
.footer p.tel a{ display:block;}
.footer .links{ font-size:13px;}
.footer .links a{ margin:0 0.25em;}

.main h3.menu{ margin:0; line-height:2; font-size:18px; padding:10px 0 8px;}
.main h3.menu span{ font-weight:bold;}
.main h3.menu em{ float:none; font-size:14px; margin:0 -20px 0 0; line-height:1.8; overflow:hidden;}
.main h3.menu em a{ display:block; float:left; margin:0 20px 0 0;}

.main .article{ margin:0;}

.main .change{ font-size:13px; padding:1em 0 4em;}
.main .change p.p1{ padding-bottom:0.5em;}
.main .change p.p2{ font-size:1.8em;}
.main .change a.back{ width:2em; height:2em;}
.main .change a.prev{ width:6em; height:2em;}
.main .change a.next{ width:6em; height:2em;}

.main h3.relate{ font-size:16px; padding:0 0 1em;}
.main h3.relate span{ padding:0.6em 0 0.8em;}

.pages{ font-size:13px; padding-bottom:30px;}
.pages span,
.pages a{ margin:0 4px;}

.coop{ padding:30px 0 30px;}
.coop h3{ font-size:18.5px;}
.coop ul{ padding:10px 0 0;}
.coop ul li{ width:25%;}

.main ul.caseList{ margin-bottom:30px;}

.main .caseInfo{ font-size:14px; padding:6% 12px; margin-bottom:12px;}
.main .caseInfo h3{ width:auto; float:none; margin:0; text-align:left;}

.ywbox h3 span{ font-size:12px;}
.ywbox h3 em{ font-size:24px; padding-bottom:0.5em;}
.ywbox ul{ background-size:60px auto; background-position:right bottom;}
.ywbox ul li{ line-height:1.75; font-size:14px;}
.ywbox ul li:first-child{ float:none; border:0; margin:0; padding:0; line-height:1.75;}
.ywbox p{ line-height:1.75; font-size:14px;}
.ywbox p.ico{ padding:20px 0 0; font-size:14px;}
.ywbox p.ico em img{ height:5.5em;}

ul.yewu{ font-size:13px;}
ul.yewu li::after{ left:auto; right:0; width:50px; height:50px; background-size:contain;}
ul.yewu li h3{ padding:1em 0 1em; margin:0 10px;}
ul.yewu li h3 em{ font-size:1.5em;}
ul.yewu li p{ margin:0 10px;}

.main h3.menu1{ font-size:14px; line-height:2em;}
.main p.posit{ font-size:15px; line-height:3em; margin:1em 0 0; background-size:2em auto;}
.main p.posit a{ margin-right:1em;}

.main .infoBox{ margin:0 0 16px;}
.main .infoBox p.mark{ font-size:13px;}
.main .infoBox p.mark font{ margin-right:1em;}
.main .infoBox h3{ font-size:26px; padding:0.2em 0 0.1em;}
.main .infoBox .desc{ font-size:14px; padding:0.7em 0 0;}
.main .infoBox span.date{ font-size:13px; background-size:auto 1.2em; line-height:4;}

dl.contact{ font-size:14px; padding-bottom:40px;}
dl.contact dt{ margin:0; padding:0.25em 0 1.25em; border:0;}
dl.contact dd{ padding:0;}
dl.contact dd h4{ font-size:1.5em;}
dl.contact dd h5{ font-size:1.1em;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.coop ul li{ width:16.66%;}

.main ul.newsList li{ padding:2em 0 0;}
.main ul.newsList li a.pic img{ height:14em;}
.main ul.newsList li span{ line-height:3; margin-bottom:-1em;}
.main ul.newsList li .txt{ -webkit-line-clamp:3; height:5.85em;}
.main ul.newsList li .r{ background-size:48px auto; background-position:right bottom 0.5em;}
.main ul.newsList li a.more{ width:48px; height:51px; right:0; bottom:0.5em;}

dl.contact dt{ margin-right:1.5em; padding-top:0; line-height:1.2;}

ul.yewu{ font-size:14px;}
ul.yewu li .swiper-container{ margin-right:4.5%;}
ul.yewu li h3{ padding:0.5em 0 1em;}
ul.yewu li h3 span{ padding:0.125em 0 0;}
}

@media only screen and (max-width:767px){
.main ul.newsList{ font-size:16px; margin-bottom:30px;}
.main ul.newsList li{ padding:12px 0 4px; display:block;}
.main ul.newsList li a.pic{ float:none; margin:0;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li .r{ background:none; padding-bottom:8px;}
.main ul.newsList li a.title{ line-height:2.25;}
.main ul.newsList li span{ line-height:1; padding:1.5em 0 0.375em;}

ul.yewu li .swiper-container{ width:auto; float:none; margin:0;}

ul.yewu li .swiper-slide .poster em{ width:40px; height:40px;}
}