@charset "utf-8";

@media screen and (max-width: 1680px) {
    .spinfo .d3{padding-left:80px;padding-right:150px;}
   
}

@media screen and (max-width: 1536px) {
    .spinfo .d3{padding-left:80px;padding-right:100px;}
}

@media screen and (max-width: 1440px) {
    .spinfo .d3{padding-left:50px;padding-right:50px;}
}

@media screen and (max-width: 1366px) {
    .spinfo .d3{padding-left:30px;padding-right:30px;}
    .spinfo .d3 span{margin-top:20px;line-height:1.5;}
    .spinfo .d3 p{margin-top:20px;line-height:1.5;}
    .spinfo .d3 div{margin-top:20px;}
}

@media screen and (max-width: 1280px) {
    .wp{width:100%;margin:0 auto;}
    .logo{margin-left: 20px;}  

    .spinfo .d3{padding-left:20px;padding-right:20px;}
    .spinfo .d3 em{font-size:28px;}
    
}

@media screen and (max-width: 1024px) {
    .mshow{display: block !important}
    .mshowfx{display: flex !important}

    .nav{position: fixed;z-index:9999999; left: 0; top:-1120px;width:100%;background:#fff;height: calc(100vh- 120px); overflow-y: scroll}
    .nav.cur{top: 120px}
    .nav ul li.item{height:initial;width:100%;border-bottom:1px #efefef solid;}
    .nav ul li.item span.sp1{flex:1;cursor: pointer;height:initial;;padding:15px 20px;justify-content: space-between;}
    .nav ul li.item span.sp1 a.a1{color:#333;font-size:16px;}
    .nav ul li.item span.sp1 i{display: flex;color:#999;font-size:22px;}
    .nav ul li.item:hover span.sp1{background:#fff;}
    .nav ul li.item.cur span.sp1{background:#fff;}

    .menuicon{margin-right: 20px}
    .menuicon img{ height: 50px;}

    .la{display:none;position:initial;width:100%;left:initial;top:initial;}
    .la ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .la li a{padding:10px 0;border:1px #efefef solid;}
    .la li a em{color:#333;font-size:18px;font-weight: bold;}
    .la li a span{margin-top:10px;color:#666666;font-size:14px;}
    .la li a div{padding:10px 0;width:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .la li a div img{ width: 30%; max-width: 50%}
    .la li a i{border-radius:3px;color:#fff;font-size:12px;background:#8696a6;padding:5px 10px;}


    .spinfo .d1{width:100%;flex: none}
    .spinfo .d2{width:100%;flex: none;padding-top:30px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

    .cpc_bgg{margin-top:0;}
    .cpc{ padding: 0 20px;}
    .cpc a img{height:55px;background-size: contain;}
    .cpc a span{font-size:16px;}

    .pro .swiperprev{left:10px;}
    .pro .swipernext{right:10px;}
    .proswiper{margin-top:30px;}

    .zz{padding:50px 20px;}
    .zz .d1{padding-right:100px;}
    .zz .d1 em{font-size:30px;}
    .zz .d1 p{margin-top:40px;}
    .zz .d2 img{ width: 300px}

    .baoj{padding:50px 20px;}
    .baoj .d1 em{ font-size: 25px}
    .lxwm{padding:50px 0;}
    .lxwm .d1 em{font-size:25px;}

    .xinw{padding:50px 20px;}
    .xinw .d1 em{ font-size: 25px}

    .xinw .d2 li span a{font-size:14px;}
    .xinw .d2 li em{font-size:14px;margin-left:20px;}


    .lxwm .d2{margin-top:30px;padding-left:20px;padding-right:20px;}
    .lxwm .d3{width:100%;}
    .lxwm .d4{display:none;}
    

    .foot{padding:0 20px;}
    .foot .d1{padding:80px 0;}
    .foot .d2 .d4{width:auto;margin-right:80px;}

    .alist{padding-top:80px;padding-left:20px;padding-right:20px;}
    .alist li{margin-bottom:50px;width:32%;}
    .alist li .d2{height:180px;padding:10px 20px 0 20px;}
    .alist li .d3 em{color:#333333;font-size:16px;}
    .alist li .d5{margin-top:20px;line-height:2;}
    .alist li .d5 em{color:#666666;font-size:14px;}
    .alist li .d4{margin-top:20px;color:#666666;font-size:14px;}

    .newdetails{padding:0 20px;}
    .art{padding-top:30px;}
    .pos{border-bottom:1px #efefef solid;padding:15px 0;}


    .bar{padding:30px 10px;}
    .bar em{font-size:28px;padding-bottom:10px;}

    .fczsdom{ padding: 10px}

    .fczs{margin-top:50px;padding:30px 30px 0 30px;border-radius:115px;}
    .fczs img{width:35px; }
    .fczs a span{font-size:14px;height:40px;}

    .imglist{padding-top:50px;padding-left:10px;padding-right:10px;}
    .imglist li{width:32%;margin-bottom:20px;}
    .imglist li .d2{font-size:16px;height:50px;}
    .imglist li .d2 em{margin-top:10px;}

    .pg{padding-bottom:50px;padding-top:30px;}

    .prd{padding:0 10px;padding-top:30px;}
    .prd .d1{width:50%;}
    .prd .d1 img{width:100%;}
    .prd .d2{padding-left:20px;}

    .cpx{padding-top:30px;padding-left:10px;padding-right:10px;}
    .cpx li{width:32%;margin-bottom:30px;}
   
    .g1bg{padding-top:50px;padding-bottom:50px;}
    .g1{ padding: 0 10px}
    .g1 .d1{font-size:26px;}
    .g1 .d2{margin-top:30px;}
    .g1 .d3{width:100%;}
    .g1 .d3 img{width:100%;}
    .g1 .d3 video{width:100%;height:40vh;}
    .g1 .d4{flex:none;width:100%;margin-left:0;color:#666666;font-size:14px;line-height:1.7;background:#fff;padding:20px 20px;}
    .g1 .d5{margin-top:20px;}
    .g1 .d5 div{width:49%;height:145px;}
    .g1 .d5 div em{margin-left:25px;}
    .g1 .d5 div p{margin-left:24px;}
    .g1 .d5 div p i{font-size:20px;}
    .g1 .d5 div p span{color:#666666;font-size:16px;margin-top:10px;}

    .g2bg{background:url(../images/34.jpg) center top no-repeat;background-size: cover;padding-top:55px;padding-bottom:55px;}
    .g2{padding:0 10px;}
    .g2 .d1 em{font-size:26px;position:relative;}


    .g2bg{background:url(../images/34.jpg) center bottom no-repeat;background-size: cover;padding-top:125px;padding-bottom:80px;}
    .g2 .d1{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .g2 .d1 em{color:#ffffff;font-size:36px;position:relative;padding-bottom:20px;}
    .g2 .d1 em:after{content: '';position:absolute;left:50%;margin-left:-10px;bottom:0px;width:20px;height:3px;background:#fff;}

    .g2 .d2{color:#ffffff;font-size:14px;line-height:2.5;text-align:center;margin-top:30px;}
    .g2 .d3{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;margin-top:30px;}


    .g3bg{margin-top:50px;}
    .g3{padding:0 10px;}
    .g3 .d1 em{font-size:26px;}
    .g3 .d0{margin-top:50px;}
    .g3 .d2{flex:1;}
    .g3 .d3{width:330px;margin-left:50px;}

    .g3 .d4 em{color:#8696a6;font-size:30px;position:relative;}
    .g3 .d5{margin-top:30px;}
    .g3 .d5 em{margin-bottom:20px;display:block;color:#666666;font-size:14px;line-height:2;background:url(../images/40.png) left 9px no-repeat;padding-left:20px;}

    .shi .swiperprev{left:10px;top:50%;margin-top:-15px;width:30px;height:30px; background-size: 10px auto}
    .shi .swipernext{right:10px;top:50%;margin-top:-15px;width:30px;height:30px;background-size: 10px auto}

    .cgdom{margin-top:80px;padding:80px 0;background:#EEEEEE;}
    .cg{padding:0 10px;}
    .cg .d2{margin-left:50px;}

    .chej em i{font-size:18px;padding:20px 0;}


    
    .gybg{padding:80px 0;}
    .gy{padding:0 10px;}
    .gy div:nth-child(2){ margin-top: 60px}

    .sh{padding:50px 0;}
    .sh .d3{display: none}

    .ffxy{height:150px;background-size: auto 100%;}
    .ffxy img{ max-height: 50px}


    .proinfo .d1{padding:50px 0;}
    .proinfo .d1 em{font-size:38px;}
    .proinfo .d1 span{font-size:26px;}
    .proinfo .d2 img{ max-width: 100%;}

    .proinfo .d3{margin-top:80px;font-size:20px;line-height:2;}
    .proinfo .d3 h2{margin-bottom:20px;font-size:26px;}
    .prperbg{padding-top:135px;margin-top:-80px;}

    .prdetails{padding-left:10px;padding-right:10px;}

    
    .swpsx{padding-left:10px;height:70px;}
    .swpsx em{font-size:16px;}
    .swpsx span{font-size:14px;}


    .shux{padding-left:50px;padding-right:50px;}
    .shux .swiperprev{ left:10px;top:50%;margin-top:-13px;width:15px;height:27px;background-size: contain;}
    .shux .swipernext{right:10px;top:50%;margin-top:-13px;width:15px;height:27px;background-size: contain;}


    .chic{padding-top:110px;padding-left:10px;padding-right:10px;}
    
    .xfp{padding:80px 20px;}
    .sec .d4 {margin-top:80px;}
    .sec .d4 em{font-size:30px;}
    .sec .d4 span{font-size:20px;}

    .tuij_bg{padding: 30px 0}
    .tuij{padding-left:10px;padding-right:10px;}
    .tuij img{ height: 20px}
    .tuij em{font-size:26px;margin-left:20px;}
    .tuij span{font-size:14px;margin-left:20px;}

    .cptu{padding:80px 0;}
    .cptu a{padding:0 20px;}
    .cptu a .d1 em{font-size:20px;}
    .cptu a .d1 span{margin-top:20px;}
    .cptu a .d1 span img{ width: 35px}
    .cptu a .d2 img{ max-height: 180px; max-width: 180px;}
    .bgxinw{margin-top:50px;}


}

@media screen and (max-width: 768px) {
    .cptu a .d2 img{ max-height: 140px; max-width: 140px;}

}

@media screen and (max-width: 600px) {

    .top{ height: 68px}
    .nav{height: calc(100vh - 68px)}

    .nav.cur{top: 68px}
    .logo{margin-left: 10px;}   
    .logo img{ height: 35px}
    .menuicon{margin-right: 10px}
    .menuicon img{ height: 35px;}

    .la li a em{font-size:14px;}
    .la li a span{font-size:12px;}
    .la li a i{font-size:10px;background:#8696a6;padding:3px 8px;}

    .banner .swiperpg span{width:8px;height:8px;}
    .banner .swiperprev{display:none !important;}
    .banner .swipernext{display:none !important;}
    
    .spinfo .d3 em{font-weight: bold;text-align:center;}
    .spinfo .d3 div a{padding:10px 30px;width:100%;text-align:center;}

    .cpc{height:160px;}
    .cpc a{background:url(../images/r.png) center 170px no-repeat;background-size: auto 10px}
    .cpc a.cur{background:url(../images/r.png) center bottom no-repeat;background-size: auto 10px}
    .cpc a img{height:30px;}
    .cpc a span{font-size:10px;margin-top:20px;}
   
    .zz{padding:30px 20px;}
    .zz .d1{padding-right:0;width:100%;flex:none;}
    .zz .d1 em{font-size:25px;text-align:center;}
    .zz .d1 p{margin-top:20px;}
    .zz .d2{margin-top:30px;}
    .zz .d2 img{ width: 100%}

    .baoj form{margin-top:30px;}
    .baoj form .d2{width:100%;}
    .baoj form .d3{width:100%;}


    .baoj .d5{margin-top:20px;}
    .baoj .d5 a{color:#fff;font-size:16px;background:#294f75;padding:12px 50px;}

    .ipt{height:55px;}
    .ipt em{font-size:14px;min-width:80px}
    .ipt input{font-size:14px;}
    .ipt select{font-size:14px;}

    .lxwm .d3 em{font-size:22px;}
    .lxwm .d3 p{font-size:15px;line-height:1.5;margin-top:20px;}
    
    .foot .d1{padding-bottom:10px;}
    .foot .d2{width:100%;justify-content: space-between;}
    .foot .d3{width:100%;margin-top:30px;border:1px #222 solid;padding:30px 0;}
    .foot .d2 .d4{width:auto;margin-right: 0}
    .foot .d7{font-size:12px;}
    .foot .d8{ margin-top: 20px}

    .alist{padding-top:30px;padding-left:10px;padding-right:10px;}
    .alist li{margin-bottom:30px;width:100%;}

    .pg{padding-bottom:30px;padding-top:10px;}
    .art h1{ font-size: 18px}
    .art div{ font-size: 12px}

    .bar{padding:20px 10px;}
    .bar em{font-size:22px;padding-bottom:10px;}

    .fczs{margin-top:20px;padding:0 0 0 0;border-radius:0; background: none}
    .fczs img{width:20px; }
    .fczs a span{font-size:10px;height:30px;}

    .imglist{padding-top:20px;}
    .imglist li{width:49%;margin-bottom:0;}
    .imglist li .d2{font-size:14px;height:50px;}
    .imglist li .d2 em{margin-top:10px;}

    .prd{padding-top:20px;}
    .prd .d1{width:100%;}
    .prd .d1 img{width:100%;}
    .prd .d2{padding-left:0;width:100%;margin-top:20px;}
    .prd .d2 em{font-size:20px;}
    .prd .d2 p{font-size:14px;margin-top:10px;}


    .cpx{padding-top:20px;}
    .cpx li{width:100%;margin-bottom:20px;}
    .cpx li a{box-shadow: rgba(0,0,0,0.2) 0 0 19px 2px;}
    .cpx li a .d1{ background: url(../images/32.jpg) left bottom repeat-x;}

    .mypage{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .mypage a{display: none}
    .mypage a.home{display: flex}
    .mypage a.prev{display: flex}
    .mypage a.next{display: flex}
    .mypage a.cur{display: flex}
    .mypage a.last{display: flex}

    .g1bg{padding-top:20px;padding-bottom:20px;}
    .g1{ padding: 0 10px}
    .g1 .d1{font-size:22px;}
    .g1 .d2{margin-top:20px;}
    .g1 .d4{background:rgba(255, 255, 255, 0.438)}
    .g1 .d5{margin-top:20px;}
    .g1 .d5 div{width:100%;height:105px;margin-bottom:10px; background: rgba(255, 255, 255, 0.811)}
    .g1 .d5 div em{margin-left:25px;}
    .g1 .d5 div p{margin-left:24px;}
    .g1 .d5 div p i{font-size:20px;}
    .g1 .d5 div p span{color:#666666;font-size:16px;margin-top:10px;}

    .g2 .d1 em{font-size:20px}
    .g2 .d2{line-height: 2}
    .g2 .d3 img{height: 50px}

    .g3bg{margin-top:30px;}
    .g3 .d0{margin-top:30px;}
    .g3 .d2{flex:1;}
    .g3 .d3{width:100%;margin-left:0;}
    .g3 .d4 em{font-size:26px;}
    .g3 .d5 em{ margin-bottom: 10px}


    .cgdom{margin-top:30px;padding:30px 0;background:#EEEEEE;}
    .cg .d1{width:100%;}
    .cg .d2{flex:none;width:100%;margin-left:0;margin-top:30px;}
    .cg .d2 em{display:block;color:#294f75;font-size:24px;}
    .cg .d2 p{color:#666666;font-size:14px;line-height:2;margin-top:20px;}

    .chej em i{font-size:12px;padding:10px 0;}

    .gybg{padding:30px 0;}
    .gy div p{margin-left:20px;}
    .gy div p em{font-size:20px;}
    .gy div:nth-child(2){ margin-top: 30px}

    .sh{padding:30px 0;}
    .sh .d2{margin-top:30px;padding:0 10px;}
    .sh .d3{margin-top:30px;}
    .sh .d3 img{ max-width: 100%;}

    .ffxy{height:120px;}
    .ffxy img{ max-height: 50px}

    .xins em{font-size:22px;}
    .xindom{padding:40px 0;}
    .xindom .alist{ padding-top: 30px}


    .proinfo .d1{padding:30px 0;}
    .proinfo .d1 em{font-size:28px;line-height:1;}
    .proinfo .d1 span{font-size:26px;line-height:1;}

    .proinfo .d3{margin-top:30px;font-size:16px;line-height:2;}
    .proinfo .d3 h2{margin-bottom:10px;font-size:22px;}
    .prperbg{padding-top:135px;margin-top:-80px;}

    .prdetails{padding-left:10px;padding-right:10px;}


    .swpsx{height:60px;}
    .swpsx em{font-size:14px;font-weight: bold;}
    .swpsx span{font-size:12px;}


    .chic{padding-top:80px;}
    .chic div{flex:none;width:100%;margin-bottom:20px;}
    .chic div img{ max-width: 100%;}
    
    .xfp{padding:50px 20px;}
    .sec .d1{width:100%;}
    .sec .d2{width:100%;margin-top:50px;}
    .sec .d3{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .sec .d3 div{flex-direction: column;margin:0 10px;}
    .sec .d3 div span{margin-left: 0;}
    .sec .d4{margin-top:30px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
    .sec .d4 em{font-size:26px;}
    .sec .d4 span{font-size:18px;text-align:center;margin-top:10px;}
    .colswp .swiper-slide div img{max-height: 250px}
    .colswps .swiperprev{margin-top:-25px;width:14px;height:25px;background-size: contain;}
    .colswps .swipernext{margin-top:-25px;width:14px;height:25px;background-size: contain;}
    .colorset{margin-top:30px;}
    
    .tuij img{ height: 16px}
    .tuij em{font-size:16px;margin-left:10px;}
    .tuij span{font-size:10px;margin-left:10px;}

    .cptu{padding:0px 0;}
    .cptu a{padding:30px 20px;width:100%; flex: none;border:1px #efefef solid;}
    .cptu a .d1 em{font-size:20px;}
    .cptu a .d1 span{margin-top:20px;}
    .cptu a .d1 span img{ width: 30px}
    .cptu a .d2 img{ max-height: 150px; max-width: 150px;}
    .rtoot{right:5px;top:60%;}
    .rtoot a{border-radius:3px;margin-bottom:5px;background:rgba(51,102,153,.5);padding:5px 5px;}
    .rtoot a img{width:20px;}

    .xinw .d2 li{height:45px;width:100%;}
    .xinw .d2{margin-top:30px;}
    .xinw .d2 li:nth-child(n+8){display:none;}

}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}