@charset "utf-8";
h1{font-size:22px;}
h2.title{font-size:30px;color:#535353;margin-bottom: 3%;}

a.more{background: #D90000;color: #FFF;display:  inline-block;padding: .5% 2%;margin: 3%;text-transform: uppercase;font-size: .9375rem;}
a.more:hover{background: #085186;}


/*banner*/
.banner{margin: 0 auto; position: relative;}
.banner:before{content: ''; display: block; padding-top: 33%;}
.banner div.bg{height: 386px;width: 100%;background-repeat:no-repeat;background-position: top center;}
.banner .owl-carousel{position: absolute; top: 0;}
.banner .owl-carousel .owl-item .item a .t_bg{margin: auto;display: block;position:  relative;z-index: 10;}
.banner .owl-carousel .owl-item .item a .t_bg .text{color: #FFF;position: absolute;}
.banner .owl-carousel .owl-item .item a.bn2 .t_bg .text{right:6%;}
.banner .owl-carousel .owl-item .item a .t_bg .text h2{position:relative;color: #FFA54C;text-shadow: rgba(0, 0, 0, 0.3) 5px 5px 6px;}
.banner .owl-carousel .owl-item .item a .t_bg .text h3{margin: -7% 0 -1% 0;text-shadow: rgba(0, 0, 0, 0.3) 5px 5px 6px;}
.banner .owl-carousel .owl-item .item a .t_bg .text h4{font-size:0.5em;}
.banner .owl-carousel .owl-item img{margin: auto;width: inherit;position:relative;z-index:-1;}
.banner .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -28px;position: relative;}
.banner .owl-theme .owl-dots .owl-dot span{background:rgba(255, 255, 255, .5);}
.banner .owl-theme .owl-dots .owl-dot.active span,.banner .owl-theme .owl-dots .owl-dot:hover span{background:#FFF;}


/*about*/
.index_about{padding: 3%5%;margin-top: 3%;margin-bottom: -1%;}
.index_about .title{color: #004B6D; font-weight: bold; width: 23%;}
.index_about .title img:first-child{margin-bottom:50px;}
.index_about .text{color: #585341; font-size: 15px; padding: 0 15px; width: 62%; letter-spacing: 0px; font-weight: 100;}

/**news*/
.index_new{margin: 15px auto;padding: 18px;}
.index_new > .title{font-size: 16px;color:pink;margin-bottom: 28px;font-weight: bold;}
.index_new a {padding: 5px 0;display: block;}
.index_new a:hover {text-decoration: none;}
.index_new a:hover span{text-decoration: underline;}
.index_new ul li{list-style: none;}
.index_new a time{font-size: 14px;color:#666;margin-right: 5px;}
.index_new a h3{font-size: 15px;color:#333;max-width: calc(100% - 87px);overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.index_new a time,.index_new a h3{display: inline-block;vertical-align: top;margin-bottom: 5px;}
/*products*/

.index_products{padding: 0 5%;margin: 0 auto;text-align: center;}
.index_products .owl-carousel a{overflow:hidden;display: block;max-width: calc(100% - 4px);background: #FFF;color: #333;border:1px solid #888888;}
.index_products .owl-carousel#owl-carousel3 a{border-color:transparent;}
.index_products .owl-carousel a:hover{text-decoration: none;-moz-box-shadow: 1px 1px 11px 1px rgba(125, 125, 125, 0.5);-webkit-box-shadow: 1px 1px 11px 1px rgba(125, 125, 125, 0.5);box-shadow: 1px 1px 11px 1px rgba(125, 125, 125, 0.5);border-color: #164c8a !important;color:  #164c8a;}
.index_products a span{display:block;}
.index_products a span.img img{border:1px solid #e8e8e8;width: calc(100% - 3px);margin: auto;}
.index_products h3, .index_products h4,.index_products p{max-width: 93%;margin: 0 auto 5% auto;letter-spacing: 0;}
.index_products h3{font-size: 1.375rem;margin-top: 10px;margin-bottom: 5%;}
.index_products h3, .index_products a span.img{margin-top: 5%;}
.index_products a span.text{font-size: 15px;margin: 7% 5%;line-height: 1.5;}
.index_products p{font-size:14px;margin-top: 3%;text-align: left;}
.index_products .owl-theme .owl-nav [class*=owl-] {font-size: 12px;filter: Alpha(Opacity=50);opacity: 0.5;position: absolute;width: 35px;height: 36px;text-indent: 9999999px;overflow:hidden;background-color:transparent;background-repeat: no-repeat;background-position: center center;margin: 0;top: calc(50% - 16px);z-index:  -1;}
.index_products .owl-theme .owl-nav [class*=owl-]:hover {opacity:1;background-color:transparent;}
.index_products .owl-carousel .owl-nav .owl-next{left: -32px;background-image: url(../images/banner_pref.png);}
.index_products .owl-carousel .owl-nav .owl-prev{right: -32px;background-image: url(../images/banner_next.png);}
.index_products .owl-carousel .owl-item img{width:inherit;margin:  auto;}
.index_products .owl-carousel .owl-item .img_logo{margin: 4% 0;}

.index_student{background: url(../images/index_student_bg.jpg);padding-top: 0;}
.index_student h4{margin-top:5%;}
.index_student.index_products .owl-carousel a{min-height: 16rem;}

.index_news{text-align: center;margin-bottom: 6%;}

.index_news h2.title{width: 100%;}
.index_news ul{list-style: none;}
.index_news h3,.index_news ul li a{color: #FFF;font-size: 1.125rem;}
.index_news h3{font-size: 1.5625rem;padding: 5% 3%;}
.index_news article{background-position: center bottom;background-size: auto 100%;}
.index_news article:nth-of-type(1){background-image: url(../images/index_news1.jpg);}
.index_news article:nth-of-type(2){background-image: url(../images/index_news2.jpg);}
.index_news article ul li a {border-bottom: 1px solid;margin: 3% 5%;display:  block;}
.index_news article ul li a time{font-weight: 100;margin: .5rem 3% .5rem 0;}
.index_news article ul li a h4{font-weight: 100;text-align: left;}
.index_news a.more{margin-bottom: 0;}


h2.title:before,h2.title:after{content:"";background:#00A6FF;width:160px;height:6px;display:inline-block;vertical-align:middle;margin:0 18px;}

@media print, screen and (max-width:1280px){
.index_products .owl-carousel {max-width: calc(100% - 51px);margin: auto;}

}

@media print, screen and (max-width:999px){
/*banner*/
.banner	div.bg	{height: 500px;}
.banner	.owl-carousel .owl-item img {min-height: inherit;}
/*about*/
.index_about {margin-top: 28px;background:none;}
.index_about table{margin:15px;}
.index_about table tr td{display: block;}
.index_about .text, .index_about .title{width:100%;}
.index_about .text{border-left: 0; padding:28px 0; display:block; font-size:20px;}
.index_about .title img{display:block;}
.index_about .title img:first-child{margin:20px 0;}
/*products*/
.index_products{margin-top: 28px;}
.index_products .title{font-size: 1.5rem;}
.index_products ul li{width:96%;margin: 15px auto;text-align:center;}

.banner .owl-carousel .owl-item .item a .t_bg .text{font-size: 1.8em;}
.banner .owl-carousel .owl-item .item a.bn1 .t_bg .text{left: 6%;}
.banner .owl-carousel .owl-item .item a .t_bg .text{top: 48px;}

.index_news article{background-size: auto 100%;}

.index_products .owl-carousel.owl-carousel2 a{min-height: 28em;}

.index_news h2.title { font-size: 1.5rem; }

}

@media only screen and (max-width: 768px) {
	h2.title:before,h2.title:after{width:40px;}
}

@media only screen and (max-width: 640px) {

.banner	div.bg	{height: 300px;}
.index_products .owl-carousel.owl-carousel2 a{min-height: inherit;}
}

@media only screen and (max-width: 570px) {
.banner .owl-carousel .owl-item .item a .t_bg .text{font-size:1rem;top: 28px;}

}
@media only screen and (max-width: 414px) {
.banner	div.bg	{height: 200px;}

}

@media only screen and (max-width: 320px) {

}
@media print, screen and (min-width:320px){

}
@media print, screen and (min-width:414px){

}
@media print, screen and (min-width:570px){
.banner .owl-carousel .owl-item .item a .t_bg .text h2:before{content:"";position:absolute;right: -42px;top: -38px;background-image:url(../images/banner_title.png);width:302px;height:176px;z-index:-1;}
}
@media print, screen and (min-width:640px){

}
@media print, screen and (min-width:768px){
.index_news,.index_news article ul li a{display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.index_news article{width: 50%;}
.index_news article ul li a:hover{background: rgba(40, 40, 40, 0.8);}

.index_news ul{min-height: 6em;}
}
@media print, screen and (min-width:999px){

.banner .owl-carousel .owl-item .item .t_bg{max-width: 900px;}
.banner .owl-carousel .owl-item .item a .t_bg .text{font-size: 2.8em;}
.banner .owl-carousel .owl-item .item a .t_bg .text{top:100px;}

.index_news article{background-size: 100% auto;}
.index_news article ul li a h4{width: calc(97% - 100px);overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin: .5rem 0;}
.index_products .owl-carousel.owl-carousel2 a{min-height: 24em;}
}
@media print, screen and (min-width:1280px){
.banner .owl-carousel .owl-item .item .t_bg{max-width: 1200px;}
.index_products .owl-carousel.owl-carousel2 a{min-height: 29.5em;}

}