/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, 微软雅黑, Microsoft YaHei; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; object-fit: cover; vertical-align: middle;}
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%;}
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
/* html.on { overflow: hidden; height: 100%; } */
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

:root {
    --primary-color: #2f80ed;
}
.container{ width: 1200px; margin: 0 auto;}

.header{ height: 90px; line-height: 90px;}
.header .logo{ display: flex; align-items: center; justify-self: center; width: 630px; float: left;}
.header .logo .img{ width: 380px;}
.header .logo .img .school{ font-size: 33px; vertical-align: middle; font-weight: bold; }
.header .logo .text{ flex: 1;}
.header .logo .text p{ font-size: 2.4em; line-height: 30px; text-align: center; font-weight: bold;}
.header .other{ float: right; display: flex; align-items: center; justify-self: center;}
.header .other .wx{ width: 100px; text-align: center; margin-right: 25px;}
.header .other .tel{ display: flex; line-height: 1; font-size: 2em; color: var(--primary-color); }
.header .other .tel .icon{ width: 44px; height: 44px; background: url(../images/header-tel.png) no-repeat center ; background-color: var(--primary-color); display: inline-block; margin-right: 10px; border-radius: 5px; }
.header .other .tel p{margin-top: 7px;}

.pc-nav{ height: 60px; line-height: 60px; background: var(--primary-color);}
.pc-nav ul{ display: flex; flex-direction: row; width: 100%; }
.pc-nav li{ padding: 0 7.5px; width: 100%;}
.pc-nav li a{ display: block; font-size: 1.8em; color: #fff; text-align: center; font-weight: bold; }
.pc-nav li.on a, .pc-nav li:hover a{ background: rgba(255,255,255,.2);}

.banner{position: relative; z-index: 0;}
.banner .swiper-container, .banner .swiper-wrapper{ width: 100%; height: 100%;}
.banner .swiper-button-next{ right: 10px;}
.banner .swiper-button-prev{ left: 10px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 36px; height: 36px; border-radius: 100%; margin-top: -18px; background: rgba(31,45,61,.23); transition: all .3s;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{ color: #fff; font-size: 1.4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.banner .swiper-pagination{ bottom: 15px;}
.banner .swiper-pagination-bullet{ width: 40px; height: 5px; background: #fff; opacity: 1; margin: 0 7.5px !important; border-radius: 0; transition: all .3s;}
.banner .swiper-pagination-bullet-active{ background: var(--primary-color); width: 40px;}

.i-btns-box{ margin-top: 20px; overflow: hidden;}
.i-btns-box li{ height: 80px; width: calc( (100% - 100px) / 5); float: left; border-radius: 8px; padding: 4px 6px; background: var(--primary-color); margin-right: 25px;}
.i-btns-box li:last-child{ margin-right: 0;}
.i-btns-box li:nth-child(2n){ background: #fba102;}
.i-btns-box li:nth-child(2n):hover{ background: #e0920a;}
/* .i-btns-box li:nth-child(2n+1):hover{ background: #1f69ca;} */
.i-btns-box li:nth-child(2n+1):hover{ opacity: 0.8; }
.i-btns-box li .box{ border: 1px dashed #fff; border-radius: 8px; height: 100%; display: flex; align-self: center; justify-self: center; padding: 0 16px; line-height: 70px;}
.i-btns-box li .box .icon{ width: 51px;}
.i-btns-box li .box .t{ flex: 1; font-size: 2.4em; color: #fff; font-weight: bold; margin-left: 15px;}

.index-title{ height: 50px; line-height: 50px; padding: 0 10px 0 20px; display: flex;}
.index-title.blue-bg{ background: var(--primary-color); color: #fff;}
.index-title.grey-bg{ background: #e6e6e6; color: #444;}
.index-title span{ flex: 1; width: 100%; font-size: 1.4em; font-weight: lighter; text-transform: uppercase; letter-spacing: -.8px;}
.index-title span b{ font-size: 1.8rem; margin-right: 5px; letter-spacing: 0;}
.index-title a{ font-size: 1.6em; display: block; width: 60px; text-align: right;}
.index-title a:hover{ text-decoration: underline;}
.index-title.blue-bg a{ color: #fff;}
.index-title.grey-bg a{ color: #555;}

.i-box2{ margin-top: 30px; overflow: hidden;}
.i-tz{ width: 842px; float: left;}
.i-tz .list{ margin-top: 25px; overflow: hidden;padding: 0 20px 0 10px;}
.i-tz .list li{ width: calc( (100% - 50px) / 2 ); float: left; margin-right: 50px; border-bottom: 1px dotted #b7b7b7; padding: 18px 0;position: relative;}
.i-tz .list li:nth-of-type(odd)::after{content: ''; position: absolute; right: -25px; top: 0; width: 1px; height: 100%; border-left: 1px dotted #b7b7b7;}
.i-tz .list li:nth-last-child(-n+2){ border-bottom: none;padding-bottom: 0;}
.i-tz .list li:nth-child(2n){ margin-right: 0;}
.i-tz .list li:nth-child(-n+2){ margin-top: 0;padding-top: 0;}
.i-tz .list li a{ display: flex; flex-direction: row; align-items: center;}
.i-tz .list li .img{ width: 100px; height: 88px; margin-right: 12px; position: relative; overflow: hidden; border-radius: 6px;}
.i-tz .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-tz .list li:hover .img img{ transform: scale(1.1);}
.i-tz .list li .text{ flex: 1;}
.i-tz .list li .text .t{ font-size: 1.5em; color: #222; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-tz .list li .text .p{ font-size: 1.4em; color: #777; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-tz .list li:hover .text .t{ color: var(--primary-color);}

.i-video{ width: 350px; float: right; border: 1px solid #e6e6e6;}
.i-video .list{ padding: 11px 6px; overflow: hidden;}
.i-video .list li{ width: calc( (100% - 16px) / 3 ); margin-right: 8px; margin-top: 8px; position: relative; float: left;}
.i-video .list li:first-child{ width: 100%; margin-top: 0; margin-right: 0;}
.i-video .list li:last-child{ margin-right: 0;}
.i-video .list li .img{ position: relative; z-index: 0; height: 68px; overflow: hidden;}
.i-video .list li .img img{ position: absolute; width: 100%; height: 100%; z-index: 0; transition: all .3s;}
.i-video .list li:hover .img img{ transform: scale(1.1);}
.i-video .list li .img::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.2); z-index: 1;}
.i-video .list li:first-child .img{ height: 260px;}
.i-video .list li:first-child .img::before{ display: none;}
.i-video .list li .icon{ position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 14px;}
.i-video .list li:first-child .icon{ width: 28px;}

.i-rmzy{ padding: 40px 0 30px; overflow: hidden; background: url(../images/irmzy-bg.png) no-repeat center; background-size: cover; margin-top: 40px;}
.i-rmzy .top{ font-size: 3em; color: var(--primary-color); font-weight: bold; line-height: 30px; text-align: center;}
.i-rmzy .list{ margin-top: 25px;}
.i-rmzy .list ul{ display: flex; flex-wrap: wrap;}
.i-rmzy .list li{ width: calc( (100% - 24px) / 4 ); margin-right: 8px; margin-top: 24px; border: 1px solid #b7b7b7; float: left; padding: 5px 5px 2px; transition: all .3s;}
.i-rmzy .list li:nth-child(-n+4){ margin-top: 0;}
.i-rmzy .list li:nth-child(4n){ margin-right: 0;}
.i-rmzy .list li .img{ width: 100%; height: 160px; overflow: hidden; position: relative;}
.i-rmzy .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-rmzy .list li:hover .img img{ transform: scale(1.1);}
.i-rmzy .list li .t{ height: 40px; line-height: 40px; color: #555; text-align: center; font-size: 1.8em;}
.i-rmzy .list li:hover{ background: #fff; border: 1px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.i-rmzy .list li:hover .t{ font-weight: bold;}
.i-rmzy .btns{ margin-top: 40px; text-align: center;}
.i-rmzy .btns a{ display: inline-block; width: 90px; height: 40px; line-height: 40px; border: 1px solid var(--primary-color); color: var(--primary-color); font-size: 1.6em; transition: all .3s;}
.i-rmzy .btns a:hover{ background: var(--primary-color); color: #fff;}

.i-news{ margin-top: 50px; overflow: hidden;}
.i-news .list{ margin-top: 15px;}
.i-news .list li{ border: 1px solid #999; padding: 10px; margin-top: 12px;}
.i-news .list li:first-child{ margin-top: 0;}
.i-news .list li a{ display: flex; flex-direction: row; align-items: center;}
.i-news .list li .img{ width: 100px; height: 88px; margin-right: 12px; position: relative; overflow: hidden; border-radius: 8px;}
.i-news .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.i-news .list li:hover .img img{ transform: scale(1.1);}
.i-news .list li .text{ flex: 1;}
.i-news .list li .text .t{ font-size: 1.5em; color: #222; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-news .list li .text .p{ font-size: 1.4em; color: #777; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-news .list li:hover .text .t{ color: var(--primary-color);}

.i-zskx, .i-jwgl, .i-xgzx{ width: calc( (100% - 60px) / 3 ); margin-right: 30px; float: left;}
.i-xgzx{ margin-right: 0;}

.i-box3{ margin-top: 30px;}

.i-news2{ overflow: hidden; margin-top: 28px;}
.i-news2 .top_title{height: 50px;line-height: 45px;background-color: var(--primary-color);display: flex;justify-content: space-between;padding-top: 5px;}
.i-news2 .top_title b{width: 100px;text-align: center;display: block;font-size: 1.8em;color: #fff;}
.i-news2 .top_title p{flex: 1;background-color: #cce2ff;padding: 0 10px;display: flex;justify-content: space-between;align-items: center;}
.i-news2 .top_title p span{font-size: 1.4em;color: #777;text-transform: uppercase;letter-spacing: -0.8px;}
.i-news2 .top_title p a{font-size: 1.6em;color: #444;}
.i-news2 .top_title p a:hover{text-decoration: underline;}

.list_a{ margin-top: 10px;}
.list_a .top{display: flex;justify-content: space-between;align-items: self-start;margin: 12px 0;}
.list_a .top img{width: 166px; height: 100px; }
.list_a .top ul{width: calc(100% - 178px);}
.list_a .top ul li{padding: 0;border-bottom: 0;height: auto;}
.list_a li{ height: 82px; padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.list_a li a{ display: flex; align-items: flex-start; justify-self: center; line-height: 50px;}
.list_a li .date{ width: 54px; background: #fff; color: var(--primary-color); margin-right: 10px;}
.list_a li .date b{height: 36px;line-height: 36px; font-size: 2.4em; color: #fff; text-align: center; display: block; background-color: var(--primary-color); }
.list_a li .date p{height: 24px;line-height: 24px; font-size: 1.2em; color: #333; text-align: center; border: 1px solid #8fbbf3; }
.list_a li .text{ width: calc(100% - 70px); line-height: 1.3;}
.list_a li .title{ font-size: 1.6em; color: #222;}
.list_a li .desc{ font-size: 1.4em;margin-top: 5px; color: #777; }
/* .list_a li:hover .date{ background: rgba(47,128,237,1); color: #fff;} */
/* .list_a li:hover .date p{ border-color: var(--primary-color);border-top-color: #8fbbf3;color: #fff;} */
.list_a li:hover .title{ color: var(--primary-color); }

.i-zswd, .i-lnzs, .i-jyzd{ width: calc( (100% - 60px) / 3 ); margin-right: 30px; float: left;}
.i-jyzd{ margin-right: 0;}

.txtEllipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtEllipsisTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.txtEllipsisThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.txtEllipsisFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.ty-right .zswd-list{margin-top: 10px;}
.zswd-list li{ display: flex;justify-content: space-between;border-bottom: 1px solid #e3e3e3;padding: 13px 0 10px 0;}
.zswd-list li img{width: 166px;height: 103px;}
.zswd-list li .txt{width: 100%;}
.zswd-list li.top .txt{width: calc(100% - 178px);}
.zswd-list li .txt p{background-repeat: no-repeat;background-size: 36px;background-position: left top;padding-left: 46px;font-size: 1.4em;min-height: 26px;line-height: 1.5;}
.zswd-list li .txt p:first-child{background-image: url(../images/wen.png);}
.zswd-list li .txt p:last-child{background-image: url(../images/da.png);margin-top: 5px;line-height: 1.34;}

.i-zswd .zswd-list li:first-child{height: auto;border-bottom: 0;}
.i-zswd .zswd-list li{height: 82px;}

.i-xyfc{ overflow: hidden; margin-top: 25px;}
.i-xyfc .top{ width: 50px; height: 160px; background: var(--primary-color); color: #fff; font-weight: bold; font-size: 2.4em; padding: 16px 0; text-align: center; float: left;}
.i-xyfc .bd{ width: 1140px; float: right;}
.i-xyfc .bd li{ float: left; margin-right: 10px;}

.i-link{ margin-top: 50px; line-height: 36px; margin-bottom: 30px;}
.i-link .container{ display: flex; align-items: center; justify-self: center;}
.i-link .top{ width: 100px; font-size: 1.6em; color: #222;}
.i-link .list{ flex: 1;}
.i-link .list li{ float: left; margin-right: 20px; padding: 2px 0;}
.i-link .list li a{ display: inline-block; padding: 0 15px; background: #e5e4e4; border-radius: 4px; font-size: 1.4em; color: #777;}
.i-link .list li:hover a{ background: #eaf1fc; color: var(--primary-color);}

.footer{ background: var(--primary-color); padding: 24px 0 20px; overflow: hidden;}
.foot-wx{ width: 286px; float: left;}
.foot-wx li{ float: left; width: 120px;}
.foot-wx li:last-child{ margin-left: 45px;}
.foot-wx li .t{ font-size: 1.4em; color: #fff; line-height: 35px; text-align: center;}
.foot-contact{ width: 314px; float: left; border-right: 1px dashed #fff; padding: 8px 45px;}
.foot-contact li{ font-size: 1.4em; color: #fff; line-height: 20px; }
.foot-contact li+li{ margin-top: 28px;}
.foot-nav{ width: 600px; float: left; padding: 0 90px 0 58px;}
.foot-nav dt{ font-size: 1.6em; font-weight: bold; color: #fff; line-height: 25px; margin-bottom: 5px;}
.foot-nav dd{ width: 33.33%; float: left; line-height: 36px; padding-right: 30px; padding-left: 42px; position: relative; margin-top: 10px;}
.foot-nav dd .icon{ width: 36px; height: 36px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.foot-nav dd a{ font-size: 1.4em; color: rgba(255,255,255,.5);}
.foot-nav dd a:hover{ color: #fff;}
.foot-nav dd:last-child{ width: 66.66%;}

.foot-copy{ background: var(--primary-color);  padding: 10px 0; font-size: 1.4em; color: #fff; text-align: center; line-height: 20px; opacity: 0.9; }
.foot-copy a{ color: #fff; display: inline-block;}

.page-banner{ height: 500px;}

.mbx{ margin-top: 10px; height: 40px; line-height: 40px; background: #ebebeb; font-size: 1.4em; color: #555; padding: 0 20px;}
.mbx a{ color: #555;}
.mbx a:hover{ color: var(--primary-color); text-decoration: underline;}

.ty-page{ overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.ty-left{ width: 240px; float: left;}
.ty-left .ty-box{ background: var(--primary-color); padding: 28px 20px 36px; overflow: hidden;}
.ty-left .ty-box .list{ overflow: hidden; margin-bottom: 14px;}
.ty-left .ty-box .list li{ width: calc( (100% - 20px) / 2 ); margin-right: 20px; margin-top: 15px; border: 1px solid #fff; border-radius: 4px; line-height: 38px; float: left; font-size: 1.5em; text-align: center;}
.ty-left .ty-box .list li a{ color: #fff; display: block; width: 100%;}
.ty-left .ty-box .list li:nth-child(2n){ margin-right: 0;}
.ty-left .ty-box .list li:nth-child(-n+2){ margin-top: 0;}
.ty-left .ty-box .list li.on a, .ty-left .ty-box .list li:hover a{ background: #fff; color: var(--primary-color); font-weight: bold;}
.ty-left  .ty-contact{ width: 110px; font-size: 1.5em; color: #fff; line-height: 30px; float: left;}
.ty-left  .ty-contact .t{ padding-left: 25px; position: relative;}
.ty-left  .ty-contact .t i{ position: absolute; left: 5px; top: 50%; transform: translateY(-50%);}
.ty-left  .ty-contact .p{ padding-left: 5px;}
.ty-left  .ty-contact .qq{ margin-top: 5px;}
.ty-left  .ty-contact .qq a{ display: inline-block; width: 90px; height: 30px; border: 1px solid #fff; border-radius: 4px; position: relative; font-size: 1.5rem; color: #fff; text-indent: 28px;}
.ty-left  .ty-contact .qq a i{ position: absolute; left: 8px; top: 50%; transform: translateY(-50%); text-indent: 0;}
.ty-left .ty-wx{ float: left; width: 90px; padding: 6px 6px 0 10px; text-align: center;}
.ty-left .ty-wx .img{ padding: 0 4px;}
.ty-left .ty-wx .t{ font-size: 1.4em; color: #fff; text-align: center; margin-top: 5px;}
.ty-left .ty-nav{ margin-top: 14px; border: 1px solid var(--primary-color); width: 100%; margin-bottom: 10px;}
.ty-left .ty-nav li{ height: 40px; line-height: 40px;}
.ty-left .ty-nav li+li{ margin-top: 1px;}
.ty-left .ty-nav li a{ background: #e0ecfc; color: var(--primary-color); font-size: 1.5em; display: inline-block; text-align: center; width: 100%;}
.ty-left .ty-nav li.on a, .ty-left .ty-nav li:hover a{ background: var(--primary-color); color: #fff;}

.ty-left .ty-lc{ border: 2px solid var(--primary-color); padding: 25px 28px;}
.ty-left .ty-lc .top{ font-size: 2.2em; color: var(--primary-color); font-weight: bold; text-align: center; line-height: 24px;}
.ty-left .ty-lc .list{ margin-top: 20px;}
.ty-left .ty-lc .list li .t{ height: 40px; line-height: 40px; width: 100%; border-radius: 4px; background: var(--primary-color); color: #fff; font-size: 1.8em; text-align: center;}
.ty-left .ty-lc .list li .icon{ height: 25px; width: 100%; position: relative;}
.ty-left .ty-lc .list li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.ty-left .ty-ts{ border: 2px solid var(--primary-color); margin-top: 15px;}
.ty-left .ty-ts .top{ height: 50px; line-height: 50px; background: var(--primary-color); font-size: 2.2em; color: #fff; text-align: center; font-weight: bold; letter-spacing: 1px;}
.ty-left .ty-ts .text{ font-size: 1.3em; line-height: 22px; color: #222; padding: 20px 10px;}



.ty-right{ width: 890px; margin-right: 30px; float: right;}
.ty-right .ty-top{ font-size: 2.4em; color: var(--primary-color); font-weight: bold; position: relative; height: 28px; line-height: 28px; padding-left: 22px; letter-spacing: 1px;}
.ty-right .ty-top::before{ content: ""; position: absolute; width: 8px; height: 100%; background: #ffb200; left: 0; top: 0;}

.news-list{ margin-top: 20px;}
.news-list li+li{ margin-top: 18px;}
.news-list li a{ display: flex; align-items: center; border: 1px solid #999; padding: 20px 40px 20px 10px;}
.news-list li .img{ width: 120px; height: 100px; margin-right: 20px; position: relative; overflow: hidden; border-radius: 6px;}
.news-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.news-list li:hover .img img{ transform: scale(1.1);}
.news-list li .text{ flex: 1;}
.news-list li .text .t{ font-size: 1.6em; color: #222; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list li .text .p{ font-size: 1.4em; color: #777; line-height: 22px; margin-top: 8px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list li .bq{ overflow: hidden; margin-top: 8px;}
.news-list li .bq span{ font-size: 1.3em; color: #555; margin-right: 35px; display: inline-block;}
.news-list li:hover .text .t{ color: var(--primary-color);}

.news-con{ overflow: hidden;}
.news-con .title{ font-size: 2.4em; color: #222; line-height: 30px; text-align: center;  font-weight: bold;}
.news-con .bq{ font-size: 1.4em; line-height: 24px; color: #888; text-align: center; padding: 6px 0 10px; border-bottom: 1px dashed #c9c9c9;}
.news-con .text{ padding: 30px 0; font-size: 1.6em; color: #333; line-height: 1.8;}

.pic-news-list{ width: 100%; margin-bottom: 25px; display: flex;}
.pic-news-list li{ width: calc( (100% - 30px) / 2 ); margin-right: 30px; border: 1px solid #bcbcbc; display: flex; padding: 28px 10px 10px; margin-top: 20px; float: left; transition: all .3s;}
.pic-news-list li:nth-child(2n){ margin-right: 0;}
.pic-news-list li:hover{ background: #fff; border-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.12);}
.pic-news-list li .img{ width: 110px; height: 110px; float: left; border-radius: 100%; overflow: hidden; position: relative; margin-right: 15px;}
.pic-news-list li .img img{ position: absolute; width: 100%; height: 100%;}
.pic-news-list li .text{ flex: 1;}
.pic-news-list li .text .t{ font-size: 2em; color: #222; line-height: 20px;}
.pic-news-list li .text .t a{ color: inherit;}
.pic-news-list li .text .p{ font-size: 1.4em; color: #555; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.pic-news-list li .text .bq{ line-height: 30px; overflow: hidden;}
.pic-news-list li .text .bq a{ font-size: 1.4em; color: var(--primary-color); display: block; width: 33.33%; float: left;}
.pic-news-list li .text .bq a:nth-child(2){ text-align: center;}
.pic-news-list li .text .bq a:last-child{ text-align: right;}
.pic-news-list li:hover .text .t{ color: var(--primary-color);}

.xg-news{ margin-top: 25px;}
.xg-news .top{ height: 20px; line-height: 20px; padding-left: 16px; position: relative; font-size: 2em; color: #222;}
.xg-news .top::before{ content: ""; position: absolute; width: 4px; height: 100%; background: var(--primary-color); left: 0; top: 0;}
.xg-news .list{ margin-top: 25px;}
.xg-news .list li+li{ margin-top: 18px;}
.xg-news .list li a{ display: flex; align-items: center; border: 1px solid #999; padding: 20px 30px 20px 10px;}
.xg-news .list li .img{ width: 120px; height: 100px; margin-right: 20px; position: relative; overflow: hidden; border-radius: 6px;}
.xg-news .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.xg-news .list li:hover .img img{ transform: scale(1.1);}
.xg-news .list li .text{ flex: 1;}
.xg-news .list li .text .t{ font-size: 1.6em; color: #222; line-height: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.xg-news .list li .text .p{ font-size: 1.4em; color: #777; line-height: 22px; margin-top: 8px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.xg-news .list li .bq{ overflow: hidden; margin-top: 8px;}
.xg-news .list li .bq span{ font-size: 1.3em; color: #555; margin-right: 35px; display: inline-block;}
.xg-news .list li:hover .text .t{ color: var(--primary-color);}

.pic-list{ margin-right: -30px;}
.pic-list ul{ display: flex; flex-wrap: wrap;}
.pic-list li{ width: calc( (100% - 40px) / 3); margin-right: 20px; float: left; margin-top: 15px;}
.pic-list li:nth-child(3n){ margin-right: 0;}
.pic-list li .img{ height: 160px; width: 100%; overflow: hidden; position: relative;}
.pic-list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.pic-list li:hover .img img{ transform: scale(1.1);}
.pic-list li .t{ font-size: 1.6em; color: #333; text-align: center; margin-top: 10px;}
.pic-list li:hover .t{ color: var(--primary-color);}

.video-list{ margin-right: -30px;}
.video-list ul{ display: flex; flex-wrap: wrap;}
.video-list li{ width: calc( (100% - 60px) / 4); margin-right: 20px; float: left; margin-top: 15px;}
.video-list li:nth-child(4n){ margin-right: 0;}
.video-list li .img{ height: 160px; width: 100%; overflow: hidden; position: relative;}
.video-list li .img img{ position: absolute; width: 100%; height: 100%; z-index: 0; transition: all .3s;}
.video-list li:hover .img img{ transform: scale(1.1);}
.video-list li .icon{ position: absolute; z-index: 1; width: 25px; height: 25px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.video-list li .t{ font-size: 1.6em; color: #333; text-align: center; margin-top: 10px;}
.video-list li:hover .t{ color: var(--primary-color);}

.page-top{ width: 100%; height: 55px; line-height: 55px; font-size: 2.8em; font-weight: bold; padding-left: 20px; background: url(../images/ty-top-bg.png) no-repeat center; background-size: cover; color: #fff; background-color: var(--primary-color); }

.bm-box{ margin-top: 30px; padding-right: 10px;}
.bm-box .box{ border: 1px solid #777; padding-left: 88px; padding-top: 20px;}
.bm-box .box .t{ font-size: 2em; color: #000; line-height: 24px; font-weight: bold;}
.bm-box .box .list{ margin: 15px 0 20px;}
.bm-box .box .list li{ line-height: 40px; position: relative; overflow: hidden;}
.bm-box .box .list li+li{ margin-top: 15px;}
.bm-box .box .list li label{ width: 156px; height: 40px; float: left; padding-left: 35px; border: 1px solid #bebebe; font-size: 1.6em; color: #444; border-right: none; border-radius: 4px 0 0 4px; position: relative;}
.bm-box .box .list li label i{ position: absolute; font-size: 2.4rem; color: #f00; left: 18px; top: 0; line-height: 48px;}
/* .bm-box .box .list li select{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 1.6em; padding-left: 35px; color: #333; appearance: none;} */
.bm-box .box .list li select{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 1.6em; padding-left: 35px; color: #333; }
/* .bm-box .box .list li.select::before{ content: ""; border-top: 10px solid #c7c7c7; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); left: 65%;} */
.bm-box .box .list li p{ width: 200px; float: left; font-size: 1.5em; padding-left: 15px;}
.bm-box .box .list li input[type="text"]{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 1.6em; padding-left: 35px; color: #333;}
.bm-box .box .list li .address{ width: 556px; float: left; border: 1px solid #bebebe; border-radius: 4px; overflow: hidden;}
.bm-box .box .list li .address label{ border: none; border-right: 1px solid #bebebe;}
.bm-box .box .list li .address .frame{ width: 398px; float: left;}
.bm-box .box .list li .address dd{ width: 30%; float: left; position: relative;}
.bm-box .box .list li .address dd:last-child{ width: 40%;}
/* .bm-box .box .list li .address dd::before{ content: ""; border-top: 6px solid #c7c7c7; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;} */
.bm-box .box .list li .address dd select{ border: none; width: 100%; padding-left: 15px; font-size: 1.4rem;}
.bm-box .box .list li .address .text{ border-top: 1px solid #bebebe;}
/* .bm-box .box .list li .address .text label{ border-right: none;} */
.bm-box .box .list li .address .text input{ width: 398px; border: none;}
.bm-box .box .list li button{ border: none; background: transparent; color: var(--primary-color); cursor: pointer;}
.bm-box .box .list li.btns{ text-align: center; padding-right: 22%;}
.bm-box .box .list li.btns input[type="submit"]{ width: 300px; height: 60px; border-radius: 10px; background: var(--primary-color); color: #fff; font-size: 2.2em; border: none; margin-top: 15px;}
.bm-box .box .list li.btns .text{ width: 100%; text-align: center; font-size: 1.6em; color: #000; margin-top: 8px;}

.cx-box1{ padding-right: 10px; margin-top: 30px;}
.cx-box1 .list{ border: 1px solid #777; padding: 60px 0 75px 134px;}
.cx-box1 .list li{ overflow: hidden; line-height: 40px; position: relative;}
.cx-box1 .list li+li{ margin-top: 15px;}
.cx-box1 .list li label{ width: 156px; height: 40px; float: left; padding-left: 35px; border: 1px solid #bebebe; font-size: 1.6em; color: #444; border-right: none; border-radius: 4px 0 0 4px; position: relative;}
.cx-box1 .list li label i{ position: absolute; font-size: 2.4rem; color: #f00; left: 18px; top: 0; line-height: 48px;}
.cx-box1 .list li select{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 1.6em; padding-left: 35px; color: #333; }
/* .cx-box1 .list li.select::before{ content: ""; border-top: 10px solid #c7c7c7; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); left: 70%;} */
.cx-box1 .list li p{ width: 150px; float: left; font-size: 1.5em; padding-left: 15px;}
.cx-box1 .list li input[type="text"]{ width: 400px; height: 40px; border: 1px solid #bebebe; border-radius: 0 4px 4px 0; float: left; font-size: 1.6em; padding-left: 35px; color: #333;}
.cx-box1 .list li.btns{ text-align: center; padding-right: 22%;}
.cx-box1 .list li.btns input[type="submit"]{ width: 300px; height: 60px; border-radius: 10px; background: var(--primary-color); color: #fff; font-size: 2.2em; border: none; margin-top: 24px;}
.cx-box1 .list li.btns .text{ width: 100%; text-align: center; font-size: 1.6em; color: #000; margin-top: 12px;}

.cx-box2{ padding-right: 10px; margin-top: 30px;}
.cx-box2 .box{ border: 1px solid #777; padding: 38px 0 20px;}
.cx-box2 .box .frame{ width: 652px; height: 472px; background: url(../images/lqcg-bg.png) no-repeat center; background-size: cover; margin: 0 auto; padding: 170px 50px 0 50px;}
.cx-box2 .box .frame .t{ font-size: 2em; line-height: 40px; color: #222;}
.cx-box2 .box .frame .t span{ display: inline-block; border-bottom: 1px solid #222; line-height: 30px; padding: 0 30px 0 10px;}
.cx-box2 .box .frame .p{ font-size: 2em; line-height: 40px; color: #222; text-indent: 2em;}
.cx-box2 .box .frame .p span{ display: inline-block; border-bottom: 1px solid #222; line-height: 30px; padding: 0 20px; text-indent: 0;}
.cx-box2 .box .text{ font-size: 1.6em; color: #000; text-align: center; line-height: 40px;}
.cx-box2 .box .text span{ color: #f00; font-weight: bold;}

.cx-box3{ padding-right: 10px; margin-top: 30px;}
.cx-box3 .box{ border: 1px solid #777; padding: 50px 0 60px;}
.cx-box3 .box .frame{  text-align: center;}
.cx-box3 .box .frame .t{ font-size: 2.2em; line-height: 50px; color: #222; margin-top: 28px; font-weight: bold;}
.cx-box3 .box .text{ font-size: 1.6em; color: #000; text-align: center; line-height: 40px; margin-top: 25px;}
.cx-box3 .box .text span{ color: #f00; font-weight: bold;}

.contact-box{ margin-right: -30px;}
.contact-box .map{ width: 450px; height: 280px; float: left;}
.contact-box .map img{ max-width: none;}
.contact-box .text{ background: #f1f1f1; width: 470px; height: 280px; float: left; padding: 30px 25px 0 35px;}
.contact-box .text .t{ font-size: 2.2em; color: var(--primary-color); font-weight: bold; line-height: 30px;}
.contact-box .text .p{ font-size: 1.4em; color: #222; line-height: 34px; margin-top: 24px;}

.pager-list{ text-align:center; margin-top: 30px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 5px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:30px; line-height:28px !important; padding:0 10px !important;  background:#eee; border-radius:4px !important; border: 1px solid #eee;}
.pager-list li a:hover{ background: var(--primary-color);; color:#fff !important; border:1px solid var(--primary-color);}
.pager-list li.active>*{ color:#fff !important; background:var(--primary-color); border:1px solid var(--primary-color);}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}
.pager-list li.active>span:hover, .pager-list li.active>a:hover{ background:var(--primary-color); border:1px solid var(--primary-color); color: #fff !important;}
.pager-list li i{ font-size: 1.2em; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;}

.pager{ font-size: 1.4em; color: #666; line-height: 30px;}
.pager a{ color: #666;}
.pager a:hover{ color: var(--primary-color); text-decoration: underline;}

.enroll-btn {display: inline-block;padding: 10px 30px;color: #fff;background: #fff;font-size: 1.6em;border-radius: 5px;background: linear-gradient(to bottom right, #8ebbff, var(--primary-color) );box-shadow: inset 0 2px 6px var(--primary-color);}
.enroll-btn:hover {background: linear-gradient(to bottom right, var(--primary-color), #8ebbff); color: #fff; }