﻿
@media only screen and (min-width: 600px) {
    .zct {
        width: 1210px;
        margin: 0px auto;
        display: table;
    }
        .zct .divh1 {display: block; width: 100%; height: 80px; line-height: 80px; font-size: 16px;
        }
        .zct .divcon {display: table; width: 100%;
        }
            .zct .divcon .divwz {display: block; width: 860px; float: left;background-color: #fff;
            }
                .zct .divcon .divwz .divnr {display: block; width: 820px; height: 180px; padding: 20px;
                }
                    .zct .divcon .divwz .divnr .divtp {display: block; float: left; width: 240px; height: 180px;
                    }
                        .zct .divcon .divwz .divnr .divtp img {width: 240px; height: 180px;
                        }
                    .zct .divcon .divwz .divnr .divxq {display: block; float: right; width: 560px; height: 180px;
                    }
                        .zct .divcon .divwz .divnr .divxq .divspan {display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 90px);
                        }
                        .zct .divcon .divwz .divnr .divxq .rqyc {
                            float: right; color: #666; font-weight: initial; font-size: 14px; display: block; text-align: right;
                        }
                        .zct .divcon .divwz .divnr .divxq p {height: 40px; font-size: 16px; font-weight: bold;
                        }
                        .zct .divcon .divwz .divnr .divxq .divzy {width: 100%; line-height: 28px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-indent: 2em; font-size: 14px;
                        }

     
        .zct  .divwzr {display: block; width: 330px; float: right;
        }
            .zct  .divwzr .divkc {display: block; width: 330px;
            }
                .zct  .divwzr .divkc .divcon {display: table; width: 286px; border: 2px solid #d7d7d7; border-radius: 4px; box-shadow: 0 0 3px 1px #ddd; padding: 15px 20px 30px 20px; background-color: #fff;
                }
                    .zct  .divwzr .divkc .divcon h1 {display: flex; flex-direction: row; width: 100%; font-size: 18px; height: 40px; color: #333;
                    }
                    .zct  .divwzr .divkc .divcon .divnr {display: block; width: 286px; height: 100px;
                    }
            .zct  .divwzr .dival {display: block; width: 330px;margin-top:15px;margin-bottom: 30px;
            }
                .zct  .divwzr .dival .divcon {display: table;width: 286px;border: 2px solid #d7d7d7;border-radius: 4px;box-shadow: 0 0 3px 1px #ddd;padding: 15px 20px 30px 20px;background-color: #fff;
                }
                    .zct  .divwzr .dival .divcon h1 {display: flex;flex-direction: row;width: 100%;font-size: 18px;height: 40px;color: #333;
                    }
                .zct  .divwzr .dival .divcon .divnr {font-size: 14px; line-height: 40px; width: 286px; display: flex; flex-direction: row;
                }

    .fy {text-align: center; margin: 20px auto; width: 860px; height: 40px;
    }
    #pageone {display:block;
    }
    #pagetwo {display:none;
    }
}

@media only screen and (max-width: 600px) {
    .zct {
        width: 100%;
        display: block;
    }
        .zct .divh1 {display: block; width: 84%; height: 80px; line-height: 80px; font-size: 16px;margin:0px 3%;padding:0px 5%;
        }
        .zct .divcon {display: block; width: 94%;margin:0px 3%;
        }
            .zct .divcon .divwz {display: block; width: 100%;background-color: #fff;
            }
                .zct .divcon .divwz .divnr {display: block; width: 90%; height: 90px; padding:2% 5%;
                }
                    .zct .divcon .divwz .divnr .divtp {display: block; float: left; width:120px; height: 90px;
                    }
                        .zct .divcon .divwz .divnr .divtp img {width: 120px; height: 90px;
                        }
                    .zct .divcon .divwz .divnr .divxq {display: block; float: right; width: calc(100% - 130px); height: 90px;
                    }
                        .zct .divcon .divwz .divnr .divxq .divspan {display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;
                        }
                        .zct .divcon .divwz .divnr .divxq .rqyc {
                            display: none;
                        }
                    .zct .divcon .divwz .divnr .divxq p {height: 26px; font-size: 14px; font-weight: bold;
                    }
                        .zct .divcon .divwz .divnr .divxq .divzy {width: 100%; line-height: 22px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-indent: 2em; font-size: 12px;
                        }

     
        .zct  .divwzr {display: block; width: 100%;
        }
            .zct  .divwzr .divkc {display: block; width: 100%;
            }
                .zct  .divwzr .divkc .divcon {display: table; width: calc(90% - 4px); border: 2px solid #d7d7d7; border-radius: 4px; box-shadow: 0 0 3px 1px #ddd; padding: 2% 5%;background-color: #fff;   margin: 20px 0px;
                }
                    .zct .divwzr .divkc .divcon p {
                    }
                    .zct  .divwzr .divkc .divcon h1 {display: flex; flex-direction: row; width: 100%; font-size: 18px; height: 40px; color: #333;
                    }
                    .zct  .divwzr .divkc .divcon .divnr {display: block; width: 100%; height: 100px;
                    }
            .zct  .divwzr .dival {display: block; width: 100%;margin-top:15px;
            }
                .zct  .divwzr .dival .divcon {display: block;width: calc(90% - 4px);border: 2px solid #d7d7d7;border-radius: 4px;box-shadow: 0 0 3px 1px #ddd;padding: 2% 5%;background-color: #fff;    margin: 20px 0px;
                }
                    .zct  .divwzr .dival .divcon h1 {display: flex;flex-direction: row;width: 100%;font-size: 18px;height: 40px;color: #333;
                    }
                .zct  .divwzr .dival .divcon .divnr {font-size: 14px; line-height: 40px; width: 100%; display: flex; flex-direction: row;
                }
    .fy {text-align: center; margin: 20px auto; width: 100%; height: 40px;
    }
    #pageone {display:none;
    }
    #pagetwo {display:block;
    }
}