@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'O-S-r'; src: url(../font/OpenSans-Regular.ttf);}
@font-face {font-family: 'O-S-b'; src: url(../font/OpenSans-Bold.ttf);}
@font-face {font-family: 'O-S-S-b'; src: url(../font/OpenSans-SemiBold.ttf);}
@font-face {font-family: 'O-S-i'; src: url(../font/OpenSans-Italic.ttf);}
@font-face {font-family: 'G-W-I'; src: url(../font/UTM%20God%27s%20WordRItalic.ttf);}
/*font=========================================================*/
body{margin:0px;padding:0px; font-size:14px;/*font-family:"Arial";*/font-family: 'O-S-r'; background:#fff; color:#333; overflow-x: hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,select,option,textarea,button,p,span{ margin:0;padding:0;}
img{ border:0; vertical-align:middle; font-size:0; line-height:0; overflow:hidden;}
ul,li,ol{ list-style:none;}
.hine{ width:100%; height:20px;}
a{ text-decoration:none; color:#333}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both;}.left{float:left}.right{float:right}
.vien_hinh_10{border:0px solid  #FFF;outline:solid 1px #CCCCCC}
.container{width:100%;margin:auto;margin-bottom:35px}
.box_full{width:100%;margin:auto}
.clear{clear:both}
.clear10{height:10px;clear:both}
.clear20{height:20px;clear:both}
.box_container_1350{max-width:1350px;margin:auto;}
.box_container_1000{max-width:1000px;margin:auto;}
.left{flot:left}
.right{float:right}
.hieuunghinh{border:3px solid #FFF;cursor:pointer}
.hieuunghinh:hover {-webkit-animation:hieuunghinh2 6s;animation:hieuunghinh2 6s;}
@-webkit-keyframes hieuunghinh2{0%{border-top:3px solid #0C6} 20%{border-right:3px solid #0C6} 40%{border-bottom:3px solid #0C6} 60%{border-left:3px solid #0C6} 80%{border-top:3px solid #0C6} 90%{border-top:3px solid #0C6} 100%{border:0px solid #0C6} }
@keyframes hieuunghinh2{0%{border-top:3px solid #0C6} 25%{border-right:3px solid #0C6} 50%{border-bottom:3px solid #0C6} 75%{border-left:3px solid #0C6} 100%{;border-top:3px solid #0C6} }	
/*system*/
/*header==========================================================*/
.header{margin:auto;height:78px;}
.header ul{padding-top:10px}
.header ul li{float:left;width:33.33%}
.header ul li img{float:left;margin-right:10px}
.header ul li p{color:#FFF}
.header ul .right{width:480px;height:35px;float: right !important;border:1px solid #ffa66a;border-radius:30px;background-image:url(../img/header/bg-h-l.jpg);background-repeat:no-repeat;background-position: left -2px center}
.header ul .right div{float:left;width:240px;display: flex; justify-content: center; align-items: center;height:100%}
.header ul .right .d1 p{font-size:18px;font-weight:bold}
.header ul .right .d2 p{color:#999;font-size:16px}
/*menu============================================================*/
.menu{height:43px;margin:auto;max-width:1400px;line-height:43px;background-repeat:repeat-x;position:fixed;top:-70px}
.menu ul{margin:auto}
.menu ul li{float:left;padding-left:31.5px;padding-right:30px;cursor:pointer}
.menu ul li:hover{background-color:inherit}
.menu ul li a{text-transform:uppercase;font-size:19px;color:#FFF;}
.box_1010{position:relative}
.menu .div_tuvan_con{cursor:pointer;position:absolute;width:280px;height:69px;right:0;background-image:url(../img/bg_tuvan_menu.png);background-repeat:no-repeat;top:-9px;z-index:2}
.menu .div_tuvan_con2{position:absolute;width:280px;height:282px;right:4px;background-image:url(../img/tu_van_con_2.png);background-repeat:no-repeat;top:25px;z-index:1}
.menu ul li a img{}
.menu ul li:nth-child(7){padding-right:0}
/*banner==========================================================*/
/*content========================================================*/
.content{margin-top:30px;margin-bottom:30px}
.content  .box_title{}
.content  .box_title .line{height:1px ;width:65px;background-color:#ff3333;margin-top:15px}
.content  .box_title h2, .content4  .left h2{font-size:24px;font-family:'G-W-I';color:#663366}
/*-------*/
.content .content0{margin-bottom:30px;}
.content .content0 .left{width:455px;margin-top:30px}
.content .content0 .left p{line-height:22px;margin-top:30px}
.content .content0 .right{width:495px;margin-top:30px}
.content .content0 .right ul{float:right}
.content .content0 .right ul li{float:left;margin-right:30px}
.content .content0 .right ul li:nth-child(4){margin-right:0}
.content .content0 .right ul li p{text-align:center;font-family:'O-S-b';color:#e89b11;padding-top:5px}
/*-------*/
.content .content2{padding-top:15px;background-image:url(../img/content/c2/bg-c2.jpg);background-repeat:no-repeat;margin-top:30px;margin-bottom:30px}
.content .content2 ul{padding-top:15px;padding-bottom:15px}
.content .content2 ul li:nth-child(2){margin-left:127px;margin-right:127px}
.content .content2 ul li{width:246px;position:relative;display: flex;justify-content: center;align-items: center;box-sizing:border-box;margin-bottom:20px;float:left;}
.content .content2 ul li p{color:#fff;display: flex;justify-content: center;align-items: center;position:absolute;top:10px;left:0;right:0;margin:auto}
.content .content2 ul li img{width:100%}
.content .content2  ul li:nth-child(1),.content .content2  ul li:nth-child(2),.content .content2  ul li:nth-child(3){margin-top:20px}
.content .content2  ul li:nth-child(4){margin-left:200px;margin-right:127px}
.content .content2  ul li:nth-child(4),.content .content2  ul li:nth-child(5){margin-top:-20px}
.content .content2  ul li:nth-child(4) p,.content .content2  ul li:nth-child(5) p{bottom:10px !important;top:inherit !important}
/*-------*/
.content .content3 .box3{width:100%}
.content .content3 .box3 ul{margin-top:20px;margin-bottom:20px}
.content .content3 .box3 ul li{float:left;width:19%;margin-bottom:15px;margin-right:1%}
.content .content3 .box3 ul li:last-child{margin-right:0}
.content .content3 .box3 ul li img{width:100%}
.content .content3 .box3 ul li p{font-size:13px;font-family: 'O-S-i';text-align:left;max-width: 90%;}
.content .content3 .box3 ul li .tit{padding-left:10px;background-color:#ff9966;font-weight:bold;padding-top:5px;padding-bottom:5px;color:#fff;margin-bottom:5px}
.content .content3 .box3 ul li:nth-child(2) .tit{background-color:#d4516f}
.content .content3 .box3 ul li:nth-child(3) .tit{background-color:#e373b2}
.content .content3 .box3 ul li:nth-child(4) .tit{background-color:#ff645b}
.content .content3 .box3 ul li:nth-child(5) .tit{background-color:#f0597c}
/*-------*/
.content .content4{margin-top:20px}
.content .content4 ul{height:175px;margin-top:25px;background-image:url(../img/content/c4/bg-c4.jpg);box-sizing:border-box;background-repeat:no-repeat}
.content .content4 ul li{width:25%;float:left;padding:10px;box-sizing:border-box;padding-top:30px}
.content .content4 ul li .tit::first-letter{
  color: #fff !important;
  font-size: 24px;padding-right: 6px;padding-left: 6px; 
  initial-letter: 2; margin: -27px 4px 0 0; background-color:#ff9966
}
.content .content4 ul li div{font-size:14px}
.content .content4 ul li:nth-child(2){padding-left:25px;padding-right:20px}
.content .content4 ul li:nth-child(3){padding-left:25px;padding-right:20px}
.content .content4 ul li:nth-child(4){padding-left:20px;padding-right:25px}

/*-------*/
.content .content5{margin-top:20px}
.content .content5 ul{margin-top:20px}
.content .content5 ul img{margin-top:75px}
.content .content5 ul li {float:left;border:5px solid #cccccc;padding:25px;box-sizing:border-box;padding-left:25px;padding-right:25px}
.content .content5 ul li:nth-child(1){width:360px}
.content .content5 ul li:nth-child(2){border:0;padding:0;margin-left:5px;margin-right:5px}
.content .content5 ul li:nth-child(3){width:575px}
.content .content5 ul li .tit{color:#ff6666;font-size:16px;padding-bottom:4px;border-bottom:1px solid #cccccc;margin-bottom:10px}
.content .content6{margin-top:25px}
.content .content6 .box{background-image:url(../img/content/c5/line.jpg);padding-top:10px;padding-bottom:10px}
.content .content6 .box .tit{text-align:center;font-style:italic;font-size:24px;color:#fff}
.content .content6 .box p{text-align:center;color:#fff;margin-bottom:2px}
.content .content7{margin-top:25px}
.content .content7 .box_title h2, .content7 .left h2{text-align:center}
.content .content7 .box_title .line{margin:auto;margin-top:15px}
.content .content7 img{margin-top:20px}

.content .content8{margin-top:25px}
.content .content8 .box_title h2, .content7 .left h2{text-align:center}
.content .content8 .box_title .line{margin:auto;margin-top:15px}
.content .content8 ul{margin-top:20px}
.content .content8 ul li{float:left;width:50%;box-sizing:border-box}
.content .content8 ul li:nth-child(1) .col{border-top:1px dotted #ff9933;box-sizing:border-box;padding-right:15px}
.content .content8 ul li:nth-child(3) .col{border-bottom:1px dotted #ff6666;box-sizing:border-box;padding-right:15px;height:190px}
.content .content8 ul li:nth-child(2) .col{border-top:1px dotted #00cccc;box-sizing:border-box;padding-left:15px}
.content .content8 ul li:nth-child(4) .col{border-bottom:1px dotted #9999ff;box-sizing:border-box;padding-left:15px;height:190px}
.content .content8 ul li:nth-child(1) .col,.content .content8 ul li:nth-child(3) .col{float:left}
.content .content8 ul li:nth-child(2) img,.content .content8 ul li:nth-child(4) img{float:left}
.content .content8 ul li .col{width:308px;height:210px;float:right;box-sizing:border-box;}
.content .content8 ul li .col .tit{font-size:17px;margin-bottom:5px}
.content .content8 ul li .col div{font-size:13px;text-align:justify}
.content .content8 ul li:nth-child(1) .col .tit{color:#ff9933}
.content .content8 ul li:nth-child(2) .col .tit{color:#00cccc}
.content .content8 ul li:nth-child(3) .col .tit{color:#ff6666}
.content .content8 ul li:nth-child(4) .col .tit{color:#9999ff}
/*content*/
/*footer=======================================================*/
.footer{box-sizing:border-box;margin-bottom:10px}
.footer .left{background-color:#f3f3f3;width:280px;}
.footer ul li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #CCC}
.footer ul li h2 img{float:none}
.footer ul li img{float:left;margin-right:15px}
.footer ul li p{color:#666666}
.footer ul li:nth-child(2) .p2{color:#f00}
.footer ul li:nth-child(2){border-right:1px solid #FFF;box-sizing:border-box}
.footer ul li:nth-child(2) p span{font-size:19px;font-family:'O-S-b';color:#ff0000}
.footer ul li:nth-child(3) p span{font-size:15px;font-family:'O-S-b';color:#f00}
.footer ul li:last-child{border:0}
/*footer*/
/*tuvan*/
/*tuvan*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	 .menu ul li a img{margin-top:4px;}
	 .gui{background-color:#FFF}
}
textarea:focus, input:focus{outline: none;}
::-webkit-input-placeholder { color: #414141;}
::-moz-placeholder { color: #414141;  }
:-ms-input-placeholder {   color: #414141;  }