/*==============================================Reset======================================*/
* { margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;box-sizing: border-box}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent; }
table,tr,th,td {vertical-align:top}
ul,p,small{padding:0px;margin:0px;list-style-type:none;}
ul li{padding:0px;margin:0px;list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal }
a{color:#333;text-decoration:none;}
a:hover{color: #e46c0b;text-decoration:none;z-index:1}
img {max-width:100%;border:0px;}
.clr{ clear:both;}
.scrollToTop {position:fixed;bottom:35px; right:10px;display:none}
body {font-family: 'OpenSans', sans-serif;font-size: 13px;color: #373737;min-width:1000px}
@font-face {font-family:OpenSans;src: url('/font/OpenSans-Regular.ttf');}
@font-face {font-family:OpenSans Light;src: url('/font/OpenSans-Light.ttf');}

i.icon {width:20px;height:13px;background:url(/images/bd/lang.png) no-repeat top left;display:inline-block;margin-left:5px}
i.icon-jp {background-position:-24px 0px}
i.icon-cn {background-position:-48px 0px}
i.icon-en {background-position:-72px 0px}
div.wapper {width:1000px;margin:0 auto;position:relative}
div.wapper:after {content:'.';visibility:hidden;clear:both;display:block}
/*==============================================End Reset======================================*/

div#head {height:112px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:4000;display:block;width:100%;top:0;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;border-top:4px solid #e46c0b }
div#head .l {margin-top:8px;float:left;-webkit-transition:all 0.2s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}
div#head .r {float:right}
div.head-fix {height:112px;clear:both }
div.lang {text-align:right;margin-top:19px;color:#19457c;text-transform:uppercase}
div.lang span {color:#fd6800;margin-right:5px;font-size:14px}

/* == Head Fix == */
div.head-scroll {background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0% !important;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);height:60px !important}
div.head-scroll .l {margin-top:8px !important}
div.head-scroll ul.menu > li > ul {padding-top:0px;background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0% !important}
div.head-scroll ul.menu > li {border-top:0px;padding-top:20px}

/* === Nav == */
ul.menu {border-bottom:3px solid #19457c}
ul.menu:after {content:'.';height:0;line-height:0;visibility:hidden;clear:both}
ul.menu > li {display:inline-block;margin:25px 25px 25px 0;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;position:relative}
ul.menu > li > a {font-size:14px}
ul.menu > li:hover > a {color:#e46c0b}
ul.menu li ul {opacity:0;visibility:hidden;position:absolute;width:220px;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;z-index:99;background-color:rgba(255, 255, 255, 0.98);top:44px;border-top:3px solid #e46c0b}
ul.menu li ul > li {display:block}
ul.menu li ul > li > a {padding: 8px 16px;display: inline-block;text-decoration: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;display: block;color: #666;border-bottom: 1px solid #f3f3f3;}
ul.menu li ul > li > a:hover { color: #f27935;background: #f8f8f8;}
ul.menu > li:last-child {margin-right:0;float:right}

div#boxs { position:absolute;width:350px;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;z-index:99;background-color:#fff;display:none;margin-left:-338px;border:2px solid #e46c0b;margin-top:23px}
div#boxs .txt { background:#fff;border:none;outline:none;width:70%;height:32px;padding-left:10px}
div#boxs .btn {background:#2e2e2e;text-align:center;padding:7px 10px;color:#fff;cursor:pointer; float:right; font-weight:700}
ul.menu > li.search, ul.menu > li.search:hover {border:none} 

/* == Head Fix == */
div.head-scroll {background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0% !important;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);height:60px !important}
div.head-scroll .l {margin-top:8px !important}
div.head-scroll ul.menu > li > ul {padding-top:0px;background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0% !important}
div.head-scroll ul.menu > li {border-top:0px;padding-top:20px}

/* == Row == */
div.row {background:#fff url(/images/bd/drop.png) no-repeat top center;padding:30px 0;position:relative;text-align:center}
div.row:after,div.row:before {content:'.';display:block;clear:both;visibility:hidden }
div.row-color {background:#f0f0f0 url(/images/bd/drop.png) no-repeat top center}
div.row h2 {font-size:24px;text-transform:uppercase;padding-bottom:20px;background:url(/images/bd/hr.png) no-repeat bottom center}

/* Map and News */
div.row .col {float:left;width:48%;text-align:left}
div.row .col:nth-child(2n) {float:right}
div.row .col h2 {background:none;font-size:20px;text-align:center}
div.row .world {min-height:365px;background:url(/images/bd/world.png) no-repeat bottom left;position:relative}
div.row .world li {position:absolute;width:113px;height:76px;border:2px solid #19457c}
div.row .world li img {width:100%;height:100%}
div.row .world li.w01 {top:47px;left:197px}
div.row .world li.w02 {top:50px;right:0px}
div.row .world li.w03 {bottom:96px;right:0px}
div.row .world li.w04 {bottom:47px;left:222px}
div.row .world li.w05 {top:155px;left:95px}

div.row .news  ul li {width:100%; float:left;margin-bottom:8px;position:relative}
div.row .news  ul li:first-child .img {width:240px;height:auto;float:left;margin:0 10px 10px 0;overflow:hidden}
div.row .news  ul li:first-child .img img {width:100%}
div.row .news  ul li:first-child strong { display:block;margin-bottom:8px;margin-top:-3px;font-weight:500}
div.row .news  ul li:first-child strong:before {display:none}
div.row .news  ul li:first-child strong a {font-size:14px;margin:0 !important;color:#373737}
div.row .news  ul li:first-child strong a:hover {color:#E46C0B}
div.row .news  ul li:first-child p {max-height:59px;overflow:hidden;font-family:'OpenSans Light';line-height:150%;text-align:justify}
div.row .news  ul li strong a {margin-left:15px;font-weight:500}
div.row .news  ul li strong:before {content:'';width:5px;height:5px;background:#E46C0B;position:absolute;top:7px;left:0}
div.row .news  ul li strong a:hover {color:#E46C0B}

/* === Info us == */

div.info ul {margin:40px 0 0px 0;text-align:center}
div.info li {width:30%;display:inline-block;height:241px;overflow:hidden;text-align:center}
div.info li .img {width:115px;height:115px;background:#19457c;border-radius:50%;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;text-align:center;vertical-align:middle;display:table-cell;overflow:hidden} 
div.info li:hover .img {background:#e46c0b}
div.info li .img img {max-width:115px;max-height:115px;vertical-align:middle}
div.info li img:after {content:'.';line-height:0;height:0;display:block;clear:both;visibility:hidden}
div.info li h3 {font-size:15px;text-transform:uppercase;margin:15px 0;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out}
div.info li:hover h3 {color:#e46c0b}
div.info li p {width:90%;margin:0 auto;font-size:13px;font-family:'OpenSans Light';line-height:150%}

/* == About == */
div.about div div {margin:30px 0 50px 0; font-size:15px;line-height:160%; font-family:'OpenSans Light'}
div.about a {border:1px solid #ededed;padding:5px 15px}
/* === Contact == */

div.contact {margin-bottom:12px;font:12px/18px Arial;text-align:justify}
.ctl {float:left;margin:20px 0;width:100%}
.ctr { float:right; width:350px;margin:15px 20px 0 0}
.ctl .inner {border:1px solid #DFDFDF; border-radius:5px;padding:10px;position:relative}
.ctl .inner .tit {padding:3px 25px;background:#E46C0B;color:#fff; font:13px/25px 'OpenSans'; float:left;width:auto;margin-top:-30px}
.tbl {margin-top:20px}
.tbl tr:hover {background:#ededed; }
.tbl tr span {font-size:10px !important}
.tbl .textbox {width:330px;margin:3px 0 3px 0px;border:1px solid #cccccc;outline:none;line-height:30px;padding-left:5px}
.tbl td {padding:3px 15px; font:13px/18px 'OpenSans'}

/* === Footer == */
div.footer {background:#19457c;padding:25px 0 0 0;color:#fff;border-top:4px solid #e46c0b}
div.footer:after {content:'.';line-height:0;height:0;display:block;clear:both;visibility:hidden;} 

div.footer ul.mn-info > li {width:29%; float:left;margin:0 2%}
div.footer ul.mn-info > li:nth-child(3n) {float:right;margin:0}
div.footer ul.mn-info > li > ul {margin-top:10px}
div.footer ul.mn-info > li > ul > li {margin-top:5px}
div.footer ul.mn-info > li > ul > li > a {color:#fff;position:relative;padding-left:15px}
div.footer ul.mn-info > li > ul > li > a:hover {color:#E46C0B}
div.footer ul.mn-info > li > ul > li > a:before {content:'';width:5px;height:5px;background:#E46C0B;position:absolute;top:7px;left:0}
div.footer .dk span {padding: 5px 10px;background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;transition: all 500ms ease-in-out 0s;border-top-left-radius: 3px;border-top-right-radius: 3px;}
div.footer .dk input[type=text] {background:#fff;width:305px;height:30px;line-height:30px;padding-left:10px}
div.footer .dk input[type=submit] {background:#e46c0b;text-align:center;width:65px;height:30px;line-height:28px;outline:none;cursor:pointer;color:#fff}
div.footer .copy {background:#0d2f59;padding:28px 0;text-align:right;margin-top:28px; }
div.footer .copy ul {float:left}
div.footer .copy ul li {display:inline }
div.footer .copy ul li a {color:#fff;margin:0 4px}
div.footer .copy ul li a:hover {color:#E46C0B}

/* === Main == */
div.main {border-top:0px solid #fff}
div.main .left {width:210px;float:left;text-align:left}
div.main .right {width:750px;float:right;text-align:left}

div.page-banner {width:100%;height:160px;overflow:hidden;background:url(/images/bd/page-banner.png) no-repeat center;background-size:100% auto ;color:#fff;margin-bottom:30px}
div.page-banner .l,div.page-banner .r {width:50%;float:left;padding-top:60px}
div.page-banner .r {text-align:right}
div.page-banner .l h2 {font-size:22px;text-transform :uppercase;color:#fff;text-shadow: 1px 0.2px #E46C0B;font-weight:700}
div.page-content {text-align:center;padding:40px 0}
div.page-content:after {content:'.';line-height:0;height:0;display:block;clear:both;visibility:hidden;}
div.page-title h2 {font-size:26px;text-transform:uppercase;padding-bottom:20px;background:url(/images/bd/hr.png) no-repeat bottom center;margin-bottom:20px}
div.page-title p.descrp {font-size:16px}

/* === Page == */
div.page {text-align:right ;margin:15px 0 10px 0}
a.apage {font:15px/18px Arial; color:#4d4d4d;margin:0 5px}
a.cpage{background:#02BADC;border-radius:50px;padding:3px 7px;color:#fff}
a.cspag{padding-right:20px;}
div.dlink {height:23px;line-height:23px;padding-left:10px;font-size:14px}
div.dlink a:hover {color:#E46C0B}
div.dlink i {margin-right:4px}
a.cmaTite{color:#fff;text-decoration:none;text-transform:none;padding:0 6px} 
a.cmaTite:first-child {background:none;padding-left:0}

div.main .left h2 { background:#E46C0B;text-transform:uppercase;font-size:14px;padding:5px 10px;color:#fff}
div.main .left ul { text-align:left;margin-top:5px}
div.main .left ul li { padding:6px 10px;border-bottom:1px dashed #dbdbdb}
div.main .left ul li:last-child { border-bottom:none}
div.main .left ul li a {font-size:14px}
div.main .left ul li a:before { content:'\203A';float:left;margin-right:5px}

div.main .right h2 { font-size:20px;font-weight:700;text-transform:uppercase}
div.main .right .lst li {width:100%; float:left;margin-top:35px}
div.main .right .lst li .img {width:250px;height:160px;overflow:hidden;float:left;margin-right:15px}
div.main .right .lst li .img img {width:100%;height:auto}
div.main .right .lst li h3 {font-size:15px;font-weight:700;margin:-2px 0 15px 0}
div.main .right .lst li p {line-height:170%;text-align:justify}

div.menuD {text-align:left;margin-bottom:40px}
div.menuD:after {content:'.';line-height:0;height:0;display:block;clear:both;visibility:hidden;}
div.menuD h2 {font-size:26px;margin-bottom:30px;text-transform:uppercase;font-weight:700}

ul.share-project {margin:20px 0 0 0px;padding: 0px;display: inline-block; float:right}
ul.share-project li {display: inline-block;margin: 0px 1px;}
ul.share-project li a {text-align: center;display: inline-block;text-decoration: none;transition: all 0.2s ease-in-out 0s;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;color: #FFF;background: #19457C none repeat scroll 0% 0%;}
ul.share-project li a:hover {background:#333}
ul.share-project li a i.fa {line-height:2.2 !important}

div.newsD h1{font-size:24px;margin-bottom:10px;line-height:150%}
div.newsD strong.str {display:block;font-weight:normal; font-size:15px}
div.newsD h3.re-title {font-size:15px;font-weight:700;margin:20px 0;text-transform:uppercase ;border-top:1px solid #ededed;padding-top:20px}
div.newsD ul.re-list li {width:48%; float:left;margin-bottom:10px}
div.newsD ul.re-list li:nth-child(2n) { float:right}
div.newsD ul.re-list li .img {width:115px;height:100px;overflow:hidden;float:left;margin-right:10px}
div.newsD ul.re-list li .img img {width:100%}
div.newsD ul.re-list li strong {display:block;margin-bottom:7px;line-height:120%}
div.newsD ul.re-list li p {max-height:56px;overflow:hidden}

div.intro{padding-bottom:20px; padding-top:10px; line-height:165%;font-size:13px}
div.intro ul,div.intro li{list-style-type:inherit;margin:5px 3px 5px 40px;}
div.intro h2{ font-weight:bold; font-size:19px;}
div.intro h3{ font-weight:bold; font-size:18px;}
div.intro table{ width:100%; border:0px #dfdfdf solid;}
div.intro table td,div.intro table tr{ border:0px #dfdfdf solid;}
div.intro img{ max-width:800px; height:auto;}
div.intro a{font-weight:bold;}