.breadcrumb ul{list-style: none;}
.breadcrumb li{font-size: 12px; float: left; height: 36px; line-height: 36px; margin-bottom: 15px;}
.breadcrumb ul li+li:before{content: ""; display: inline-block; padding: 0; margin: 0 2px 0 7px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #5b5c5b;}
.breadcrumb>li+li:before{content: "/\00a0"; padding: 0 5px; color: #5b5c5b;}
.breadcrumb li a{color: #5b5c5b;}.comment{margin-top: 20px;}
.comment_title{font-size: 140%; margin-bottom: 10px; font-weight: bold;}
.comment_title span{font-weight: normal;}
.comment .commentItem{position: relative;}
.comment .commentItemF{width: 100%; margin: 0 0 10px;}
.comment input{}
.comment input[type="submit"]{float: right; width: 70px; margin: 0; background: #337abc;}
.comment label.error{position: absolute; color: red; right: 7px; top: 5px; font-size: 12px; }
.list_comment li{list-style: none; padding: 15px 0;}
.list_comment li.commentli{}
.list_comment_ava{float: left; width: 35px; height: 35px; margin-right: 10px;display: none;}
.list_comment_ava img{max-width: 100%; height: auto;}
.list_comment_content{padding-bottom: 5px;}
.list_comment_name{font-weight: bold; padding: 0 0 5px;}
.list_comment_name span{font-size: 11px; font-weight: normal; color: rgba(51,51,51,0.5);}
.list_comment_name a{color: #333; font-size: 12px; cursor: pointer; float: right; line-height: 17px;}
.list_comment_name a:hover{color: #00aff0;}
.list_comment_sub{margin: 0 0 0 30px;}
.list_comment_sub li{border-top: 1px dotted #dddddd;}
.list_comment_sub li.last-child{padding: 10px 0 0;}
.comment_name, .comment_email {float: left;}

@media (min-width: 320px){
    .comment .commentItem{width: 100%; margin: 0 0 10px;}
}
@media (min-width: 480px){
    .comment .commentItem{width: 40%; float: left; margin: 0 10px 10px 0 ;}
}.LienHeInfo li{line-height: 22px; position: relative; margin-bottom: 15px; list-style: none;}
.LienHeInfo li:after{width: 100%; border-bottom: 1px dashed #dedede; display: block; content: ''; position: absolute; z-index: 1; top: 13px;}
.LienHeInfo li label{Display: inline-block; background: #fff; padding-right: 5px; position: relative; z-index: 2; color: #0079c2; font-weight: bold;}
.LienHeInfo li label i{width: 20px; font-size: 15px;}
.LienHeInfo li span{padding-left: 20px; display: block;}
.LienHeInfo li a{color: black;}

.formLeft{float: left; width: 100%}
.formLeftitem{margin-bottom: 15px; position: relative; width: 100%;}
.formLeft input{border-left: 0; width: calc(100% - 40px);}
.formLeft i{float: left; width: 40px; color: #0079c2; line-height: 29px; font-size: 20px; text-align: center; border: 1px solid #dedede; box-sizing: border-box;}

.formRight{float: right; position: relative; width: 100%; margin-bottom: 15px;}

@media (min-width: 320px){
    .LienHeRight{margin: 0 0 20px;}
}
@media (min-width: 767px){
    .LienHeLeft{float: left; width: 30%;}
    .LienHeRight{float: right; margin: 0 0 20px 3%; width: calc(64% - 1px); padding-left: 3%; border-left: 1px solid #dedede;}
}.intro{position: relative; margin: 0 0 35px;}
.intro-content{font-family: Roboto; font-size: 14px; line-height: 22px; color: #3e3e3e; text-align: justify;}
.intro-more{position: absolute; right: 0; bottom: 0; color: #f48434; padding-left: 20px; background: url(/theme/images/xt.jpg) left center no-repeat; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}
.intro-more:hover{background: url(/theme/images/xt.jpg) left 5px center no-repeat; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}

.why{margin-bottom: 20px;}
.why-title{color: #0079c1; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 25px;}
.why-content{font-size: 14px; line-height: 22px; color: #3e3e3e;}
.why-content ul{list-style: none; line-height: 26px;}
.why-content ul li{padding-left: 35px; background: url(/theme/images/s.jpg) left 5px center no-repeat;}

.want{text-align: center; font-size: 16px; text-transform: uppercase; margin-bottom: 20px;}
.want a{display: inline-block; background: #ef3a43; color: #fff; padding: 17px 45px; -webkit-border-radius: 7px; border-radius: 7px;}

.banner{margin-bottom: 31px; text-align: right;}

@media (min-width: 320px){
    .intro-content{padding: 0 0 20px;}
    .intro-content img{margin: 0 0 10px 0;}
    .want a{padding: 17px 24px;}
}
@media (min-width: 480px){
    .intro-content{padding: 0;}
    .intro-content img{float: left; width: 260px; margin: 0 20px 0 0;}
    .want a{padding: 17px 45px;}
}
@media (min-width: 767px){

}
@media (min-width: 970px){

}
@media (min-width: 1070px){

}.program{position: relative;}
.program-item{float: left;}
.program-img{float: left; margin-right: 10px; border: 1px solid #d7d7d7; padding: 2px;}
.program-name{font-size: 14px; font-weight: bold; margin-bottom: 7px;}
.program-name a{color: #0077be; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.program-prev{color: #191818; margin-bottom: 14px; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical;}
.program-detail{color: #f48434; padding-left: 20px; position: relative;}
.program-detail i{position: absolute; top: 1px; left: 0; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}
.program-item:hover .program-detail i{left: 3px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}
.program-more{position: absolute; top: 10px; right: 0; color: #110e18;}

.advisory{ margin-bottom: 15px;}
.advisory-title{position: relative; font-size: 15px; color: #fff; border-bottom: 2px solid #0080e8;}
.advisory-title:before{content: ''; width: 5px; height: 36px; background: #06a21b; position: absolute; top: 0; left: 0;}
.advisory-title b{display: inline-block; background: #0080e8; padding: 9px 15px 8px 15px;}
.advisory-content{padding: 15px; border: 1px solid #dedede; border-top: 0;}
.advisory-img{margin-bottom: 15px;}
.advisory-name-1,
.advisory-name-2{font-family: Tahoma;}
.advisory-name-1{margin-bottom: 10px; font-weight: bold;}
.advisory-name-1 a{color: #055698;}
.advisory-name-1 a:hover{color: #ff0000;}
.advisory-name-2{padding-left: 20px;}
.advisory-name-2 a{color: #6d6c6c;}
.advisory-name-2 a:hover{color: #055698;}

@media (min-width: 320px){
    .program-item{width: 100%; margin: 0 0 20px 0;}
}
@media (min-width: 580px){
    .program-item{width: calc(50% - 5px); margin: 0 10px 20px 0;}
    .program-item:nth-child(2n){margin-right: 0;}
}.menu-desk{position: relative; height: 40px; background: url(/components/menu/bg.jpg); font-family: OpenSans; margin-bottom: 5px; z-index: 100;}
.menu-desk ul#navigation{list-style: none;}
.menu-desk ul#navigation li{list-style: none; float: left; position: relative; background: url(/components/menu/li.jpg) right no-repeat;}
.menu-desk ul#navigation li:nth-last-child(1){background: none;}
.menu-desk ul#navigation li.menu-none{display: none;}
.menu-desk ul#navigation li a{display: block; color: #fff; line-height: 40px; font-size: 15px; text-transform: uppercase;}
.menu-desk ul#navigation li.active a,
.menu-desk ul#navigation li:hover a{color: #f7ec36;}

.menu-desk ul#navigation li > ul{opacity: 0;}
.menu-desk ul#navigation li:hover > ul{visibility: visible; opacity: 1;}
.menu-desk ul#navigation li:hover > ul li{visibility: visible;}
.menu-desk ul#navigation ul,
.menu-desk ul#navigation ul li ul{top: 100%; left: 0; float: left; visibility: hidden; position: absolute; z-index: 999; width: 205px; display: none;}
.menu-desk ul#navigation ul li{width: 100%; background: none;}
.menu-desk ul#navigation ul li a{background: #0171b5!important; color: #fff!important; line-height: normal; padding: 7px 5px 7px 10px;  border-bottom: 1px solid #fff; text-transform: none;}
.menu-desk ul#navigation ul li:nth-last-child(1) a{border-bottom: 0;}
.menu-desk ul#navigation ul li a:hover{background: #0079c2!important;}

.menu-desk ul#navigation ul li ul{left: 100%; top: 0px! important; width: 205px;}
.menu-desk ul#navigation ul li ul li a{background: #1381d0!important; font-weight: normal;}
.menu-desk ul#navigation ul li ul li a:hover{background: #1697e5!important;}

.menu-mobile{background: url(/components/menu/bg.jpg); height: 40px; line-height: 40px; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.menu-mobile i{padding-left: 10px;}

@media (min-width: 320px){
    .menu-mobile{display: block;}
    .menu-desk{display: none;}
    
}
@media (min-width: 970px){
    .menu-mobile{display: none;}
    .menu-desk{display: block;}
    .menu-desk ul#navigation li a{padding: 0 18px;}
}
@media (min-width: 1070px){
    .menu-desk ul#navigation li a{padding: 0 25px;}
}.news-other{float: left;}
.news-other-item{padding: 0 5px 15px; position: relative; line-height: 15px;}
.news-other-img{margin-bottom: 5px; position: relative;}
.news-other-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 100%;}
.news-other-name{margin: 5px 0 7px; font-weight: bold; height: 30px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.news-other-name a{color: #333; display: block;}
.news-other-prev{color: #808080; height: 45px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

@media (min-width:320px){
    .news-other{width: 50%;}
    .news-other-img{height: 99px;}
}
@media (min-width:360px){
    .news-other-img{height: 113px;}
}
@media (min-width:480px){
    .news-other-img{height: 158px;}
}
@media (min-width:580px){
    .news-other{width: 33.33333%;}
    .news-other-img{height: 126px;}
}
@media (min-width:767px){
    .news-other-img{height: 117px;}
}
@media (min-width:970px){
    .news-other-img{height: 111px;}
}
@media (min-width:1070px){
    .news-other-img{height: 135px;}
}.news-item{margin: 0 0 20px;}
.news-item-last{}
.news-name{font-size: 14px; font-weight: bold; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.news-name a{color: #0079c2;}
.news-item:hover .news-name a{color: #ff0000;}
.news-time{font-size: 11px; line-height: 20px; margin: 10px 0;}
.news-time a{display: inline-block; background: #808080; color: #fff; margin-right: 7px; padding: 0 7px;}
.news-time a:hover{background: #0079c2;}
.news-time span{color: #808080;}
.news-prev{color: #333; line-height: 20px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

@media (min-width:320px){
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-img{float: left; width: 220px; margin: 0 20px 0 0;}
}.intro-list{position: relative;}
.intro-list:after{content: ''; height: 100%; background: #fff; position: absolute; top: 0; right: 0;}
.intro-item{box-sizing: border-box;}
.intro-img{overflow: hidden; margin-bottom: 25px;}
.intro-name{font-size: 20px; font-weight: bold;}
.intro-name a{color: #003478;}

@media (min-width:320px){
    .intro-item{width: 100%; border-bottom: 1px dotted #808080; margin-bottom: 20px; padding: 0 0 10px;}
}   
@media (min-width:360px){

}
@media (min-width:480px){
    .intro-list:after{width: 1px;}
    .intro-img{height: 175px; overflow: hidden; margin-bottom: 25px;}
    .intro-item{float: left; width: calc(100% / 2); border-right: 1px dotted #808080; border-bottom: 0; padding: 10px; margin: 0;}
    .intro-item:nth-child(1){width: 100%; border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(2){border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(3){border-bottom: 1px dotted #808080;}
}
@media (min-width:580px){

}
@media (min-width:767px){
    
}
@media (min-width:940px){
    .intro-list:after{width: 2px;}
    .intro-item{width: calc(100% / 3);}
    .intro-item:nth-child(1){width: calc(100% - (100% / 3)); border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(2){border-bottom: 1px dotted #808080;}
    .intro-item:nth-child(3){border-bottom: 0;}
}.dkh{position: fixed; top: 170px; left: 10px; z-index: 999;}
.dhn{position: fixed; top: 175px; right: 0; z-index: 999;}
.dhs{position: fixed; top: 265px; right: 0; z-index: 999;}
.dhm{position: fixed; top: 355px; right: 0; z-index: 999;}
.dhh{position: fixed; top: 445px; right: 0; z-index: 999;}

.dk-title{font-family: UTMAvo; font-size: 20px; text-transform: uppercase; text-align: center; background: #0079c2; color: #fff; padding: 11px 0 15px; margin: 0 0 10px;}
.dk-item{width:calc(100% - 20px); margin: 0 auto 10px; position: relative;}
.dk-item span{display: inline-block; width: 100px; vertical-align: top; line-height: 31px; font-weight: bold;}
.dk-item input[type="text"], .dk-item textarea, .dk-item select{width: calc(100% - 100px); float: right;}
.dk-item input[type="submit"]{width: 110px;}
.dk-item p{height: 31px; line-height: 31px; color: #e4252d; text-transform: uppercase; font-weight: bold;}

@media (min-width: 320px){
    .dk{width: 320px;}
    .dkh, .dhn, .dhs, .dhm, .dhh{display: none;}
}
@media (min-width: 360px){
    .dk{width: 360px;}
}
@media (min-width: 480px){
    .dk{width: 480px;}
}
@media (min-width: 970px){
    .dkh, .dhn, .dhs, .dhm, .dhh{display: block;}
}.search{margin-bottom: 10px;}
.search input[type="text"]{float: left;}
.search select{float: left;}

@media (min-width: 320px){
    .search{width: 100%}
    .search input[type="text"]{width: calc(100% - 141px); margin: 0 5px 0 0;}
    .search select{width: 100px; margin: 0 5px 0 0;}
    .search input[type="submit"]{width: 31px; padding-left: 4px; background: #337abc; text-transform: none;}
}
@media (min-width:480px){
    .search{width: 100%}
    .search input[type="text"]{width: calc(100% - 255px);}
    .search input[type="text"]{margin: 0 10px 0 0;}
    .search select{width: 150px; margin: 0 10px 0 0;}
    .search input[type="submit"]{width: 85px; padding-left: 0;}
}
@media (min-width: 767px){
    .search{width: calc(100% - 315px); position: absolute; top: 0; right: 0; float: right;}
    .search-home{width: calc(100% - 265px); margin-left: 265px; position: relative;}
}
@media (min-width: 1070px){
    .search input[type="text"]{width: 440px;}
    .search select{width: 185px;}
    .search input[type="submit"]{width: 97px;}
}.slide{}
.slide .owl-nav{display: none;}
.slide:hover .owl-nav{display: block;}
.slide .owl-nav div{width: 36px; height: 36px; line-height: 36px; opacity: 0.5; position: absolute; top: 0; bottom: 0; margin: auto;}
.slide .owl-nav div.owl-prev{left: 5px; background: url(/components/slide/p.png);}
.slide .owl-nav div.owl-next{right: 5px; background: url(/components/slide/n.png);}
.slide .owl-nav div:hover{opacity: 1;}
.slide .owl-dots{position: absolute; right: 0; bottom: 10px; left: 0; margin: auto; text-align: center;}
.slide .owl-dots .owl-dot{display: inline-block; background: #dedede; width: 12px; height: 12px; margin-left: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;}
.slide .owl-dots .owl-dot.active, .dg .owl-dots .owl-dot:hover{background: #0080e8;}.study-item{float: left;}

.study-img{border: 1px solid #d7d7d7; padding: 5px; margin-bottom: 10px;}
.study-name{font-size: 17px; line-height: 19px; font-weight: bold; height: 38px; margin-bottom: 3px; overflow: hidden;}
.study-name a{color: #0079c2;}
.study-item:hover .study-name a{color: #ff0000;}
.study-prev{line-height: 17px; height: 51px; overflow: hidden; margin-bottom: 5px;}

@media (min-width:320px){
    .study-item{width: 100%; margin: 0 0 20px 0;}
}
@media (min-width:480px){
    .study-item{width: calc(50% - 2.5px); margin: 0 5px 20px 0;}
    .study-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .study-item{width: calc(50% - 5px);  margin: 0 10px 20px 0;}
    .study-item:nth-child(2n){margin-right: 0;}
}