.wrap{background: #f7f7f7;}

.zbanner{height:350px;width:100%}
.zbanner .Text{padding-top: 120px;text-align: center;}
.zbanner .Text p.title{line-height: 65px;font-size: 30px;color: #3c62c3;  letter-spacing: 5px;}
.zbanner .Text p.en{background: url(../img/bannerbk.png) center center no-repeat;height: 30px;line-height: 30px;font-size: 18px;color: #fff;font-family: Cambria;letter-spacing: 1px;}

.mainCon{margin-top: 30px;display: flex;justify-content: space-between;margin-bottom: 50px;}
.mainCon .left{width: 262px;}
.mainCon .leftHead{min-height: 105px;background:#fff url(../img/left.png) 7px center no-repeat;position: relative;text-align: right;padding-right: 20px;}
.mainCon .leftHead:after{content: "";width: 4px;height: 42px;background: #3C62C3;right: 0;top: calc(50% - 21px);position: absolute;}
.mainCon .leftHead p.en{color: #acabab;font-family: Arial;font-size: 22px;padding-top: 28px;}
.mainCon .leftHead p.title{color: #206aba;font-size: 16px;  }
.mainCon .left ul{background: #fff;}
.mainCon .left ul li{width: 100%;height: 60px;line-height: 60px;}
.mainCon .left ul li a{color: #666;border-top: 1px solid #ececec;display: block;width: 100%;height: 100%;text-align: center;}
.mainCon .left ul li:hover a,.mainCon .left ul li.active a{color: #fff;background: #3c62c3;}
.mainCon .right{width: 910px;background: #fff;padding: 14px 30px 20px;box-sizing: border-box;min-height: 517px;}
.mainCon .right .position{line-height: 54px;display: flex;justify-content: space-between;border-bottom: 1px solid #dadada;}
.mainCon .right .position>p{font-size: 18px;color: #444444;}
.mainCon .right .location{padding-left: 22px;background: url(../img/home.png) left calc(50% - 2px) no-repeat;font-size: 0;}
.mainCon .right .location a{color: #999999;font-size: 12px;}
.mainCon .right .location a:last-child{color: #3C62C3;}
.mainCon .right .location span{margin: 0 6px;color: #999999;font-size: 12px;}
.mainCon .right .info{padding: 18px 0;line-height: 32px;font-size: 16px;color: #666666;}
.mainCon .right .info img{margin: 10px auto;}

.newsList .right ul li{padding: 25px 0;position: relative;  background: url(../img/line.png) center bottom no-repeat;}
.newsList .right ul li p{line-height: 28px;color: #444444;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .right ul li .summary{margin: 5px 0;line-height: 22px;font-size: 12px;color: #7b7b7b;}
.newsList .right ul li .time{color: #999999;font-size: 12px;}
.newsList .right ul li .more{position: absolute;color: #797979;font-size: 12px;line-height: 22px;bottom: 25px;right: 0;}
.newsList .right ul li:hover p,.newsList .right ul li:hover .more{color:#3C62C3}


#pages{text-align: center;font-size: 0;margin: 40px 0 20px;font-family: "微软雅黑","宋体"}
#pages a,#pages div:first-child{display: inline-block;padding: 0 10px;line-height: 30px;font-size: 14px;color: #666666;background: #ededed;margin:0 5px;}
#pages .num{display: inline-block;}
#pages .num a{width: 30px;text-align: center;box-sizing: border-box;}
#pages a:hover,#pages a.currentpage{background: #206aba;color: #fff;}

.newsInfo .right>p{text-align: center;width: 100%;color: #333;font-size: 18px;line-height: 54px;border-bottom: 1px solid #dadada;line-height: 26px;padding: 14px 0;}
.newsInfo .right .time{text-align: center;line-height: 44px;font-size: 12px;color: #888888;line-height: 20px;padding: 12px 0;}
.newsInfo .right .time span{margin: 0 9px;}
.newsInfo .right .info{padding: 5px 0;color: #555;}

.trainList .right ul{display: flex;flex-wrap: wrap;margin-top: 25px;}
.trainList .right ul li{margin-right: 16px;margin-bottom: 16px;margin-right: 30px;}
.trainList .right ul li:nth-child(5n){margin-right: 0;}
.trainList .right ul li .Img{width: 200px;height: 290px;background: #efefef;padding: 8px 9px;box-sizing: border-box;line-height: 270px;text-align: center;width: 146px;height: 208px;line-height: 190px;}
.trainList .right ul li .Img img{max-width: 100%;max-height:100%;vertical-align: middle;width:100%;height:100%}
.trainList .right ul li p{line-height: 42px;text-align: center;color: #3c62c3;font-size: 16px;}
.trainList .right ul li:hover .Img{background:#3c62c3}

.trainList #pages{margin-top: 15px;}

.feedback form{width: 440px;padding: 40px 53px 0 35px;box-sizing: border-box;margin: 0 auto;}
.feedback form p{line-height: 40px;margin-bottom: 30px;display: flex;  justify-content: space-between;}
.feedback form span{width: 82px;color: #666666;font-size: 14px;}
.feedback form i{color: #ef2626;margin-right: 5px;display: inline-block;vertical-align: middle;font-style: normal;}
.feedback form input[type=text]{width: 270px;height: 38px;box-sizing: border-box;border: 1px solid #d8d8d8;padding: 0 14px;}
.feedback form textarea{height: 105px;width: 270px;box-sizing: border-box;border: 1px solid #d8d8d8;padding: 0 14px;line-height: 40px;resize:none}
.feedback form input[name=VC]{width: 170px;}
.feedback form img{width: 90px;margin-left: 10px;height: 38px;}
.feedback form input[type=submit]{display:inline-block;width: 110px;height: 39px;text-align: center;line-height: 39px;color: #fff;background: #3C62C3;border-radius: 5px;border: 0;margin-left: calc(50% - 55px);}
.feedback form input::-webkit-input-placeholder,.feedback form textarea::-webkit-input-placeholder{color: #999999;font-size: 14px;  }    /* 使用webkit内核的浏览器 */
.feedback form input:-moz-placeholder,.feedback form textarea:-moz-placeholder{color: #999999;font-size: 14px;  }                  /* Firefox版本4-18 */
.feedback form input::-moz-placeholder,.feedback form textarea::-moz-placeholder{color: #999999;font-size: 14px;  }                  /* Firefox版本19+ */
.feedback form input:-ms-input-placeholder,.feedback form textarea:-ms-input-placeholder{color: #999999;font-size: 14px;  }           /* IE浏览器 */

.links .right ul{display: flex;flex-wrap: wrap;}
.links .right ul li{width: 194px;height: 78px;line-height: 78px;text-align: center;background: #f2f2f2;margin: 30px 24px 0 0;}
.links .right ul li:nth-child(4n){margin-right: 0;}
.links .right ul li a{color: #666666;font-size: 16px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.links .right ul li:hover{background: #3C62C3;}
.links .right ul li:hover a{color: #fff;}

.topicList .right ul{margin-top: 27px;display: flex;flex-wrap: wrap;}
.topicList .right ul li{width: 405px;height: 102px;margin-right: 40px;margin-bottom: 48px;overflow: hidden;}
.topicList .right ul li:nth-child(2n+1){margin-right: 0;}
.topicList .right ul li a{display: flex;justify-content: space-between;}
.topicList .right ul li .Img{width: 152px;height: 100px;overflow: hidden;}
.topicList .right ul li .Img img{width: 100%;transition: all .5s ease-in-out;}
.topicList .right ul li .Text{width: 237px;}
.topicList .right ul li .Text p{font-size: 14px;color: #444444;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 22px;}
.topicList .right ul li .Text .time{font-size: 12px;color: #999;line-height: 40px;}
.topicList .right ul li .Text .summary{line-height: 22px;color: #666;font-size: 12px;overflow: hidden;}
.topicList .right ul li:first-child{width: 100%;height: 240px;position: relative;}
.topicList .right ul li:first-child .Img{width: 308px;height: 192px;position: absolute;top: 23px;z-index: 1;}
.topicList .right ul li:first-child .Text{width: 627px;height: 240px;display: inline-block;background: #f1f2f4;top: 0;right: 0;position: absolute;padding-left: 125px;box-sizing: border-box;padding-top: 54px;padding-right: 22px;}
.topicList .right ul li:first-child .Text .time{line-height: 45px;}
.topicList .right ul li:first-child .Text .summary{line-height: 26px;height: 78px;}
.topicList .right ul li:hover p{color: #3C62C3;}
.topicList .right ul li:hover img{transform: scale(1.2);}
.topicList #pages{margin-top: 0;}

.employ .right ul{padding-top: 20px}
.employ .right ul li{line-height: 50px;margin-bottom: 10px;background: #f0f0f0;  }
.employ .right ul li .detail{display: none;}
.employ .right ul li p.title{padding-left: 20px;position: relative;font-size: 16px;color: #666666;cursor: pointer;}
.employ .right ul li p.title:after{position: absolute;content: "";width: 24px;height: 24px;top: calc(50% - 12px);right: 25px;background: url(../img/employIcon.png) top left no-repeat;opacity: 0.3;}
.employ .right ul li p.title:hover,.employ .right ul li.active p.title{background: #6381cf;color: #fff;}
.employ .right ul li p.title:hover::after{background: url(../img/employIcon.png) top right no-repeat;opacity: 1;}
.employ .right ul li.active p.title:after{background: url(../img/employIcon.png) bottom right no-repeat;opacity: 1;}
.employ .right ul li.active .detail{display: block;}
.employ .right ul li .detail>p{border-bottom: 1px solid #cccccc;padding: 0 25px 0 20px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;}
.employ .right ul li .detail .info{padding: 10px 25px 20px 20px;font-size: 14px;color: #666666;line-height: 30px;}
.employ .right ul li .detail .info p{margin-top: 5px;}

.download .right ul{padding-top: 30px;position: relative;/* margin-top: 60px; */}
.download .right ul:after{content: "";position: absolute;background: #ebebeb;width: 3px;height: calc(100% - 43px);top: 43px;left: 8px;}
.download .right ul li{margin-bottom:28px;padding-left: 43px;display: flex;justify-content: space-between;background: url(../img/downbk1.png) right center no-repeat;position: relative;width: 808px;height: 43px;line-height: 43px;}
.download .right ul li:after{content: "";position: absolute;width: 19px;height: 19px;background: url(../img/downIcon1.png) center center no-repeat;top: 10px;left: 0;z-index: 10;}
.download .right ul li p{font-size: 14px;color: #5c5353;width: calc(100% - 150px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;}
.download .right ul li a{font-size: 14px;color: #3c62c3;padding-left: 19px;margin-right: 20px;background: url(../img/downIcon.png) left center no-repeat;}
/* .txBox .articleTitle{font-size: 24px;position: absolute;top: -40px;line-height: 30px;}
.txBox .right ul{margin-top:60px;padding:0;display: none;}
.txBox .right ul:after{top:10px} */
.txBox .tab{margin-top:30px}
.txBox .tab i{line-height:40px;font-size:24px;font-style:normal;margin-right:15px;cursor:pointer;display: inline-block;font-size: 20px;}
.txBox .tab i:hover,.txBox .tab i.active{color:#3c62c3}
.txBox .tabCon{display:none}

.honorList .right ul{padding-top: 30px;display: flex;flex-wrap: wrap;}
.honorList .right ul li{cursor:pointer;width: 180px;height: 282px;margin-right: 43px;margin-bottom:30px;}
.honorList .right ul li:nth-child(4n){margin-right: 0;}
.honorList .right ul li .imgBox{width: 177px;height: 248px;background: url(../img/honorbk1.png) top center no-repeat;position: relative;box-shadow:0 6px 6px rgba(0,0,0,0.06);}
.honorList .right ul li .Img{width: 148px;height: 219px;position: absolute;top: 14px;left: 15px;overflow: hidden;background:#fff}
.honorList .right ul li .Img img{width:100%}
.honorList .right ul li p{font-size: 14px;color: #666666;line-height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;}

.bigBox{position: fixed;width: 100vw;height: 100vh;background: rgba(0,0,0,.6);text-align: center;line-height: 100vh;top: 0;left: 0;display: none;}
.bigBox .imgBox{max-width: 100%;height: 80vh;display: inline-block;vertical-align: middle;line-height: 80vh;background: url(../img/honorbk2.jpg);padding: 10px;position: relative;}
.bigBox .imgBox img{height: 100%;}
.bigBox .imgBox .close{width: 20px;height: 20px;background: url(../img/close.png) center center no-repeat;top: -10px;right: -42px;position: absolute;cursor: pointer;}

.laydate-footer-btns span:hover{color: #3C62C3!important;}
.trainPlayCon{padding-top: 26px;}
.trainPlayCon form{display: flex;justify-content: space-between;}
.trainPlayCon form .time{width: 228px;height: 30px;border: 1px solid #e6e6e6;display: flex;}
.trainPlayCon form .time input{  width: 114px;height: 32px;box-sizing: border-box;background: url(../img/playIcon1.jpg) calc(100% - 8px) 8px no-repeat;padding-right: 30px;text-align: center;}
.trainPlayCon form .time input:first-child{border-right: 1px solid #e6e6e6;}
.trainPlayCon form .time input::-webkit-input-placeholder{font-size: 14px;color: #505050;}
.trainPlayCon form .time input:-moz-placeholder{font-size: 14px;color: #505050;}
.trainPlayCon form .time input::-moz-placeholder{font-size: 14px;color: #505050;}
.trainPlayCon form .time input::-ms-input-placeholder{font-size: 14px;color: #505050;}
.trainPlayCon form .choose{width: 240px;height: 32px;display: flex;justify-content: space-between;}
.trainPlayCon form .choose select{  width: 110px;height: 30px;border: 1px solid #E6E6E6;padding:0 28px 0 13px;position: relative;background:url(../img/playArrow.png) calc(100% + 1px) -1px no-repeat;color: #505050;/* text-align: center; *//* text-align-last: center; *//* padding-right: 28px; */}
.trainPlayCon form .trainSearch{width: 205px;height: 32px;border: 1px solid #E6E6E6;box-sizing: border-box;display: flex;overflow: hidden;}
.trainPlayCon form .trainSearch span{width: 95px;color: #a7a7a7;font-size: 14px;line-height: 30px;text-align: center;display: inline-block;border-right: 1px solid #E6E6E6;}
.trainPlayCon form .trainSearch input[type=text]{width: 80px;padding: 0 10px;height: 31px;line-height: 30px;box-sizing: border-box;}
.trainPlayCon form .trainSearch input[type=submit]{width: 30px;height: 30px;background: url(../img/playSearch.png) center center no-repeat;}
.trainPlayCon table{margin-top: 20px;}
.trainPlayCon table thead tr{background: #ecf2fa;border-left: 1px solid #e0e0e0;font-size: 14px;color: #333333;text-align: center;line-height: 45px;}
.trainPlayCon table thead tr td{border-right: 1px solid #e0e0e0;}
.trainPlayCon table tr td:nth-child(1){width: 150px;padding: 0 10px;/* width: 180px; */}
.trainPlayCon table tr td:nth-child(2){width: 225px;}
.trainPlayCon table tr td:nth-child(3){width: 86px;}
.trainPlayCon table tr td:nth-child(4){width: 95px;}
.trainPlayCon table tr td:nth-child(5){width: 106px;}
.trainPlayCon table tr td:nth-child(6){width: 85px;}
.trainPlayCon table tr td:nth-child(7){width: 70px;}
.trainPlayCon table tbody tr{border-left: 1px solid #E0E0E0;}
.trainPlayCon table tbody tr td{line-height: 70px;height: 70px;text-align: center;color: #666666;font-size: 12px;padding: 0 10px;box-sizing: border-box;border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.trainPlayCon table tbody tr td p{line-height: 20px;vertical-align: middle;display: inline-block;}
.trainPlayCon table tbody tr td:nth-child(2){text-align: left;}
.trainPlayCon table tbody tr td a{color: #206aba;}
.trainPlayCon table tbody tr td .summary{color:red}
.trainPlay #pages{margin-top: 30px;}

.searchList .right ul li{padding:12px 0}
.searchList .right ul li a{display:flex;justify-content:space-between}
.searchList .right ul li p{width:calc(100% - 100px);}

#maps{height:400px;width:100%;margin-bottom: 20px;}
.map {width: 100%;height: 100%;font-size: 12px;line-height: 1.5;}
@media screen and (max-width:880px){
    .zbanner{height:36vw;margin-top:17vw;background-size: auto 100%!important;}
    .zbanner .Text{padding-top: 9vw;}
    .zbanner .Text p.title{font-size:18px;line-height:10vw}
    .zbanner .Text p.en{font-size: 12px;height: 6vw;line-height: 6vw;background-size: auto 100%;}

    .mainCon{margin: 0;width: 100%;}
    .mainCon .left{display:none}
    .mainCon .right{width:100%;padding: 4vw;}
    .mainCon .right .position{line-height:10vw;}
    .mainCon .right .position>p{font-size:16px}
    .mainCon .right .location{padding-left:4vw}
    .mainCon .right .location span{margin:0 1vw}
    .mainCon .right .info{font-size:14px;line-height:24px;min-height: calc(100vh - 120vw);padding: 3vw 0;overflow-x: scroll;}

    .honorList .right ul{padding-top:5vw}
    .honorList .right ul li{width: 43vw;margin-right: 6vw;height: auto;margin-bottom: 4vw;}
    .honorList .right ul li:nth-child(2n){margin-right:0}
    .honorList .right ul li .imgBox{width:100%;background-size: contain;height: 60vw;}
    .honorList .right ul li .Img{width: 36.4vw;height: 53.3vw;left: 3.3vw;top: 3.3vw;}
    .honorList .right ul li p{font-size:12px;line-height:10vw}
    .bigBox .imgBox{width: 60vw;height:auto;max-height:100%;line-height: initial;}
    .bigBox .imgBox img{width:100%;}

    #pages{margin:6vw 0 4vw;}
    #pages a,#pages div:first-child{padding: 0 2vw;line-height: 8vw;font-size: 12px;margin:0 1vw;}
    #pages .num a{width: 8vw;}

    .topicList .right ul{margin-top:5vw;margin-bottom: 3vw;}
    .topicList .right ul li{margin-right:0;margin-bottom: 6vw;height: 23vw;}
    .topicList .right ul li .Img{width:35vw;height: auto;}
    .topicList .right ul li .Text{width:53vw}
    .topicList .right ul li .Text .time{line-height:8vw}
    .topicList .right ul li .Text .summary{line-height: 5vw;height: 10vw;}
    .topicList .right ul li:first-child{height: 32vw;}
    .topicList .right ul li:first-child .Img{width:40vw;height: auto;top: 3vw;}
    .topicList .right ul li:first-child .Text{width:70vw;padding: 4vw 4vw 4vw 21vw;height: auto;}
    .topicList .right ul li:first-child .Text .time{line-height:8vw}
    .topicList .right ul li:first-child .Text .summary{line-height: 5vw;height: 10vw;}

    .newsList .right ul li{padding: 4vw 0;}
    .newsList .right ul li p{line-height:24px}
    .newsList .right ul li .summary{height:40px;line-height:20px;overflow:hidden;margin: 0.5vw 0;}
    .newsList .right ul li .more{bottom: 4vw;line-height: 18px;}

    .newsInfo .right>p{padding:2vw 0;font-size: 16px;line-height: 24px;}
    .newsInfo .right .time{padding:2vw 0}
    .newsInfo .right .time span{margin:0 1vw}
    .newsInfo .right .info{padding-top:1vw}

    .trainList .right ul{margin-top:4vw}
    .trainList .right ul li{width: 43vw;margin-right: 5vw;overflow:hidden;margin-bottom: 4vw;}
    .trainList .right ul li:nth-child(5n){margin-right:5vw}
    .trainList .right ul li:nth-child(2n){margin-right:0}
    .trainList .right ul li .Img{padding: 2vw;width: 100%;height: 62vw;line-height: 55vw;}
    .trainList .right ul li p{line-height:10vw;font-size: 14px;}

    .trainPlayCon{padding-top:5vw}
    .trainPlayCon form{flex-wrap:wrap}
    .trainPlayCon form .time,.trainPlayCon form .choose{width: 49%;margin-bottom: 4vw;height: auto;box-sizing: border-box;}
    .trainPlayCon form .time input{width: 50%;font-size: 10px;height: 6.5vw;padding-right: 7vw;background-position: calc(100% - 1vw);vertical-align: middle;line-height: 7vw;}
    .trainPlayCon form .time input::-webkit-input-placeholder{font-size:10px}
    .trainPlayCon form .choose>div{width:48%}
    .trainPlayCon form .choose select{width: 100%;height: 7vw;padding: 0 5vw 0 2vw;font-size: 10px;background-size: auto 100%;background-position-y: 0;/* text-align: center; *//* text-align-last: center; */}
    .trainPlayCon form .trainSearch{width:100%;height: 7.5vw;}
    .trainPlayCon form .trainSearch span{width: 25%;font-size: 12px;line-height: 7vw;}
    .trainPlayCon form .trainSearch input[type=text]{width: 67%;height: 7vw;line-height: 7vw;}
    .trainPlayCon form .trainSearch input[type=submit]{height:7vw;width:7vw}
    .trainPlayCon .tableBox{width:100%;overflow-y:hidden;overflow-x:scroll}
    .trainPlayCon table{width:850px;margin-top: 5vw;}

    .feedback form{padding: 6vw 0 0;width: 85vw;}
    .feedback form p{margin-bottom: 6vw;line-height: 10vw;}
    .feedback form input[type=text]{width:calc(85vw - 82px);height: 10vw;padding: 0 3vw;}
    .feedback form textarea{width:calc(85vw - 82px);padding: 0 3vw;}
    .feedback form input[name=VC]{width:40vw}
    .feedback form img{margin-left:2vw;width: 22vw;height: 10vw;}
    .feedback form input::-webkit-input-placeholder,.feedback form textarea::-webkit-input-placeholder{font-size: 13px;}
    .feedback form input:-moz-placeholder,.feedback form textarea:-moz-placeholder{font-size: 13px; }
    .feedback form input::-moz-placeholder,.feedback form textarea::-moz-placeholder{font-size: 13px; }
    .feedback form input::-ms-input-placeholder,.feedback form textarea::-ms-input-placeholder{font-size: 13px;}
    .feedback form input[type=submit]{width:30vw;height:10vw;line-height:10vw}

    .download .right ul{padding-top:4vw}
    .download .right ul:after{width:2px;left: 1vw;top: 9vw;height: calc(100% - 9vw);}
    .download .right ul li{height: 10vw;width:100%;box-sizing:border-box;background-size:auto 100%;background-position: 4vw 0;margin-bottom: 4vw;border-top-right-radius: 6px;border-bottom-right-radius: 6px;line-height: 10vw;}
    .download .right ul li:after{width: 3vw;height: 3vw;background-size:cover;}
    .download .right ul li p{width: 60vw;}
    .download .right ul li a{font-size:12px;background-size: 3vw;padding-left: 4vw;margin-right: 4vw;}

    .employ .right ul{padding-top:4vw}
    .employ .right ul li{line-height:10vw;margin-bottom: 4vw;}
    .employ .right ul li p.title{font-size:14px;padding-left: 4vw;}
    .employ .right ul li p.title:after{width: 5vw;height: 5vw;background-size: 10vw!important;right: 4vw;top: calc(50% - 2.5vw);}
    .employ .right ul li .detail{box-shadow:0 1px 5px 0px rgba(0,0,0,0.1);background: #fff;}
    .employ .right ul li .detail>p{flex-wrap:wrap;padding: 0px;line-height: 7vw;margin: 0 3vw;padding: 2vw 0;}
    .employ .right ul li .detail>p span{font-size:13px;min-width:50%}
    .employ .right ul li .detail>p span:nth-child(2){text-align:right}
    .employ .right ul li .detail .info{padding: 0 3vw 5vw;}

    .links .right ul li{width: 43vw;margin: 5vw 5vw 0 0;height: 18vw;line-height: 18vw;padding: 0 2vw;box-sizing: border-box;}
    .links .right ul li:nth-child(2n){margin-right:0}
    .links .right ul li a{font-size:14px}

    .txBox .tab i{font-size:14px;line-height:10vw}

    #maps{height:60vw}

}