/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('fonts/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: UAS;
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: UVTHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

@font-face {
    font-family: 'iCielSimplifica';
    src: url('fonts/iCielSimplifica.eot');
    src: url('fonts/iCielSimplifica.eot') format('embedded-opentype'),
         url('fonts/iCielSimplifica.woff2') format('woff2'),
         url('fonts/iCielSimplifica.woff') format('woff'),
         url('fonts/iCielSimplifica.ttf') format('truetype'),
         url('fonts/iCielSimplifica.svg#iCielSimplifica') format('svg');
}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('fonts/texgyreadventorbold.eot');
    src: url('fonts/texgyreadventorbold.eot') format('embedded-opentype'),
         url('fonts/texgyreadventorbold.woff2') format('woff2'),
         url('fonts/texgyreadventorbold.woff') format('woff'),
         url('fonts/texgyreadventorbold.ttf') format('truetype'),
         url('fonts/texgyreadventorbold.svg#texgyreadventorbold') format('svg');
}


/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang span{padding: 6px 10px; background: #f97d17; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #FFF; font-weight: bold; font-size: 11px; margin-left: 4px;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 55px; right:5px; text-align:center; display:none;}
.button{ padding: 2px 15px; background:#1471CE; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;}
.center{ max-width:1188px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{color: #000;font-size: 30px;font-family: RCR;margin-top: 10px;margin-bottom: 25px;text-align: center;padding: 0px 10px;/* margin-left: 50px; */position: relative; cursor:pointer;}
.main-tit h2{font-size: 30px; font-weight: normal; margin: 0px;}
.box-tab-tit{margin-bottom: 10px;font-family: RM; text-transform: uppercase; color: #FFF; margin-top: 15px; border-bottom: 1px solid #8cc5fe;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ display: inline-block; line-height: 30px; padding: 5px 15px; cursor: pointer; background: url(../img/bg-menu.png); background-size: 100% 100%; margin-right: 20px; border-radius: 5px 5px 0px 0px;}
.box-tab-tit div.active{ color: #FFF; background: #8cc5fe;}
.box-tab-con{display: none;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none; background: #f7dd76; color: #fff; padding: 5px 10px;}
.i-menu{width: 30px; margin-right: 10px; cursor: pointer;}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}
.i-menu{font-size: 31px;}
/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Banner */
#banner{box-shadow: 1px 0px 5px #dfdfdf; font-family: RCR; font-size: 13px; color: #848484;}
.banner-ab{position: absolute;top: 30px;right: 0;color: blue;/* font-weight: bold; */font-family: RCR;font-size: 14px;}
.banner-se{float: right; margin-left: 15px; width: 31px; border: 1px solid #cfcfcf; padding: 8px 0px; text-align: center; border-radius: 3px; position: relative; cursor: pointer}
.banner-mxh{float: right; margin-left: 15px;}
.banner-mxh a{font-size: 15px; margin-left: 4px; border: 1px solid #cfcfcf; color: #848484; width: 31px; text-align: center; float: left; padding: 7px 0px; border-radius: 3px; transition: all 0s;}
.banner-mxh a:first-child{margin-left: 0px;}
.banner-mxh a:nth-child(1):hover{background: #3B5998; border: 1px solid #3B5998; color: #fff;}
.banner-mxh a:nth-child(2):hover{background: #1DA1F2; border: 1px solid #1DA1F2; color: #fff;}
.banner-mxh a:nth-child(3):hover{background: #0077B5; border: 1px solid #0077B5; color: #fff;}
.banner-mail{float: right; margin-left: 15px; border: 1px solid #cfcfcf; border-radius: 3px;}
.banner-mail > div{float: left;}
.banner-mail > div:nth-child(1){width: 31px; text-align: center; font-size: 13px; border-right: 1px solid #cfcfcf; padding: 8px 0px;}
.banner-mail > div:nth-child(2){padding: 2px 10px;}
.banner-hotline{float: right; margin-left: 15px; border: 1px solid #cfcfcf; border-radius: 3px;}
.banner-hotline > div{float: left;}
.banner-hotline > div:nth-child(1){width: 31px; text-align: center; font-size: 13px; border-right: 1px solid #cfcfcf; padding: 8px 0px;}
.banner-hotline > div:nth-child(2){padding: 2px 7px;}
.banner-lang{float: right; font-family: RL;}
.banner-lang a{border: 1px solid #cfcfcf;color: blue;float: left;padding: 2px 8px;margin-left: 4px;border-radius: 3px;transition: all 0s;}
.banner-lang a:first-child{margin-left: 0px; padding: 2px 11px;}
.banner-lang a span{width: 17px; float: left; overflow: hidden; white-space: nowrap;}
.banner-lang a:first-child span{width: 11px; float: left; overflow: hidden; white-space: nowrap;}
.banner-lang a:hover{color: #e2b400; border: 1px solid #e2b400;}
.banner-lang a:hover span{width: auto;}

/* Menu */
#menu{background: #d20808;line-height: 49px;}
#menu.fix{position: fixed;top: 0;left: 0;width: 100%; min-width: 1188px; z-index: 999;}

/* Slide */
#slide{}

/* Footer */
#footer{background: url(../img/bg-ft.png) repeat-x left top; padding: 35px 0px 0px; font-family: RL; font-size: 14px; color: #848484; line-height: 25px;}
.ft-1{float: left; width: calc(100% - 870px);}
.ft-1 h3{margin: 0 0 5px;font-family: 'iCielSimplifica';font-size: 35px;color: #d20808;text-transform: uppercase;font-weight: bold;}
.ft-2{float: left; width: 290px; margin-left: 50px;}
.ft-2 div{max-width: 100%;}
.ft-2 .ft-tit{margin-bottom: 8px;}
.ft-3{float: left; width: 240px; margin-left: 50px;}
.ft-3 > div:nth-child(2){line-height: 20px; font-size: 13px;}
.ft-3 form{ margin-top: 10px; max-width: 240px;}
.ft-3 .input{border-radius: 0px; padding: 3px 10px; width: 100%; background: #e3e3e3; color: #555; outline: none;}
.ft-3 .button{text-transform: uppercase; background: #f7dd76; color: #FFF; font-family: RB; border-radius: 0px; padding: 4px 15px; margin-top: 10px;}
.ft-4{float: left; width: 190px; margin-left: 50px;}
.ft-tit{/*padding-top: 15px;*/ font-size: 16px; margin-bottom: 5px; color: #000;}
.chinhsach ul
{
    margin-top:10px;
}
.chinhsach ul li a{
    display:block;
    color:#333;
    padding:3px 0;p
}
.bft{padding: 8px 0px 7px; background: #f2f2f2; font-family: RR; font-size: 13px; color: #464646; margin-top: 25px; text-align: center;}
.bft span{font-family: RB;}

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-l span{color: red;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;padding: 0px 5px;outline: none;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;padding: 0px 5px;outline: none;}

/* San pham */
.box-sp{width: 282px; float: left; margin: 0px 20px 20px 0px; border: 1px solid #D0D0D0; color: #454545; font-size: 12px;}
.box-sp:hover{ box-shadow: 0px 0px 5px #CCC;}
.box-sp-img{width: 100%; overflow: hidden;}
.box-sp-img img{width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.box-sp-img:hover img{width: 100%; transform: scale(1.1);}
.box-sp h3{font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 15px 10px; margin: 0; background: #F7F7F7; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-top: 1px solid #D0D0D0;}
.box-sp a{color: #3e3e3e; display: block;}
.box-sp h3:hover a{color: #F00;}
.box-sp-gia{padding: 0px 10px;}
.box-sp-gia span{ font-weight: bold;color: #de1c23; font-size: 14px;}
.box-sp-gia.km strong{font-weight: normal;position: relative;margin-right: 70px;}
.box-sp-gia.km .box-sp-km{ position: absolute;width: 66px;height: 28px;background: url(../img/bg-km.png); background-size: 100% 100%; line-height: 28px; color: #FFF;text-align: center;font-family: RCR;font-weight: normal;font-size: 16px;top: 10px;right: -70px;}
.box-sp-gia.km .del{font-size: 18px;font-weight: normal;color: #b6b6b6; font-family: RL; line-height: 20px;}
.box-sp-xn{position: absolute; top: -100px;left: 0;width: 100%;text-align: center;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.box-sp-xn a{display: inline-block; padding: 5px; background: #258265; color: #FFF; border-radius: 5px;}
.box-sp:hover .box-sp-xn{top: 40%;}
.ct-l{width: 48%;float: left;}
.ct-img{border: 1px solid #eee}
.ct-r{width: 50%;float: right;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00; text-align: left;}
.ct-tit h2{font-weight: normal; margin: 0px 0px 15px; color: #F00; font-size: 24px; margin: 0px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{float: left; width: 274.5px; line-height: 20px; margin: 0px 30px 30px 0px;}
.box-news-img{max-width: 100%; margin-bottom: 20px;}
.box-news-img img{max-width: 100%; margin: 0px auto; display: block;}
.box-news h3{margin: 0px 0px 15px; font-size: 20px; font-family: RCR; text-align: center;}
.box-news h3 a{color: #000;}
.box-news h3 a:hover{color: #f00;}
.box-news-desc{font-family: RL; font-size: 12px; line-height: 22px; color: #6d6d6d; text-align: justify;}


/* Container */
#container{ padding:20px 0px 20px;}
.content{ text-align:justify;}

.i-tit{background: #eeeeee; border-top: 2px solid #e202ca;font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 20px; line-height: 45px; color: #e202ca; margin-bottom: 15px;}
.i-tit h2{font-size: 20px;font-weight: normal; margin: 0;line-height: 45px; position: relative; padding-left: 80px;}
.i-tit h2:before{width: 67px;height: 100%;position: absolute;top: 0;left: 0;content: "";background: url(../img/bg-main-tit-h2-l.png); background-size: 100% 100%;}
.i-tit h2 a{ color: #e202ca;}
.i-tit h2 a:hover{ color: #F00;}

ul.cap2
{
	text-align:center;
	list-style:none;
	margin-bottom: 20px;
}
ul.cap2 li
{
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	padding:5px 10px;
	border-radius:3px;
	border: 1px solid #c7c7c7;
	margin: 0px 2px;
	font-size: 15px;
}
ul.cap2 li:hover,ul.cap2 li.active
{
	border:1px solid red;
}
#index{margin: 20px 0px;}
.box-index{float: left; width: 360px; margin: 0px 54px 10px 0px; text-align: center;}
.box-index-img{margin-bottom: 5px;}
.box-index-tit{font-family: 'texgyreadventorbold'; font-size: 18px; margin-bottom: 10px;}
.box-index-tit a{color: #292929;}
.box-index-tit a:hover{color: #e2b400;}
.box-index-desc{font-family: RR; font-size: 13px; line-height: 22px; text-align: justify; margin-bottom: 10px;}
.box-index-more{}
.box-index-more i{margin-right: 5px;}
.box-index-more a{border: 1px solid #e7c028; padding: 9px 20px; display: inline-block; text-transform: uppercase; font-family: RR; color: #333; border-radius: 30px; transition: all 0s;}
.box-index-more a:hover{background: #e7c028; color: #fff;}

.quangcao1 img{width: 100%;}
.quangcao2{position: relative; margin-bottom: 30px;}
.quangcao2 img{width: 100%;}
.quangcao2 > .center{position: absolute; left: 0; top: 20px; max-width: 100%; width: 1188px; margin: 0px auto; text-align: center;}
.quangcao2-des{float: right; width: 565px;}
.quangcao2-tit{font-family: 'iCielSimplifica'; font-size: 31px; color: #fff; margin-bottom: 10px;}
.quangcao2-mota{font-family: RL; font-size: 15px; line-height: 22px; color: #0b0b0b; width: 100%; max-width: 460px; text-align: justify; margin-bottom: 15px;}
.quangcao2-tit span{display: inline-block; padding: 5px 15px 6px; line-height: 35px; background: #f7dd76; position: relative; margin-left: 80px; text-transform: uppercase }
.quangcao2-tit span:before{position: absolute; content: ''; width: 57px; height: 54px; top: -8px; left: -57px; background: url(../img/quangcao2_before.png) no-repeat left top;}
.quangcao2-tit span:after{position: absolute; content: ''; width: 57px; height: 54px; top: 0px; left: 100%; background: url(../img/quangcao2_after.png) no-repeat left top;}

#doitac{margin-bottom: 40px;}
.box-dt{text-align: center;}
.box-dt img{border: 1px solid #e2e2e2; max-width: 98%; margin: 0px auto;}

.quangcao2-ul{list-style: none; margin: 0px; text-align: center;}
.quangcao2-ul li{margin-bottom: 7px; font-family: RCB; font-size: 16px; padding: 0px;}
.quangcao2-ul li:nth-child(5n+1){color: #11728d;}
.quangcao2-ul li:nth-child(5n+2){color: #e69615;}
.quangcao2-ul li:nth-child(5n+3){color: #991944;}
.quangcao2-ul li:nth-child(5n+4){color: #42322e;}
.quangcao2-ul li:nth-child(5n){color: #d4184c;}

.chuyengiao{}
.chuyengiao-l{float: left; width: 35%; margin-right: 5%; text-align: center;}
.chuyengiao-l .quangcao2-tit span{margin-left: 0px; margin-bottom: 15px;}
.chuyengiao-l .quangcao2-tit span:before, .chuyengiao-l .quangcao2-tit span:after{display: none;}
.chuyengiao-r{float: left; width: 60%;}

.box-bshq{float: left; width: 236px; margin: 0 2px 2px 0;}
.box-bshq img{width: 100%;}
.box-bshq-tit{background: #fff7d8; font-family: 'iCielSimplifica'; font-size: 25px; text-align: center; padding: 4px 5px 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.box-bshq-tit a{color: #d1a600;}

.news-1{display: none;}
.news-1-l{float: left; width: 30%; font-family: RR; font-size: 14px; line-height: 22px; color: #505050;}
.news-1-l h2{color: #484848; margin: 0px 0px 10px; font-size: 24px; line-height: 31px; font-family: RB;}
.news-1-r{float: right; width: 67%;}
.news-1-r img{width: 100%;}

.news-1-b .news-1-l{float: right; width: 67%;}
.news-1-b .news-1-r{float: left; width: 30%;}

.news-2{width: 100%; font-family: RL; font-size: 12px; padding-bottom: 15px; margin: 30px auto; border-bottom: 1px solid #404040; color: #848484;}
.news-2 h2{color: #484848; margin: 0px 0px 10px; font-size: 24px; line-height: 31px; font-family: RB;}

.news-3{border-bottom: 1px solid #404040; margin: 0px auto 20px; max-width: 1000px;}
.box-newst{float: left; width: 48%; margin: 0px 4% 20px 0px;}

.box-newt{padding-top: 65px; position: relative;}
.box-newt:before{position: absolute; left: calc(50% - 15px); top: 15px; content: '\f046'; font-family: FontAwesome; font-size: 40px; color: #4c7581;}

.news-5{text-align: center; padding-bottom: 30px; border-bottom: 1px solid #404040;}
.news-5 a{display: inline-block; font-size: 1em; padding: 4px 20px 6px; font-family: RL; color: #2e5d6a; background: transparent; border-radius: 0.25em; border: 2px solid #2e5d6a; box-sizing: border-box;}
.news-5 a:hover{color: #fff; background: #2e5d6a;}

.news-6{margin-top: 30px; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #404040;}
.news-6 iframe{max-width: 100%;}

.news-7{padding-top: 20px;}
.news-img{float: left; width: 33%; margin: 0px calc(1% / 2) 6px 0px;}

.banner-se-op{position: absolute; top: 120%; right: 0px; border: 1px solid #cfcfcf; border-radius: 3px; padding: 5px; background: #fff; z-index: 9999; width: 200px; display: none;}
.banner-se-op input{width: calc(100% - 35px); float: left; outline: none; padding: 0px 5px;}
.banner-se-op button{ float: left; background: #edc421; padding: 7px 7px 6px; margin-left: 5px;}
.dpb{display: block !important;}
/* Reponsive */
@media (min-width: 1188px)
{
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-sp:nth-child(4n+1){clear: both;}
    .box-news:nth-child(4n){margin-right: 0;}
    .box-news:nth-child(4n+1){clear: both;}
    .box-newst:nth-child(2n){margin-right: 0;}
    .box-newst:nth-child(2n+1){clear: both;}
    .box-index:nth-child(3n){margin-right: 0;}
    .box-index:nth-child(3n+1){clear: both;}
    .box-bshq:nth-child(3n){margin-right: 0;}
    .box-bshq:nth-child(3n+1){clear: both;}
    .quangcao2{margin-bottom: 55px;}
    .quangcao2 > .center{left: calc(50% - 594px); text-align: left;}
    .quangcao2-ul{text-align: left;}
    .quangcao2-ul li{padding: 20px 0px; padding-left: 110px; position: relative;}
    .quangcao2-ul li:before{position: absolute; content: attr(data-stt); left: 0; top: 0; width: 65px; height: 65px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0px 0px 3px #808080; text-align: center; font-family: 'texgyreadventorbold'; color: #fff; font-size: 20px; line-height: 52px;}
    .quangcao2-ul li:after{position: absolute; content: ''; left: 50px; top: 50%; width: 45px; border: 1px dashed;}
    .quangcao2-ul li:nth-child(5n+1):before{background: #11728d;}
    .quangcao2-ul li:nth-child(5n+2):before{background: #e69615;}
    .quangcao2-ul li:nth-child(5n+3):before{background: #991944;}
    .quangcao2-ul li:nth-child(5n+4):before{background: #42322e;}
    .quangcao2-ul li:nth-child(5n):before{background: #d4184c;}
    .chuyengiao-l .quangcao2-tit span:before, .chuyengiao-l .quangcao2-tit span:after{display: block;}
    .news-1-l h2{margin: 30px 0px 10px;}
    .news-img:nth-child(3n){margin-right: 0;}
    .news-img:nth-child(3n+1){clear: both;}
}

@media (max-width: 1187px)
{
    #container{ padding: 20px 15px;}
    .w-dichvu,#lienhe,#dichvu,#doitac,.ft-t,.ft,.banner-t,#footer,#container-tt,.chuyengiao{ padding-left: 15px; padding-right: 15px;}
    .bft{margin: 25px -15px 0px;}
    #menu{ z-index: 120;}
    .banner-ab{right: 5px;}
    #menu.fix{width: 100%;left: 0;}
    .ft-1,.ft-2,.ft-3{width: 25%; margin: 0px 1% 20px 0px;}
    .ft-4{margin-left: 0px;}
    .quangcao2-tit span{margin-left: 0px;}
    .quangcao2-mota{text-align: center; max-width: 100%; padding: 0px 15px;}
    .quangcao2-ul{padding: 0px 15px;}
}

@media (min-width: 992px) and (max-width: 1187px)
{
    .box-sp{width: 32%; margin: 0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    .box-index{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-index:nth-child(3n){margin-right: 0;}
    .box-index:nth-child(3n+1){clear: both;}
    .box-news{width: 23%; margin: 0px calc(8% / 3) 20px 0px;}
    .box-news:nth-child(4n){margin-right: 0;}
    .box-news:nth-child(4n+1){clear: both;}
    .box-bshq{width: 33%; margin: 0px 0.5% 2px 0px;}
    .box-bshq:nth-child(3n){margin-right: 0;}
    .box-bshq:nth-child(3n+1){clear: both;}
    .news-img{width: 33%; margin: 0px 0.5% 7px 0px;}
    .news-img:nth-child(3n){margin-right: 0;}
    .news-img:nth-child(3n+1){clear: both;}
    .box-newst:nth-child(2n){margin-right: 0;}
    .box-newst:nth-child(2n+1){clear: both;}
}

@media (min-width: 992px)
{
    .sub-arrow{display: none !important;}
    .quangcao2 > .center{top: 60px;}
}

@media (max-width: 991px)
{
    #smenu{display: block;}
    #smenu a{font-family: RR; color: #fff; font-size: 14px; border: 1px solid #fff;}
    #smenu a span{width: auto;}
    #menu,#banner{position: static !important;}
    #menu,.banner-r,.left{display: none;}
    .banner-l{width: 100%;float: none;}
    .right{width: 100%;float: none;}
    .taikhoan .left{display: block !important;}

    .quangcao2{padding: 20px 0px; background: #f6f3ee;}
    .quangcao2 img{display: none;}
    .quangcao2 > .center{position: inherit; top: 0;}
    .quangcao2-des{float: none; margin: 0px auto; width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .box-sp{width: 32%; margin: 0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    .box-index{width: 32%; margin: 0px 2% 20px 0px;}
    .box-index:nth-child(3n){margin-right: 0;}
    .box-index:nth-child(3n+1){clear: both;}
    .box-bshq{width: 33%; margin: 0px 0.5% 2px 0px;}
    .box-bshq:nth-child(3n){margin-right: 0;}
    .box-bshq:nth-child(3n+1){clear: both;}
    .box-news{width: 23%; margin: 0px calc(8% / 3) 20px 0px;}
    .box-news:nth-child(4n){margin-right: 0;}
    .box-news:nth-child(4n+1){clear: both;}
    .ft-1,.ft-2,.ft-3{width: 31%; margin: 0px 3% 20px 0px;}
    .ft-3{margin-right: 0;}
    .ft-4{float: left; margin-left: 0px;}
    .box-newst{width: 48%; margin: 0px 4% 20px 0px;}
    .box-newst:nth-child(2n){margin-right: 0;}
    .box-newst:nth-child(2n+1){clear: both;}
    .news-img{width: 33%; margin: 0px 0.5% 4px 0px;}
    .news-img:nth-child(3n){margin-right: 0;}
    .news-img:nth-child(3n+1){clear: both;}

}

@media (max-width: 767px)
{
    #banner{text-align: center;}
    .banner-ab{display: none;}
    .ft-1,.ft-2,.ft-3,.ft-4{width: 100%;float: none; margin: 0px 0px 20px 0px; text-align: center;}
    .ft-2{max-width: 450px; margin: 0px auto 20px;}
    .ft-3 form{margin: 10px auto 0px;}
    .gt-info{ padding: 0px 15px; background: #FFF;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .lienhe-l,.lienhe-r{width: 100%;float: none;}
    .lienhe-l .button{display: none;}
    .main-tit h2,.i-tit h2{font-size: 20px;}
    .box-index{float: none; width: 90%; margin: 0px auto 20px;}

    .chuyengiao-l, .chuyengiao-r{float: none; width: 100%;}
    .news-1-l, .news-1-r{float: none; width: 100%;}
    .news-1-l{margin-bottom: 20px;}
}

@media (max-width: 480px)
{
    .quangcao2-tit span:before, .quangcao2-tit span:after{display: none;}

}

@media (min-width: 375px) and (max-width: 767px)
{
    .box-sp{width: 48%; margin: 0px 4% 20px 0px;}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    .box-news{width: 48%; margin: 0px 4% 20px 0px;}
    .box-news:nth-child(2n){margin-right: 0;}
    .box-news:nth-child(2n+1){clear: both;}
    .box-newst{width: 48%; margin: 0px 4% 20px 0px;}
    .box-newst:nth-child(2n){margin-right: 0;}
    .box-newst:nth-child(2n+1){clear: both;}
    .box-bshq{width: 33%; margin: 0px 0.5% 2px 0px;}
    .box-bshq:nth-child(3n){margin-right: 0;}
    .box-bshq:nth-child(3n+1){clear: both;}
    .news-img{width: 49%; margin: 0px 2% 10px 0px;}
    .news-img:nth-child(2n){margin-right: 0;}
    .news-img:nth-child(2n+1){clear: both;}
    .main-tit h2,.i-tit h2{font-size: 24px;}
}

@media (max-width: 374px)
{
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp{width: 100%; margin: 0px 0px 20px;float: none;}
    .box-news{width: 100%; margin: 0px 0px 20px;float: none;}
    .box-newst{width: 100%; margin: 0px 0px 20px;float: none;}
    .box-bshq{width: calc(50% - 1px); margin: 0px 2px 2px 0px;}
    .box-bshq:nth-child(2n){margin-right: 0;}
    .box-bshq:nth-child(2n+1){clear: both;}
    .news-img{width: 100%; margin: 0px 0px 3px;float: none;}
}

.banner-dk {
    float: right;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    margin-right: 15px;
    padding: 2px 11px;
}
.banner-dk a{
    color: blue;
}