/*头部*/
.top-container{ width:100%; height:491px; background:url(top.jpg) no-repeat top center;}
.head{ width:1200px; height:491px; position:relative;}
.head .logo{ width:380px; height:90px; display:block; position:absolute; left:41px; top:61px;}
.head .logo a{ width:100%; height:100%; display:block;}

.elder{font-size:18px !important;display:inline-block;height:35px !important;line-height:35px !important;background:#fabe2d;color:white !important;padding:0 20px;border-radius:5px;font-weight:800;position:absolute;right:40px;top:50px;z-index:99}
.elder:hover{color:white !important}
.MobileGhb{display:none;width:20vw;border-radius:2.1333vw;line-height:8vw;font-size:4.26vw;background-color:#ec940a;text-align:center;float:left;color:#fff !important;position:absolute;top:4vw;right:4vw}
.wza{font-size:18px !important;display:inline-block;height:35px !important;line-height:35px !important;background:#fabe2d;color:white !important;padding:0 20px;border-radius:5px;font-weight:800;position:absolute;right:170px;top:50px;z-index:99}
.old_type .wza{ right:285px;}
.old_type .wza,.old_type .elder{height:50px !important;line-height:50px !important;font-size:30px !important; top:50px;}
.zjzwMD .wza,.zjzwMD .elder{display:none}
.sjdwzz-a{ display:block;}
.old_type * {cursor: url(/cms_files/jcms1/web3096/site/images/1/cur/mouse_default.cur), auto !important;}
.old_type a {cursor: url(/cms_files/jcms1/web3096/site/images/1/cur/pointer.cur), auto !important;}

.old_type .fl{ float:left;}
.old_type body{ min-width:320px; font-size:36px; line-height:60px;}



.container{ width:1220px; margin:0 auto; position:relative;}

.title1{ height:50px; line-height:50px; margin:68px auto 0; text-align:center; font-size:0;}
.title1 h3{ color:#000; font-size:30px; display:inline-block; position:relative;}
.title1 h3:before{ content:''; width:216px; height:13px; background:url(icon-left.jpg) no-repeat; position:absolute; left:-240px; top:24px;}
.title1 h3:after{ content:''; width:216px; height:13px; background:url(icon-right.jpg) no-repeat; position:absolute; right:-240px; top:24px;}

.list-box{ overflow:hidden; padding:46px 10px 10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.list-box .list-item{ float:left; width:18%; margin:0 2.5% 2.5% 0; padding:51px 20px 28px; border-radius:18px; background:#fff; border:1px solid #e8e8e8; position:relative; top: 0; transition: top 0.5s ease;}
.list-box .list-item:after{ content:""; width:100%; height:100%; background:#e5e9ff; border:1px solid #e5e9ff; border-radius:18px; position:absolute; left:5px; top:5px; z-index:-1;}
.list-box .list-item:nth-child(5n){ margin:0 0 2.5% 0;}
.list-img{ width:142px; height:142px; margin:0 auto; display:block;}
.list-note{ padding:25px 0 0; text-align:center; font-size:0;}
.list-note h3{ color:#333; font-size:24px; line-height:34px; font-weight:normal; margin:0 0 25px;}
.list-note p a{ color:#333; font-size:16px; line-height:24px; display:inline; padding:0 10px; position:relative;text-align: center;float: left;width: 100%; }
.list-note p a:hover{ color:#2861bb;}
.list-box .list-item .icon1{ background:url(icon1.jpg) no-repeat; background-size:cover;}
.list-box .list-item .icon2{ background:url(icon2.jpg) no-repeat; background-size:cover;}
.list-box .list-item .icon3{ background:url(icon3.jpg) no-repeat; background-size:cover;}
.list-box .list-item .icon4{ background:url(icon4.jpg) no-repeat; background-size:cover;}
.list-box .list-item:hover .icon1{ background:url(icon1-hover.jpg) no-repeat; background-size:cover;}
.list-box .list-item:hover .icon2{ background:url(icon2-hover.jpg) no-repeat; background-size:cover;}
.list-box .list-item:hover .icon3{ background:url(icon3-hover.jpg) no-repeat; background-size:cover;}
.list-box .list-item:hover .icon4{ background:url(icon4-hover.jpg) no-repeat; background-size:cover;}
.list-box .list-item:hover{box-shadow: 0 5px 10px rgb(42 57 68 / 6%);}



.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:18px; background:#dfecff; overflow:hidden; }
.list-box2 .list-item:nth-child(2n){ margin:0 0 3% 0;}
.list-box2 .img1{ background:#f3f5ff url(img1.jpg) no-repeat; background-size:cover; padding:60px 30px 0 260px;}
.list-box2 .img2{ background:#f3f5ff url(img2.jpg) no-repeat; background-size:cover; padding:70px 30px 0 285px;}
.list-box2 h3{ width:100%; color:#333; font-size:24px; line-height:34px; font-weight:normal; display:block;}
.list-box2 p{ padding:10px 0;}
.list-box2 p a{ color:#666; font-size:16px; display:inline-block; margin:0 15px 0 0; position:relative;}
.list-box2 p a:hover{ color:#2861bb; text-decoration:none;} 
.list-box2 .list-item:hover{box-shadow: 0 5px 10px rgb(42 57 68 / 4%);}
.list-box2 a:hover{ color:#000;} 


/* old_type */
.old_type .part-btn{ height:50px; line-height:50px; top:40px;}
.old_type .top-link{ font-size:30px;}

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

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


.old_type .foot{padding:30px 30px 0; text-align:center}
.old_type .foot a{ font-size:36px;}
.old_type .foot-1,.old_type .foot-2,.old_type .foot-3,.old_type .foot-4,.old_type .foot-5,.old_type .foot-6{width:100% !important;display:block;margin:0 auto;float:none !important}
.old_type .foot-1,.old_type .foot-2,.old_type .foot-3,.old_type .foot-4,.old_type .foot-5,.old_type .foot-6{float:none !important}
.old_type .foot-5,.old_type .foot-6{display:none}
.old_type .foot-1{display:inline-block;text-align:center;margin:0}
.old_type .foot-1 a{ float:none !important;display:inline-block}
.old_type .foot-2{display:inline-block}
.old_type .foot-2 p{color:#c0d1ec; text-align:center;font-size:36px}
.old_type .foot-2 p a img{float:none !important;position:inherit}
.old_type .foot-3{text-align:center;display:block}
.old_type .foot-2 a img{height:30px;margin-right:10px;position:relative;top:8px}
.old_type .foot-4{border-right:none !important}
.old_type .foot-2 img{height:30px;width:auto}

@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{ margin:.36rem auto 0; 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:before{ width:3.9rem; height:.23rem; background-size:cover; position:absolute; left:-3.9rem; top:.2rem;}
    .title1 h3:after{ width:3.9rem; height:.23rem; background-size:cover; position:absolute; right:-3.9rem; top:.2rem;}
    
    
    .title1 span{ font-size:.29rem;}
    
    .list-box{ padding:.36rem .3rem 0;}
    .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; font-weight:bold;}
    .list-note p a{ font-size:.29rem; line-height:.36rem; 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; margin:0 .3rem 0 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:.58rem .36rem .56rem 3.8rem;}
    .list-box2 .img2{ background-size:cover; padding:.58rem .36rem .56rem 3.8rem;}
    
    
}

@media screen and (max-width: 767px) {
    .top-container{ width:100%; height:auto; background:none;}
    .container{ width:100%; padding:0 .36rem;}
    .head{ width:100%; height:auto; display:none;}
    .head .logo{ width:100%; height:2.2rem; position:static;}
}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.title1 h3:after{ width:2.16rem; height:.13rem; right: -2.16rem; top:.3rem;}
.title1 h3:before{ width:2.16rem; height:.13rem; left: -2.16rem; top:.3rem;}
}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.list-box2 .list-item{ height:3rem; padding:.58rem .36rem .56rem 4.8rem;}
.title1 h3:after{ width:2.16rem; height:.13rem; right: -2.16rem; top:.3rem;}
.title1 h3:before{ width:2.16rem; height:.13rem; left: -2.16rem; top:.3rem;}
}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.list-box2 .list-item{ height:3rem; padding:.58rem .36rem .56rem 4.8rem;}
.title1 h3:after{ width:2.16rem; height:.13rem; right: -2.16rem; top:.3rem;}
.title1 h3:before{ width:2.16rem; height:.13rem; left: -2.16rem; top:.3rem;}
}