﻿* {margin:0;padding:0}
body {font-family:Arial; font-size:12px;color:#333;background:#fff url(/images/bd/body.png) repeat-x 50% 0px;}
.form {background:#fff;width:100%}
h1 {font-weight:normal;font-size:20px}
h2 {font-weight:normal;font-size:16px}
img {border:none}
iframe {margin:10px auto}
a{color:#014C7F;text-decoration:none;white-space:nowrap }
a:hover{color: #018651;}
ul {list-style:none}
.mgbt20 {margin-bottom:20px}
.clr {clear:both }
.hide {display:none}
.main { width:980px;margin:0 auto;padding-top:20px}
/*--------------------------------- banner -------------------------*/
.banner-l {width:246px;height:106px;float:left;margin:8px 0px 0 0;text-align:center }
.banner-l img {vertical-align:middle ;max-width:245px;max-height:106px;margin-top:10px}
.banner-r {float:right;width:734px;margin-top:5px}
.banner-r .box-s {height:25px;width:207px;float:right;background:#fff ;line-height :23px  }
.banner-r .box-s .txts {width:173px; font-size:12px; color:#393939;background:none;outline:none;float:left;padding-left:6px;height:23px ;border:1px solid #d8d8d8;border-right:none;-moz-border-top-left-radius:  3px; -webkit-border-top-left-radius: 3px; border-top-left-radius:3px;-moz-border-bottom-left-radius:  3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius:3px;}
.banner-r .lang {float:right;margin-bottom:10px;margin-top:3px;}
/* ----------------------------- Menu ------------------------- */
ul.menu-h {height:35px;width:100%;margin-top:23px; float:right;text-align:right;background:#014C7F;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
ul.menu-h li { float:right;padding:0;line-height:35px;background:url(/images/bd/li.png) no-repeat top left}
ul.menu-h li:last-child {background:none}
ul.menu-h li a {color:#fff;font-size:15px;padding:8px 23px;white-space:nowrap  }
ul.menu-h li a:hover {color:#fffd00}
ul.menu-h li a.hac {color:#fffd00}
ul.menu-h li ul{list-style: none; padding:0px;position: absolute;background-color:#fff;width: 220px; border-top:none; z-index:99999;display: none;border:1px solid #014C7F; border-top:none;margin-top:-1px}
ul.menu-h li ul li{ margin-right:0px;background:none; padding:0px 2px;width: 220px; line-height:normal;}
ul.menu-h li ul li:hover{width:216px;background:#DBE7F5}
ul.menu-h li ul li a{width:200px; background:none;display:block;color:#333; padding:7px 10px;float: left; font-weight:normal; text-transform:inherit;margin:0px; text-align:left}
ul.menu-h li ul li a:hover{color:#333; background:none;padding:7px 10px;}
ul.menu-h li.list ul{position: absolute;left: 220px; border-left:1px #fff dotted}


ul.dmenuF {width:100%;height:18px;padding-top:8px;border-top:1px solid #c7c7c7;float:left }
ul.dmenuF li { float:left ;padding:0 10px;border-right:1px solid #737373}
ul.dmenuF li:first-child {padding-left:0}
ul.dmenuF li a {color:#000}
ul.dmenuF li a:hover {color:#E32024}
ul.dmenuF li.social {float:right;border:none;padding:0}
ul.dmenuF li.social ul li {padding:0 2px;border:none;line-height:18px}

.box-news {width:310px; float:left;margin-right:22px;height:auto}
.box-news .img {width:310px;height:148px;padding:3px;box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;-moz-box-shadow: 0px 0px 3px #555; text-align:center;vertical-align:middle;display:table-cell }
.box-news .img img {max-width:310px;max-height:148px}
.box-news:last-child {float:left;margin:0}
.box-news .title {height:auto ;width:250px;font:18px/24px Arial;text-align:center;margin:10px auto 5px; overflow:hidden }
.box-news .text {height:auto;margin-bottom:10px;font:14px/18px Arial;color:#3d3d3d;text-align:center;overflow:hidden;max-height:70px}
.mg0 {margin-right:0px}

.col-l {width:645px;margin-right:20px; float:left;height:230px}
.col-l .title {font:22px/30px Arial}
.col-l .img {width:310px;height:180px;padding:2px;box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;-moz-box-shadow: 0px 0px 3px #555; text-align:center;vertical-align:middle;display:table-cell;margin-top:5px; float:left }
.col-l .img img {max-width:310px;max-height:180px}
.col-l .text {  float:right;width:322px;height:130px;overflow:hidden;text-align:justify ; font:14px/22px Arial;color:#3d3d3d }
.col-l a.alink {line-height:20px;color:#014C7F;padding:3px 12px;background:#fff;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;box-shadow: 0px 0px 3px #777;-webkit-box-shadow: 0px 0px 3px #777;-moz-box-shadow: 0px 0px 3px #777;width:100px;height:20px;position:absolute;margin:163px 0 0 10px }
.col-l a.alink:hover {color:#E32024}
.col-r {width:290px;height:auto;float:right;background:#ececec;padding:10px;line-height:18px}
/*.col-r p {font: bold 14px/18px Arial;color:#014C7F;background:url(/images/bd/chamxanh.png) no-repeat 3px 12px;padding:5px 0px 5px 15px}*/

.bg-tit-c {width:100%;height:25px; float:left }
.bg-tit-c .t1 {height:25px;width:3px;background:url(/images/bd/t1.png) no-repeat top left; float:left ;line-height:32px}
.bg-tit-c .t2 {font-size:20px;color:#014C7F;background:#fff;float:left;padding-right:5px;}
.bg-tit-c .t3 {font:20px/15px Arial;color:#014C7F;background:#fff;float:left;padding-left:10px }

.dS {width:100%;float:left;padding-bottom:15px }
.dS .title {font:22px/30px Arial;width:600px;float:right }
.dS .img {width:361px;height:auto;padding:2px; text-align:center;vertical-align:middle;display:table-cell ;border:1px solid #dcdcdc;}
.dS .img img {max-width:361px;max-height:217px}
.dS .text {  float:right;width:600px;height:135px;overflow:hidden;text-align:justify ; font:14px/22px Arial;color:#3d3d3d;display:inline-table }
.dS .text a.alink {color:#006633;padding:3px 12px;background:#fff;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;-moz-box-shadow: 0px 0px 3px #555;width:100px;height:20px;margin:10px 0 0 3px  ;float:left}
.dS .text a.alink:hover {color:#E32024}

.left {width:232px;float:left}
.left .tit-l {font:16px/35px Arial;color:#014C7F;text-align :left ;display:block; border-bottom:1px solid #014C7F}
.left ul.ul-l { text-align:left }
.left ul.ul-l li {font:14px/18px Arial;border-bottom:1px dotted #dcdcdc ;padding:8px 0}
.left ul.ul-l li a {color:#3d3d3d;background:url(/images/bd/muitenxanh.png) no-repeat 0px 4px;padding-left:10px;display:block }
.left ul.ul-l li a:hover {color:#E32024}
.left ul.ul-l li a.ac {color:#E32024}

.right {width:720px; float:right }
.right .tit-r {font:16px/35px Arial;color:#02854f;text-align :left ;display:none;}
.right .text {padding:5px 0 20px 0;color:#333 }
.right .text p {text-align:justify }
.right .text table {border:none;padding:0;margin:0}
.right .text table img {border:none}

.dPn {width:153px;float:left;text-align:center ;margin: 3px 12.4px 15px 0}
.dPn .img {width:151px;height:144px;border:1px solid #dcdcdc;text-align:center;vertical-align:middle;display:table-cell }
.dPn .img:hover {border:1px solid #E32024 }
.dPn .img img {max-width:151px;max-height:144px}
.dPn .titlepn {font:14px/18px Arial;color:#014C7F;padding:10px 0 5px 0;height:50px;overflow:hidden }
.mg0 {margin-right:0}


.dAb1 {width:650px;float:left;margin-bottom:20px}
.w960 {width:960px}
.dAb1 .img {width:310px;height:180px;padding:2px;border:1px solid #dadada;vertical-align:middle;text-align:center;display:table-cell ; float:left ;margin-right:10px}
.dAb1 .img img {max-width:310px;max-height:180px;}
.dAb1 .text {width:100%;text-align:left ; font:14px/22px Arial;color:#3d3d3d }
.dAb2 { width:310px;float:right}
.dAb2 .tit2 {font:20px/15px Arial;color:#014C7F;float:left;width:100%;height:25px}
.dAb3 {width:100%;margin:1px 0 20px 0;background:#EDEDED; float:left }

.aAb4 {width:100%; float:left;border-bottom:1px solid #fff;margin-top:10px;padding-bottom:10px}
.aAb4 .img {width:134px;height:105px; vertical-align:middle;text-align:center ;float:left;}
.aAb4 .img img {max-width:134px;height:105px;}
.aAb4 .tit {font:16px/22px Arial;}
.aAb4 .tit1 {font:12px/18px Arial;color:#333;}
.aAb4 .text1 {font:12px/18px Arial;color:#555;width:170px ;max-height:52px;overflow:hidden } 
.aAb4 span {font:10px/24px Arial;color:#014C7F; float:right;margin-right:15px}

.dSear {width:700px;float:left;margin:5px 0}
.dSear a.gg-title {font: 16px/18px magrabold;padding:0 0 0 2px;text-decoration:underline;color:#000;display:block }
.dSear a.gg-link {font:62,5%/2.2em Arial;color:#093;padding:2px 0; display:block }
.dSear .gg-text {font:13px/18px Arial;color:#333;padding:4px 0;height:32px;overflow:hidden }

.f {background:#ededed url(/images/bd/bg-f.png) repeat-x 50% 0px;width:100%; float:left }
.f .fc {width:980px;margin:2px auto}
.f .fc .col-f {min-width:200px;float:left }
.f .fc .col-f .tit-f {display:none;font:16px/35px Arial;color:#3d3d3d;}
.f .fc .col-f ul.ulf {margin-top:10px}
.f .fc .col-f ul.ulf li {font:14px/22px Arial; }
.f .fc .col-f ul.ulf li a {color:#3d3d3d;background:url(/images/bd/chamden.png) no-repeat 0px 7px;padding-left:10px}
.f .fc .col-f ul.ulf li a:hover {color:#E32024}
.f .fc .col-f2 {width:140px; float:right;text-align:right;}
.f .fc .col-f2 ul.social li { float:right;line-height:35px;padding:0 3px}
.f .fc .col-f2 ul.social li img {vertical-align:middle }
.f .fc .col-f2 .call1 { float:right;background:url(/images/bd/call.png) no-repeat top left;height:17px;padding-left:25px;font:14px/22px Arial;color:#3d3d3d;margin:6px 0;}

/* --- Contact -- */
.pnCt {padding: 0 0 10px 0;height:auto; float:left ;width:980px}
.pnCt .pnCt-l {width:580px; float:left;font:14px/18px Arial;color:#333}

.pnCt .pnCt-r {width:350px;float:right}
.button {border:none;background:#014C7F;color:#fff; font-size:14px;padding:4px 10px;cursor:pointer; border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; }
.button:hover {background:#E60505}
.divct1 {width:70px;display:inline-block  ;text-align:left ;line-height:25px;height:25px;font-size:14px;color:#333}
.divct2 {width:350px;display:inline-block ;text-align:left ;line-height:35px;height:35px;margin-bottom:10px}
.divct2 .textbox {border:1px solid #7f9db9;line-height:35px; }

.f1 {background:#014C7F; width:100%;margin-top:20px}
.f1 .fcp {width:980px;margin:0 auto;height:30px}
.f1 .fcp .cpl {float:left;font:14px/30px Arial;color:#fff}
.f1 .fcp .cpr {float:right;font:14px/30px Arial;}
.f1 .fcp .cpr a {color:#fff}
/*------------------------------------------------------------------- */