.clear_both{clear: both}
@font-face {
	font-family: 'utm'; /*a name to be used later*/
	src: url('../fonts/UTMTimesBold.ttf')  format('truetype'); /*URL to font*/
	src: url('../fonts/UTMTimesBold.eot')  format('embedded-opentype');
	src: url('../fonts/UTMTimesBold.woff')  format('woff');
}
@font-face {
	font-family: 'utm italic'; /*a name to be used later*/
	src: url('../fonts/UTM TimesItalic.ttf')  format('truetype'); /*URL to font*/
	src: url('../fonts/UTM TimesItalic.eot')  format('embedded-opentype');
	src: url('../fonts/UTM TimesItalic.woff')  format('woff');
}
@font-face {
	font-family: 'avobold'; /*a name to be used later*/
	src: url('../fonts/UTM AvoBold.ttf')  format('truetype'); /*URL to font*/
	src: url('../fonts/UTM AvoBold.eot')  format('embedded-opentype');
	src: url('../fonts/UTM AvoBold.woff')  format('woff');
}
@font-face {
	font-family: 'utmswiss'; /*a name to be used later*/
	src: url('../fonts/UTM Swiss Condensed.ttf')  format('truetype'); /*URL to font*/
	src: url('../fonts/UTM Swiss Condensed.eot')  format('embedded-opentype');
	src: url('../fonts/UTM Swiss Condensed.woff')  format('woff');
}
.utm{font-family: 'utm';}
.utm_italic{font-family: 'utm italic';}
.roboto{font-family: 'Roboto Condensed', sans-serif;}
.opensans{font-family: 'Open Sans', sans-serif;}
.ro{font-family: 'Roboto', sans-serif;}
.oswald{font-family: 'Oswald', sans-serif;}
.avobold{font-family: 'avobold', sans-serif;}
.utmswiss{font-family: 'utmswiss', sans-serif;}
a{color:#383838;cursor:pointer;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out}
a:hover{text-decoration: none;color: #f51414}
@media screen and (max-width: 992px) {
	.col-md-4,.col-md-6,.col-md-8,.col-md-12,.col-sm-3{padding: 0}
}
.txt_center{text-align: center}
.txt_right{text-align: right}

.lang-vina a{display: inline-block;margin-left: 5px;}
.lang-vina img,.lang-vina a{width: 30px;height: 20px}
h1,h2,h3,h4,h5,h6{line-height: 130%}
b,strong{font-weight: bold}
body {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
}

/*-------------------Begin mobile--------------------*/
.taskbar-m {background: #fff ;position: fixed; top: 0; left: 0; width: 100%; z-index: 999;height: 44px;color: #000;border-bottom: 2px solid #0464a0}
.taskbar-m.fix{-webkit-box-shadow: 0 0 8px #fff;	-moz-box-shadow: 0 0 8px #fff;	box-shadow: 0 0 8px #fff;}
.padding-m {padding-top: 44px;}
.taskbar-m span {float: left; background: #ed1c24; display: block; margin: 4px 0 5px 10px; position: relative;}
.taskbar-m > span:hover {background: #a8141a;}
.taskbar-m span i {color: #fff; position: absolute; top: 0; left: 0; width: 35px; line-height: 35px; text-align: center; font-size: 24px; z-index: 1;}
.taskbar-m span:hover i {color: #fff;}
.taskbar-m .btn-m {padding: 35px 35px 0 0; background: transparent; position: relative; z-index: 2; outline: none;}
.taskbar-m .logo{float: left;margin-left: 15px;}
.taskbar-m .logo img{height: 34px;margin-top: 5px;}
.search_form {margin: 9px 5px 0 10px;float: right; background: #fff;z-index: 9999;border: 1px solid #0464a0;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.taskbar-m  .search_form {width:  calc(100% - 220px);}
.search_form button {display: inline-block; width: 30px;  color: #777; outline: none; 	background: none;  }
.search_form button i {line-height: 25px;color: #1f82c4}
.search_form input[type="text"] {height: 25px; float: left; text-indent: 5px; font-size: 13px; width:  calc(100% - 35px); color: #999;font-style: italic; outline: none;	transition: all .2s;	-webkit-transition: all .2s; background: none;}


.wrapper-m {transform: translate3d(260px,0,0); -webkit-transform: translate3d(260px,0,0);}
.animate {transition: all .5s; -webkit-transition: all .5s;}
.menu-m {background: #333; color: #999; width: 260px; position: absolute; top: 0; left: 0; height: 100%; border-right: 1px solid #444;
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);overflow-y: scroll;
}
.menu-m a {color: #bbb; text-decoration: none;}
.menu-m li:hover > a {color: #fff;}
.menu-m li{position: relative}
.menu-m > ul > li {border-bottom: 1px solid #444; position: relative;}
.menu-m ul li a {display: block; padding: 0 15px;}
.menu-m > ul > li > a {line-height: 40px;}
.menu-m  ul > li > span::before {content: "+"; font-size: 16px; width: 40px; text-align: center; position: absolute; top: 0; right: 0; line-height: 40px; color: #666; cursor: pointer;}
.menu-m ul li ul {display: none;}
.menu-m ul li ul li {border-top: 1px solid #444;}
.menu-m ul li ul li a {line-height: 35px; position: relative; padding-left: 35px; color: #888;}
.menu-m ul li ul li ul li a {line-height: 35px; position: relative; padding-left: 50px; color: #888;}
.menu-m ul li ul li a i {font-size: 12px; position: absolute; top: 0; left: 20px; line-height: 35px;}
.menu-m ul li ul li ul li a i {font-size: 12px; position: absolute; top: 0; left: 40px; line-height: 35px;}
/*-------------------End mobile--------------------*/
/*topbar*/
.topbar{padding: 10px 0;}
.slogan{padding-left: 0;font-size: 13px;line-height: 20px;font-weight: 600;text-transform: uppercase}
.top_right{margin: 10px 0 0 0;}
.social a i {text-align: center;display: inline-block;font-size: 14px;margin-left: 10px;}
/*service*/
.service{margin: 25px 0;}
.service_wrap .box{background: #0072bc;color: #fff;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;}
.service_wrap .box.odd{background: #03659f}
.service_wrap .box:hover{background: #024b76;}
.service_wrap dl {padding: 15px;}
.service_wrap>div dt{position: relative;}
.service_wrap>div dt img{width: 100%;}
.service_wrap>div dd a{display: block;text-transform: uppercase;font-size: 16px;margin: 10px 0;color: #fff;font-weight: 600;}
.service_wrap>div dl:hover dd a{}
.red_slick_dot .slick-dots{margin-top: 10px;}
.red_slick_dot .slick-dots li{margin: 0 2px;}
.red_slick_dot .slick-dots li button:before{font-size: 12px;color:#000;opacity: 1; }
.red_slick_dot .slick-dots li.slick-active button:before,.service_wrap .slick-dots li:hover button:before{color: #03659f;opacity: 1;}
.slick-dotted.slick-slider{margin-bottom: 0!important;}
/*about*/
.about{margin-bottom: 25px;}
.about .container{position: relative}
.title_wrap{border-left: 10px solid #03659f;position: relative;padding-left: 15px;margin-bottom: 15px;}
.title_wrap:before{border-left: 4px solid #03659f;display: block;left: 2px;height: 100%;content: '';position: absolute}
.title{font-size: 16px;text-transform: uppercase;color: #da1b22;line-height: 20px;margin-bottom: 7px;display: block}
.title_wrap .brief{line-height: 10px;color: #03659f;}
.about .about_content{background: #f1f1f1;}
.about_left{padding: 15px;}
.about_left p,.about_left li{margin-bottom: 10px;}
.about_left ul{padding-left: 20px}
.about_left ul li{position: relative;padding-left: 10px;font-weight: 600}
.about_left ul li:before{content: "\f0c8"; font-family: FontAwesome; padding-right: 10px;position: absolute;font-size: 5px;left: 0;color: #03659f;}
.more{background: #04649f;color: #fff;font-size: 15px;line-height: 45px;padding: 0 30px;display: inline-block;border-radius: 3px;-moz-border-radius:  3px;-webkit-border-radius:  3px;}
.more:hover{background: #034066;color: #fff;}
.about_right{padding: 0;}
.about_right img,.about_right iframe{width: 100%;}
.about_right iframe{height: 200px;}
/*project*/
.banner-img{height: 235px;overflow: hidden}
.banner-img img{min-height: 235px;width: 100%;}
.more_w .more{margin-top: 30px;}
.project .slick-arrow{position: absolute;top: 45%;font-size: 40px;left: 0;z-index: 9;background: #03659f;width: 30px;text-align: center;color: #fff;}
.project .slick-arrow.fa-angle-right{left: auto;right: 0;}
.project .slick-arrow:hover{background: red;cursor: pointer;color: #fff;}
/*partner*/
.partner{padding: 20px 0;}
.block_part a{display: block;width: 190px;text-align: center;}
.block_part a img{max-width: 180px;height: 100px;}

/*feedback*/
.feedback{margin-bottom: 25px;}
.feedback .container>div{padding: 15px ;background: url("../images/bg_feedback.jpg") no-repeat;background-size: cover}
.feedback .title_wrap{border-left: 10px solid #fff;}
.feedback .title_wrap:before{border-left: 4px solid #fff;}
.feedback .title_wrap .title,.feedback .title_wrap .brief{color: #fff}
.feedback .title_wrap .title{text-transform: none}
.list_feedback{position: relative;}
.sl_feed{padding-bottom: 25px;}
.feedback dt{float: left;width: 100px;}
.feedback dt img{width: 90px;height: 90px;border-radius: 50px;-moz-border-radius:  50px;-webkit-border-radius: 50px;}
.feedback dd{width:  calc(100% - 110px);float: right;margin-top: 10px;padding-bottom: 20px;}
.fb_name{color: #fff;font-size: 15px;margin-bottom: 5px;}
.feedback .utm_i{color: #fff;line-height: 22px;padding-left: 25px;}
.feedback .flex-direction-nav a{top: auto;opacity: 1; bottom: 0;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out}
.feedback .flex-direction-nav a:before{font-size: 13px;line-height: 20px;padding:2px 5px 0 5px;border: 1px solid #fff;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out}
.feedback .flex-direction-nav a:hover:before{border: 1px solid #fff;background: #fff;color: #000;}
.feedback .flex-direction-nav .flex-prev{left: 135px;}
.feedback .flex-direction-nav .flex-next{left: 155px;}
/*home_news*/
.home_news{margin-bottom: 25px;}
.home_news dl{margin-bottom: 20px;}
.home_news dl dt a{margin-bottom: 10px;display: block}
.home_news dl dt img{width: 100%;}
.home_news dl dd a{font-size: 15px;font-weight: 500;margin:0 0 10px 0;display: block;}
.home_news dl dd p{color: #5e5e5e;margin-bottom: 8px;}
.home_news .container>div.col-xs-12{padding: 0;}
.news_wrap{border: 1px solid #dbdbdb;float: left;width: 100%;}
.news_wrap>div{border-top: 1px solid #dbdbdb;padding: 10px;}
.news_wrap>div:first-child{border-top: 0;}
.home_news .day,.home_news .catname{color: #888;font-weight: normal}
.home_news .day{float: left}
.home_news .catname{float: right}
.home_news .medium{font-weight: 500;line-height: 1.4em;margin-bottom: 10px;display: block;}
.news_wrap .medium{font-size: 14px;}
.seemore{color: #000;font-size: 13px!important;font-weight: 500!important;;display: block;}
.seemore.blue{color: #054fa3}
.seemore:hover,.seemore.blue:hover{color: #e00606;}
.animation{position: relative;overflow: hidden;display: block}
.animation:before {content: "";z-index: 1;position: absolute;left: -200%;top: 0;width: 200%;	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
	-webkit-transition: 0s ease-in-out;	-moz-transition: 0s ease-in-out;	-ms-transition: 0s ease-in-out;	-o-transition: 0s ease-in-out;	pointer-events: none;}
.animation:hover:before{left:200%;-webkit-transition:0.8s ease-in-out;-moz-transition:0.8s ease-in-out;-ms-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out}
/*register*/
.register{padding: 25px 0;background: #03659f;color: #fff;}
.register .title{color: #fff;margin-bottom: 7px;text-transform: none;font-weight: 600;font-size: 20px;line-height: 29px;}
.register .more{margin: 10px 0 0 0;background: #fff;color: #03659f;padding: 3px 20px 3px 6px;font-size: 22px;font-weight: 600;margin-top: 10px;display: inline-block;border-radius: 50px;-moz-border-radius:  50px;-webkit-border-radius: 50px;}
.register .more:hover{background: #ed1b26;color: #fff;}
.register .more i{color: #fff;background: #ed1b26;border-radius: 50px;-moz-border-radius:  50px;-webkit-border-radius: 50px;width: 40px;height: 40px;line-height: 40px;text-align: center;;-webkit-transition:0.8s ease-in-out;-moz-transition:0.8s ease-in-out;-ms-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out}
.register .more:hover i{color: #ed1b26;background: #fff;}
.re_wrap{text-align: center;}
/*footer*/
.footer {
	background: #000 url("../images/bg_footer.jpg") top right no-repeat;
	padding: 25px 0 20px 0;
	clear: both;
}
.footer *{color: #fff;font-size: 15px;}
.footer .container>div{float: left;padding: 0;margin-bottom: 20px;}
.footer .social a.facebook_icon i{background: #4861a3}
.footer .social a.google i{background: #ea594a}
.footer .social a.twitter_url i{background: #40bdf3}
.footer .social a.youtube i{background: #d5302a}
.title_ft{border-left: 5px solid #03659f;position: relative;padding-left: 15px;margin-bottom: 15px;text-transform: uppercase;font-size: 18px; line-height: 20px; font-weight: bold}
.title_ft:before{border-left: 2px solid #03659f;display: block;left: 2px;height: 100%;content: '';position: absolute}

.contact_home p{margin-bottom: 8px;}
.contact_home p i{width: 24px;}
.menu_ft a{display: block;margin-bottom: 8px;padding-left: 0}
.map iframe{width: 100%!important;}
.copyright{
	background: #003470;
	padding: 10px 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.copyright .container{position: relative;font-weight: bold}
.copyright .container *{color: #fff;display: inline-block;text-transform: uppercase;}
.gotop{background: none;cursor: pointer;position: fixed;right: 5px;bottom: 5px;}
.gotop i{color:#fff ;font-size:30px;padding:5px 10px;background: #000;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;font-weight: bold;}
/*--------------navbar-vina---------------*/
.image_title{position: relative}
.image_title img{width: 100%;min-height: 100px;}
.image_title:after{    content: "";	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(0,0,0,.65);}
.image_title .container>div{position: absolute;z-index: 99;top: 0;padding: 20px 0;width:  calc(100% - 30px);}
.title_cen{text-transform: uppercase;font-size: 15px;font-weight: 500;margin-bottom: 10px;color: #fff;}
.navbar-vina a {display: inline-block;  margin-right: 10px; text-decoration: none;color: #fff;}
.navbar-vina a:hover {color: #ea0000;}
.navbar-vina a+a:before {content: "\f105"; font-family: FontAwesome; padding-right: 10px;}
.navbar-vina a i {margin-right: 5px;}
.network_ppage {margin: 10px 0 5px 0;}
.network_ppage>span{float: left;margin-right: 10px;font-weight: 600;font-size: 15px;line-height: 20px}
/*----content--------*/
.content{float: left;width:100%;margin:20px 0;}
.title_box{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
/*--------------subpage---------------*/
.about_page p {
	margin: 15px 0;
	line-height: 22px;
}
.about_page ol, .content_news_page ol{padding-left: 30px;}
.about_page ol li, .content_news_page ol li{margin-bottom: 10px;}
.about_page ul, .content_news_page ul,.detail_box_ppage ul{padding-left: 30px;list-style: disc}
.detail_box_ppage ul{padding-left: 10px}
.about_page ul li, .content_news_page ul li,.detail_box_ppage ul li{list-style: disc;margin-bottom: 5px;line-height: 22px;}
.content_news_page ul li{list-style: inside;margin-bottom: 10px;}
.content_news_page img,.about_page img{max-width: 100%;height: auto!important;}

/*---pager-----*/
#phantrang{float: left;text-align: left!important;}
#phantrang ul{display: inline-block;margin: 0 auto}
#phantrang a{    width: 30px;	height: 30px;	display: inline-block;	line-height: 30px;	padding:0;	float: left;margin: 0 2px;font-size: 14px;font-weight: 600;}
#phantrang a i{line-height: 30px}
#phantrang a:link,#phantrang a:visited,.phantrangs a:link,.phantrangs a:visited {	border: solid 1px #c1c1c1 !important;	color: #535353!important;}
#phantrang .selected a,#phantrang a:hover,.phantrangs .selected a,.phantrangs a:hover {	background: #363636!important;	color: #fff!important;    border: solid 1px #363636!important;}
#phantrang .previous a,#phantrang .next a{font-size: 16px;font-weight: 600}
#phantrang li{text-align: center!important;}

.right>div{margin-bottom: 20px;padding: 0}
.right .title_wrap {
	border-left-width: 6px;
	background: #eee;
}
.right .title_wrap p {
	line-height: 40px;
}
.right .title_wrap:before {border-left: 2px solid #03659f;}
.service_right{border: 1px solid #ddd;padding-bottom: 10px!important;}
.right .service_wrap>div dd a{padding-bottom: 0;color: #000;font-size: 15px;text-align: center}
.right .red_slick_dot .slick-dots{margin-top: 0;}
/*.right .red_slick_dot .slick-dots li.slick-active button:before,.right .service_wrap .slick-dots li:hover button:before{color: #fff;}*/
.right .service_wrap .box{background: none}
.right .service_wrap dl{padding: 10px ;}
.menu_right{display: none}
.menu_right>ul>li>a,.right .title{font-weight: 600;font-size: 16px;display: block;color: #000;text-transform: uppercase}
.right .title{margin-bottom: 15px}
.menu_right>ul>li{margin-top: 15px}
.menu_right>ul>li:first-child{margin-top: 0}
.menu_right a{display: block}
.menu_right li li{border-top: 1px solid #e8e8e8;padding-top: 8px;margin-top: 8px}
.video_right iframe{width: 100%;height: 180px;margin-bottom: 10px;}
.video_right p span{color: #e1492f}

.hotnews dl{margin-top: 15px;	border-top: 1px solid #ebebeb;	padding: 15px 0 0 0;min-height: 85px;}
.hotnews > dl:first-child{border-top:0;	margin-top: 0;padding-top: 0;min-height: 70px;}
.hotnews dl dt{width: 90px;margin-right: 15px;float: left;height: 70px;text-align: center;}
.hotnews dl dt a{width: 90px;height: 70px;overflow: hidden;display: block;}
.hotnews dl dt img{max-width: 90px;min-height: 70px;}
.hotnews dl dd a{font-weight: 500;margin-bottom: 15px;display: block;}
.hotnews dl dd a{margin-bottom: 10px;height: 40px;line-height: 20px;overflow: hidden}
.hotnews dl dd p{font-style: italic;color: #7d7d7d;}
/*---right---*/
.content_news_page li{list-style-position: inside;}
.content_news_page ul li{list-style-type:disc}
.content_news_page ul,.content_news_page ol{padding-left: 20px}
.news_page *{max-width: 100%}
.content_news_page>*{margin-bottom: 10px}
.content_news_page img{height: auto!important;}
.product_home .img_p{height: 180px;}
.product_home .img_p img{min-height: 180px;}
/*gallery*/
.gallery_page>div dl{height: 250px;overflow: hidden;}
.gallery_page>div img{min-height: 250px;width: 100%}
.gallery_page>div>dl dt{position: relative;overflow: hidden;height: 200px;}
.gallery_page>div>dl dt img{min-height: 200px;width: 100%;}
.gallery_page>div>dl dd{margin-top: 10px;text-align: center}
.beffect {position: relative;overflow: hidden;vertical-align: middle;display: block;}
.beffect::before {background:rgb(237,28,36);background: transparent\9;background:rgba(237,28,36,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fed1c24,endColorstr=#7fed1c24);
	content: "";height: 0;left: 0;margin: auto;opacity: 1;filter: alpha(opacity=100);position: absolute;bottom: 0;width: 0;}
.beffect::after {background:rgb(237,28,36);background: transparent\9;background:rgba(237,28,36,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fed1c24,endColorstr=#7fed1c24);
	content: "";height: 0;	right: 0;margin: auto;opacity: 1;filter: alpha(opacity=100);position: absolute;bottom: 0;width: 0;}
.beffect:hover::before, .beffect:hover::after {height: 100%;-webkit-transition-duration: 1.3s;transition-duration: 1.3s;opacity: 0;filter: alpha(opacity=0);width: 100%;}
.beffect img{width: 100%;}

.gallery_page>div{padding: 0;}
.gallery-section .frame {float: left;width: 100%;overflow: hidden;position: relative;margin-bottom: 20px;}
.gallery-section .frame:before {content: "";height: 50%;left: 0;margin: auto;opacity: 0;position: absolute;right: 0;top: -20%;width: 100%;background: #000;}
.gallery-section .frame:after {	bottom: -20%;	content: "";	height: 50%;left: 0;margin: auto;opacity: 0;position: absolute;right: 0;width: 100%;background: #000;}
.gallery-section .frame:before,.gallery-section .frame:after  {transition: all .5s ease-in;-moz-transition: all .5s ease-in;-webkit-transition: all .5s ease-in;}
.gallery-section .frame:hover:before {opacity: .8;top: 0;}
.gallery-section .frame:hover:after {bottom: 0;opacity: .8;}
.gallery-section .frame a.zoom {position: absolute;left: -130%;right: 0;top: 0;bottom: 0;margin: auto;width: 40px;height: 40px;	border: 2px solid #fff;	text-align: center;	line-height: 38px;	color: #fff;	font-size: 18px;	z-index: 9;color: #fff;}
.gallery-section .frame:hover a.zoom {left: 0;}
.gallery-section .frame a.zoom i{margin-top: 8px}
.gallery-section .frame a.zoom:hover{background: #ea0000;border-color: #ea0000}
.gallery-section .frame img{width: 100%;}
/*video*/
.video iframe{width: 100%;height: 250px;margin-bottom: 20px;}
@media screen and (min-width: 768px) {
	.box-search{background: #8c6239;}
	.checkin, .checkout, .snight {	float: left;width: 32%	}
	.snight {margin: 0 2%;	}
	.checkin span, .checkout span{width: 100%}
	.service{margin: 30px 0;}
	.service_wrap>div dt{height: 165px;overflow: hidden}
	.service_wrap>div dt img{min-height: 165px;}
	.service_wrap>div dd a{height: 20px;line-height: 20px;overflow: hidden}
	.service_wrap>div dd .brief{height: 100px;line-height: 20px;overflow: hidden}
	.service .slick-arrow{position: absolute;top: 45%;font-size: 40px;left: -20px;}
	.service .slick-arrow.fa-angle-right{left: auto;right: -20px;}
	.service .slick-arrow:hover{color: red;cursor: pointer}

	.about{margin-bottom: 30px;}
	.title_wrap{margin-bottom: 20px;}
	.title{font-size: 20px;}
	.about_content{float: left;width: 100%;}

	.partner,.feedback .container>div{padding: 30px 0;}

	.list_feedback{max-width: 670px;margin: 0 auto;}
	.feedback dd{width: calc(100% - 120px);}
	.feedback .flex-direction-nav .flex-prev{left: 145px;}
	.feedback .flex-direction-nav .flex-next{left: 165px;}

	.home_news{margin-bottom: 30px;}
	.home_news dl{float: left;width: 50%;}
	.home_news .container> dl:nth-child(2){padding-right: 15px}
	.home_news .container> dl:nth-child(3){padding-left: 15px}
	.home_news dl dt a{height: 165px;overflow: hidden}
	.home_news dl dt a img{min-height: 165px;}

	.register{padding-bottom: 30px;}
	.footer{padding: 30px 0 20px 0;}
	.footer .container>div.menu_ft{padding: 0 0 0 40px;}
	.copyright{text-align: left}

	.image_title{height: 150px;overflow: hidden}
	.image_title .container>div{width: 750px;padding-top: 40px;}
	.image_title img{min-height: 150px;}
	.title_cen{font-size: 25px;}
	.content .list_news,.video,.gallery_page{margin: 0 -15px;}
	.content .list_news dl,.video >div,.gallery_page>div{padding: 0 15px;}
	.content .list_news dl:nth-child(2) {margin-top: 0;	padding-top: 0;	border-top: 0;}
	.list_news dl dd a.medium{height: 54px;overflow: hidden}
	.list_news dl dd > p{height: 80px;overflow: hidden;line-height: 20px;}

	.service_right .slick-arrow{position: absolute;top: 45%;font-size: 40px;left: 0;z-index: 9;color: #fff;}
	.service_right .slick-arrow.fa-angle-right{left: auto;right: 0;}
	.service_right .slick-arrow:hover{color: red;cursor: pointer}
	.right .service_wrap>div dd a{text-transform: none;height: 25px;line-height: 25px;margin-bottom:0;}
	.video iframe,.gallery-section .frame{margin-bottom: 30px;}

}
@media screen and (min-width: 992px) {
	/*---topbar---*/
	.topbar{background: #0466a1;color: #fff;text-align: left}
	.slogan{padding-left: 0;line-height: 22px;}
	.top_right{float: right;padding: 0;margin: 0;width: auto;max-width: 41.66666667%;}
	.top_right>*{float: left}
	.top_right *{font-size: 13px;line-height: 22px;}
	.search_form{margin-top: 0;border: 0;}
	.search_form input[type="text"],.search_form button,.search_form button i{height: 22px;line-height: 22px;}
	.social a{color: #fff;}
	/*--header----*/
	.header{position: relative;margin: 0;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out}
	.header .container{position: relative}
	.header .container>div{padding: 0}
	.header a.logo{height: 110px;padding: 25px 10px 25px 0;margin: 0;text-align: left}
	.header_right{margin-top: 35px;}
	.header .hotline{float: right;font-size: 18px;}

	.menu>ul {
		float: right;
	}
	.menu>a {
	    float: right;
	    margin-top: 36px;
	    margin-left: 15px;
	    color: #fff;
	}
	.fix_header .menu>a {
		margin-top: 9px;
	}


	.menu>ul>li {
		position: relative;
		z-index: 999;
		padding: 0 9px;
		display: inline-block;
	}
	.menu>ul>li>a {
		display: block;
		font-size: 14px;
		text-decoration: none;
		position: relative;
		height: 110px;
		line-height: 110px;
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		text-transform: uppercase;
	}
	.menu>ul>li.active>a,.menu>ul>li:hover>a{color: #0466a1!important;}
	.menu>ul>li.active>a:after,.menu>ul>li:hover>a:after {position: absolute;content: '';border-bottom: 3px solid #0466a1;bottom: 40px;width: 100%;display: block}
	.menu>ul>li> ul{position: absolute;min-width: 200px;z-index: 99;top:110px; background: #e88e2e;left: 15px;opacity: 0;	border-bottom: 3px solid #0466a1;	position: absolute;		top: 100%;		transform: scaleY(0);transform-origin: 0 0;	transition: all .3s ease 0s;z-index: 99999 !important;text-align: left;	visibility: hidden;	}
	.menu ul>li:hover>ul{ opacity: 1;transform: scaleY(1);visibility: visible;}
	.menu ul>li:hover>ul:after{height: 100%;}
	/*.menu ul ul li a{padding:4px 10px;border-top: 1px dotted #252b85;display: block;color: #fff;    white-space: nowrap;	min-width: 200px; }*/
	/*.menu ul ul li:hover a{color: #000;background: #fff;border-top: 1px dashed #fff}*/
	.menu ul ul li a{padding:0 10px;display: block;color: #000;    white-space: nowrap;	min-width: 200px;background: #f1f1f1;border-bottom: 1px solid #e1e1e1; }
	.menu ul ul li a{height: 40px;line-height: 40px;}
	.menu ul ul li:hover> a{color: #f10700;background: #f1f1f1;padding-left: 20px}
	.menu>ul>li> ul ul{position: absolute;left: 100%;opacity: 0;visibility: hidden;margin-top: -35px;}
	.menu>ul>li> ul ul a{background: #f1f1f1;}
	.menu>ul>li> ul li:hover>ul{opacity: 1;visibility: visible;}
	.menu ul ul li li a:hover{color: red}

	/*------down_header--------*/
	.header.fix_header{position: fixed;z-index: 8000;top: 0;width: 100%;height: 50px;background: #fff;box-shadow: 1px 0 10px #a0a0a0;padding: 0;}
	.header.fix_header .logo img{height: 50px;}
	.header.fix_header .menu>ul>li>a{height: 50px;line-height: 50px}
	.header.fix_header .menu>ul>li> ul{top: 50px;}
	.header.fix_header .header_right{margin-top: 5px;}
	.header.fix_header .menu>ul>li.active>a:after,.header.fix_header  .menu>ul>li:hover>a:after{bottom: 10px}
	/*----slider_box----*/
	.slider_box{float: left;width: 100%}
	/*---service----*/
	.service{float: left;margin:0 0 35px 0;width: 100%}
	.service .container{padding: 0;}
	.ser_pad{border: 15px solid #fff;margin-top: -110px;position: relative;z-index: 9;}
	.service_wrap dl{padding: 15px;}
	.service_wrap>div dd a{font-size: 17px;line-height: 25px;margin: 17px 0 13px 0;}
	.service_wrap>div dd a:hover{color: red}
	.service_wrap .box .brief{margin-bottom: 10px;}
	/*---about----*/
	.about{margin-bottom: 45px;clear: both}
	.about .container{position: relative}
	.title_wrap{margin-bottom: 30px;}
	.title{font-size: 20px;line-height: 22px;}
	.title_wrap .brief{font-size: 15px;}
	.about_left{padding: 45px 30px;}

	.banner-img{height: 200px;}
	.banner-img img{min-height: 200px;}

	.feedback{margin-bottom: 45px;}
	.feedback .container>div{padding: 50px 0;}
	.feedback .title_wrap{margin-bottom: 15px;padding-bottom: 2px;}
	.feedback .title_wrap .title{font-size: 23px;line-height: 32px;font-weight: 500;margin-bottom: 10px;}
	.feedback .title_wrap .brief{font-size: 18px;}

	.home_news{margin-bottom: 50px;}
	.home_news dl{width: 300px;margin-right: 20px;padding: 0!important;}
	.home_news .container>div.col-xs-12{width: 300px}
	.home_news dl dt a{height: 135px;margin-bottom: 20px;}
	.home_news dl dt a img{min-height: 135px;}

	.register{padding: 40px 0;}
	.re_wrap{float: left;width: 70%;text-align: left;}
	.register .title{font-size: 25px;margin-bottom: 8px;}
	.re_right{float: right;margin-top: 5px;width: 30%}
	.re_right >.more:nth-child(1){margin-top: 0;}

	.footer{padding: 45px 0 30px 0;}
	.footer .container>div.contact_home{width: 47.5%;padding-right: 50px;}
	.footer .container>div.menu_ft{width: 30%;padding-right: 50px;}
	.footer .container>div.map{width: 22.5%;}
	.map iframe{height: 120px!important;}
	.title_ft{margin-bottom: 30px;}
	.copyright{font-size: 13px;}

	.content{margin: 30px 0;}

	.image_title .container>div{width: 970px;}
	.left_book{float: left;width: 48%}
	.right_book{float: right;width: 48%;margin-bottom: 30px;}
	.right .service_wrap>div dd a{height: 50px;;}
	.right .service_wrap>div dt{height: 130px}
	.right .service_wrap>div dt img{min-height: 130px}
	.right>div{margin-bottom: 40px;}
	.right .title_wrap{margin-bottom: 20px}
	.right .title_wrap .title{font-size: 20px}

	.gallery_page>div img{min-height: 200px}
	.gallery-section .frame{height: 200px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1180px;padding: 0 20px;}
	.slogan{font-size: 14px;font-weight: 600}
	.search_form{width: 200px;}
	.header .logo a img {
		max-width: 100%;
	}
	.menu>ul>li:last-child{padding-right: 0;}
	.menu>ul>li>a {font-size: 16px;}
	.service{margin-bottom: 25px;}
	.ser_pad{border: 20px solid #fff;margin-top: -120px;}
	.service_wrap dl{padding: 20px;}
	.service_wrap>div dd .brief{height: 120px;line-height: 24px;}
	.service_wrap>div dt{height: 175px;}
	.service_wrap>div dt img{min-height: 175px;}
	.about_left ul li{padding-left: 15px;}
	.about_left ul li:before{font-size: 7px;}
	.banner-img{height: 240px;}
	.banner-img img{min-height: 240px;}
	.home_news dl,.home_news .container>div.col-xs-12{width: 360px;}
	.home_news dl{padding: 0px!important;margin-right: 30px}
	.news_wrap .medium{font-size: 15px;}
	.seemore{margin-bottom: 0!important;font-size: 15px!important;}
	.news_wrap>div{padding: 15px 25px;}
	.news_wrap>div:nth-child(4){padding: 10px 25px;}
	.register .title{font-size: 29px;margin-top: 2px;}
	.register .more{font-size: 26px;}
	.re_right{margin-top: 8px;}
	.footer{padding: 60px 0 40px 0}
	.footer .container>div.contact_home,.footer .container>div.social{padding-right: 100px;}
	.title_ft{font-size: 20px;}
	.menu_right>ul>li>a,.right .title{font-size: 20px;}
	.about .brief{margin-bottom: 20px;}
	.right .service_wrap>div dd a{height: 25px;;}
	.right .service_wrap>div dt{height: 150px}
	.right .service_wrap>div dt img{min-height: 150px}
	.image_title .container>div{width: 1170px;}
	.gallery_page>div img{min-height: 220px}
	.gallery-section .frame{height: 220px;}
	.content .list_news dl{margin-top: 40px;}
	.content .list_news dl dt a{height: 250px;}
	.content .list_news dl dt a img{min-height: 250px;}

	.left{
		width: 73%;
	}
	.right{
		width: 27%;
	}
}


.row.listproduct {
	margin-left: -10px;
	margin-right: -10px;
}
.row.listproduct .item {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.listproduct .box_p {
	border: 4px solid #fff;
	background: #f0f0f0;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	padding: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.listproduct .box_p:hover {
	border-color: #0466a1;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.listproduct .box_p a.img_p {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	height: 180px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.listproduct .box_p a.img_p img {
	max-width: 100%;
	max-height: 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.listproduct .box_p a.img_p:hover img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
}
.listproduct .box_p h3 {
	margin: 10px 0 5px 0;
	line-height: 18px;
	height: 18px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listproduct .box_p h3 .name {
	font-size: 14px;
}
.listproduct .box_p .morep {
	color: #0466a1;
	font-size: 13px;
}
.listproduct .box_p .morep:hover {
	text-decoration: underline;
}
.listproduct .box_p div {
	line-height: 20px;
}


.left_ppage .product_carousel .item p {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}
.left_ppage .product_carousel .item p img {
	max-width: 100%;
	max-height: 100%;
}

.lang {
	padding: 4px 0;
	margin-left: 5px;
}
.lang a {
	margin-left: 5px;
}

.cat_menu {
	background: #eee;
}
.cat_menu li {
	list-style: none;
}
.cat_menu li+li {
	border-top: 1px solid #ddd;
}
.cat_menu li a {
	display: block;
	line-height: 45px;
	padding: 2px 15px 0 35px;
	font-weight: 500;
	position: relative;
}
.cat_menu li a:hover, .cat_menu li.active a {
	background: #0466a1;
	color: #fff;
}
.cat_menu li a:before {
	position: absolute; top: 21px; left: 15px;
	content: "";
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.cat_menu li a:hover:before, .cat_menu li.active a:before {
	border-top-color: #fff;
	border-right-color: #fff;
}

@media screen and (max-width: 767.98px) {
	.content {
		padding: 0 15px;
	}
	.content .right {
		padding-left: 0;
		padding-right: 0;
	}
}

.ser_pad {
    border: 20px solid #fff;
    margin-top: 0px;
}


.hotline_pack {
	display: block;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    padding: 0 10px 0 35px;
    background: #db0007 url(../images/_phone_2.png) 10px 6px no-repeat;
}

.left_conner {
	position: fixed; bottom: 20px; left: 20px;
	z-index: 99;
}
.left_conner .hotline_pack {
	line-height: 36px;
	background-position: 10px 8px;
}