@charset "utf-8";

@media (min-width:1601px){html{font-size:16px}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px}}
@media (max-width:328px){html{font-size:12px}}
@media (min-width:1660px){}

.wap{ display:none;}

@media (min-width:1200px){
    
}
@media (min-width:1360px){
    .container{max-width:1300px}
}

@media (min-width: 1440px){
    div#top{ display:block !important;}
}

@media (min-width: 1660px){
    .container {max-width: 1600px; }
    .wrap{ max-width:1360px;}
}


@media(max-width:1200px){
    .web{ display:none;}
    .wap{ display:block;}
}
@media (max-width: 992px){

}


@media (max-width: 768px){
    .container02{background: #f4f4f4}
    .n_banner{height: 200px;margin-top: 70px;}
    .nmenu{display: none}
    .subnav{display: block}
    .py-6{padding: 2rem 0;}
    .px-6{padding: 0 1rem;}
    .my-6{margin: 2rem 0;}
    .mb-6{margin-bottom:2rem}

    .aboutC .list_detail .show_box{width:80%;background:#fff;position:relative;display:inline-block;vertical-align:middle;}
    .aboutC .list_detail .list_title01{font-size:20px;margin-top:20px}
    .aboutC .list_detail .list_title02{font-size:16px;}
    .aboutC .list_detail .list_p{font-size:14px;line-height: 1.8;}
    .aboutC .list_detail .right_btn{width:40px;position:absolute;top:-40px;right:0px;}
    .aboutC .list_detail .right_btn .btn_box{width:100%;height:40px;background:url(../images/black_70.png) repeat;display:block;text-align:center;line-height:40px;margin-bottom: 1px;cursor:pointer;}
    .aboutC .list_detail .right_btn .btn_box:hover{background:#ea5514;}
    .aboutC .list_detail .right_btn .close_btn{position:relative;}
    .aboutC .list_detail .right_btn .close_btn:after,.aboutC .list_detail .right_btn .close_btn:before{content:"";width:60%;height:1px;background:#fff;display:block;position:absolute;left:50%;margin-left:-30%;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
    .aboutC .list_detail .right_btn .close_btn:after{top:50%;-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
    .aboutC .list_detail .right_btn .close_btn:before{bottom:50%;-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
    .aboutC .list_detail .right_btn .close_btn i{opacity:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;visibility:hidden;color:#fff;}
    .aboutC .list_detail .right_btn .close_btn:hover:after{top:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)}
    .aboutC .list_detail .right_btn .close_btn:hover:before{bottom:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)}
    .aboutC .list_detail .right_btn .close_btn:hover i{opacity:1;visibility:visible;}

    .news,.news2 {padding:30px 0}
    .news_detail{ padding:15px 0;}
    .news_detail .con{ width:100%; background:#fff; padding:30px 15px;}
    .news_detail .title{ margin-bottom:20px;}
    .news_detail .title h3{ font-size:16px;margin-bottom:10px;}
    .news_detail .article{ font-size:14px; color:#696969; line-height:30px; }
    .news_detail .article p{font-size:14px;color:#696969;line-height:30px;  padding-bottom:1rem; margin:0;}	
    .news_detail .article img{max-width: 100%;}
    .news_detail .dibu{position:relative;margin-top: 40px;}
    .news_detail .prev{width: 100%;line-height: 36px;border: #e5e5e5 0px solid;background: #fff;border-radius: 0;overflow:  hidden;}
    .news_detail .prev *{float: none;}
    .news_detail .prev h1{padding: 10px 0;width: 100%;}
    .news_detail .prev h1:hover, .news_detail .prev h1:hover a, .news_detail .prev h1:hover span{color: #333;}
    .news_detail .prev h1:hover{ background:unset}

    .service{ padding:2rem 0;}
    .service .box1{ padding-bottom:30px;}
    .service .box1 p{line-height: 25px;padding: 0;margin: 0;text-align: left}
    .p-5{padding:2rem 1rem!important}

    .common-tit{font-size:30px; padding-bottom:20px; }
    .common-con{font-size:14px; color:#4d4d4d; line-height:25px; padding:0;text-align: left}

    .investor .rect-113{padding-bottom: 113%;}
    .investor .content {margin-top:30px;}
    .investor .content .left{display: none}
    .investor .content .right{float:none; width:100%;}
    .investor .right .r_top{height: auto;}
    .investor .right .r_top .box{padding:25px;}
    .investor .right .r_top .box .stock .name,
    .investor .right .r_top .box .stock .stock_code{font-size:18px; color:#3c3c3c; margin-right:6px; display:inline-block;}
    .investor .right .r_top .box .stock .stock_num{font-size:32px; line-height:1.5;margin-left: 0;display: inline-block}

    .investor .right .r_top .box .information{padding-top:20px;}
    .investor .right .r_top .box .information li{margin-bottom:24px; width: 50%}

    .investor .right .r_bott{padding-top:30px;}
    .investor .right .r_bott .rect-58{padding-bottom:58%;}
    .investor .right .r_bott .tab_t_box{padding-left:0px;}
    .investor .right .r_bott .tab_c_box{padding-left:0;}

    .notice .title{font-size:20px; line-height:30px; margin-bottom:20px;}
    .notice .left .item .d{font-size:15px;}
    .notice .left .item .t{font-size:16px;}
    .notice .right .con dd{font-size:16px;line-height:35px;}
    .notice .right .con dd span{opacity:0.7;margin-right: 5px}
    .notice .right .con dd a{color:#fff}
    .notice .right .con dd a:hover{color:rgba(255,255,255,0.7)}

    .contact{padding: 2rem 0;}
    .contact .map_box{margin-bottom: 2rem;}

    .contact .lists_box{margin: 0}
    .contact .lists_box li{ margin-top: 13px; background-color: #f2f9fe; height: 200px; overflow: hidden; color: #333; width: 100%;margin: 0 0 1rem 0;float: none;}
    .contact .lists_box li .box{ padding: 30px 20px; }
    .contact .lists_box .title{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
    .contact .lists_box dt{ padding: 20px 0 30px; font-size: 15px; position: relative; }
    
    .footer .fot_down .fl,.footer .fot_down .fr{float: none;padding-left: 0}
}