@charset "utf-8";
/* CSS Document */

@import url(../font/Ubuntu/stylesheet.css);

html{}
body{ margin:0; padding:0; font-size:12px; font-family:'Ubuntu-Light',Arial, sans-serif; color:#373737; background:#fff;}
div,ul,li,ol,dt,dd,dl,p,h1,h2,h3,h4,h5,h6,img,input{ margin:0; padding:0; font-weight:normal; /*font:inherit;*/}
ul,li{ list-style:none;}
form{ margin:0; padding:0;}
img{ border:none;}
input,textarea,select{ font-family:'Ubuntu-Light',Arial, sans-serif;}
a{ text-decoration:none; color:#000;}
br{ width:100%; clear:both;}

.hide {display:none;}
.clear { height:1px; line-height:0; font-size:0; display:block; clear:both;}
.blank9,.blank12,.blank20,.blank30,.blank50 {display:block;}
.blank9 {height:9px;}
.blank12 {height:12px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.floatL{ float:left;}
.floatR{ float:right;}
.position{ position:relative;}
.justify{ text-align:justify;}
.padding{ padding:0 16px;}
.round{ border-radius:6px 0 0 0;}

.wrap{ width:100%; margin:0 auto;}

.header,.content{ width:980px; margin:0 auto; overflow:hidden;}
.header{ clear:both;}
.head_top{ height:55px; margin-bottom:20px;}
.logo{ float:left; margin:10px 0 0 0;}
.lang{ font-size:14px; line-height:35px; height:35px; float:right; margin:10px 20px 0 0;color:#333;}
.lang a:hover{ color:#031489;text-decoration: underline;}
.top_login{float: right; height:30px; line-height:30px; margin:12px 10px 0 0;font-size: 14px;font-weight: bold;}
.top_login a:hover{text-decoration: underline;}
.searchbox{ height:45px; float:right; margin:10px 0 0 0;}
.search{ height:30px; padding:2px 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:url(../images/search.png) 5% 50% no-repeat #e7e7e7; text-indent:30px;}
.search2{width: 390px; height:30px; padding:2px 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:url(../images/search.png) 1% 50% no-repeat #e7e7e7; text-indent:30px;}
.search_button{ height:30px; width:80px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin:0 0 0 10px; box-shadow:0px 0px 3px #ccc;}

.navHome {margin:10px auto; width:980px; height:40px; background:#fefefe; background:-webkit-linear-gradient(to top,#dfdfdf,#fefefe); background:-webkit-gradient(to top,#dfdfdf,#fefefe); background:linear-gradient(to top,#dfdfdf,#fefefe); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow:0px 0px 10px #999; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.navHome ul li { margin:0; padding:0; height:40px; line-height:40px; position:relative; float:left; border-right:1px #dcddde solid;}
a.navOn, a.nav:hover {padding:0 10px; height:40px; text-align:center; vertical-align:middle; display:block;  background:#252a81;}
a.nav { color:#000; }
a.navOn, a.nav:hover { color:#fff;}
a.navOn,a.nav,a.nav:hover{ font-size:15px;}
.navHome ul li .subnav { display:none;}
.navHome ul li:hover .subnav {  background:#f3f3f3; width:176px; position:absolute; top:40px; left:0px; z-index:100;  display:block; border-radius:0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px;}
.navHome ul li:hover .subnav li { width:100%; height:32px; text-align:center; border-bottom:1px #eee solid;}
a.sub { padding:9px 0; line-height:14px; color:#000; font-size:11px; display: block;}
a.sub:hover { background:#ededed; box-shadow:1px 1px 2px #ccc;}

.footer{ width:980px; margin:0 auto; padding:10px 0; border-bottom:5px #232780 solid; border-top:2px #a4a4a4 solid;}
.copyright{ margin:10px 0;}
.copyright h3{ color:#232780; font-weight:bold; text-align:center;}
.copyright p{ text-align:center;}

/* home */
.banner{ width:980px; height:287px; clear:both; position:relative; overflow:hidden;}
.banner_main{ width:320px; float:left; z-index:15; position:absolute; margin:35px 5px 0 50px;}
.banner_main h2{ color:#fff; font-family:'Ubuntu-Bold',Arial, sans-serif; margin:5px 0;}
.banner_main p{ color:#fff; font-family:'Ubuntu-Light',Arial, sans-serif; margin:15px 0 0 0; font-size:12px; line-height:20px;}
.viewmore{ border:1px #fff solid; padding:5px; height:20px; line-height:20px; width:100px; color:#fff; position:absolute; margin:220px 0 0 250px; text-align:center;}
.banner_all{ width:980px; height:auto;	position: absolute;	left:0;	top:0;}
.banner_all li img { display:block; width:980px; height:287px;	left:0;	top:0;}
.banner_span { width:180px;	height:45px; position: absolute; left:420px; bottom:0; zoom:1;}
.banner_span span {	width:15px;	height:15px; display:block;	float:left;	margin-left:5px; background:url(../images/dot.png) no-repeat left bottom;	cursor:pointer;}
.banner_span p { width:100px; height:35px; margin:0 auto;}
.banner_span .banner_span_one{	background:url(../images/dot.png) no-repeat left top;}
.banner_left { height:40px; cursor: pointer; background:url(../images/ind_pre.png)0 0 no-repeat; position:relative; left:0; top:110px;}
.banner_right {	height:40px; cursor: pointer; background:url(../images/ind_next.png)0 0 no-repeat; position:relative; left:955px; top:70px;}

.main{ width:980px; overflow:hidden;}
.ind_tap{ margin:20px 0 0 0; float:left; width:735px;}
.tap1,.tap2{ width:240px; border-right:1px #a4a4a4 solid; float:left;}
.tap3{ width:240px; float:left;}
.tap_top img{ margin:0 10px 10px 0;}
.tap_main,.tap_main1{ margin:0 10px 0 0;}
.tap_main h3{ color:#373c96; font-size:14px; padding:0 0 15px 0; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.tap_main p{ color:#000; font-size:12px; padding:0 0 15px 0;}
.viewmore1{ border:1px #373c96 solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#373c96; width:100px; text-align:center; height:30px; line-height:30px; color:#fff; margin:10px 0 0 130px; padding:5px 10px;}
.tap_top1 img{ margin:0 10px 10px 10px;;}
.tap_main1 h3{ color:#373c96; font-size:15px; margin:0 0 15px 10px; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.tap_main1 p{ color:#231f20; font-size:12px; padding:0 0 15px 10px;}

.login{ width:245px; float:right; background:#dfdede;}
.inbox { padding:5px 10px; line-height:20px; border:1px #c0c2c4 solid; color:#562a00; font-size:12px; } 
.widthD { width:200px; height:20px;}
.login table{ margin:20px auto; width:220px; clear:both;}
.login table tr td{ padding:13px 0;}
.login table tr td h3{ color:#232780; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.login table tr td a{ color:#666; text-decoration:underline; line-height:20px; font-size:11px;}
.btn_signin { width:90px; height:30px; border:none; background:#232780; cursor:pointer; float:right; color:#fff; margin:20px 0 -15px 0; border-radius:6px;-webkit-border-radius:6px; -moz-border-radius:6px;}

/* about */
.about_banner{ margin:30px 0 10px 0;}
.about_title{ color:#5f63ab; font-size:16px; font-family:'Ubuntu-Bold',Arial, Helvetica; margin: 10px 0 0 0;}
.about_main{ color:#5e5b5b; padding:10px 0 20px 0;}
.about_main p{ padding:10px 0; font-size:12px; font-weight:bold;}

.about_search{padding: 50px 0;height:40px;border-bottom: 1px #231F20 solid;}
.search_text{float: left;font-size: 14px;}
.searchmain{float: left;height: 35px; margin: 0 0 0 10px;}
.about_show{}
.about_show_title{color: #231F20;font-weight: bold;font-size: 14px;margin: 30px 0;}
.search_select{padding: 10px 0 30px 0;font-size: 14px;}
.onselect{background: #e5e5e5;border: 2px solid #979797;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

.content_main{border-bottom: 1px #231F20 dashed;margin: 0 0 0px 0;}
.content1{height: 110px;}
.content_top{background:#2a1d77;height: 20px;line-height: 19px;font-size: 16px;color: #fff;padding: 5px;font-weight: bold;}
.main_L{float: left;width:850px; padding: 10px 0;}
.main_L p{padding: 5px 0 0 0;}
.main_R{float:right; width: 100px;text-align: center;line-height: 110px;}
.view_btn{padding:15px 20px;background: #2A1D77;color: #fff;}


/* products & services */
.siderbar{ width:200px; float:left; margin:20px 0 0 0;}
.sider{ height:40px; line-height:40px; background:#353a94; background:-webkit-linear-gradient(to top,#090e62,#353a94); background:-webkit-gradient(to top,#090e62,#353a94); background:linear-gradient(to top,#090e62,#353a94);}
.sider a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
.arrow{ background:url(../images/arrow_left.png)0 0 no-repeat; width:15px; height:15px; padding:0 0 0 10px; margin:0 5px 0 20px;}
.arrowOn{ background:url(../images/arrow_down.png)0 0 no-repeat; width:15px; height:15px; padding:0 0 0 15px; margin:0 5px 0 15px;}
.sider_nav{ background:#f4f4f5; padding:10px 0;}
.sider_nav li{ padding:5px 0 5px 10px;}
.sider_nav li a{ color:#373c96; font-weight:bold; font-size:13px;}

.articals{ width:760px; float:right; margin:10px 0 0 0;}
.articals_title{ color:#373c96; font-weight:bold; font-size:16px; margin:10px 0 15px 0; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.articals_main1{ padding:0 0 15px 0; border-bottom:1px #a4a4a4 solid;}
.articals_main1 p,.articals_main2 p{ font-weight:bold; font-size:13px; padding:3px 0; font-family:'Ubuntu-Light',Arial, Helvetica;}
.articals_main2{ padding:0 0 15px 0;}

.fixwidth{width: 480px;/*height: 480px;*/}

.pastprojects_articals{width:980px; margin: 20px auto;/*height: 480px;*/ overflow:hidden;}
.past_articalsL{width: 480px;/*height: 480px;*/float: left;}
.past_articalsR{width: 460px;/*height: 480px;*/float: right;}
.past_articalsR p{padding: 0 0 20px 0;}
.past_links{padding: 50px 0 0 0;}
.past_links a{text-decoration: underline;color:#092541;font-weight: bold;}

/* gallery  */
.gallery_piclist,.pastprojects_piclist{width:920px; margin:0 auto; height:480px;}
.gallery_title,.pastprojects_title{ color:#373c96; font-size:16px; font-weight:bold; margin:10px 0 0 0;}
.gallery_pic,.pastprojects_pic{float:left; width:205px; height:200px; margin:20px 20px 0 5px; background:#f3f3f3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.image_container img{border:2px solid #CCC; margin:10px 0 0 10px;}
.meta{ text-align:left; width:170px; float:left; margin:10px 0 0 15px; font-size:14px; color:#373c96; font-weight:bold; font-family:'Ubuntu-Bold',Arial, Helvetica;}

*{padding:0; margin:0}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:'Ubuntu-Medium',Arial, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:15px 15px 10px 20px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:'Ubuntu-Light',Arial, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#373c96; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { display:inline; color:#fff; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:25px; height:40px; background:transparent url(../images/ind_pre.png) no-repeat center; position: absolute; top:45%; left:-12px; }
#mbNextLink { width:25px; height:40px; background:transparent url(../images/ind_next.png) no-repeat center; position: absolute; top:45%; right:-12px; }
#mbError { position:relative; font-family:'Ubuntu-Medium',Arial, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

/*page bar*/
.pagebars{ margin:20px auto; height:40px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;text-align: center;}
.pagebars a{ padding:12px 15px; line-height:39px; background:#e7e7e7;}
.pagebars .barOn,.pagebars a:hover{ box-shadow:0 0 1px #c6c6c6; background:url(../images/bg_barOn.png)0 0 repeat-x;}
.barbutton{ color:#fff; font-weight:bold; width:50px;}
.start{ border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px;}
.pagebars span a,.barbutton{ background:url(../images/bg_barbutton.png)0 0 repeat-x !important;}
.thelast{ height:40px; border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; margin:-1px 0 0 0;}

/* contact us */
.maps{ float:left; margin:10px 0;}
.contact_us{ float:right; width:440px;}
.contact_title{ color:#373c96; font-size:16px; font-weight:bold; margin:10px 0 0 0; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.form_enquiry,.form_email{ outline:none; width:380px; height:20px; line-height:20px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px; background:#fcfcfc;}
.form_name,.form_email2,.form_address{ outline:none; width:400px; height:20px; line-height:20px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px; background:#fcfcfc;}
.form_city,.form_postcode{ outline:none; width:172px; height:20px; line-height:20px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px; background:#fcfcfc;}
.form_select{ outline:none; width:395px; height:40px; line-height:40px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px;}
.form_textarea{ outline:none; width:380px; height:100px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px;}
.sense,.sense1{ color:#a7a9ac; font-weight:bold; font-size:14px; font-family:'Ubuntu-Light', Helvetica, sans-serif;text-indent: 8px;}
.sense{ padding:20px 0 10px 0;}
.sense1{ padding:0 0 10px 0;}
.sense span,.sense1 span{color: red;}
.contact_btn{ background:url(../images/contact_bgbtn.png)0 0 no-repeat; width:159px; height:35px; line-height:25px; border:5px #b4b7ec double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #b4b7ec; color:#fff; font-weight:bold; margin:0 10px 0 0; cursor:pointer;}
.cancel{ padding:0 0 0 10px; color:#b80000; font-weight:bold;}
.contact_links{ margin:20px 0 20px 0; }
.contact_links h3{ color:#232780; font-weight:bold; font-size:14px; font-family:'Ubuntu-Bold',Arial, Helvetica;}
.contact_links p{ color:#5e5b5b; width:320px;}

.form_name:focus,.form_email:focus,.form_textarea:focus{ background:#fff6f6; box-shadow:inset 0 0 10px #fcdada, 0 0 10px #fcdada;}

/* menbership */
.menbership{width:980px;overflow: hidden;}
.menber_btn{ background:url(../images/contact_bgbtn.png)0 0 no-repeat; width:159px; height:35px; line-height:25px; border:5px #b4b7ec double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #b4b7ec; color:#fff; font-weight:bold; margin:0 10px 0 0; cursor:pointer;margin: 40px 0 100px 0;}
.form_passwd,.form_repasswd,.form_otel,.form_mtel,.form_occupation{ outline:none; width:220px; height:20px; line-height:20px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px; background:#fcfcfc;}
.form_select2{ outline:none; width:236px; height:40px; line-height:40px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px;}
.form_select1{ outline:none; width:416px; height:40px; line-height:40px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px;}
.form_creat{ outline:none; width:496px; height:20px; line-height:20px; border:5px #fdfdfd double; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0 0 10px #ececec, inset 0 0 10px #eaeaea; margin-bottom:15px; padding:3px; background:#fcfcfc;}
.margin50{margin: 0 0 0 50px;}
.form_L{float: left;margin: 0 20px 0 0;}
.form_R{float: right;margin: 0 0 0 20px;}
.form_line{height: 81px;width:512px;text-align:left;float: left;}
.form_line h4{font-size: 17px;color: #232780;padding:10px 0 14px 0;font-weight: bold;}
.form_line p{font-size: 14px;font-weight: bold;}


/* new add */
.login_success{padding: 60px 0 ; margin: 0 auto;}
.login_success h3{color: #2a1d77;text-align: center;font-size: 14px;padding:0 0 20px 0;font-weight: bold;}
.btn_enter{padding: 5px 20px;background: #2a1d77;color: #fff;margin: 0 0 0 90px;font-size: 12px;}

.main_L2{float: left;padding: 10px 0;width:650px;}
.main_pic{float: left;padding: 15px 10px;width:80px;height:80px;}
.main_pic img{width:80px;height:80px;}