body{font-family:"微软雅黑";font-size:14px;overflow-x:hidden}
*{list-style:none;margin:0;padding:0;text-decoration:none;outline:0}
li,ul{margin:0;padding:0}
a{color:#333;text-decoration:none}
li,ul{margin:0;padding:0}
a:link{text-decoration:none}
a:visited{text-decoration:none}
h1,h2,h3,h4,p{margin:0;padding:0;display:block;}
em{font-style:normal}
.page-bg{background:#f8f8f8; }
.content{width:1280px;margin:auto;position:relative;}
.header{ width: 100%;}
.header-top{  width: 100%; height: 100px; background: #006666; }
.header-top-box{overflow: hidden; padding: 15px 0; }
.header-main{ overflow: hidden;  width: 1280px; margin: 0 auto;  position: relative;}
.header-left{ overflow: hidden; margin: 0 auto;  max-width: 671px;  float: left; }
.logo{ overflow: hidden;  margin: 4px auto; height: 61px; display: block;  float: left; }
.logo img{ display: block; height: 100%; }
.menu{width: 1280px; margin: 0 auto;  height: 50px;}
.menu ul{margin: 0 auto; height: 100%; padding-left: 180px; float: left;}
.menu ul li{  margin: 0 auto;  height: 50px;float: left; position: relative;}
.menu ul li>a{ overflow: hidden; margin: 0 auto; padding: 0 33px; display: block;  width: 100%;  height: 50px; line-height: 50px;  color: #666666; text-align: center; font-size: 16px;  transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.menu ul li.active>a{ color: #fff; background: #339999;}
.menu ul li:hover>a{ color: #fff; background: #339999;}
.submenu-nav{display:none;width:222px; height:auto;position:absolute; top:50px; left:-46px;z-index:999;}
.submenu-nav a{margin:0 auto 1px;display:block;width:100%; padding: 0 10px;height:50px;line-height:50px;background:#339999;font-size:14px;color:#fff;text-align:center; display: block; white-space:nowrap; text-overflow:ellipsis; position: relative;}
.menu ul li:hover .submenu-nav{display:block;animation:fadeInUp1 .5s both alternate;-webkit-animation:fadeInUp1 .5s both alternate}
.submenu-nav a:hover{ background:rgba(255,255,255,0.85); color: #666666; }
.submenu-nav a:hover .submenu-nav-list{ display: block;}
.submenu-nav-list{display:none;width:222px; height:auto;position:absolute; top:0; left:222px;z-index:999;}
.submenu-nav-list p{margin:0 auto;display:block;width:100%; padding: 0 10px;height:50px;line-height:50px;background:#339999;font-size:14px;color:#fff;text-align:center; display: block; white-space:nowrap; text-overflow:ellipsis;}
.submenu-nav-list p:hover{background:rgba(255,255,255,0.85); color: #666666; }

.header-right{ margin: 0 auto; display: block; max-width: calc(100% - 671px); float: right;  }
.uccn-nav{ overflow: hidden; margin: 0 auto;  float: right; display: block; }
.uccn-nav a{ overflow: hidden; margin: 0 auto; display: block; height: 20px; line-height: 20px; font-size: 14px; color: #ffffff;  float: left; padding-right: 20px; position: relative;}
.uccn-nav a:after{ content: "|";  overflow: hidden; display: block; height: 16px; line-height: 16px; font-size: 16px; color: #fff; position: absolute; top:0; bottom: 0; right:8px; margin: auto; }
.uccn-nav a:last-child{ padding-right: 0;}
.uccn-nav a:last-child:after{ display: none; }
.uccn-btn{  margin: 20px auto;  height: 40px; float: left; display: none; }
.uccn-btn a{ margin: 5px 2px; display: block; width: 30px; height: 30px; float: left;  position: relative;}
.uccn-btn a.qq-ubtn{ background: url("../images/qq_ico2.png") no-repeat center; }
.uccn-btn a.wx-ubtn{ background: url("../images/wx_ico2.png") no-repeat center; }
.uccn-btn a img{  display: none; width: 110px; height: 110px; position: absolute; top:55px; right:0; z-index: 9; background: #fff; }
.uccn-btn a:hover img{ display: block; }
.search-box{ overflow: hidden; width: 100%; display: table; margin: 10px auto 0; position: relative; float: right;}
.search-box form{ float: right;}
.header-right .sb-search-input{ overflow: hidden; text-indent: 1em; background: #fff; width: 222px;  height: 36px; margin: 0 auto;  border: black; padding-right: 36px; font-size: 14px;  color: #333; transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition:  width 0.5s;  }
.header-right .sb-search-input::placeholder{ color: #cccccc; }
.header-right .sb-search-submit{ overflow: hidden; display: block; width: 36px; height: 36px; position: absolute; top:0; right:0; border: none; z-index: 3;}
.header-right .unfold-suo{ background: url("../images/pc_search_icon.png") no-repeat center #339999; }
.header-nav{ margin: 0 auto; width: 100%; height: 50px; background: #e2edf5; }

/*footer*/
.footer{overflow: hidden; width: 100%; height: 112px; background:url("../images/footer_bg.jpg")no-repeat center #0a1a33; background-size:cover; position:relative;z-index:10}
.footer .footer-left{ overflow: hidden; margin: 0 auto; width: calc(100% - 240px); float: left;}
.footer .fot-txt-box{ overflow: hidden; margin: 11px auto; float: left; }
.footer .fot-txt-box p{ overflow: hidden; margin: 0 auto; height: 30px; line-height: 30px; font-size: 14px; color: #ffffff;}
.footer .fot-txt-box a{ overflow: hidden; margin: 0 auto; font-size: 14px; color: #ffffff; line-height: 24px; }
.footer2{ overflow: hidden; margin:0 auto; display: none; width: 100%; padding: 10px 15px; background: #0a1a33;}
.footer2 p{ overflow: hidden; margin:0 auto; font-size: 14px; color: #fff; }
.footer2 p a{ overflow: hidden; margin:0 auto; font-size: 14px; color: #fff; }
.bea-right{ display: block; margin: 37px auto;  width: 240px; height: 38px; float: right; position: relative;}
.bea-right .form-control{ border-radius: 0; border: none; display: block; height: 38px; }
.bea-right:after{ content: ""; overflow: hidden; margin: 0 auto; display: block; width: 40px; height: 38px; position: absolute; top:0; right:0; background: url("../images/youq.png") no-repeat  center; background-size: 100%; z-index: 10;  }
.bea-right .form-control option{padding-top: 20px!important; padding-bottom: 20px!important; }


@-webkit-keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.menu-img{position:absolute;top:-10px;left:12px;width:72px;height:26px}
.banner{width:100%;height:500px; overflow:hidden; position: relative;}
.banner .swiper-slide a{ overflow: hidden; display: block; margin: 0 auto;  width:100%;height:100%; }
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.banner .banner-left{ overflow: hidden; height: 500px; position: absolute; top:0; left:0; right:0; margin: auto; }
.banner .banner-left-nav{ overflow: hidden;margin:0 auto; width: 230px; height: 500px; position: absolute; top:0; left:0; z-index: 10; }
.banner-left-nav .left-nav-bt{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100px; background: #fff; }
.banner-left-nav .left-nav-bt h2{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100px; line-height: 100px; font-size: 20px; color: #006666; text-align: center; font-weight: bold;}
.banner-left-nav .left-nav-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.banner-left-nav .left-nav-box a{ overflow: hidden; margin: 0 auto 1px; display: block; width: 100%; padding: 0 35px; height: 80px; line-height: 80px; font-size: 16px; color: #fff; text-align: left; background: #32494a; }
.banner-left-nav .left-nav-box a i{ overflow: hidden; margin: 19px auto; margin-right: 14px; display: block; width: 40px; height: 40px; float: left;}
.banner-left-nav .left-nav-box a i img{ overflow: hidden; margin: 0 auto; display: block; width: 40px; height: 40px;}
.banner-left-nav .left-nav-box a:last-child{ margin-bottom: 0;}
.banner-left-nav .left-nav-box a:hover{color: #fff; background: #339999;}

.page-banner{ overflow: hidden; margin: 0 auto; width: 100%; max-height: 400px;}
.page-banner img{ display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover;}

.header2{display:none;}
.header2{width:100%;height:60px;background:#006666;position:fixed;top:0;padding:0 15px;margin:auto;z-index:11}
.header2 h3{margin:auto;height:40px;text-align:left;margin-top:10px;line-height:40px;font-weight:700;font-size:20px; position: relative;}
.header2 h3 img{display:block;max-width:75%;max-height:90%; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.header2 .left_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;left:5px}
.header2 .right_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;right:5px;z-index:9}
.header2 .right_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.header2 .left_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.sidebar{position:fixed;top:0;left:-76%;width:76%;height:100%;background:#424242;z-index:99999;padding-top:60px}
.mask2{width:100%;height:100vh;position:absolute;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;z-index:9999;display:none}
.box-bg{width:100%;height:1000px;background:url(../images/bg4.jpg) no-repeat center}
.close-btn{width:44px;height:44px;text-align:center;line-height:30px;position:absolute;top:8px;right:8px}
.close-btn img{width:36%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.menu-logo{max-width: 80%; display:table;margin:auto;}
.menu-list{width:60%;height:53vh;margin:auto; overflow-y: auto; position:relative;left:0;right:0;bottom:0;margin-top:20px}
.menu-list ul li{list-style:none;line-height:5vh;width:100%;text-align:center;font-size:16px}
.menu-list ul li a{display:block; color: #fff; }
.compy-txt{position:absolute;margin:auto;left:0;right:0;bottom:20px;text-align:center;font-size:14px;color:#ccc}
.calendar-img{width:22px;margin-top:-4px;margin-right:6px}
.header_search_box{position:relative;height:38px;margin:auto;display:table;width:83%;margin-top:20px}
.header_search{width:100%;height:38px;border:1px solid #ddd;text-indent:40px;border-radius:30px;outline:0}
.header_search_img{position:absolute;top:2px;bottom:0;margin:auto;left:15px;height:20px}
.page-top .page-name{ overflow: hidden; margin: 0 auto; width: 30%; float: left; position: relative; }
.page-top .page-name span{ overflow: hidden; margin: 0 auto; display: block; height: 30px; line-height: 30px; font-size: 18px; color: #197474; font-weight: 600;}
.page-top{ overflow: hidden; margin: 0 auto 15px; width: 100%; padding: 30px 0 10px; border-bottom: 1px solid #cccccc;}
.location{ overflow: hidden; margin: 0 auto; max-width: 70%; float: right;}
.location span{ overflow: hidden; display: block; float: left; height: 30px; line-height: 30px; font-size: 14px;  color: #cccccc;}
.location a{ overflow: hidden; display: block; margin-right: 10px; float: left; height: 30px; line-height: 30px; font-size: 14px; color: #cccccc; position: relative;  padding-right: 15px;}
.location a:after{ content: ""; overflow: hidden; display: block; width: 8px; height: 8px; float: right; position: absolute; top:0; bottom: 0; right: 2px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #cccccc; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.location a:last-child{ padding-right: 0;}
.location a:last-child:after{ display: none; }
.pro-nav-left{ margin: 0 auto 40px; width: 300px; float: left; }
.part-box{ margin: 0 auto 20px; width: 100%; position: relative; box-shadow: 0 5px 10px rgba(223, 223, 223, 0.5);}
.part-box .part-bt{overflow: hidden; margin: 0 auto; width: 100%; height: 100px; background: url("../images/part_bt_bg.jpg") no-repeat center; background-size: 100%; position: absolute; top:-50px; left:0; z-index: 2;}
.part-box .part-bt div{overflow: hidden; margin: 12px auto; width: 280px; height: 58px; position: relative;}
.part-box .part-bt div h2{ overflow: hidden; margin: 15px auto 5px; display: block; font-size: 20px; color: #fff; text-align: center; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; }
.part-box .part-bt div p{ overflow: hidden; margin: 0 auto; display: block; font-size: 14px; color: #fff; text-align: center; text-transform:uppercase;}
.part-box .part-nav{ overflow: hidden; overflow-y: auto; margin: 0 auto; display: block; width: 100%; background: #fff; padding-top: 50px; }
.part-box .part-nav ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.part-box .part-nav li{ overflow: hidden; margin: 0 auto 1px; display: block; width: 100%;}
.part-box .part-nav li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; padding: 0 25px; height: 80px; line-height: 80px; font-size: 16px;color: #006666; text-align: center; white-space:nowrap; text-overflow:ellipsis; position: relative; }
.part-box .part-nav li:last-child{ border: none;}
.part-box .part-nav li.active>a{ color: #fff; background: #7dd1c1; }
.part-box .part-nav li.active .part-nav-list{ display: block;}
.part-box .part-nav li>a.after:after{ content: ""; overflow: hidden; display: block; width: 10px; height: 10px; border-bottom: 1px solid #666; border-right: 1px solid #666; position: absolute; top:-7px; bottom: 0; right:10px; margin: auto; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.part-box .part-nav li.active>a:after{ border-color: #fff; }
.part-box .part-nav li.active .part-nav-list{ display: block;}
.part-box .part-nav .part-nav-list{ overflow: hidden; margin: 1px auto 0; display: none; width: 100%;}
.part-box .part-nav .part-nav-list a{ height: 60px; line-height: 60px; color:#999999; font-size: 14px; padding: 0 10px;}
.part-box .part-nav .part-nav-list a.active{ color: #fff; background: #7dd1c1; }
.part-box .part-nav .part-nav-list a:hover{ color: #fff; background: #7dd1c1; }
.move-nav{ display: none;}

/*滚动条样式*/
.part-box .part-nav::-webkit-scrollbar {width: 2px;}
.part-box .part-nav::-webkit-scrollbar-thumb {  border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  background: rgba(0,0,0,0.2); }
.part-box .part-nav::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  border-radius: 0;  background: rgba(0,0,0,0.1); }

.pro-news{ overflow: hidden; margin: 0 auto; width: 100%; padding: 20px; background: #effaff;}
.pro-news h2{ overflow: hidden; margin: 10px auto; display: block; width: 100%; font-size: 24px;color: #333333; height: 32px; line-height: 36px; font-weight: normal; background: url("../images/pro_news_bt.png") no-repeat left; padding-left: 20px;}
.pro-news ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.pro-news ul li{ overflow: hidden; margin: 0 auto; padding: 15px 0; width: 100%; border-bottom: 1px solid #ccc; }
.pro-news ul li:last-child{ border-bottom: none;}
.pro-news ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 14px; color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; }
.pro-news ul li a:hover{ color: #f4792c;}

.pro-txt-right{overflow: hidden; margin: 50px auto; width: 940px; padding: 0 30px; min-height: 750px; float: right; background: #fff; }

/*右导航*/
.top-nav{  width: 40px;  position: fixed;  right:10px; bottom:15vh; background: #fff; z-index: 99; }
.top-nav a{ display: block; width: 40px;  height: 40px; border: 1px solid #ddd; border-bottom: none; position: relative;}
.top-nav a:last-child{ border-bottom: 1px solid #000; }
.top-nav .wx-btn{  background: url("../images/wx_top.png")  no-repeat 50% ;  }
.top-nav .wx-btn:hover{  background: url("../images/wx_top2.png")  no-repeat 50%;  }
.top-nav .qq-btn{  background: url("../images/qq_top.png")  no-repeat 50% ;  }
.top-nav .qq-btn:hover{  background: url("../images/qq_top2.png")  no-repeat 50%; }
.top-nav .ly-btn{  background: url("../images/ly_top.png")  no-repeat 50% ;  }
.top-nav .ly-btn:hover{  background: url("../images/ly_top2.png")  no-repeat 50%;  }
.top-nav .top-btn{background: url("../images/top.png")  no-repeat 50% #000; border-color: #000;}
.wx-img{ overflow: hidden;  padding: 16px 16px 10px;  position: absolute; top:0; right:40px;  margin: auto;  display: none; background: rgba(0,0,0,0.5); }
.wx-img img{ display: block; width: 107px; height:107px; object-fit: cover; }
.wx-img p{ font-size: 14px; color: #ffffff; text-align: center; margin: 5px auto 0; display: block; white-space:nowrap; text-overflow:ellipsis; }
.wx-btn:hover .wx-img{ display: block; }
.tc-bg{ width: 100%; height: 100%; position: absolute; top:0; left:0; margin: auto; }
.toast{ width: 500px; height: 300px; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; z-index: 999; background: #fff;  }

.pagination>li{ display: block; margin: 0 10px; float: left;}
.pagination>li:nth-of-type(1)>a,.pagination>li:last-child>a{width: auto!important;}
.pagination>li:nth-of-type(1)>a:hover,.pagination>li:last-child>a:hover{width: auto!important; background:transparent; color: #0066cc; }
.pagination>li:nth-of-type(1)>a, .pagination>li:last-child>a{ background: transparent; }
.pagination>li>a, .pagination>li>span{padding: 0; width: 25px; height: 25px; line-height: 25px; border: none; border-radius: 50%; text-align: center; color: #999999; background: transparent; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #7dd1c1!important; }

/*文章分页*/
.article_paging{overflow: hidden; margin: 0 auto;  padding: 20px 0; border-top: 1px dashed #ddd;}
.article_paging ul{overflow: hidden; margin: 0 auto;}
.article_paging ul li{overflow: hidden; margin: 10px auto; max-width: 50%; float: left;}
.article_paging ul li:nth-of-type(2){ float: right;}
.article_paging ul li span{ float: left; width: 30px; font-size: 16px; color: #666666; margin: 0 auto;}
.article_paging ul li p{ overflow: hidden; width: calc(100% - 30px); float: left; font-size: 16px; color: #333; margin: 0 auto; display: block; white-space:nowrap; text-overflow:ellipsis;}
.article_paging ul li a{ max-width: 100%; float: left; font-size: 16px; color: #666666; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_paging ul li a:hover{text-decoration: underline;}
.article_paging ul li a:hover span{color: #197474; }
.article_paging ul li a:hover p{color: #197474; }

/*index*/
.idx-bt{ overflow: hidden; margin: 0 auto 10px; width: 100%; height: 40px; border-bottom: 1px solid #339999; position: relative;}
.idx-bt h4{ overflow: hidden; margin: 0 auto; width: calc(100% - 70px); float: left; display: block; white-space:nowrap; text-overflow:ellipsis; }
.idx-bt:before{ content: ""; overflow: hidden; margin: 0 auto; display: block; width: 80px; height: 3px; background: #006666; position: absolute; left:0; bottom: 0; }
.idx-bt h4 em{ overflow: hidden; margin: 0 auto; height: 28px; line-height: 28px; float: left; display: block; font-size: 20px; color: #006666; font-weight: bold;}
.idx-bt h4 span{overflow: hidden; display: block;height: 28px; line-height: 28px; margin-left: 5px; font-size: 14px; color: #666666; font-weight: normal; float: left; }
.idx-bt .more-btn{ overflow: hidden; margin: 0 auto; width: 68px; height: 26px; line-height: 26px; display: block; float: right; font-size: 14px; color: #fff; text-align: center; position: relative; padding-right: 20px; background: #339999; border-radius: 5px;}
.idx-bt .more-btn:after{ content: ""; overflow: hidden; display: block; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff;  position: absolute; top:0; bottom: 0; right:10px; margin: auto; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.idx-bt .more-btn:hover{ color: #007cc6; }
.index{margin: 0 auto; width: 100%; background: url("../images/index_bg.png") no-repeat top; background-size: 100%;  }
.page{margin: 0 auto; width: 100%; background: url("../images/index_bg.png") no-repeat center 80px; background-size: 100%; min-height: 500px; }
.idx-news-bg{ overflow: hidden; margin: 0 auto; padding: 37px 0; width: 100%;}
.idx-notice{overflow: hidden; margin: 0 auto;float: left; }
.idx-news1{ width: 383px;}
.idx-news2{ width: calc((100% - 383px - 68px) / 2); margin-left: 34px;}
.idx-news1-box{ width: 100%; height:280px;}
.idx-news1-box .swiper-wrapper,.idx-news1-box .swiper-container{ width: 100%; height: 100%;}
.idx-news1-box .swiper-slide a{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; position: relative;}
.idx-news1-box .swiper-slide img{ width: 100%; height: 100%;}
.idx-news1-box .swiper-slide div{overflow: hidden; margin: 0 auto; width: 100%; padding: 10px 15px; position: absolute; left:0; bottom: 0; background: rgba(0,0,0,0.5);}
.idx-news1-box .swiper-slide div p{ overflow: hidden; margin: 0 auto; width: calc(100% - 100px); float: left; font-size: 14px; color: #ffffff; display: block; white-space:nowrap; text-overflow:ellipsis;}
.idx-news1-box .swiper-slide div span{ overflow: hidden; margin: 0 auto; max-width:100px; float: right; font-size: 14px; color: #ffffff;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width: 38px; height: 38px; background: url("../images/arrow_left.png") no-repeat center; background-size: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: 38px; height: 38px; background: url("../images/arrow_right.png") no-repeat center; background-size: 100%;}
.idx-notice ul{  margin: 0 auto; width: 100%; float: left;}
.idx-notice ul li{ margin: 0 auto;width: 100%; padding-left: 15px; position: relative;}
.idx-notice ul li:before{ content: ""; overflow: hidden; display: block; width: 5px; height: 5px; border-radius: 50%; background: #cccccc; position: absolute; top:0; bottom: 0; left:0; margin: auto; }
.idx-notice ul li a{ overflow: hidden; display: block; margin: 0 auto; width: 100%;}
.idx-notice ul li a p{ overflow: hidden; width: calc(100% - 90px); height: 34px; line-height: 34px; margin: 0 auto; font-size: 14px;color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; float: left; position: relative;}
.idx-notice ul li a:hover p{ color: #006666; }
.idx-notice ul li a span{ overflow: hidden; margin: 0 auto; display: block; width: 90px; height: 34px; line-height: 34px; font-size:14px; color: #cccccc; text-align: right; float: right;}
.idx-link-bg{ overflow: hidden; margin: 0 auto; }
.link-box{ overflow: hidden;margin: 0 auto 38px;}
.link-box a{ overflow: hidden;margin: 0 auto; display: block; width: calc((100% - 28px) / 5); height: 140px; float: left; margin-right: 7px;}
.link-box a:nth-of-type(5n){ margin-right: 0; }
.link-box a img{ display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
.idx-dynamic-bg{ overflow: hidden; margin: 0 auto; padding-bottom: 35px; }
.dx-dynamic-box{ overflow: hidden;margin: 0 auto 25px;}
.dx-dynamic-box .idx-box{ overflow: hidden;margin: 0 auto; margin-right: 34px; width: calc((100% - 68px) / 3); float: left;}
.dx-dynamic-box .idx-box:nth-of-type(3n){ margin-right: 0;}
.idx-box ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.idx-box ul{  margin: 0 auto; width: 100%; float: left;}
.idx-box ul li{ margin: 0 auto;width: 100%; padding-left: 15px; position: relative;}
.idx-box ul li:before{ content: ""; overflow: hidden; display: block; width: 5px; height: 5px; border-radius: 50%; background: #cccccc; position: absolute; top:0; bottom: 0; left:0; margin: auto; }
.idx-box ul li a{ overflow: hidden; display: block; margin: 0 auto; width: 100%;}
.idx-box ul li a p{ overflow: hidden; width: calc(100% - 90px); height: 34px; line-height: 34px; margin: 0 auto; font-size: 14px;color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; float: left; position: relative;}
.idx-box ul li a:hover p{ color: #006666; }
.idx-box ul li a span{ overflow: hidden; margin: 0 auto; display: block; width: 90px; height: 34px; line-height: 34px; font-size:14px; color: #cccccc; text-align: right; float: right;}
/*download-*/
.download-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.download-box ul{ overflow: hidden; margin: 0 auto; }
.download-box ul li{ overflow: hidden; margin: 0 auto; padding: 10px 0; width: 100%;}
.download-box ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; position: relative;}
.download-box ul li a h4{ overflow: hidden; margin: 10px auto; display: block; width: 80%; font-size: 16px; color: #333333; font-weight: normal; white-space:nowrap; text-overflow:ellipsis; float: left;}
.download-box ul li a h4{ overflow: hidden; width: calc(100% - 90px); height: 26px; line-height: 26px; margin: 0 auto; font-size: 16px;color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; float: left; position: relative; padding-left: 30px;}
.download-box ul li a h4:before{ content: ""; overflow: hidden; display: block; width: 11px; height: 11px; border: 2px solid #84d3c4; border-radius: 50%; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.download-box ul li a span{ overflow: hidden; width: 90px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; float: right; background: #84d3c4; border-radius: 5px; position: absolute; top:0; bottom: 0; right:0; margin: auto;}
.download-box ul li a:hover h4{ color: #84d3c4; }
.download-box ul li a:hover span{ background: #006666; }
/*about*/
.about{ overflow: hidden; margin: 30px auto; width: 100%; }
.about img{ overflow: hidden; margin: 0 auto; display: block; }
.about .about-bt{ overflow: hidden; margin: -42px auto 25px; display: block;width: 80%; height: 85px; position: relative; background: #fff; }
.about .about-bt h4{ overflow: hidden; margin: 16px auto; display: table; height: 53px; position: relative;}
.about .about-bt h4:before{ content: ""; overflow: hidden; display: block; width: 30px; height: 1px; background:#7dd1c1; position: absolute; left:0; right:0; bottom: 0; margin: auto; z-index: 2;}
.about .about-bt h4 span{ overflow: hidden; margin: 0 auto; display: block; width: 100%; padding: 0 20px; height: 53px; line-height: 53px;  font-size: 18px; font-weight: bold; text-align: center; color: #00273a; position: relative;}
.about .about-bt h4 span:before{ content: ""; overflow: hidden; display: block; width: 11px; height: 11px; border:2px solid #7dd1c1; position: absolute; left:0; top:0; bottom: 0; margin: auto; border-radius: 50%;}
.about .about-bt h4 span:after{ content: ""; overflow: hidden; display: block; width: 11px; height: 11px; border:2px solid #7dd1c1; position: absolute; right:0; top:0; bottom: 0; margin: auto; border-radius: 50%;}
.about p{ overflow: hidden; margin: 0 auto 25px; font-size: 14px!important; text-indent: 2em; color: #666666; line-height: 26px!important;}
/*contact*/
.contact{ overflow: hidden; margin: 0 auto; width: 100%; }
.contact-main-box{ overflow: hidden; margin: 0 auto 30px; width:100%;}
.contact-main-box h3{overflow: hidden; margin: 0 auto; width: 100%; height: 78px; line-height: 78px; font-weight:600; color:#7dd1c1; font-size:30px; margin-bottom:30px; position: relative;}
.contact-main-box h3:after{ content: ""; overflow: hidden; display: block; width: 50px; height: 2px; background: #7dd1c1; position: absolute; bottom: 0; left: 0;}
.contact-main-box .cont-i{font-size: 16px; color: #666666; line-height:26px;text-align:left;margin-bottom:15px}
.contact-map{ overflow: hidden; margin: 0 auto; width: 100%; border:19px solid #7dd1c1;}
/*news*/
.news-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.news-box ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.news-box ul li{ overflow: hidden; margin: 0 auto; padding: 10px 0; width: 100%;}
.news-box ul li a{ overflow: hidden; display: block; margin: 0 auto; width: 100%;}
.news-box ul li a p{ overflow: hidden; width: calc(100% - 90px); height: 26px; line-height: 26px; margin: 0 auto; font-size: 16px;color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; float: left; position: relative; padding-left: 30px;}
.news-box ul li a p:before{ content: ""; overflow: hidden; display: block; width: 11px; height: 11px; border: 2px solid #84d3c4; border-radius: 50%; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.news-box ul li a:hover p{ color: #197574; }
.news-box ul li a span{ overflow: hidden; margin: 0 auto; display: block; width: 90px; height: 26px; line-height: 26px; font-size:14px; color: #ccc;}
/*news-info*/
.news-info{ overflow: hidden; margin: 0 auto; padding: 20px 0; }
.news-info .news-bt{ overflow: hidden; margin: 0 auto 20px; padding:0 0 20px; width: 100%; border-bottom: 1px dashed #ddd;}
.news-info .news-bt h2{ overflow: hidden; margin: 0 auto 15px; width: 100%; display: block; font-size: 20px;color: #333333; text-align: center; }
.news-info .news-bt p{ overflow: hidden; width: 100%; display: block; font-size: 14px;color: #cccccc; text-align: center;}
.news-info .news-txt{ overflow: hidden; margin: 0 auto; }
.news-info .news-txt img{ overflow: hidden; margin: 20px auto; display: block; max-width: 100%; }
.news-info .news-txt p{ overflow: hidden; margin:0 auto 20px; font-size: 16px; color: #333; text-align: justify; text-indent: 2em; line-height: 32px; }
/*timetable*/
.timetable{ overflow: hidden; margin: 0 auto; width: 100%;}
.timetable-box{ overflow: hidden; margin: 0 auto; width: 80%;}
.timetable-box h2{ overflow: hidden; margin: 20px auto; width: 100%; font-size: 22px; color: #333; text-align: center;}
.timetable-box .timetable-bt{ overflow: hidden; margin: 0 auto; width: 100%;}
.timetable-box .timetable-bt h4{ overflow: hidden; margin: 15px auto; width: 100%; font-size: 18px; color: #333;}
.timetable-box .timetable-txt{ overflow: hidden; margin: 0 auto 30px; width: 100%;}
.table-dark>thead>tr>td, .table-dark>thead>tr>th{ height: 46px; line-height: 46px; border-bottom-width:0; text-align: center; font-size: 18px; color: #333; border-color: #666; border-top:1px solid #666!important; padding: 0!important; font-weight: normal;}
.timetable .table-dark tr td { font-size: 16px; color: #333; text-align: center; height: 46px; padding: 0!important; vertical-align:inherit!important; border-color: #666; }
/*calendar*/
.calendar{ overflow: hidden; margin: 0 auto; width: 100%;}
.calendar-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.calendar-box p{ overflow: hidden; margin: 0 auto; width: 100%;}
.calendar-box img{ overflow: hidden; margin: 0 auto; max-width: 100%;}

/*faqs*/
.faqs-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.faqs-box .faqs-bt{ overflow: hidden; margin: 10px auto; width: 100%;}
.faqs-box .faqs-bt h4{ overflow: hidden; margin: 0 auto 15px; width: 100%; font-size: 18px; color: #333; text-align: left;}
.faqs-box .faqs-liuyan{ overflow: hidden; margin: 0 auto; width: 100%;}
.faqs-box .input-box{ overflow: hidden; margin: 0 auto 28px; width: 100%;}
.faqs-box .input-box textarea{ overflow: hidden; margin: 0 auto; width: 100%; padding: 5px 15px; height: 142px; border-color: #cccccc; font-size: 16px; color: #333;}
.faqs-box .input-box textarea::placeholder,.faqs-box .input-box input::placeholder{ color: #cccccc; }
.faqs-box .input-box2{ overflow: hidden; margin: 0 auto 28px; float: right; }
.faqs-box .input-box2 input{ overflow: hidden; margin: 0 auto; width: 270px; height: 50px; line-height: 50px; padding: 0 10px; border: none; border:1px solid #ccc; font-size: 16px; color: #333; float: left;}
.faqs-box .input-box2 .mes-code-img{ overflow: hidden; margin: 0 auto; display: block; height: 50px; float: left; margin-left: 12px;}
.faqs-box .input-box2 .mes-code-img img{ overflow: hidden; margin: 0 auto; display: block; max-width: 197px; height: 50px;}
.faqs-box .input-box .mes-btn{ overflow: hidden; margin: 0 auto; display: block; width: 162px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; background: #7dd1c1; float: right;}
.faqs-txt{ overflow: hidden; margin: 0 auto; width: 100%; border-top: 1px dashed #7dd1c1;}
.faqs-txt ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.faqs-txt ul li{ overflow: hidden; margin: 0 auto; width: 100%; padding: 10px 0; border-bottom: 1px dashed #f2f2f2;}
.faqs-txt ul li p{ overflow: hidden; margin: 15px auto; width: 100%;  line-height: 22px; position: relative;}
.faqs-txt ul li p:nth-of-type(1):before{ content: "Q："; overflow: hidden; margin: 0 auto; display: block; height: 22px; line-height: 22px; float: left; font-size: 16px; color: #7dd1c1; font-weight: bold;}
.faqs-txt ul li p:nth-of-type(2):before{ content: "A："; overflow: hidden; margin: 0 auto; display: block; height: 22px; line-height: 22px; float: left; font-size: 16px; color: #f56a10;font-weight: bold;}
.faqs-txt ul li p:nth-of-type(1){ font-size: 16px; color: #666666;}
.faqs-txt ul li p:nth-of-type(2){ font-size: 14px; color: #999999;}
/*each*/
.each-box{ overflow: hidden; margin: 0 auto; width: 100%;}
.each-box .each-txt{ overflow: hidden; margin: 20px auto; width: 100%;}
.timetable .each-txt .table-dark tr td { color: #999999; }
/*major*/
.major-txt{ overflow: hidden; margin: 20px auto; width: 100%;}
.timetable .major-txt .table-dark tr td{ color: #999999; }
.timetable .major-txt .table-dark tr td:nth-of-type(1){ width:60%; }
.timetable .major-txt .table-dark tr td:nth-of-type(2){ width:40%; }
/*search*/
.search-info{ overflow: hidden; margin: 50px auto; width: 100%; background: #fff; padding: 0 30px; }
.modal-dialog{ width: auto;}
.pagination{ display: table; margin: 40px auto; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #f4792c; border-color: #f4792c; }
@media screen and (max-width:1024px){
    .banner .swiper-pagination{ bottom: 3px; }
    .banner .banner-left{display: none;}
    .dx-dynamic-box{ margin: 0 auto;}
    .link-box{ margin: 0 auto 20px; }
    .link-box a{ width: calc((100% - 14px) / 3); height: auto; max-height: 70px; margin-bottom: 7px; }
    .link-box a:nth-of-type(3n){ margin-right: 0;}
    .link-box a:nth-of-type(2){ margin-top: 35px;}
    .link-box a:nth-of-type(4){ margin-top: -34px;}
    .link-box a:nth-of-type(5){ float: right;margin-top: -34px;}
    .main-title{ margin: 15px auto; }
    .rwm-box{ display: none;}
    .page-top{ display: none; }
    .page-bg{ padding: 0; }
    .pagination{ margin: 25px auto; }
    .pro-nav-left{ width: 100%; margin: 15px auto; }
    .part-box{ margin-bottom: 0; box-shadow: none;}
    .pro-txt-right{ width: 100%; margin: 0 auto 15px; padding:15px; min-height: auto; }
    .part-box .part-bt{ display: none;}
    .part-box .part-bt div{ width: auto; height: auto; margin: 10px; padding: 5px; }
    .part-box .part-bt div h2{ font-size: 18px; margin: 5px auto; }
    .part-box .part-bt:before{ display: none;}
    .part-box .part-nav{display: none;  }
    .part-box .part-nav a{ height: 40px; line-height: 40px; }
    .part-box .part-nav a.active:after{ display: none;}
    .part-box .part-nav a.active{ position: absolute; top:0; left:0; background:url("../images/topqh.png") no-repeat right #0178b2; background-size: auto 70%; color: #fff;}
    .move-nav{ overflow: hidden; margin: 0 auto; display: block; width: 100%; }
    .move-nav-bt{ overflow: hidden; margin: 0 auto; width: 100%; padding: 8px 0; font-size: 20px; color: #333; text-align: center;position: relative;}
    .move-nav-bt:after{ content: ""; overflow: hidden; display: block; width: 36px; height: 1px; background: #999; position: absolute; left:0; right:0; bottom: 0; margin: auto; }
    .move-nav-list{ overflow: hidden; overflow-x: auto; margin: 20px auto 0; max-width: 100%; }
    .move-nav-list div{ overflow-y: hidden; margin:0 auto; display: flex;}
    .move-nav-list div a{ overflow: hidden; margin-right: 10px; display: block; padding: 5px 10px; font-size: 16px; color: #666; border: 1px solid #ddd; flex-shrink:0; float: left;}
    .move-nav select{ overflow: hidden; margin: 15px auto; width: 100%; height: 32px; border-color: #ccc; font-size: 14px; color: #666; text-align: center; }
    .move-nav select option{ overflow: hidden; margin: 15px auto; width: 100%; height: 32px; border-color: #ccc; font-size: 14px; color: #666; }
    .about{ margin: 0 auto; }
    .article_paging ul li{ margin: 5px auto;}
    .article_paging ul li span{ font-size: 14px;}
    .article_paging ul li p{ font-size: 14px;}
    .idx-bt{ margin-bottom: 20px; }
    .idx-news1-box{ height: 240px; }
    .idx-notice ul li a span{ font-size: 14px;}
    .pro-news{ display: none;}
    .page-banner{ padding-top: 60px; }
    .page-banner img{ height: 24vh; }
    .content{width: auto; padding: 0 15px; }
    .banner{ height: 24vh; margin-top: 60px; }
    .header{display:none;}
    .header2{display:block;}
    .top-nav{ display: none;}
    .bea-right,.footer{ display: none; }
    .footer2{ display: block;}
    .fot-txt{ width: 100%;}
    .fot-txt-box{ padding-right: 0;}
    .idx-bt h4 em{ font-size: 20px; }
    .idx-notice{ width: 100%; margin-bottom: 20px; margin-left: 0;}
    .dx-dynamic-box .idx-box{ width: 100%; margin-bottom: 25px;}
    .idx-box ul li .data{ width: 14%; margin-right: 15px; }
    .idx-box .data p{ font-size: 14px; }
    .idx-box ul li:nth-of-type(1) .news-right{ width: calc(86% - 15px); }
    .idx-box ul li:nth-of-type(1) .news-right h5{ margin: 8px auto; }
    .idx-box ul li .data-img{ width: 90px; height: 70px; margin-right: 15px; }
    .idx-box:nth-of-type(2) ul li:nth-of-type(1) .news-right{ width: calc(100% - 90px - 15px);  }
    .idx-box:nth-of-type(2) ul li:nth-of-type(1) .news-right h5{ margin: 3px auto;}
    .idx-manage-box .manage-list{ width: 100%; margin-right: 0; margin-bottom: 20px;}
    .idx-manage-box .idx-video-box{ height: 182px;}
    .idx-manage-box .idx-video-box a img{ height: 182px;}
    .idx-manage-bg{ padding: 20px 0;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 32px; height: 32px; }
    .idx-manage-box .manage-plate-box{ height: 165px;}
    .idx-manage-box .swiper-slide{ width: 60%!important; }
    .idx-manage-box .dynamic-plate ul li{ width:calc((100% - 15px) / 2); height: 100px; margin-right: 15px; margin-bottom: 15px; }
    .idx-manage-box .dynamic-plate ul li:nth-of-type(2n){ margin-right: 0; }
    .idx-video{ width: 100%;}
    .idx-video .video-box video{ height: auto; }
    .idx-news-bg,.idx-dynamic-bg,.idx-scenery-bg{ padding: 15px 0; height: auto;}
    .idx-dynamic-box .manage-list ul li{ height: 80px;}
    .dynamic-plate{ width: 100%; }
    .dynamic-list-box ul li a{ padding: 15px 0; }
    .dynamic-list-box ul li a i{ width: 100px; height: 76px; }
    .dynamic-list-box .leader-box{ width: calc(100% - 100px); padding-left: 10px; }
    .dynamic-list-box .leader-bt{ height: 28px; margin-bottom: 5px; }
    .dynamic-list-box .leader-bt span{ width: 100%; display: block; white-space:nowrap; text-overflow:ellipsis; }
    .dynamic-list-box .leader-bt:before{ height: 1px; }
    .dynamic-list-box .leader-txt{ height: 36px; margin-bottom: 0;}
    .dynamic-list-box .leader-txt p{ line-height: 18px; }
    .dynamic-list-box .leader-box em{ display: none;}
    .idx-notice ul li a p{ font-size: 14px; }
    .manage-plate{ width: 100%; }
    .manage-list{ margin-bottom: 0; }
    .idx-dynamic-box .dynamic-plate,.idx-dynamic-box .manage-plate{ width: 100%; margin-right: 0; margin-bottom: 15px;}
    .idx-dynamic-box .dynamic-plate ul li{ width: calc((100% - 10px) / 2); height: 74px;}
    .party-plate{ width: 100%; }
    .party-lb .swiper-slide a img{ height: 150px; }
    .party-lb .party-txt{ padding:15px; height: 160px; }
    .party-lb .party-txt .data p{ font-size: 32px; }
    .party-lb .news-right h5{ font-size: 16px; margin-bottom: 10px; }
    .party-list{ margin-bottom: 15px; }
    .mien-plate{ width: 100%;}
    .mien-list ul li{ width: calc((100% - 10px) / 2); margin-right: 10px!important; }
    .mien-list ul li:nth-of-type(2n){ margin-right: 0!important; }
    .mien-list ul li a i{ height: 130px; }
    .mien-list ul li a p{ display: block; height: 30px; line-height: 30px; }
    .modal-body img{ max-width: 100%;}
    .about img{ max-width: 100%; }
    .about .about-bt{ width: 100%; font-size: 18px; margin: 0 auto 10px; }
    .about h4{ margin-bottom: 0; }
    .about p{ margin-bottom: 15px; }
    .news-details-title h2{ margin: 15px auto; font-size: 18px!important; line-height: 26px!important; text-align: center;}
    .news-details-title{ margin-bottom: 15px; }
    .news-details-box p{ margin-bottom: 10px; line-height: 26px!important; font-size: 14px!important; }
    .news-list ul li{ margin: 0 auto; }
    .student-list ul li{ padding: 15px 0; }
    .student-list ul li a i{ width: 40%; height: 100px; margin-right: 10px;}
    .student-list ul li a div{ width: calc(100% - 10px - 40%); }
    .student-list ul li a div h4{ margin: 5px auto 0; font-size: 16px; }
    .student-list ul li a div h4 strong{ margin: 0 auto; font-size: 16px; }
    .student-list ul li a div p{ font-size: 14px; line-height: 22px; height: 46px; margin: 10px auto 0;}
    .student-list ul li a div em.more-btn{ height: auto; line-height: inherit; font-size: 14px; }
    .student-list ul li a div em.more-btn:after{ display: none;}
    .news-details-box img{ margin: 10px auto; }
    .culture-list ul li{ width: calc((100% - 10px) / 2); margin-right: 10px!important; margin-bottom: 15px; }
    .culture-list ul li:nth-of-type(2n){ margin-right: 0!important; }
    .culture-list ul li a i{ height: 116px; }
    .culture-list ul li a p{ height: auto; line-height: inherit; margin: 5px auto 10px; font-size: 14px; }
    .contact{ width: 100%; }
    .contact-main-box{ width: 100%; }
    .contact-main-box h3{ font-size: 18px; height: 42px; line-height: 42px; margin-bottom: 15px;}
    .contact-main-box h3:after{ width: 40px; height: 3px; }
    .contact-main-box .cont-i{ margin-bottom: 5px; }
    .contact-map{ width: 100%; margin: 15px auto;border:3px solid #7dd1c1; }
    .contact-map img{ max-width: 100%; height: auto;}
    .main-title span{ font-size: 18px; margin-bottom: 0;}
    .leave-left{ width: 100%; }
    .input-box{ min-height: 32px; margin-top: 10px;}
    .input-txt{ height: 32px; font-size: 14px; }
    .leave-right{ width: 100%;}
    .input-box textarea{ font-size: 14px; }
    .input-box-verify .input-box{ width: 100%;}
    .mes-code-img{ height: 32px; }
    .input-box p{ font-size: 14px;}
    .input-box-verify .input-box p{ height: 32px; line-height: 32px; }
    .mes-btn{ height: 36px; line-height: 36px; font-size: 16px; width: 100%; }
    .mien-box{ margin: 0 auto; }
    .mien-box ul li{ width: 100%; margin: 0 auto 15px;}
    .news-info .news-bt{ margin: 0 auto;}
    .news-info .news-bt h2{ line-height: 24px; font-size: 18px; }
    .news-info .news-bt p{ font-size: 12px; }
    .article_paging ul li a{ font-size: 14px; }
    .calendar{ width: 100%; overflow-x: auto;}
    .calendar-box{ width: 300%; }
    .table-dark>thead>tr>td, .table-dark>thead>tr>th{ height: 40px; line-height: 40px;}
    .table-dark>thead>tr>th{ font-size: 16px; }
    .timetable .table-dark tr td{ font-size: 14px; }
    .timetable .table-dark{ margin-bottom: 0;}
    .faqs-txt ul li p{ margin: 10px auto; }
    .faqs-box .input-box,.faqs-box .input-box2{ margin: 0 auto 10px; }
    .faqs-box .input-box textarea{ height: 120px;}
    .faqs-box .input-box2 input{ width: calc(100% - 144px - 12px); height: 40px; line-height: 40px; }
    .faqs-box .input-box2 .mes-code-img{ height: 40px;}
    .faqs-box .input-box2 .mes-code-img img{ width: 144px; height: 40px;}
    .faqs-box .input-box .mes-btn{ width: 144px; height: 40px; line-height: 40px; }
    .search-info{ padding: 0 15px; }
    .news-info .news-txt{ padding: 15px 0 0; }
    .download-box ul li a h4,.news-box ul li a p{ padding-left: 18px; }
    .timetable-box{ width: 100%; }
}