
.phone2 {display: none;}

/* 新闻 */
@media screen and (max-width: 1366px) {
	#news .box{display: flex;flex-direction: column-reverse;align-items: center;}

    #news .box .right{width: 100%; display: flex;justify-content: space-between;}

    #news .box .right .form-box {width: 100%;}
    
    #news .box .right .pic {margin-top: 0;width: 15%;}

    #news .box .right .form-box .list .input input {width: 95%;}

    #news .box .left {width: 100%;}
}
@media screen and (max-width: 1024px) {
    #news .box .right .pic {width: 20%;}

    #hot-news .page-box .btn.prev {left: 35%;}

    #hot-news .page-box .btn.prev:hover {left: calc(35% - 30px);}

    #hot-news .page-box .btn.next {right: 35%;}

    #hot-news .page-box .btn.next:hover {right: calc(35% - 30px);}

    #hot-news .box .li .text .tit {padding-top: 20px;}

}
@media screen and (max-width: 750px) {
    #news .box .right .pic {width: 40%;}

    #news .box .right .form-box .list .input input {width: 85%;}

    #news .box .left .content .li .text {display: inline-block;width: 55%;padding-right: 0;}

    #news .box .left .content .li .pic {display: inline-block; margin-left: 15px;margin-bottom: 25px;}

    #hot-news .page-box .btn.prev {left: 30%;}

    #hot-news .page-box .btn.prev:hover {left: calc(30% - 30px);}

    #hot-news .page-box .btn.next {right: 30%;}

    #hot-news .page-box .btn.next:hover {right: calc(30% - 30px);}


    #hot-news .box .li {display: flex;flex-direction: column;}

    #hot-news .box .li .pic {width: 100%;padding-top: 65.714%;}

    #hot-news .box .li .text {width: 100%;margin-top: 20px;padding: 20px 30px;}

    #hot-news .box .li .text .tit {font-size: 30px;}
    
    #hot-news .box .li .text .brief {font-size: 24px;}

    #hot-news .box .li .text .bot .time .y,#hot-news .box .li .text .bot .more {font-size: 24px;}

    #hot-news .box .li .text .bot .more i,#news .box .left .content .li .text .more i {top: 10px;}
    
    
    #news .box .right .form-box .list .input,
    #news .box .right .form-box .txt,
    #news .box .left .content .li .time .ym,
    #news .box .left .content .li .text .more,
    form.page-form .submit {font-size: 24px;}

    #news .box .right .form-box .word .item {font-size: 24px;}

    #news .box .left .content .li .text .tit {font-size: 26px;max-height: 65px;}

    #news .box .left .content .li .text .brief {font-size: 24px;max-height: none;}

    
    #news .box .left .content .li{display: block;padding: 20px;}

    #news .box .left .content .li .time {margin-bottom: 10px;width: 100%;}

    #news .box .left .content .li .time .d {display: inline-block;}

    #news .box .left .content .li .time .ym {display: inline-block;margin-left: 20px;}

}

/* 新闻详情 */
@media screen and (max-width:1024px) {

    #news-detail .content {width: 87%;padding: 60px 50px 80px;}

    #btn-right {left: calc(100% + -110px);}

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

    #news-detail .content {width: 100%;}

    #btn-right {display: none;}

    #news-detail .content .title {font-size: 40px;}

    #news-detail .content .cont p span {font-size: 24px !important;}

}
/* 联系我们 */
@media screen and (max-width:750px) {

    #contact .box  {display: flex;flex-direction: column;align-items: center;}

    #contact .left {width: 100%;}

    #contact .right {margin-top: 50px;width: 100%;}

    #contact .right .li .tit {font-size: 28px;}

    #contact .right .li .tel {font-size: 28px}
    #contact .right .li .email {font-size: 28px}

    #contact .right .li .addr{font-size: 26px;}

}

/* 社会责任 */
@media screen and (max-width:1280px) {

    #duty .li .text-box .title {font-size: 45px;}
    
    #environment3 .content .right {padding: 0 38px 0 60px;}

    #environment3 .content .right .li .tit {font-size: 30px;}

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

    #duty .li .text-box .title {font-size: 40px;line-height: 1.5;}

    #duty .li .text-box {padding: 20px 35px 20px 35px;}

    #environment3 .content {display: flex;flex-direction: column;}
    
    #environment3 .content .left {width: 100%;}
    
    #environment3 .content .right {padding: 0;width: 100%;}

    #environment3 .content .right .li .tit {font-size: 30px;}

    #sustainable3 .content .li .tit {font-size: 18px;}

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

    #duty .li .text-box .title {font-size: 35px;line-height: 2;}

    #duty .li .text-box {padding: 20px 35px 20px 35px;}
    
    #duty-report .content {display: block;}

    #duty-report .content .li {width: 48%;margin-right: 1%;display: inline-block;}

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

    #duty .li {display: flex;flex-direction: column-reverse;}

    #duty .li .pic {width: 100%;}

    #duty .li .text-box {position: relative;top: 0;right: 0;transform: translateY(0);width: 100%;}

    #duty .li .text-box .title {font-size: 35px;line-height: 2;}

    #duty .li .text-box .brief {margin: 15px 0 15px;font-size: 24px;}

    #duty .li .text-box .more-btn {width: 180px;height: 70px;line-height: 70px;}

    #duty .li .text-box .more-btn span{font-size: 24px;}


    #duty-report .content .li .text-box {padding: 0 10px 35px;}

    #duty-report .content .li .text-box .brief,#duty-report .content .li .text-box .more span{font-size: 24px;}

    #duty-ban .li .text-box .more-btn {width: 160px;height: 70px;line-height: 70px;}

    #duty-ban .li .text-box .more-btn span:nth-child(1) {font-size: 24px;}

    #duty-ban .li .text-box .more-btn .icon {top: 28px;}
    
    #duty-ban .li .text-box .more-btn:hover .icon {right: 20px;}

    #duty-ban .li .text-box {padding: 20px 0px;position: relative;}

    #duty-ban .li .text-box .title {font-size: 40px;}

    #duty-ban .li .text-box .brief {width: 100%;color: #333;margin: 25px 0 20px;font-size: 24px;}

    #society2 .top-box {display: flex;flex-direction: column;}

    #society2 .phone1 {display: none !important;}

    #society2 .phone2 {display: block;}

    #society2 .top-box .brief {font-size: 24px;}

    #society2 .top-box .left {width: 100%;padding-right: 0;}

    #society2 .right {width: 100%;}

    #society2 .content {display: block;}

    #society2 .content .li {width: 49.428%;margin-right: 0;display: inline-block;}

    #society2 .content .li .text-box .title {font-size: 24px;}
    
    #society3 .content {display: flex;flex-direction: column;align-items: center;}
    
    #society3 .content .left {width: 95%;margin-bottom: 10px;}

    #society3 .content .right {width: 95%;}

    #society3 .content .right .item1 {margin-bottom: 10px;}

    #society3 .content .item .text-box {padding: 0 10px 45px;}
    
    #society3 .content .item .text-box .title {font-size: 28px;}
   
    #society3 .content .item .text-box .brief {font-size: 24px;}

    
    #society4 .content .li .text-box {padding: 20px 0px;position: relative;}
    
    #society4 .content .li .text-box .title {font-size: 40px;}
    
    #society4 .content .li .text-box .brief {margin: 20px 0 25px;font-size: 22px;}
    
    #society4 .content .li .text-box .more-btn {width: 180px;height: 70px;line-height: 70px;}
    
    #society4 .content .li .text-box .more-btn span{font-size: 24px;}


    
    #environment2 .top .pic {padding-top: 45.143%;}
    
    #environment2 .top .text-box {padding: 18px 30px;}
    
    #environment2 .top .text-box .title {font-size: 28px;}
    
    #environment2 .top .text-box .brief {margin: 5px 0 8px;font-size: 24px;}
    
    #environment2 .top .text-box .more-btn {height: 60px; line-height: 60px;width: 150px;}
    
    #environment2 .top .text-box .more-btn span:nth-child(1) {font-size: 24px;}
    
    #environment2 .top .text-box .more-btn .icon {top: 24px;}
    
    #environment2 .top .text-box .more-btn:hover .icon {right: 20px;}
    
    #environment2 .content {display: block;}
    
    #environment2 .content .li .msg .title {font-size: 28px;}
    
    #environment2 .content .li .msg .brief,#environment2 .content .li .msg .more {font-size: 24px;}
    
    #environment2 .content .li .msg .more i {top: 10px;}
    
    #sustainable2 .brief {width: 100%;font-size: 24px;}
    
    #environment3 .content .right .li .brief,
    #environment3 .content .right .li .more {font-size: 24px;}
    
    #environment3 .content .right .li .more i {top: 10px;}
    
    #sustainable3 .top-box .brief {font-size: 24px;}
    
    #sustainable3 .content .li .tit {position: relative;left: 0;bottom: 0;width: 100%;}
   
    #sustainable4 .content {display: block;}
    
    #sustainable4 .content .li .msg {padding: 32px 0px 42px;}
    
    #sustainable4 .content .li .msg .title {font-size: 28px;}
    
    #sustainable4 .content .li .msg .brief {font-size: 24px;}
    
    #sustainable4 .content .li .msg .more {font-size: 24px;}
    
    #sustainable4 .content .li .msg .more i {top: 10px;}
    
    #sustainable4 .content .li .pic .data-box,
    #environment2 .content .li .pic .data-box {padding-top: 14px;}
    
    #sustainable4 .content .li .pic .data-box .ym,
    #environment2 .content .li .pic .data-box .ym {font-size: 24px;}

}

/* 投资者关系 */
@media screen and (max-width:1024px) {
    
    #stock .left {width: 31.413%;}
    
    #stock .right {width: 68.857%;}
    
    #years{width: 140px;}

    #notice .content .right {width: 83.072%;}

    #prospectus .content .right .cont .item {margin-right: 12px;}

}
@media screen and (max-width:960px) {
    
    #stock .left {width: 33.413%; padding-right: 10px;}
    
    #stock .right {width: 66.857%;}

    #prospectus .content .right .cont .item {width: 260px;}

}
@media screen and (max-width:750px) {
    /* #second-nav .title {font-size: 20px;} */
    /* #second-nav .nav .nav-a {font-size: 20px;} */
    
    #stock .box {display: flex; flex-direction: column;}
    
    #stock .left {width: 100%;}
    
    #stock .right {width: 100%; margin-top: 20px;}
    
    #stock .left .t5 {font-size: 24px;}
    
    #stock .left .t4 span {font-size: 22px;}
    
    
    #stock .right .info .item .tit{font-size: 24px;padding: 8px 0px;}
    
    #stock .right .info .item .num {font-size: 24px;padding: 15px 0px;}
    
    #years {display: none;}
    
    [cate-box] .li {font-size: 24px;}
    
    #notice .content {margin-top: 30px;}
    
    #notice .content .right {width: 100%;}
    
    #notice .content .right .year {width: 100%;margin-bottom: 20px;}
    
    #notice .content .right .year_cont {width: 100%;}
    
    #notice .content .right .year .txt2 {font-size: 24px;}
    
    #notice .content .right .year_cont .list .le .date {font-size: 24px;}
    
    #notice .content .right .year_cont .list .le .date .cate {font-size: 24px}
    
    #notice .content .right .year_cont .list .le .date .cate::before {height: 23px;}
    
    #notice .content .right .year_cont .list .le .tit {font-size: 24px;}
    
    #notice .content .right .year_cont .list .down {margin-top: 42px;font-size: 24px;width: 100px;}


    
    #govern .li .content .brief {font-size: 24px;}
    
    #govern .li .content .files-box .item {font-size: 24px;line-height: 1.3;}
    
    #investor-contact .form-box .item {width: 100%;}    
    
    #investor-contact .form-box .yzm-box {width: 66.667%;}
    
    #investor-contact .form-box {padding: 44px 30px;}
    
    #investor-contact .form-box .item .tit {width: 110px;font-size: 24px;}
    
    #investor-contact .form-box .item .input input {font-size: 24px;}
    
    #investor-contact .form-box .textarea textarea{width: 88%;font-size: 24px;}
    
    #investor-contact .form-box .txt {font-size: 22px;}
    
    #investor-contact .form-box .submit {margin: 45px auto 0px;}

    #prospectus .content {margin-top: 40px;}

    #prospectus .content .right {width: 100%;}

    #prospectus .content .right .year {width: 100%;margin-bottom: 20px;}

    #prospectus .content .right .cont {width: 100%;float:none;}

    #prospectus .content .right .cont .item {margin-right: 60px;width: 280px;}

    #prospectus .content .right .cont .item .tit {font-size: 26px;}

    #prospectus .content .right .cont .item .down {width: 130px;height: 60px;line-height: 60px;font-size: 24px;}

    #financial .content .right {width: 100%;}

    #financial .content .right .year {width: 100%;font-size: 40px;margin-bottom: 20px;}
    
    #financial .content .right .cont{width: 100%;}

    #financial .content .right .cont .item {width: 240px;margin-right: 50px;}

    #financial .content .right .cont .item .tit {height: 45px;line-height: 45px;font-size: 24px;}

    #financial .content .right .cont .item .down {font-size: 24px;}
}