body { background: #f5f6f9; }
.wrapper { /* max-width: 1300px; margin: 0 auto; background-color: #fafbfe; -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15); box-shadow: 0 0 35px 0 rgba(154,161,171,.15); */ }

.navy-bg, .countdown-area:before, .sidebar-title { background: #4e5c6d; }

.mean-container .mean-bar::after { content: "导航"; }

.logo { padding: 16px 0; }
.logo a { font-size: 22px; font-weight: 700; color: #002d54; }
.header-bottom.stick-h2.stick { margin: 0 auto; left: auto; box-shadow: none; background: #054c8a; }
.header-bottom.stick-h2.stick .logo { padding: 16px 0; }
.header-bottom.stick-h2.stick .menu-area ul li { padding: 15px 13px; }

.header-top-language { color: #fff; padding: 0; }
.header-top-info a i { color: #fff; opacity: 0.5; }
.header-top-info ul li { padding-right: 15px; }

.sublogo { padding: 17px 0 0 5px; }

.navmenu { background: #3980c7; box-shadow: 0 2px 12px 0 rgba(154,161,171,.2); }
.menu-area nav > ul > li { padding: 18px 26px 18px 0; }
.menu-area nav > ul > li a { font-size: 16px; color: rgba(255,255,255,.7); }
.menu-area nav > ul > li > ul, .menu-area nav > ul > li > ul ul { border-top: 1px solid #3584c1; }
.menu-area ul li.active a { color: rgba(255,255,255,.9); }
.menu-area ul li:hover a { color: rgba(255,255,255,.9); }

.breadcrumb { background: transparent; }
.breadcrumbs-area::before { opacity: 0.6; }
.breadcrumb-item a { color: #3283f6; }
.breadcrumbs-area .card { padding: 20px 15px; overflow: hidden; }
.breadcrumbs-area .card li { float: left; padding-left: 10px; color: #333; font-weight: 700; }
	.breadcrumbs-area .card li a { padding-right: 10px; color: #333; font-weight: 700; }

.slider-area .slider-all > img { height: 700px; }
.index-newsphoto { padding: 10px 0 0; }
.position-z { position: relative; z-index: 999; }
.position-z h1 { color: #fff; }
.position-z .separator { background: #fff none repeat scroll 0 0; }
.position-z .blog-all { background: #fff; }
.position-z .blog-details { border-style: none; }
.news-are .cate-title { overflow: hidden; }
.news-are .cate-title a { font-size: 14px; }
h3.cate-title { font-weight: 700; }
h3.cate-title::before { background-color: #3588be; }
.lists { min-height: 450px; }
.sublist { display: block; padding-left: 25px; }
.testimonial2-img { margin-right: 20px; }
.testimonial2-img > img { width: 100px; height: 100px; }
.special-site a.button { width: 100%; text-align: center; }
.special-site a.button span { font-size: 14px !important; padding: 16px 0 !important; width: 100%; text-align: center; }
a.button.button-blue{border: 0 none;border-radius: 3px;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;cursor: pointer;display: inline-block;margin-right: 10px;overflow: hidden;padding: 0;position: relative;background-color: #3d5e80;color: #4FC1F0;font-size: 15px;}
a.button.button-blue i{background: rgba(0, 0, 0, 0.3);display: block;float: left;padding: 14px;font-size: 16px;color: #fff;font-weight: normal;width: 50px;text-align: center;}
a.button.button-blue span{display: block;float: left; position: relative;z-index: 2;padding: 11px 20px;font-size: 15px;color: #fff;font-weight: normal;}
.learning.bg-2 { background: url(../../images/iuc/iucmiddle2.jpg); background-attachment: fixed; background-size: cover; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; }

.category-lists .visual-inner { border: 0 none; height: 201px; }

.featured{background-color: #fff;margin: 0 15px;padding: 15px 0; border-radius: 5px; }

/* Carousel Styles */
.carousel-inner { border: 1px solid #e0e0e0; box-shadow: 0 0.25em 2em 0.8em rgba(0, 0, 0, 0.2); }
.carousel-inner img {width: 100%;max-height: 640px;}
.carousel-inner .carousel-imgfocus { transform: scale(1); transition: transform 0.4s; }
.carousel-inner:hover .carousel-imgfocus { transform: scale(1.025); transition: transform 0.6s; }

.item-opacity { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 428px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(31, 49, 101, 0.38) 100%); }

.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .fa-angle-left, 
.carousel-control .fa-angle-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%; z-index: 11; display: inline-block;font-size: 42px;}
.carousel-control .fa-angle-left,
.carousel-control .icon-prev {left: 0;}
.carousel-control .fa-angle-right,
.carousel-control .icon-next {right: 0;}
.carousel-control .btn-arrow:before { display: block; width: 3rem; padding: 0.75rem 0; background: #e5e5e5; line-height: normal; text-align: center; color: #444; opacity: 0.75; }
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

.carousel-indicators { width: 98%; left: 0; right: 2%; margin-left: 0; text-align: right; }
.carousel-indicators li { margin: 1px 5px; width: 20px; height: 20px; border-radius: 50%; background:rgb(255 255 255 / 46%); border: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.carousel-indicators .active { margin: 1px 5px; width: 20px; height: 20px; background: #f251314ff; }
.carousel-indicators {bottom: 10px;}

.carousel-inner > .item { margin-left: 0; margin-top: 0; margin-bottom: 0 !important; padding-left: 0; width: 100%; height: auto; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img, .carousel-inner > .item .carousel-imgfocus { display: block; max-width: 100%; height: 428px; margin-left:0; padding-left: 0; }

/* Carousel Header Styles */
.header-text { position: absolute; z-index: 12; bottom: 0; left: 0; right: auto; width: 100%; height: 428px; padding: 251px 100px 0 53px; color: #fff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgb(31 49 101 / 26%) 100%); }
.header-text a { display: block; margin: 15px 0 40px; font-size: 16px; overflow: hidden; }
	.header-text a h2 { color: #fff; font-size: 32px; margin-bottom: 20px; text-shadow: 2px 2px 2px #000; }
.header-text a p,.header-text a:hover{ color: #FFF !important; text-shadow: 2px 2px 2px #000; }

.bg-img{ width: 100%; padding-top: 33.33%; background: url('../../images/ies/banner.jpg') no-repeat center center; background-size: cover; }

.topnews .visual-inner { height: 201px; }
.topnews { height: 315px; }
/*
.topnews h3.cate-title { padding: 20px 15px; }
.topnews ul { padding: 0 15px; }
.topnews li { font-size: 12px; }
*/

/* card */
.card { padding: 20px 15px 10px; border: none; -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15); box-shadow: 0 0 35px 0 rgba(154,161,171,.15); margin-bottom: 24px; border-radius: 5px; background: #fff; }

h3.blog-title { height: 52px; line-height: 26px; }
.blog-content { height: 52px; }

.indexfocus .news-are:first-child { margin-bottom: 0; }

.indexblock .news-are ul { min-height: 245px; }

.indexfocus .course-categoris li, .indexblock .course-categoris li { font-size: 14px; }
.indexfocus .course-categoris li span, .indexblock .course-categoris li span { font-size: 14px; }

.course-categoris li { padding: 14px 0; }
.course-categoris li a:hover { color: #3588be; }

.campusnews .separator i { background: #f1f1f1 none repeat scroll 0 0; }
.sciencelist .separator i { background: #002d54 none repeat scroll 0 0; color: #fff; }
.specialweb .separator i { background: #fff none repeat scroll 0 0; }
.news-details-top .page-title { color: #054c8a; }
.news-details-top .blog-meta-2 { float: none; }
.news-details-all { margin-bottom: 40px; }
.news-details-calender { margin: 10px 0; }

.imglist li { padding: 0 15px !important; border-bottom: none; margin-bottom: 35px; text-align: center; }
.imglist li img { width: 100px; height: 100px; border-radius: 50%; padding: 3px; background-color: #f5f6f9; border: 1px solid #dee2e6; }
	.imglist li p { padding-top: 15px; margin-bottom: 0; }
		.imglist li p a { font-size: 18px; }
	.imglist li span { padding-top: 5px; color: #98a6ad; display: block; float: none; text-align: center; font-size: 12px; }

.teacherinfo li { padding: 0 !important; border-bottom: none !important; }
.teacherinfo .nav-tabs>li { margin-bottom: -2px; }
	.teacherinfo .tab-pane span { float: none; }


.txtScroll-top{ overflow:hidden; position:relative;  }
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer;}
.txtScroll-top .hd .next{ background-position:0 -140px;  }
.txtScroll-top .hd .prevStop{ background-position:-60px -100px; }
.txtScroll-top .hd .nextStop{ background-position:-60px -140px; }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:24px; line-height:24px; overflow: hidden; }
.txtScroll-top .infoList li .date{ float:right; margin-left: 20px; color:#999; }

.courses-information { border-radius: 5px; overflow: hidden; background: #fff; -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15); box-shadow: 0 0 35px 0 rgba(154,161,171,.15); }

.sidebar-menu li a { color: #3f3f3f; }
.sidebar-menu li a:hover, .sidebar-menu li a.cur { color: #002d54; }

.news-details-middle a { color: #333; }

.pages { text-align: center; padding: 35px 0; }
.pages a,
.pages span { float: none; display: inline-block; font-size: 12px; font-weight: 400; text-align: center; padding: 0 15px; height: 34px; line-height: 34px; border: 1px solid #E4E4E4; }
.pages a { margin: 0 2px; color: #717171; background: #FFF; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.pages a:hover { background: #002d54; color: #FFF }
.pages span { background: #002d54; color: #FFF; }

.footer-logo-address { border-bottom: 0; }

.footer-area { background: linear-gradient(315deg, #006AC7 0%, #4680CA 100%);; }
.footer-area .bg-2 { background: url(../../images/ggy/20200717643532.jpg); background-attachment: fixed; background-size: 100%; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; }
.footer-text i { color: #f8b239; }
.footer-text p { color: #fff; }
.footer-logo { margin-top: 10px; }

.footer-bottom-text > p { color: #fff; }

/* dark style */
.dark .navy-bg { background: rgb(0 72 135 / 75%); }
.dark .header-area { background: linear-gradient(315deg, #006AC7 0%, #4680CA 100%); }
.dark .navmenu { background: #fff; }
.dark .menu-area ul li.active a, .dark .menu-area ul li:hover a { color: #3283f6; }
.dark .menu-area ul li:hover ul li a { color: #3f3f3f; }
.dark .menu-area ul li:hover ul li a:hover { color: #f8b239; }
.dark .menu-area nav > ul > li a { color: #6e7488; }

@media (min-width: 1200px) {
	.container { width: 1260px; }
}