html,body{margin:0;padding:0;}
/*#banner{width:100%;height:666.5px;background:url('../img/banner3-1.jpg') no-repeat;background-size:cover;padding-top:15px;}*/
.navbar-default{z-index:9;}
.swiper-list{width:100%;position:relative;max-height:550px;background:url('../img/popback.png') no-repeat  center center;background-size:cover;}
.htitle{font-size:20px; margin: 30px 0;}
.pic>i{width:70%}
.pic>i>img{vertical-align:top;width:100%;position:relative;top:-20px;}
.pic>a{font-weight:bold;display:inline-block;color:#32B397;width:20%;margin-left:2%}
#myTabContent{}
.slider-text{padding-left: 1em;color:#757575;}
.slider-text>ul{text-align:left;}
#comprehensive .slider-text li { margin: 10px 0; }
.text-left{font-size:15px;font-family:'Microsoft YaHei';color:#000;font-weight: bold}
.round-list{display:inline-block;width:6px;height:6px;border-radius: 50%;background-color:#32B397;position:relative;top:-2px;right:3px;}
/*.cover{width:70%;position: absolute;bottom:30%;right:55%;transform: translate(50%)}*/
.slider-pic{padding-bottom:1em;color:#000000;width:112%;border-radius:5px;background:#fff; min-height: 244px;}
.slider-pic img { max-width: 100%; }
/*.swiper-container:before, .swiper-container:after { content: ''; display: block; position: absolute; width: 20%; height: 100%; top: 0; z-index: 2; }
.swiper-container:before { left: 0;
    background: linear-gradient(left,rgba(55,60,76,0.8),rgba(55,60,76,0));
    background: -webkit-linear-gradient(left,rgba(55,60,76,0.8),rgba(55,60,76,0)); }
.swiper-container:after { right: 0; 
    background: linear-gradient(right,rgba(55,60,76,0.8),rgba(55,60,76,0));
    background: -webkit-linear-gradient(right,rgba(55,60,76,0.8),rgba(55,60,76,0)); }*/
.swiper-slide{padding: 40px 0; opacity: 0.3; transition: opacity .4s; }
.swiper-slide-active{opacity:1;}
.member>div.swiper-container>div.swiper-pagination{
    position:absolute;bottom:9em;left:1em;
}
.member div.swiper-container>div.swiper-pagination>span.swiper-pagination-bullet{background-color:#999896}
.member div.swiper-container>div.swiper-pagination>span.swiper-pagination-bullet-active{width:15px;height:15px;background-color:#32B397}
#abroad>.swiper-wrapper>.swiper-slide>.cover>.slider-pic{background:transparent;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; }

ul.big-t>li{font-size:13px;}
#myTabContent>#business{position:relative}
.after{z-index:6;width:15%;height:420px;background:#333948;opacity:0.8;position:absolute;top:0;left:0;display:none}
.before{z-index:6;width:15%;height:420px;background:#333948;opacity:0.8;position:absolute;top:0;right:0;display:none}
.media{margin:2em 0}
.media-list{color:#545659;padding-left:7%;}
.media-body{padding-left:0;}
.media-body>h4{color:#32B397;font-size:19px;line-height: 2;}
.media-body>p{font-size:17px;line-height:22px;}
.btn-lg{background:#32B397;font-weight: normal;padding:13px 15%;}
#regmodal .btn-sea-blue.btn-lg { padding: 0; }

.choose{position:relative; display:flex;}
#wail{margin-top:2.3em;background:#fff;display:flex;bottom:0;}
#wail>li{text-align: center;position: relative}
#wail>li a{font-size:12px;text-decoration:none;color:#000;margin:1em 0;height:3em;border-right:1px solid #ddd;}
ul.nav-tabs{padding-top:0}
.nav-tabs > li.active{background:#32B397;color:#fff;margin:-0.2em 0;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
#wail>.nav-tabs > li.active > a:focus{background:#32B397;color:#fff;border:none;}
#wail>li.active>a{color:#fff;border:none;background:#32B397;}
#wail>li>b{display:block;border-bottom:1px solid #32B397;width:30%;border-width:2px;position:absolute;bottom:0;left:1.3em;}

#banner>div.text{top:28%;left:13%}

#myTabContent { margin-left: 0; }
#abroad .slider-pic { background: none; }


@media (max-width:767px){
    .cover{width:160%; margin-left: -30%; }
    .slider-pic{width:112%}
}
@media (max-width:414px){
    .slider-pic{width:100%}
    #wail>li a{padding:0 0.8em;}
    #business .pic{top:5.8em}
    #comprehensive .pic, #learning .pic{top:4.8em}
}
@media (max-width:375px){
    .htitle{left:5em}
    .member>div.swiper-container>div.swiper-pagination{left:3%}
    #wail>li a{padding:2px 5px;}
    #comprehensive .pic, #learning .pic{top:4.8em}
    #abroad .cover>.slider-pic>p>img{max-width:112%}
    .slider-pic>div.slider-text>ul>li, .pic>a{font-size:12px;}
    .slider-pic { min-height: 220px; }
}

@media (max-width:320px){
    .swiper-list{position:relative;top:-28px;}
    .member{margin-top:2em}
    .member>h4{left:4em;}
    .movie-pic>li{font-size:12px;text-align:left;}
    a.go{padding-left:0;padding-right:1.3em}
    .htitle{top:2em;left:4em}
    #comprehensive .pic, #learning .pic{height:5.8em}
    .pic{height:7em}
    .member>div.swiper-container>div.swiper-pagination{bottom:8em;left:2em}
    #wail>li>b{left:1.1em}
    .after,.before{width:10%;}
    .cover { width: 190%; margin-left: -45%; }
}
