/*html {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
*/
html{ -webkit-text-size-adjust:none;}
input,button,select,textarea{outline:none} /*取消chrome下input和textarea的聚焦边框*/ textarea{resize:none} /* 取消chrome下textarea可拖动放大 */
*{ -moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;} i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} li{list-style-type:none;}
q:before,q:after{ content:'';} abbr,acronym { border:0;}
img, video{ max-width: 100%; max-height: 100%; vertical-align: middle; border:0;}
a,button,input,select{ -webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
a{ text-decoration: none; color: #222;}
body{ font: 18px/30px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #646875; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: #fff;}
input,select,textarea,button{ font: 16px/28px "Microsoft YaHei", "微软雅黑", "宋体", Arial; border: 0 none; color: #333;}
input:focus{ outline: none;} button, input[type='button']{ border: 0 none; background: transparent;}
table{ font-size:inherit; font:100%;} p{ margin: 0;} input{ outline: 0px; -webkit-appearance:none; -webkit-box-shadow: 0 0 0 1000px transparent inset !important;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
input, textarea{ width: 100%; padding: 8px; outline: none;}
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: transparent!important; background-image: none !important; -webkit-box-shadow: 0 0 0 1000px #c30d23 inset !important;}*/
.clearfix:after, .clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;}
.show-pad, .show-phone{ display: none;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.font15{ font-size: 15px;} .font16{ font-size: 16px;} .fb{ font-weight: bold;}
.font17{ font-size: 17px;} .font18{ font-size: 18px; line-height: 30px;}
.font19{ font-size: 19px; line-height: 26px;} .font20{ font-size: 20px; line-height: 28px;}
.font21{ font-size: 21px; line-height: 30px;} .font22{ font-size: 22px; line-height: 32px;}
.font23{ font-size: 23px;} .font24{ font-size: 24px; line-height: 34px;}
.font25{ font-size: 25px;} .font26{ font-size: 26px; line-height: 36px;}
.font27{ font-size: 27px;} .font28{ font-size: 28px; line-height: 38px;}
.font30{ font-size: 30px; line-height: 36px;} .font32{ font-size: 32px; line-height: 40px;}
.font36{ font-size: 36px; line-height: 48px;}
.font40{ font-size: 40px; line-height: 52px;}
.font48{ font-size: 48px; line-height: 60px;}
.font60{ font-size: 60px; line-height: 72px;}
.blue{ color: #0168bf;} .orange{ color: #ff8a17;}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-direction: row;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.center{ justify-content: center; align-items: center;}
.start{ justify-content: flex-start; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}
.form-control::-webkit-input-placeholder{ color: #fff;} .form-enroll .form-control::-webkit-input-placeholder{ color: #888;}
.pic{ position: relative; width: 100%; overflow: hidden;} .pic img{ width: 100%; height: 100%;}
.trans, .comlist li, .comlist a{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
a:hover .rotate, .plus.rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
.scale:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.shade{ display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.container{ width: 100%; max-width: 1520px; padding: 0 10px; margin: 0 auto;}
.vertical{ display: table-cell; vertical-align: middle;}
.tellips, .name, .mright .etitle{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tcenter{ text-align: center;}
.btn-solid{ display: block; height: 48px; line-height: 48px; color: #fff; text-align: center; background: #0168bf;}
.btn-hollow{ display: block; width: 140px; border: 2px solid #4bb8ab; margin: 0 auto; line-height: 40px; color: #4bb8ab; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
.btn-more{ display: block; width: 170px; padding: 0 16px; border: 1px solid #fff; line-height: 48px; color: #fff; background: url(../images/iright.png) no-repeat 88% center;}
.btn-more:hover{ border-color: #69b6ab; background-color: #4bb8ab;}
.scroll-top{ position: fixed; z-index: 99; bottom: 38px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}
.btn-slide{ display: none; position: absolute; top: 36px; left: 50%; width: 118px; height: 118px; padding: 12px; margin-left: -60px; color: #fff; background: #ff7c1d;}
.btn-slide:after{ content: '\0020'; display: block; position: absolute; top: -16px; right: 50%; width: 8px; height: 8px; border: 8px solid transparent; border-bottom-color: #ff7c1d; margin-right: -12px;}
.header{ position: absolute; z-index: 88; top: 0; left: 0; width: 100%; line-height: 96px; background: rgba(255,255,255,.08);}
.header .logo{ width: 163px;}
.navbar{ float: right; width: 75%;}
.nav-list li{ float: left; position: relative; width: 12.5%;}
.nav-list a{ display: block; font-size: 16px; color: #fff; text-align: center;}
.nav-list .active a, .nav-list a:hover{ color: #fff; background: #4bb8ab;}
/* footer */
.footer{ padding: 70px 0 50px; color: #fff; background: #393f5c;}
.footer .col-logo{ width: 260px; padding: 13px 40px 13px 0; border-right: 1px solid #75798d;}
.footer .col-info{ width: 430px; padding-left: 30px; border-left: 1px solid #1f2338;}
.footer .col-qrcode{ margin-left: 12px;}
.footer .pic{ width: 126px; height: 126px;}
.footer .name{ margin: 5px 0; text-align: center;}
.footer .ftel{ margin-top: 12px;}
.copyright{ padding: 15px 0; font-size: 14px; color: #fff; background: #262a3c}
.copyright span{ display: inline-block;}
.fixed-bar, .fixed-slide{ position: fixed; z-index: 66; top: 28%; right: 5px;}
.fixed-bar{ display: none;}
.fixed-bar a{ display: block; padding: 13px; margin-bottom: 5px; background: #4f4f4f;}
.fixed-bar a:hover{ background: #4bb8ab;}
.fixed-bar .btop{ background: #bdbdbd;}
.fixed-bar .ibar{ width: 28px; height: 28px;}
.fixed-slide{ right: 68px;}
.fixed-slide .target{ display: none; width: 300px; padding: 20px; background: #fff; text-align: center; border-radius: 4px; box-shadow: 3px 3px 3px #5c5d5d; background-repeat: no-repeat; background-position: 18% center; background-color: #fff;}
.fixed-slide .tqq{ padding: 40px 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAMAAABZobp+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFrUExURUxpcQMAAAIAAAMAAAMAAOGMEgEAAP6zFQMAAPGdGAEAAAIAAAIAAAIAAO2UFAIAAAIAAAMAAO55FumRFAIBBPU6LfifEuiIEuRyFjIoBQEAAPCJCu2UFO6TFFgyMoIdF/E4LM9XH+iJEUMrBY8hGpNYBopYINszJaBKFew3KwQAAP///wAAAPSkGN00KNspGuU1KO44K/moGNowJdbW1f2rF/6uGCULBBUUFpOQjsErIkETCPTy8iUjJOGNGzY0NAkEARMEAs8vJdkgEOVpYIKAgnNKBuLj5VdVV7GwsOyTjeaXAvzZ13t2cV9jZbu8uaUmHmsYEs7MyGNAB/b6/KSjo0JAQuJ8da9oALshFZk+KpZaD4NbDLV7EfZ8dFoOEZpmDaNsENB4HvW5tcHI1J1kAuj4/+5XTe2dmEskCbNUJf7GG2pqbfGmo0UwE9NZUX9fL8dybmJFGcwlF/27t/yppcyIFCUjA+N0QjEqfLoAAAAqdFJOUwCNHfW7IzD+d/5PRGrR0ewNoTUP+/yUWhj6W3O55FRsxEWezMLIkZBY2T86L/0AAAKkSURBVDjLhZP3d6JAEMftiCVEo1FTLuXaezCsIijYW2zR2DW993K9/fu3LGowl/fu+wNlvx9mZ2YHg0Evm8NltDts84bXtWRhNbntplds28QmiOsf32FmZ2T8j/+SsBEfALSremNndiH7g1LLYAsyOVYlzLpMncTPVKvDHEAtzdUJYX8GPARoV0fDBCi9+nCwowLMtB/zDAG4hFJ/glyvXpbqJAvnNEWSNkgSm9kBJc0NuDIB7DMpsJBLS4kRQJnjJAVmKnVoAGSeRmqNtZaiFeqZbqGVzxZS/fPz87NKSi4QYhrhjVqV3D/mY7E4Viwa/12RgYWlCbDewV/0Hyk+ShSLZunHCkB+bewHkT+ZAjiKxrPZLE1nLy5o/igPcsfv1YANhASxW4DQMZ19ODh4uMgeh4DtFgX0UQPWhAiKCMWuDKGjs8PDs8ofKJwm8SJa1/ro7iIBiRF/sXMqp+7vU/JpJykIIl58RwA7QGq/FEYo4hdQMZkskgcxHEmmzGqzTQxuQf7brYiwIkQIiaXw7QEuzaIGICd98/NHEX81Edq6TLdwc3w2g8lNjmHwK5zc//Jpdwtrd/uyyXFcAshYORntnE7CaH+X04sAHoPdNwHE8PYMQIbGYjCqf4FPqZ6UxNIs0GIIsIQvJje0m6g0C6QzFrsKmIyeeYMRWlzz7q6pB9rgwhWOR8Lmy0vcC40YPPbOyei7zLUX/pBx6H+cjZA6ijpJvrfWZ3thkeL7kND5V0qFohanwArPx6lruXZ1Q9xBtfx5j4rx/IQI8FhRqnH4fafdk6Re4ut1g4qqi+NdvDxRNE419t6/+bDXoGLE5umFcYhlWkN4ehEvLa+OX+nANAnv5hzWyrIWMhhYmVtdndv06spcsGIFp69Bqzdg1eL/BcAsrB9fgB9sAAAAAElFTkSuQmCC);}
.fixed-slide .tphone{ padding: 30px 20px; margin-top: 54px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUxpca+ws6+ws6+ws6+ws6+ws6+ws6+ws6+ws6+ws6+wsxgf0dkAAAAKdFJOUwDoxxBkMIOjIEL+M+JDAAAA3ElEQVQY0z2QsU4DMRBEhwunu+uQAAlSRUDl6oSQaA9R0cEfBBBNOkSXjgqJijpVfAqJ9L4yu7ZhGnu8szO7lhxPjPf6xwLia7rd2OvtRSA+GqmnsbejfeYktTBzSRsYpABbTcKVGk4lzEA1nGtpLcaQXmComGsKo7V98dty7FGX7rKMWmy0gh9nDcP3qAp3tgRmB6jD5I6wrvDAXZ71yNlnkXZ9E6VD2ORNJm/uXYoZVS72RWCDf+iavK5diA9l3Vx05FybKqFY6y6xbWFt0p79pXRGi4ujfvdv2QP5BVUQDZnqrgAAAABJRU5ErkJggg==)}
.fixed-slide .tqr{ margin-top: 108px;}
.fixed-slide .name{ font-weight: bold; color: #333;}
.fixed-slide .sname{ display: inline-block; padding: 0 8px; border:1px solid #e7eeed; border-radius: 20px; margin-top: 5px; font-weight: 700; color: #4bb8ab;}
/* mod */
.mod{ padding: 80px 0; background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: hidden;}
.mod .bd{ margin-top: 50px;}
.title{ color: #1b1e3d; text-align: center;}
.title .en{ font-size: 60px; color: #eef2f5; font-weight: bold; line-height: 72px; text-transform: uppercase;}
.title .china{ margin-top: -62px; font-size: 46px; font-weight: bold; line-height: 48px;}
.stitle{ margin-top: 12px; font-size: 20px; line-height: 48px; color: #646875; text-align: center;}
.etitle{ font-size: 14px; line-height: 32px; color: #646875; text-transform: capitalize;}
.swiper-banner .swiper-button-white{ background-color: rgba(0,0,0,.2);}
.switch-nav{ margin: 40px 0; text-align: center;}
.switch-nav .target{ display: inline-block; width: 176px; margin: 0 30px; line-height: 56px; border: 1px solid #6eb8ae; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #69b6ab; background: #fff;}
.switch-nav .active, .switch-nav a:hover{ color: #fff; background: #69b6ab;}
.tab-panel{ display: none;} .tab-panel.active{ display: block;}
.tablist li{ float: left; width: 32.3%; height: 212px; padding: 20px 10px; margin-right: 1%; margin-bottom: 10px; padding: 12px; line-height: 24px; text-align: center; background: #f0f3fa;}
.tablist li:nth-child(2), .tablist li:nth-child(6){ width: 65.6%;}
.tablist .pic{ width: 90px; margin: 12px auto;}
.tablist .name{ color: #464962;}
.tablist .vertical .info{ float: left; width: 70%; margin-top: 5%;}
.tablist .vertical .pic{ float: left;}
.mleft{ float: left; color: #fff;} .mleft img{ width: 100%; height: 100%;}
.mleft .minner{ padding: 12% 40px 0;}
.mleft .font16{ margin: 24px 0; line-height: 20px;} .mright{ float: right;}
.mod-prouter{ position: relative; z-index: 55; margin-top: -50px;}
.mod-prouter .container{ background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;}
.mod-pro .mleft{ width: 25%; background: url(../images/p1.png) no-repeat 0 0; background-size: cover}
.mod-pro .mright{ width: 74%;}
.mod-pro .jleft{ background-image: url(../images/p2.png);}
.mod-plan{ background-image: url(../images/bplan.png);}
.mod-plan .en{ color: #e1e5ef;}
.mod-plan .mleft{ position: relative; width: 40%;}
.mod-plan .minner{ background: linear-gradient(#4781e9,#98b9f1);}
.mod-plan .minner2{ background: linear-gradient(#4bb8ab,#a6d8d2);}
.mod-plan .mright{ position: relative; width: 59%;}
.mod-plan .cie{ position: absolute; bottom: 20px; right: 20px; width: 118px; height: 115px;}
.mod-plan .btn-next, .mod-plan .btn-prev{ position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px;}
.mod-plan .btn-next{ right: -65px;} .mod-plan .btn-prev{ left: -65px;}
.xplan-list li{ float: left; width: 49%; margin-bottom: 12px;} .xplan-list li:nth-child(2n){ float: right;}
.swiper-plan .pic, .xplan-list .pic{ position: relative;} .swiper-plan .name, .xplan-list .name{ width: 80%;}
.swiper-plan .inner, .xplan-list .inner{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 20px; color: #fff; background: url(../images/imore.png) no-repeat 95% center rgba(0,0,0,.3);}
.swiper-plan .line, .xplan-list .line{ display: none; width: 40px; height: 2px; margin-top: 15px; background: #fff;}
/*.swiper-plan .remark{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}*/
.mod-more{ padding: 20px; background: #f1f1f1; text-align: center;}
.mod-more .ibtn{ width: 60px; height: 60px;}
.mod-more .idot{ width: 120px; height: 60px; margin: 0 10px;}
.case-list{ margin-right: -1%;}
.case-list li{ float: left; width: 32.3%; margin-right: 1%; margin-bottom: 10px;}
.case-list .pic{ position: relative;}
.case-list .remark{ display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: rgba(0,0,0,.3);}
.case-list .name, .swiper-case .name{ color: #fff;}
.case-list .name.black, .swiper-case .name.black{ color: #666; text-align: center;}
.case-list .info, .swiper-case .info{ padding: 20px; background: #fff;}
.case-list a:hover .remark{ display: block;}
.case-list a:hover .info, .swiper-case a:hover .info{ background: #4bb8ab;}
.case-list a:hover .name.black, .swiper-case a:hover .name.black{ color: #fff;}
.mod-about{ color: #fff; background: #f0f3fa;}
.mod-about .en{ color: #e1e5ef;} .mod-about .m20{ margin: 30px 0;}
.mod-about .info{ padding: 70px 50% 160px 70px; background: url(../images/babout.png) no-repeat center 0; background-size: cover;}
.mod-about .abtxt{ height: 180px; line-height: 30px; text-indent: 2em; overflow: hidden;}
.flex-about{ width: 80%; padding: 40px; margin: -90px auto 0; color: #666; text-align: center; background: #fff;}
.flex-about .num{ position: relative; display: inline-block; font-weight: bold; color: #000;}
.mod-college{ background: linear-gradient(#fff,#dfe7f7);}
.swiper-college{ padding: 0 15%;}
.swiper-college .swiper-slide{ padding: 30px; background: #fff;}
.swiper-college .swiper-slide-prev, .swiper-college .swiper-slide-next{ filter: grayscale(0);}
.swiper-college .name{ margin: 12px 0 6px; font-weight: bold; color: #1b1e3d;}
.swiper-college .date{ color: #9095a6;}
.swiper-college .swiper-button-white{ background-color: #54bcaf;}
.swiper-college a:hover .name{ color: #54bcaf;}
.mod-news .bd{ margin-right: -2%;}
.mod-news .col{ float: left; width: 33%; margin-right: 2%;}
.mod-news .col-left{ width: 28%;}
.mod-news .pic{ display: block; width: 100%; margin-top: 20px;}
.news-list li{ padding: 15px 0 18px; border-bottom: 1px solid #d3d9e5;}
.news-list a{ display: block; position: relative; padding-right: 100px; color: #5a5d73;}
.news-list .date{ position: absolute; top: 0; right: 0;}
.news-list a:hover{ font-weight: bold;}
.mod-animate .bd{ position: relative;}
.mod-animate .swiper-button-white{ width: 36px; height: 36px; background-size: 8px 13px; background-color: rgba(31,45,61,.11);}
.mod-animate .swiper-button-prev{ left: -28%;}
.mod-animate .swiper-button-next{ right: -28%;}
.mod-partner{ background: url(../images/bpartner.jpg) no-repeat 0 0; background-size: cover;}
.mod-partner .en{ color: #e1e5ef;}
.swiper-partner .swiper-slide{ padding: 30px 20px; border-right: 2px solid #ededed; border-bottom: 2px solid #ededed; background: #fff}
.mod-partner .swiper-pagination-bullet{ width: 30px; height: 8px; border-radius: 4px; background: #f0f4f8;}
.mod-partner .swiper-pagination-bullet-active{ width: 60px; background: #fff;}
.partner-list li{ float: left; width: 20%;}
.partner-list a{ display: block;}
.mod-apply{ padding: 40px 0; color: #fff; background: url(../images/bapply.jpg) no-repeat center 0; background-size: cover;}
.mod-apply .line{ width: 48px; height: 3px; margin: 12px auto 20px; background: #fff;}
.form-list .group{ float: left; width: 16%; margin-right: 1%;}
.form-list .group-code{ position: relative; padding-right: 90px;}
.form-list .group-btn{ float: right; width: 15%; margin: 0;}
.form-list .bcode{ position: absolute; top: 0; right: 0; height: 60px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;}
.form-list input, .form-list .btn-submit{ -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
.form-list input{ padding: 10px; line-height: 40px;}
.form-list .btn-submit{ width: 100%; line-height: 60px; color: #fff; background: #54bcaf;}
.mod-blue{ background: #f0f3fa;} .mod-blue .en{ color: #e1e5ef;}
.mod-banner{ position: relative; color: #fff;}
.mod-banner .binfo{ position: absolute; z-index: 6; bottom: 28%; left: 0; width: 100%;}
.mod-banner .vertical{ display: block; width: 100%; padding-left: 5%;}
.mod-banner .font48{ padding-top: 5%; font-weight: bold;}
.mod-banner .font40{ margin-top: 10%; font-weight: 700;}
.mod-banner .font30{ margin-top: 8px;}
.prolist li{ padding: 36px; margin-bottom: 40px; background: #fff;}
.prolist .pic{ float: left; width: 48%;}
.prolist .info{ float: right; position: relative; width: 48%; overflow: hidden;}
.prolist .txt{ position: relative; z-index: 1;}
.prolist .font36{ font-weight: bold; color: #1b1e3d;}
.prolist .line{ width: 40px; height: 3px; margin: 12px 0; background: #4bb8ab;}
.prolist .num{ position: absolute; bottom: 0; right: 0; font-size: 100px; font-weight: bold; line-height: 102px; color: #d9deea;}
.prolist li:nth-child(2n) .pic{ float: right;}
.prolist li:nth-child(2n) .info{ float: left;}
.title.tleft{ margin-bottom: 30px; text-align: left;}
.mod-profile .rpic{ float: right; width: 40%;}
.mod-profile .info{ float: left; width: 58%;}
.mod-profile .font36{ position: relative; padding: 20px; font-weight: bold; color: #1b1e3d;}
.mod-profile .font36:after{ display: block; position: absolute; top: 24px; left: 0; width: 6px; height: 40px; background: #4bb8ab; content: '\0020';}
.mod-history{ background-image: url(../images/bhistory.jpg);}
/*.mod-history .china{ color: #fff;} .mod-history .en{ color: #96c6cc;}
*/
.mod-honor{ position: relative;}
.mod-honor .phonor{ position: absolute; bottom: 10%; left: 0; width: 40%; max-width: 700px;}
.area-list{ margin-right: -1%;}
.area-list li{ float: left; width: 24%; margin-right: 1%;}
.mod-goal .pic{ float: left; width: 25%;}
.mod-goal .pcenter{ _display: inline; width: 40%; margin: 0 4%;}
.mod-goal .pright{ float: right;}
.contact-list li{ float: left; position: relative; width: 33.3%; padding-left: 120px; color: #1b1e3d;}
.contact-list .iabout, .contact-list .vertical{ height: 100px;}
.contact-list .iabout{ position: absolute; top: 0; left: 0; width: 100px;}
.mod-press .btn-hollow{ margin: 30px auto 0;}
.press-list li{ float: left; width: 49%; padding: 25px 20px; font-size: 16px; margin-bottom: 20px; background: #fff;}
.press-list li:nth-child(2n){ float: right;}
.press-list .pic{ float: left; width: 38%;}
.press-list .info{ float: right; position: relative; width: 58%;}
.press-list .txt{ height: 72px; line-height: 24px; color: #646875; overflow: hidden;}
.press-list .date{ position: absolute; bottom: 0; left: 0; color: #bab9b9;}
.press-list a:hover .font24{ color: #4bb8ab;}
.tab-break{ float: left; width: 50%;}
.switch-break{ float: right; width: 52%; padding: 20px 20px 20px 4%; border: 1px solid #c3c9d5; margin-left: -2%;}
.switch-break a{ display: block; position: relative; padding: 20px 20px 20px 120px; margin-bottom: 15px;}
.switch-break .date{ position: absolute; top: 10%; left: 10px; width: 86px; text-align: center;}
.switch-break .year{ font-size: 13px;}
.switch-break .active, .switch-break a:hover{ color: #fff; background: #4bb8ab;}
.switch-break .active .year, .switch-break a:hover .year{ border-color: #fff;}
.pagination{ padding: 20px 0; font-size: 14px; line-height: 24px; text-align: center;}
.pagination a, .pagination span, .pagination select{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.pagination a, .pagination .nolink{ display: inline-block; padding: 3px 8px; margin: 0 3px; color: #757575; background: #fff;}
.pagination select{ padding: 0 8px;}
.pagination span{ display: inline-block; margin: 0 5px;}
.pagination .pbtn{ width: 24px; height: 24px; background: url(../images/arrow.png) no-repeat center 0; background-size: 20px 100px; text-indent: -9999em;}
.pagination .pright{ background-position-y: -50px;}
.pagination a:hover, .pagination .active{ color: teal;}
.pagination a.pleft:hover .pleft, .pagination .pleft.active{ background-position-y: -25px;}
.pagination a.pright:hover, .pagination .pright.active{ background-position-y: -75px;}
.mod-detail .sname{ margin-top: 15px; font-size: 16px; color: #7c7e96;}
.mod-detail .font40{ font-weight: bold; color: #1b1e3d;}
.mod-detail .snum{ margin-left: 5%;}
.edit-line{ border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin: 30px 0;}
.edit-info{ padding: 30px 0; font-size: 14px; line-height: 24px; color: rgb(34,34,34);}
.edit-info img{ display: block; max-width: 100%; width: auto; margin: 15px auto; text-align: center;}
.new-page a{ display: block; margin: 4px 0; color: #1b1e3d;}
.new-page a:hover{ color: #4bb8ab;}
.plan-list li{ padding: 80px 0;}
.plan-list a{ display: block; position: relative;}
.plan-list .pic{ width: 80%;}
.plan-list .info{ position: absolute; top: 50%; right: 10px; width: 40%; padding: 40px; box-shadow: 0 0 8px 8px rgba(5,0,1,.05); background: #fff;}
.plan-list .btn-more, .btn-more.green{ background-color: #4bb8ab;}
.plan-list .name{ font-weight: bold;}
.plan-list .txt{ height: 90px; margin: 15px 0 45px; overflow: hidden;}
.plan-list li:first-child{ padding-top: 40px;}
.plan-list li:nth-child(2n){ background: url(../images/bplan2.png) no-repeat center center; background-size: cover;}
.plan-list li:nth-child(2n) .pic{ float: right;}
.plan-list li:nth-child(2n) .info{ right: auto; left: 10px;}
.mod-phot .bd{ position: relative; padding-left: 30%;} .mod-phot a{ display: block;}
.mod-phot .pleft{ position: absolute; top: 0; left: 0; float: none; width: 29%;}
.mod-phot .remark{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.mod-phot .info{ position: relative; width: 33%; padding: 20px; color: #1b1e3d; background: #f0f3fa;}
.mod-phot .ptarget{ width: 33%;}
.mod-phot .ptarget .info{ float: none; width: 100%;}
.mod-phot .ptarget2{ width: 66%;}
.mod-phot .ptarget3{ margin-top: 8px;}
.mod-phot .ptop, .mod-phot .pinfo{ width: 49.5%;}
.mod-phot .pbot{ width: 66%;}
.mod-phot .bmore{ position: absolute; left: 20px; bottom: 20%; width: 48px; height: 48px; background: url(../images/pleft.png) no-repeat 0 0; background-size: 48px;}
.mod-phot .bmore2{ background-image: url(../images/pright.png);}
.mod-phot a:hover .remark{ display: none;}
.mod-phot a:hover .info{ color: #fff; background: #4bb8ab;}
.mod-phot a:hover .bmore{ background-image: url(../images/pleft2.png);}
.mod-phot a:hover .bmore2{ background-image: url(../images/pright2.png);}
.mod-pdetail{ background: url(../images/pdetail.png) no-repeat center bottom; background-size: 100%;}
.mod-pdetail .cont{ position: relative; padding: 78px; box-shadow: 0 0 12px 12px #eff5fe; background: #fff;}
.mod-pdetail .swiper-button-white{ background-color: #54bcaf;}
.mod-pdetail .swiper-button-prev{ left: 10px;}
.mod-pdetail .swiper-button-next{ right: 10px;}
.mod-fcase .bd{ position: relative;}
.mod-fcase .font32{ font-weight: bold; color: #1b1e3d;}
.mod-fcase .font24{ margin-bottom: 20px; font-weight: bold; color: #1b1e3d;}
.mod-fcase .cont{ background: url(../images/2.png) no-repeat 0 center; background-size: 100%;}
.mod-fcase .info{ padding: 50px;}
.mod-fcase .linfo{ float: left; width: 70%; padding-left: 100px;}
.mod-fcase .rinfo{ float: right; width: 30%;}
.mod-fcase .txt{ height: 140px; margin: 12px 0; line-height: 28px; overflow: hidden;}
.mod-fcase .btn-more{ background-color: #4bb8ab;}
.mod-fcase .itag{ padding-left: 28px; margin-top: 10px; color: #646875; background: url(../images/ihook.png) no-repeat 0 center;}
.mod-fcase .cont{ display: none;} .mod-fcase .active{ display: block;}
.gallery-top{ margin-bottom: 30px;}
.gallery-thumbs{ width: 86%; margin: 0 auto;}
.gallery-thumbs .pic{ padding: 0 20px;}
.swiper-button-green{ top: auto; bottom: 12px; width: 28px; height: 28px; border: 2px solid #4bb8ab; background-color: #fff;}
.mod-fcase .swiper-button-prev{ left: 3%;}
.mod-fcase .swiper-button-next{ right: 3%;}
.mod-custom .bd{ margin-top: 80px;}
.mod-custom .cinner{ position: relative; padding-left: 60%;}
.mod-custom .pic{ width: 100%;}
.mod-custom .info{ position: absolute; top: 0; left: 0; width: 56%; overflow: hidden;}
.mod-custom .cname{ margin-bottom: 5%; font-weight: bold; color: #333;}
.mod-cdetail .container{ position: relative;}
.mod-cdetail .swiper-button-white{ background-color: #4bb8ab;}
.swiper-cdetail{ width: 80%; margin: 0 auto;}
.swiper-feature{ width: 90%; padding: 40px 25%; margin: 0 auto; transform: scale(0.9);}
.swiper-feature .swiper-slide-active{ z-index: 66; transform: scale(1.2);}
.swiper-feature .info{ padding: 0 20px; color: #fff; line-height: 66px; background: #4bb8ab; text-align: center;}
.swiper-feature .swiper-button-white{ background-color: rgba(31,45,61,.3);}
.mod-school .font40, .mod-school .font30, .mod-school .font26{ color: #1b1e3d; font-weight: 700;}
.mod-school .font40, .mod-school .font26{ margin-bottom: 30px;}
.mod-school .font30{ margin: 20px 0;}
.mod-school .btn-more{ margin-top: 30px;}
.main{ float: left; width: 55%;}
.aside{ float: right; width: 38%;}
.aside .smod{ margin-bottom: 80px;}
.aside .scon{ padding-left: 45px;}
.aside .ihot{ background: url(../images/fire.png) no-repeat 0 center;}
.aside .irank{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEX///////774cv3yaH3wpX+9/D0rHDwk0T0sXf869z//fz99u799ez4z6v99Oz3zKT2yJzzsXXxmU71t4LzqGn52r32wpX4yaL2wJL41rT3yKDyo2DxmEzypGHwlknzpWTwlkjwlkr0r3XyoVv41rX0snjyo1/63sP0tX32v5Hzpmb98+r1vYr2vo775tP2x5vwlUj98+n53cLzrG/ynlf97eDwlEbzqGj3xJj//Pv++fT0rnL//fv3x5798un3w5fyn1n0sHf1tH74y6XyoV3zpmT//Pnxm1L738f0rXHyoFtSTJJKAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UDEgANOKpBA4YAAAE5SURBVDjL3dPZdoIwFAVQlEicjVaLdsAqWG2xilqt8zz2/z+ot0JDgAB9bc9Tss5esBIugvDvEomKiI0YjfBYTMLuSDGOi2Nv4l6WwLwknCiZSme4LpNOJW2WzRGSp13hpkjXeUJyWepKhHGFW7nMOlKirsI4YHf3DlfhuQdgjzjcFU2mVJ+CXa2ufj+1LNc5ToNdg7kNYOLzddWARqOuCbuWzWovsvhqLlvQNKnTYde22RtluA2Nbl90h5CuYlUGw5QuIR32w/X62sDq3m2GB1q/5x6E4cgqP9QfNhryBnDsmYIxd54n7kGVJvzBn84cbDb1+0PmC4MqYzEX/LNcra9qvVoKIdkA24QhyBbcNsToO4T24PYI7fQAd2COe/BnR8e9HP3hiWGngPeeL+qnGfVy/sWZ/16+AI5PJ8gY5xgFAAAAAElFTkSuQmCC) no-repeat 0 center;}
.aside-list .info{ position: relative; padding: 12px 90px 16px 0; color: #1b1e3d;}
.aside-list .date{ position: absolute; top: 12px; right: 0; font-size: 15px; color: #7c7d91;}
.main2{ width: 70%;} .aside2{ width: 25%;}
.rank-list li{ margin-bottom: 20px;}
.rank-list a{ display: block; position: relative; padding-left: 35px; color: #1b1e3d;}
.rank-list .num{ position: absolute; top: 50%; left: 0; width: 22px; margin: -11px 0 0 5px; font-size: 12px; line-height: 22px; color: #9d9ea5; text-align: center; background: url(../images/grank.png) no-repeat center center; background-size: 20px 22px;}
.rank-list li:first-child .num{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAMAAAA8w5+RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACQ1BMVEX04Hv04Hr033r033n033j03XT03HP03HL023H////023D022/101310lv10Vr10Fn10Vn10Fj1z1f1z1X1zlT2yUn10Ff1z1b1z1T1zlP2zVL2zVH2zFD2yUj2zlL2zVD2zE/2zE72y032yUf2yEf03nj03nf03nb03XX033j03nb03XP03HL03HH033j03nf03nb022/02m712m303nj03nf12Wv12Gr033j03nf112b11mX03nf03nb11WP11GH03nb101/03XT10l303HL10Vv023H10Fn02m/1z1b12m31zlT12Wv2zlL12Gj2zVD112b2zE/11mT2y0311WL2ykv11GD10172ykv2ykr10lz10Vv10Vr2ykv2ykr2yUn10Ff1z1b1z1X2ykv2ykr2ykn2zlP2zVL2ykv2ykr2zE/2y072ykv2ykr2y0z2ykv2ykn03XX03XT03nb03HP03HL023D023H02m712m312Wz03HH02m/12Wv12Gr12Gn112f03nX022/112j11mX11mT234T56rb445j12Gj11mb11WP11WL11GD12m7////67L7112b11GH101723YL44pf67L3101/101310lz667z10lv10Vr667v11F/10l310Vn10Fj11WT66rv10Vv10Ff1z1b11GL66rr1z1X1zlT66bn2zlP2zVL55Kb99N766Lj21nT2zVH2zFD77MP99N332X/1zlP2zlL2zVD2zE/2zE710Fn2y032y0z2ykz2yks/q32EAAAAcXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIYWFIQz4+IUMAV7l5V4BN8jINxqioho78vI7uLjQ0NDQ0NDQ0NDQ0NDQ0NDQzs6kpBnExBkBWuTkWgEKgvf3ggofqakfPs/PPgI+AooB0PQAAAABYktHRAnx2aXsAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH5QMSAA03Ov4eFwAAAZRJREFUGNNjYAACRiZmFlU1dQ1WNnYOTiAAizEza6ppFRZp6+hycUMEgcr09A2KC4tKSssMjYzBgkCdJqZgofKyisoqM3OQILOFJViouqymoqq2rr7BypqTwca2EShWXdYEVFZX39zQ0mpnz+AA1dnW3lHX2dDV2t3T68jgBBKq6Wvv75/QMLGlu2dS72RnBheIzilT+6e1tHZP6p0+Y6YrgxtIqBZoWP8soM7pk2fOnuPO4NEHtrOrpX/upHmT58+cs2ChJ4MXUKh5Ysuinv7FQJ1LFixcusybwQfsjO7lvf0rgDqBQitX+TL4AXUC7Zw+uX81UCdQaM1af4YAoE6gM9at7l+/YSNIaNPmQIYgkDMmz9yyfv3Wrdu279i0c9fuYIYQoM75s+fsARm2BiS0d18oQ1g42BlLITqBQvsjIhl4oqJjQHZuBwqBlMXGxXMy8PLxJyQmwXQmp6SCwlNAUEhYJC19E0joQEamKDjkxcQlJKWkZbKy9+7LyRWVlQULCovIScsrKCrl5ecWiMoqq4AEATDbwzfr4EMwAAAAAElFTkSuQmCC); text-indent: -9999em;}
.rank-list li:nth-child(2) .num{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAMAAAA8w5+RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACQ1BMVEXT4/bS4vbR4vbO3/XN3/XM3vTL3vT////L3fTK3fTS4/a80/G60vG50vC40fC50fC40PC30PC2z/C1zu+sye21z++0zu+zze+yze+yzO+sye6syO2ryO21z/CxzO+wy+6vy+6qx+3Q4fXQ4fXP4PXO4PXR4fXP4PXN3/XM3vXL3vTR4fbQ4fXP4fXK3fTJ3PTI3PTQ4fXQ4fXH2vPG2vPR4fXQ4fXD2PLC1/LQ4fXP4fXA1vK/1fLP4PW91PHO3/W80/HM3vW60vHL3vS40fDJ3PS30PDI2/S1z+/G2vO0zu/F2fOyzO/D2PKxzO7B1/Kvy+7A1vKuyu6+1fG91PGuye6tye670/G60vG50fCuyu6tye6sye630PC20PC2z/Cuyu6tye6tye60zu+zze+uye6tye6xzO6wy+6uyu6tye6vyu6uyu6tye7P4PXO3/XO4PXN3/XM3/XM3vTL3fTL3vTK3fTJ3PTI3PTH2/PM3vXI2/TG2vPF2fPE2fPF2vPD2PPC2PLB1/LQ4fXl7vrk7fnd6PjE2PPD2PLC1/LA1vK/1vK+1fHU4/b8/f7y9vz////j7fm/1fK+1PG91PHg6/jm7/q80/G70/Hh7Pm81PG60vG50fDw9fzs8vu70vG60vC40PDP3/W40fC30PC2z/D7/f7n7/q1z++0zu/B1vLL3PT09/y1zu+zze/K3PTj7Pne6fiyze+xzO/W5Pbv9Pzv9Pvu9PvT4vWyzO+wy+650vCvyu6xy+6uyu6xzO6vy+6HypLhAAAAbnRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIYWFIQz4+IUMAV7l5V4BN8jINxqioho78vI7uLjQ0NDQ0NDQ0NDQ0NDQ0NDQzs6kpBnExBkBWuTkWgEKgvf3ggofqakfPs/PPgI+AgOtf58AAAABYktHRAcWYYjrAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH5QMSAA02TfkugQAAAZhJREFUGNNjYAABRkYmJWUVVWYWVjZ2IIAKqSmr5+VraGpxcEIEuRiZtHV08woKi4pL9PQNwIJAZYZGeQX5hcWlZeUVlcYmIEEmU7O8vPzCqtKysvLqypraOnMLdgZLK4hOkLKa+rqGxiZrGwbbgkKQzuaW1rb62vaOzq7uHjsGe5BQWW9fX/+EiR2dTV2TJk9xYHAE6awumVpeN60PKNQzZfoMJwZnuGEzJ3T3TJk1Y/YcFwZXiJ1AnXPnTZ4yff6COQvdGNyhQl29ExZNn7FgzuIlSz0YPMHO6OouWbYcqBMotGKlF4M3UNmqrkmrl60B6VyydO3KdT4MviBn9KxfNmHDxrbVQGXrNm32Y/AHunbK9C1bt23bvn3HynXrdm7eFcAQOGky0Bm7Fy8B6wQK7doTxBAcMh1u2KbNe3ft2RcaxsAdHhEJthOoc/+uA/uiomPYGXh4+WLj4iE6D+xJSEwChSe/gKCQcHIKRGdqmgg45AWFRMXEJSTTMw7sy8ySkpYBC8oKi4lLyskrZOdk5UrLyCiCBAEN1MAWtdX/ywAAAABJRU5ErkJggg==); text-indent: -9999em;}
.rank-list li:nth-child(3) .num{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAMAAAA8w5+RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACo1BMVEX96tj86df76Nb45dP35dL35NH249D////14s/14s786tjo1cDn1L7m073l0rzl0r3k0bvk0brj0Lniz7jax6/j0Lriz7nhzrjgzbfgzbbfzLXax7DZxq7hz7jhzrfey7TdyrPZxq/Yxa376Nb659X559T55tP76Nb659T45dL35NH249D76Nb66NX659X14s/04c7z4M376NX659Xy38vx3sr76Nb659Xu3Mfu28b66NX659Xs2cTr2MP55tTq18L45dPo1cD35NHm1L7249Dl0rz04s7j0Lrz4M3iz7ny38vhzrfw3cnfzLXv3Mfey7Tt2sbdyrPr2cTcybHq18Lp1sHbyLHbyLDn1L/n1L7m073byLHbyLDax7Dk0bvj0Lriz7ncybHbyLDax7DhzrjgzbfbyLHbyLDey7TdyrPbyLHbyLDcybLcybHax7D55tT45dP55tP45dL35NH25NH249D559T35NL14s/04c7z4c3z4Mz659T14s704c3y38vx3srw3cnv3Mj45tPz4M3y38zx38vu28ft2sX15NT47uP57+b269/t2sbs2cXr2MTq2MP04s715NP+/fz9+/n////69O/t28bs2cTr2MPq18Lp1sH149Dx3svx383w3sz8+fXo1cDn1L/y4Mz37+fq18Pp18Hp1sDo1b/n1L7m07306Nz8+PXy59rm077l0rzk0bvw3crv3Mfu28bz59v38en38Onl073j0Lro1sDu4NDr3Mriz7nhzrjs2sXr2sbt3s7p2cbr3c3j0Lniz7jhzrfgzbby6N359fDx5tv69/T9/Pvl07/gzbffzbbfzLXn1b/w5Nf59PD59O/38evo2cfey7Tdy7Pey7XdyrPcybLl0r3k0rzfzLbdyrLgzrfcybFmLIdBAAAAb3RSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACGFhSEM+PiFDAFe5eVeATfIyDcaoqIaO/LyO7i40NDQ0NDQ0NDQ0NDQ0NDQ0M7OpKQZxMQZAVrk5FoBCoL394IKH6mpHz7Pzz4CPgJCvGUlAAAAAWJLR0QHFmGI6wAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UDEgANNdTwfzsAAAGsSURBVBjTY2AAAUZGJmUVVTVmFlY2diCACqmraOQXaGppc3BCBLkYGXV09fILi4pLSvUNDMGCQGVGxmWFBeXFpRWVVdUmpiBBJjPzmvyCIqBQbV11fUNjk4UlO4OVdX4zUAiorKW1DSjW3mFjy2BXWATW2dnV3QMU6u3rn2DP4ADSObFu0uTJU6ZOm94xY+as2Y4MTqVzQDrn9sybv2AqSGjhImcGF6DQYpAF7b1LJi9dtnzFylWuDG4QO9unr14zeS1Q2br1G9wZPFrnbmzctLljxpatk7ctWrd9/YYdngxeDRA7Z83euWvqbqDQnr3eDD5AoX0zZu4/sHDlwamHdhw+cvSYL4PfZrAzjk89cfLU6TN79p49d96fIaAP5IwLKy9eunzl6t6jx85fux7IEAQUAzoDZBhQ5/kb127eCmYICQU64/YdkAVn756/dvPerbBwBu6IyCiwnfeBOm/evBUdE8vOwMPLFxefANJ5DagzMSkZFJ78AoJCwimpIJ23HqSli4BDXkBUTFxCUioj896trGxpERmwoJisnKSUvLxCTm52noiijBJIEADcM9BaCnfRIAAAAABJRU5ErkJggg==); text-indent: -9999em;}
.rank-list a:hover .name{ color: #54bcaf;}
.smart-list{ margin-right: -1%;}
.smart-list li{ float: left; width: 24%; margin: 0 1% 10px 0;}
.smart-list .pic{ position: relative; width: 100%;}
.smart-list .date{ position: absolute; bottom: 0; right: 0; font-size: 14px; line-height: 24px; padding: 6px 15px; opacity: .5; border-radius: 15px 0 0 0; color: #fff; background: #000;}
.smart-list .info{ padding: 15px; background: #fff;}
.smart-list .name{ font-weight: bold;}
.smart-list .txt{ height: 48px; margin: 15px 0 20px; -webkit-box-orient: vertical; display: -webkit-box; font-size: 15px; line-height: 24px; color: #646875; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.smart-list .btn-more{ border-color: #54bcaf; color: #54bcaf; background: url(../images/gright.png) no-repeat 92% center; background-size: 20px;}
.smart-list a:hover .btn-more{ color: #fff; background: url(../images/iright.png) no-repeat 90% center #54bcaf;}
@media(max-width: 1300px){
body, input, select, textarea, button{ font-size: 16px; line-height: 28px;}
.footer{ padding: 50px 0 35px;} .copyright{ font-size: 13px;}
.font15{ font-size: 14px;} .font16{ font-size: 15px;}
.font17{ font-size: 16px;} .font18{ font-size: 17px;}
.font19, .font20{ font-size: 18px;}
.font21, .font22, .font23, .font24{ font-size: 20px;}
.font25, .font26, .font27, .font28{ font-size: 24px;}
.font30{ font-size: 24px; line-height: 30px;}
.font32{ font-size: 28px; line-height: 36px;}
.font36{ font-size: 32px; line-height: 42px;}
.font40{ font-size: 35px; line-height: 46px;}
.font48{ font-size: 38px; line-height: 52px;}
.font60{ font-size: 48px; line-height: 62px;}
.title .en{ font-size: 50px;} .stitle{ margin-top: 8px; font-size: 16px; line-height: 40px;}
.title .china{ font-size: 38px;}
.switch-nav .target{ margin: 0 20px; line-height: 48px;}
.tablist li{ height: 196px;}
.tablist .pic{ width: 75px;} .btn-more{ width: 130px; line-height: 42px;}
.tablist .vertical .info{ width: 80%;}
.mod{ padding: 60px 0;} .mod-more{ padding: 20px;} .mod-apply{ padding: 35px 0;}
.mod .bd{ margin-top: 40px;} .mod-banner .binfo{ bottom: 18%;}
.mleft .minner{ padding: 10% 30px 0;} .mleft .font16{ margin: 15px 0 20px;}
.switch-nav{ margin: 30px 0;} .flex-about{ padding: 30px;}
.swiper-college .swiper-slide{ padding: 24px;}
.partner-list a{ padding: 24px 16px;}
.case-list .remark{ padding: 12px;} .case-list .info, .swiper-case .info{ padding: 15px;}
.news-list li{ padding: 12px 0;}
.mod-about .info{ padding: 40px 50% 120px 40px;}
.mod-about .m20{ margin: 20px 0;}
.swiper-college .swiper-slide{ padding: 20px;}
.form-list .group-code{ padding-right: 76px;}
.form-list input{ line-height: 32px;}
.form-list .bcode{ height: 52px;}
.form-list .btn-submit{ line-height: 50px;}
.mod-prouter{ margin: 0;}
.prolist li{ padding: 30px; margin-bottom: 30px; font-size: 15px;}
.prolist .num{ font-size: 80px; line-height: 82px;}
.title.tleft{ margin-bottom: 20px;}
.switch-break{ padding: 15px 15px 15px 3%;}
.switch-break a{ margin-bottom: 10px;}
.press-list .txt{ height: 48px;}
.contact-list li{ padding-left: 95px;}
.contact-list .iabout, .contact-list .vertical{ height: 80px;}
.contact-list .iabout{ width: 80px;}
.plan-list li{ padding: 60px 0;} .plan-list li:first-child{ padding-top: 30px;}
.mod-phot .bmore{ bottom: 15%; width: 30px; height: 30px; background-size: 30px;}
.mod-detail .sname{ font-size: 15px;}
.mod-pdetail .cont{ padding: 60px;}
.mod-fcase .font24{ margin-bottom: 10px;}
.mod-fcase .info{ padding: 30px;}
.mod-fcase .txt{ height: 130px; line-height: 26px;}
.mod-fcase .linfo{ padding-left: 50px;}
.mod-fcase .itag{ margin-top: 6px;}
.main{ width: 60%;} .main2{ width: 70%;}
.main2 .font40, .aside2 .font26{ margin-bottom: 20px;}
.rank-list li{ margin-bottom: 15px;}
.aside .smod{ margin-bottom: 52px;}
.smart-list li{ width: 32.3%;}
.smart-list .txt{ margin: 8px 0 15px;}
}
@media (max-width: 1080px){ body{ font-size: 15px;}}
@media (max-width: 991px){
body, input, select, textarea, button{ font-size: 14px; line-height: 26px;}
.font19, .font20{ font-size: 16px;} .font16{ font-size: 15px;}
.font21, .font22, .font23, .font24{ font-size: 18px; line-height: 28px;}
.font25, .font26, .font27, .font28{ font-size: 20px; line-height: 30px;}
.font30{ font-size: 20px;} .font32{ font-size: 24px; line-height: 32px;}
.font36{ font-size: 26px; line-height: 38px;}
.font40{ font-size: 28px; line-height: 40px;}
.font48{ font-size: 32px; line-height: 46px;}
.font60{ font-size: 42px; line-height: 52px;}
.header{ line-height: 80px;}
.footer{ padding: 40px 0 20px;}
.footer .col-logo{ width: 180px; padding-right: 30px;}
.footer .col-info{ width: 360px; padding-left: 20px;}
.footer .pic{ width: 90px; height: 90px;}
.fixed-slide .target{ width: 240px; padding: 13px; background-position-x: 13%;}
.fixed-slide .tphone{ padding: 20px 15px;}
.fixed-slide .tqq{ padding: 30px 15px;}
.fixed-slide .sname{ margin-top: 2px;}
.mod{ padding: 45px 0;} .mod-more{ padding: 20px;} .mod-apply{ padding: 30px 0;}
.mod .bd{ margin-top: 30px;}
.title .en{ font-size: 38px;} .title .china{ margin-top: -60px; font-size: 32px;}
.stitle{ font-size: 14px; line-height: 28px;}
.mleft .minner{ padding: 4% 20px 0;} .mleft .font16{ margin: 10px 0 15px;}
.switch-nav{ margin: 30px 0;}
.swiper-plan .inner, .xplan-list .inner{ padding: 12px 30px 12px 12px;}
.swiper-plan .line, .xplan-list .inner{ margin-top: 8px;}
.tablist li{ height: 172px;}
.tablist .pic{ width: 60px;} .btn-more{ width: 130px; line-height: 42px;}
.news-list li{ padding: 10px 0;}
.mod-about .info{ padding: 30px 30px 100px;}
.mod-about .m20{ margin: 15px 0;}
.flex-about{ padding: 24px; margin-top: -70px;}
.mod-news .col{ width: 48%;} .mod-news .col-left{ float: none; width: 100%;}
.mod-news .pic{ margin: 13px 0;}
.mod-plan .btn-next, .mod-plan .btn-prev{ width: 40px; height: 40px;}
.mod-plan .btn-prev{ left: 0;} .mod-plan .btn-next{ right: 0;}
.swiper-college .swiper-slide{ padding: 15px; font-size: 16px; line-height: 28px;}
.swiper-college .name{ margin: 8px 0 0;}
.swiper-college .date{ font-size: 14px; line-height: 20px;}
.mod-more .idot{ width: 100px; height: 50px;}
.mod-more .ibtn{ width: 50px; height: 50px;}
.swiper-partner .swiper-pagination-bullet{ width: 24px; height: 6px;}
.swiper-partner .swiper-pagination-bullet-active{ width: 48px;}
.swiper-partner .swiper-slide{ padding: 25px 15px;}
.partner-list a{ padding: 16px;}
.form-list .group{ width: 32.3%; margin-bottom: 8px;}
.form-list .group-btn{ float: left;}
.mod-banner .font30{ margin-top: 0;}
.prolist li{ padding: 20px; margin-bottom: 20px;}
.prolist .num{ font-size: 60px; line-height: 62px;} .prolist .line{ margin: 8px 0;}
.title.tleft{ margin-bottom: 10px;}
.contact-list li{ padding-left: 82px;} .contact-list .vertical{ height: 72px;}
.contact-list .iabout{ width: 72px; height: 72px;}
.switch-break a{ padding: 15px 15px 15px 96px;}
.switch-break .date{ top: 12%;}
.mod-press .btn-hollow{ margin-top: 20px;}
.press-list li{ padding: 20px 16px; font-size: 14px;}
.press-list .txt{ height: 40px; line-height: 20px;}
.mod-detail .sname{ margin-top: 8px; font-size: 14px;}
.plan-list li{ padding: 50px 0;} .plan-list li:first-child{ padding-top: 20px;}
.plan-list .info{ padding: 30px;}
.plan-list .txt{ height: 104px; margin-bottom: 20px;}
.mod-phot .info{ padding: 13px;}
.mod-phot .bmore{ left: 13px; bottom: 12%;}
.gallery-top{ margin-bottom: 20px;} .gallery-thumbs .pic{ padding: 0 15px;}
.swiper-button-green{ bottom: 10px; width: 26px; height: 26px;}
.mod-fcase .swiper-button-green{ bottom: 0}
.etitle{ font-size: 13px; line-height: 28px;}
.edit-info{ padding: 20px 0;}
.edit-line{ margin: 20px 0;}
.mod-pdetail .cont{ padding: 45px;}
.mod-fcase .cont{ background: transparent;}
.mod-fcase .info{ float: none; width: 100%; padding: 20px;}
.mod-fcase .rinfo{ border-top: 1px solid #e3e3e2;}
.mod-fcase .txt{ height: auto; margin-top: 5px;}
.mod-fcase .itag{ float: left; width: 50%;}
.swiper-feature .info{ line-height: 60px;}
.mod-school .font40{ margin-bottom: 20px;}
.aside .scon{ padding-left: 38px; background-size: 30px;}
.aside-list .date{ font-size: 14px;}
.main2 .font40, .aside2 .font26{ margin-bottom: 15px;}
.rank-list li{ margin-bottom: 12px;}
.aside .smod{ margin-bottom: 40px;}
}
@media (max-width: 767px){ body{ padding-top: 50px;} .container{ overflow: hidden;}
.hide-pad, .fixed-bar a.hide-pad{ display: none;} .show-pad{ display: block;}
.font19, .font20{ font-size: 15px;} .font16{ font-size: 14px;}
.font21, .font22, .font23, .font24{ font-size: 16px;}
.font25, .font26, .font27, .font28, .font30{ font-size: 17px;}
.font32{ font-size: 18px; line-height: 28px;}
.font36{ font-size: 20px; line-height: 32px;}
.font40{ font-size: 22px; line-height: 34px;}
.font48{ font-size: 24px; line-height: 36px;}
.font60{ font-size: 32px; line-height: 40px;}
.header{ position: fixed; z-index: 99; line-height: 50px; background: rgba(75,184,171,.8);}
.header .logo{ width: 126px;}
.header .menu{ position: absolute; z-index: 6; top: 2px; right: 0; width: 46px; padding: 8px;}
.navbar{ position: fixed; z-index: 100; top: 0; left: -50%; width: 50%; background: #4f4f4f;}
.nav-list li{ float: none; width: 100%;}
.footer{ padding: 24px 0 10px;}
.footer .col-info{ padding-left: 0; border: 0 none;}
.copyright{ padding: 12px; font-size: 13px;}
.fixed-bar{ top: auto; bottom: 18px; right: 0;}
.fixed-bar a{ float: left; margin: 0; padding: 10px; border-left: 1px solid #1f2338;}
.fixed-slide{ display: none;}
.mleft, .mright{ float: none; width: 100%;}
.mleft{ margin-bottom: 10px;} .mleft .minner{ padding: 20px;}
.mod{ padding: 15px 0 25px;} .mod .mleft, .mod .mright{ width: 100%;}
.mod .bd{ margin-top: 10px;}
.mod-banner .binfo{ bottom: 32%;}
.mod-more{ padding: 15px;} .mod-plan .cie{ width: 65px; height: 64px}
.mod-more .idot{ width: 80px; height: 40px; margin: 0 6px;}
.mod-more .ibtn{ width: 40px; height: 40px;}
.title .china{ font-size: 24px;} .title .en{ font-size: 28px;}
.stitle{ margin-top: 0; font-size: 13px; line-height: 24px;}
.switch-nav{ margin: 20px 0;} .switch-nav .target{ width: 140px; margin: 0 10px; line-height: 42px;}
.swiper-plan .inner, .xplan-list .inner{ background-position-x: 96%; background-size: 20px;}
.mod-about .info{ padding: 20px 20px 90px;}
.flex-about{ width: 90%; padding: 18px; margin-top: -60px;}
.case-list .info, .swiper-case .info{ padding: 10px;}
.mod-news .pic{ margin: 10px 0;} .news-list li{ padding: 8px 0;}
.swiper-partner .swiper-slide{ padding: 20px 15px;}
.partner-list li{ width: 33.3%;}
.mod-apply{ padding: 20px 0 15px;}
.form-list input{ line-height: 28px;}
.form-list .btn-submit{ line-height: 46px;}
.mod-banner .pic{ height: 200px;}
.prolist{ padding-bottom: 6px;}
.prolist li{ padding: 16px; margin-bottom: 15px;}
.prolist .num{ font-size: 50px; line-height: 52px;}
.title.tleft{ margin: 0;}
.mod-profile .rpic, .mod-profile .info{ float: none; width: 100%;}
.mod-profile .rpic{ margin-top: 12px;}
.mod-profile .font36{ padding: 12px;}
.mod-profile .font36:after{ top: 15px; height: 26px;}
.contact-list li{ float: none; width: 100%; padding-left: 66px; margin: 8px 0;}
.contact-list .iabout{ top: 2px; width: 56px; height: 56px;}
.contact-list .vertical{ height: 60px;}
.switch-break, .tab-break{ float: none; width: 100%; margin: 0;}
.switch-break{ padding: 13px;}
.switch-break a{ margin: 0;}
.press-list li, .press-list li:nth-child(2n){ float: none; width: 100%;}
.press-list li{ margin-bottom: 15px;}
.prtop-list li{ margin-top: 15px;}
.prtop-list .pic{ float: left; width: 40%;}
.prtop-list .info{ float: right; position: relative; width: 58%;}
.prtop-list .txt{ height: 72px; line-height: 24px; overflow: hidden;}
.prtop-list .date{ position: absolute; bottom: 0; left: 0; color: #bab9b9;}
.mod-phot .bd{ padding-left: 0;}
.mod-phot .ptarget, .mod-phot .ptarget2{ float: none; width: 100%;}
.mod-phot .ptarget{ margin-bottom: 8px;}
.mod-phot .pleft{ position: relative; float: right; width: 33%;}
.mod-phot .ptarget .info{ float: left; width: 66%;}
.plan-list li{ padding: 30px 0;} .plan-list li:first-child{ padding-top: 10px;}
.plan-list .info{ padding: 20px;}
.plan-list .txt{ margin: 5px 0 10px;}
.mod-pdetail .cont{ padding: 30px;}
.mod-fcase .cont{ margin-top: 15px;} .gallery-thumbs .pic{ padding: 0 12px;}
.swiper-animate .swiper-button-prev{ left: 2%;}
.swiper-animate .swiper-button-next{ right: 2%;}
.swiper-feature{ width: 100%; padding: 28px 20%;}
.swiper-feature .info{ line-height: 52px;}
.main, .aside{ float: none; width: 100%;}
.mod-school .font40{ margin-bottom: 15px;}
.mod-school .font30{ margin: 8px 0;}
.mod-school .btn-more{ margin: 15px 0 18px;}
.aside .scon{ padding-left: 30px; background-size: 24px;}
.aside-list{ margin-right: -1%;}
.aside-list li{ float: left; width: 49%; margin-right: 1%;}
.aside-list .info{ padding: 8px 60px 10px 0;}
.aside-list .date{ top: 8px; font-size: 13px;}
.main2 .font40{ margin-bottom: 0;}
.aside .smod{ margin: 30px 0;}
.etitle{ font-size: 12px; line-height: 26px;}
.smart-list li{ width: 49%;}
.smart-list .info{ padding: 12px;}
.smart-list .txt{ margin: 3px 0 10px;}
}
@media (max-width: 480px){
.wrap-xs{ width: 100%; overflow: hidden;}
.hide-xs, .carousel-computer{ display: none;}
.show-phone, .carousel-mobile{ display: block;}
.font25, .font26, .font27, .font28, .font30{ font-size: 15px; line-height: 26px;}
.font32{ font-size: 16px; line-height: 26px;}
.font36{ font-size: 18px; line-height: 28px;}
.font40{ font-size: 20px; line-height: 32px;}
.font48{ font-size: 21px; line-height: 28px;}
.font60{ font-size: 25px; line-height: 34px;}
.header .logo{ width: 118px;}
.footer{ padding: 15px 8px 8px;}
.footer .col-qrcode{ width: 50%; margin: 12px 0 0; text-align: center;}
.mod{ padding: 15px 0;} .mod .bd{ margin-top: 8px;}
.title .en{ font-size: 24px; line-height: 52px;}
.title .china{ margin-top: -50px; font-size: 20px; line-height: 40px;}
.switch-nav{ margin: 13px 0;}
.switch-nav .target{ margin: 0 3px;} .xplan-list .inner{ padding: 5px 10px;}
.xplan-list li{ margin-bottom: 10px;}
.tablist li, .tablist li:nth-child(2), .tablist li:nth-child(6){ float: none; width: 100%;}
.tablist li{ height: auto;}
.tablist .vertical .pic{ float: none;}
.tablist .vertical .info{ float: none; width: 100%;}
.case-list{ margin: 0;}
.case-list li{ width: 48%;} .case-list li:nth-child(2n){ float: right;}
.mod-news .col{ float: none; width: 100%;}
.mod-news .col-right{ margin-top: 12px;}
.swiper-college .swiper-slide{ padding: 10px; font-size: 14px;}
.flex-about{ width: 98%; padding: 15px; font-size: 13px;}
.swiper-partner .swiper-slide{ padding: 10px;}
.partner-list li{ width: 50%;}
.partner-list a{ padding: 10px;}
.form-list .group{ float: none; width: 100%;}
.switch-nav .target{ width: 120px;}
.prolist li{ padding: 12px; margin-bottom: 10px;}
.prolist .pic, .prolist .info{ float: none; width: 100%;}
.prolist .info{ margin-top: 12px;}
.area-list{ margin: 0;}
.area-list li{ width: 48%; margin-bottom: 10px;}
.area-list li:nth-child(2n){ float: right;}
.mod-goal .pic{ float: none; width: 70%; margin: 0 auto;}
.mod-goal .pcenter{ margin: 18px auto;}
.mod-contact{ padding: 5px 0;}
.switch-break a{ padding: 10px 10px 10px 90px;}
.mod-press .btn-hollow{ margin-top: 10px;}
.press-list li{ padding: 15px 10px; margin-bottom: 10px;}
.press-list .font24{ margin-top: -8px;}
.press-list .date{ bottom: -6px;}
.prtop-list li{ margin-top: 12px;}
.prtop-list .info{ width: 58%;}
.prtop-list .txt{ height: 24px;}
.pagination{ padding: 15px 0;}
.mod-detail .sname{ margin-top: 3px; font-size: 13px;}
.new-page a{ margin: 2px 0;}
.edit-line{ margin: 10px 0;}
.edit-info{ padding: 10px 0;}
.edit-info img{ margin: 10px 0;}
.mod-phot .pbot, .mod-phot .binfo{ float: none; width: 100%;}
.plan-list li{ padding: 20px;} .plan-list a{ padding: 0; overflow: visible;}
.plan-list .pic, .plan-list li:nth-child(2n) .pic{ float: none; width: 100%;}
.plan-list .info{ position: static; width: 100%; padding: 15px;}
.mod-pdetail .bd{ margin-top: 8px;}
.mod-pdetail .cont{ padding: 15px;}
.mod-pdetail .swiper-button-prev{ left: -5px;}
.mod-pdetail .swiper-button-next{ right: -5px;}
.mod-pdetail .edit-info{ padding-top: 0;}
.mod-fcase .cont{ margin-top: 10px;}
.mod-fcase .font24{ margin-bottom: 8px;}
.mod-fcase .info{ padding: 10px 0;}
.mod-fcase .itag{ float: none; width: 100%;}
.gallery-top{ margin: -15px 0 10px;}
.gallery-thumbs .pic{ padding: 0 5px;}
.swiper-button-green{ display: none;}
.swiper-button-next, .swiper-button-prev{ width: 32px; height: 32px;}
.mod-fcase .swiper-button-green{ display: block; width: 24px; height: 24px; background-size: 12px;}
.mod-fcase .swiper-button-next{ right: -2px;}
.mod-fcase .swiper-button-prev{ left: -2px;}
.etitle{ font-size: 11px; line-height: 24px;}
.mod-custom .cinner{ padding: 0;}
.mod-custom .info{ position: static; width: 100%;}
.mod-custom .cname{ margin-bottom: 10px;}
.mod-custom .pic{ margin-top: 10px;}
.swiper-feature .info{ height: 46px;}
.mod-school .font40, .aside2 .font26, .rank-list li{ margin-bottom: 10px;}
.mod-school .btn-more{ margin-top: 10px;}
.aside-list{ margin-right: 0;}
.aside-list li{ float: none; width: 100%;}
.main2 .font40{ margin: 0;} .aside .smod{ margin: 20px 0;}
.smart-list{ margin: 0;}
.smart-list li{ float: none; width: 100%}
}