@charset "utf-8";
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{ background-color:#eff6ff;}
.container{ width:1220px; margin:0 auto; overflow:hidden; position:relative;}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.part{ position:relative;}
.part-btn{ position:absolute; width:1180px; height:35px; line-height:35px; margin:0 auto; left:50%; top:40px; margin:0 0 0 -590px; text-align:right;}
.top-link{ font-size:18px; font-weight:bold; display:inline-block;background:#fbb727;border-radius:5px;color:#fff;padding:0 20px; float:right;}
.top-link:hover,.part-btn a:hover{ color:#fff;}
.wzaer{font-size:18px;display:inline-block;height:35px;line-height:35px;background:#fabe2d;color:white;padding:0 20px;border-radius:5px;font-weight:800; float:right; outline:none; margin:0 20px 0 0;}
.older .elder,.older .wzaer{height:50px !important;line-height:50px !important;font-size:30px !important}
.older .wzaer{right:240px;}

.topbanner{background: url(top.jpg) no-repeat center top; width: 100%; height: 640px;}
.topbanner .container{ height: 640px;}

.title1{ width:320px; height:60px; line-height:60px; margin:68px auto 36px; background:url(titlebg.png) no-repeat center; text-align:center; font-size:0;}
.title1 h3{ color:#fff; font-size:36px; display:inline-block;}

.list-box{ overflow:hidden; padding:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.list-box .list-item{ float:left; width:23.1%; margin:0 2.5% 2.5% 0; padding:45px 20px; border-radius:3px; background:#fff; border:1px solid #306cab; position:relative;}
.list-box .list-item:after{ content:""; width:100%; height:100%; background:#739ac5; border:1px solid #739ac5; border-radius:3px; position:absolute; left:5px; top:5px; z-index:-1;}
.list-box .list-item:nth-child(4n){ margin:0 0 2.5% 0;}
.list-img{ width:152px; height:152px; margin:0 auto; display:block;}
.list-note{ padding:25px 0 0; text-align:center; font-size:0;}
.list-note h3{ color:#333; font-size:26px; line-height:36px; font-weight:bold; margin:0 0 25px;}
.list-note p a{ color:#666; font-size:16px; display:inline; padding:0 16px; position:relative;}
.list-note p a:before{ content:""; width:2px; height:16px; background:#666; position:absolute; right:0; top:4px;}
.list-note p a:first-child{ padding:0 16px 0 0;}
.list-note p a:last-child{ padding:0 0 0 16px;}
.list-note p a:last-child:before{ background:none;}
.list-note p a:hover{ color:#2477bc;} 
.list-note p a.one{ padding:0;}
.list-box .list-item:hover{box-shadow: 0 5px 10px rgb(42 57 68 / 6%);}
.list-box .list-item:hover img{transform: rotateY(-360deg);-webkit-transform: rotateY(-360deg);transition: .8s;}

.section2 .title1{ margin:20px auto 36px;}
.list-box2{ padding:10px; overflow:hidden;}
.list-box2 .list-item{ float:left; width:48.5%; height:188px; margin:0 3% 3% 0; padding:0 30px 0 260px; border-radius:8px; background:#dfecff; overflow:hidden; }
.list-box2 .list-item:nth-child(2n){ margin:0 0 3% 0;}
.list-box2 .img1{ background:#dfecff url(img1.jpg) no-repeat; background-size:cover; padding:60px 30px 0 260px;}
.list-box2 .img2{ background:#dfecff url(img2.jpg) no-repeat; background-size:cover; padding:70px 30px 0 285px;}
.list-box2 h3{ width:100%; color:#333; font-size:28px; line-height:38px; font-weight:bold; display:block;}
.list-box2 p{ padding:10px 0;}
.list-box2 p a{ color:#666; font-size:16px; display:inline-block; padding:5px 0 5px 20px; margin:0 30px 0 0; position:relative;}
.list-box2 p a:before{ content:""; width:6px; height:6px; background:#b6d1fe; border-radius:3px; position:absolute; left:0; top:13px;}
.list-box2 p a:hover{ color:#000;} 
.list-box2 .list-item:hover{box-shadow: 0 5px 10px rgb(42 57 68 / 6%);}
.list-box2 a:hover{ color:#000;} 
/*尾部*/
.footer-box{width:100%;background-color:#0057A7}
.footer-box a:hover{color:#fff}
.footer-content{width:1200px;margin:0 auto;padding:30px 0}
.footer-content-left{display:inline-block;width:630px;vertical-align:top;position:relative}
.footer-content-right{width:540px;display:inline-block}
.footer-text{font-size:15px;line-height:30px;color:#fff;max-width:600px}
.footer-text a{color:#fff;text-decoration:none}
.footer-content-left-imgs{font-size:0;display:block;width:100%;text-align:center;margin-top:10px}
.footer-content-left-imgs img{margin:0 10px}
.footer-content-left-left{}
.footer-content-left img{}
.footer-line{display:inline-block;height:120px;width:1px;background-color:#fff;margin:0 20px}
.footer-right-imgbox{display:inline-block;text-align:center;width:128px}
.footer-right-imgbox img{width:100px;height:100px;display:block;margin:0 auto 10px auto}
.footer-right-imgbox-text{font-size:16px;color:#fff}
.footer-content2{display:none}
	
/* older */
.older .part-btn{ height:50px; line-height:50px; top:40px;}
.older .top-link{ font-size:30px;}

.older .title1 a{ font-size:36px; background-size:30px; padding:0 0 0 50px;}
.older .title1 h3{ font-size:44px;}
.older .title1 span{ font-size:36px;}

.older .list-box .list-item{ float:left; width:49%; margin:0 2% 2% 0; padding:60px 30px;}
.older .list-box .list-item:nth-child(4n){ margin:0 2% 2% 0;}
.older .list-box .list-item:nth-child(2n){ margin:0 0 2% 0;}
.older .list-note h3{ font-size:40px; line-height:50px;}
.older .list-note a{ font-size:36px; padding:0 30px;}
.older .list-note a:before{ height:32px; top:10px;}
.older .list-box p a:first-child{ padding:0 30px 0 0;}
.older .list-note p a:last-child{ padding:0 0 0 30px;}
.older .list-note p a.one{ padding:0;}
.older .section2 .title1{ margin:36px auto;}
.older .list-box2 .list-item{ float:none; width:100%; height:353px; margin:0 0 2%;}
.older .list-box2 h3{ font-size:40px;}
.older .list-box2 p{ padding:20px 0;}
.older .list-box2 p a{ font-size:36px; padding:10px 30px;}
.older .list-box2 p a:before{ width:12px; height:12px; border-radius:6px; top:28px;}
.older .list-box2 .img1{ padding:120px 30px 0 600px;}
.older .list-box2 .img2{ padding:150px 30px 0 600px;}

/* Footer */
.older .footer-content{display:none !important}
.older .footer-content2{display:block !important;padding:30px;width:100%;max-width:1200px;margin:0 auto}
.older .footer-content-left{width:100% !important;height:auto !important;position:relative}
.older .footer-content-left-left{width:100%}
.older .footer-content-right{margin-top:20px;width:100% !important}
.older .footer-text{display:block !important;font-size:36px;line-height:60px !important;max-width:100% !important}
.older .footer-content-right{text-align:center}
.older .footer-content-right img{height:auto; width:auto !important;}
.older .footer-text img{ width:40px !important;}

.older .part-img,.older .part-imgs{ display:none;}
.older .footer-right-imgbox{ float:left;}

.part-img{ display:none;}
.older .footer-right-imgbox{ float:left;}
.older * {	cursor: url(http://zjjcmspublic.oss-cn-hangzhou-zwynet-d01-a.internet.cloud.zj.gov.cn/jcms_files/jcms1/web3096/site/images/1/cur/mouse_default.cur), auto !important;}
.older a,.older a *{	cursor: url(http://zjjcmspublic.oss-cn-hangzhou-zwynet-d01-a.internet.cloud.zj.gov.cn/jcms_files/jcms1/web3096/site/images/1/cur/pointer.cur), auto !important;}
.MobileGhb{display:none;}
@media screen and (max-width:1025px){
img{ max-width:100%;}
.topbanner{ background:none; height:auto;}
.topbanner .container{ height:auto;}
.container,.part-btn{ width:100%;}
.part-btn{ position:absolute; margin:0; width:100%; left:auto; top:.36rem; right:.36rem;}
.MobileGhb{ display:block; width:1.4rem;border-radius:.05rem;line-height:.68rem;font-size:.29rem;background-color:#ec940a;text-align:center;float:right;color:#fff !important; }
.top-link,.wzaer{display:none}
.part-img{ display:block;}
.part-img img{ width:100%;}

.title1{ width:3.1rem; margin:.36rem auto; height:.58rem; line-height:.58rem; font-size:0; background-size:cover;}
.title1 a{ font-size:.29rem; background-size:.36rem; padding:0 0 0 .36rem;}
.title1 h3{ font-size:.36rem; line-height:.58rem; padding:0 .36rem;}
.title1 h3:after{ width:.63rem; height:.23rem; background-size:cover; position:absolute; left:-.63rem; top:.2rem;}
.title1 h3:before{ width:.63rem; height:.23rem; background-size:cover; position:absolute; right:-.63rem; top:.2rem;}
.title1 span{ font-size:.29rem;}

.list-box{ padding:0 .3rem;}
.list-box .list-item{ width:48%; margin:0 4% 4% 0; padding:.48rem .32rem; display:block; border-radius:.1rem;}
.list-box .list-item:nth-child(2n){ margin:0 0 4%;}
.list-img{ float:none; width:1.5rem; height:1.5rem; margin:0 auto;}
.list-img img{ max-width:100%; display:block;}
.list-note{ float:none; padding:.2rem 0 0; text-align:center;}
.list-note h3{ font-size:.29rem; line-height:.58rem; margin:.2rem 0;}
.list-note p a{ font-size:.29rem; padding:0; display:block;}
.list-note p a:before{ background:none;}
.list-box p a:first-child,.list-note p a:last-child{ padding:0;}

.section2 .title1{ margin:.2rem auto .36rem;}
.list-box2{ padding:0 .2rem;}
.list-box2 .list-item{ float:none; width:100%; height:2.3rem; padding:.56rem .36rem .56rem 3.8rem; margin:0 0 2%; display:block;}
.list-box2 h3{ width:100%; font-size:.29rem; height:auto; line-height:.58rem; margin:0;}
.list-box2 p a{ float:left; font-size:.29rem; padding:0 .36rem; margin:0; display:block;}
.list-box2 p a:before{ width:.12rem; height:.12rem; border-radius:.06rem; top:.24rem;}
.list-box2 p{ padding:0; line-height:.58rem; overflow:hidden;}

.list-box2 .img1{ background-size:cover; padding:.36rem .36rem .56rem 3.8rem;}
.list-box2 .img2{ background-size:cover; padding:.82rem .36rem .56rem 3.8rem;}

.UseInMobile .title1{ width:4.3rem; height:auto;}
.UseInMobile .list-box2 .list-item{ min-height:3rem; height:auto;}
.UseInMobile .list-box2 .img1,.UseInMobile .list-box2 .img2{ background-size:contain; background-position:left bottom; padding:.36rem .36rem .56rem 3rem;}
.UseInMobile .list-box2 .img2{ padding:1rem .36rem .56rem 3rem;}

.footer-content{ width:100%;display:none !important}
.footer-content2{display:block !important;padding:0.3rem;width:100%;max-width:1200px;margin:0 auto}
.footer-content-left{width:100% !important;height:auto !important;position:relative}
.footer-content-right{margin-top:0.2rem;width:100% !important}
.footer-text{display:block !important;font-size:0.28rem !important;line-height:0.6rem !important;max-width:100% !important}
.footer-content-right{text-align:center}
.footer-content-right img{height:1rem}

}