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

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#001546;}
select,textarea,input{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div,img{border:0px; margin:0px; padding:0px; }
ul,li{margin:0px; padding:0px; float:left; }
li{display:inline;}
a{text-decoration:none; color:#fff}
a:hover{text-decoration:underline; color:#fff}
.Input_Btn{}
.Input_Text{margin:0px; padding:0px; height:17px; border:1px #999999 solid;}
.w50{ width:50px;}.w80{ width:80px;}.w200{ width:190px;}.w14{ width:14px;}.w90{ width:91px;}
.clr{clear:both;}
.hide{display:none;}
.container{width:1003px; height:auto; margin:0px auto; padding:0px;}

/*Index Home*/
.TopBar{width:1003px; margin:0px auto; height:26px; background:url(Images/bgTop0.jpg) right no-repeat #000; text-align:right;}
.TopBar_AddThis{ float:right; padding:10px 20px 0px 0px;}

.Header{width:1003px; margin:0px auto; height:570px; background:url(Images/bgTop1.jpg) no-repeat #0D417A;}
.h120{height:120px; background:url(Images/bgTop1_.jpg) no-repeat;}
.Header .HMenu{width:1003px; height:100px; float:left;}
.Header .HMenu .logo{width:160px; height:90px; float:left; padding:5px 0px 0px 40px;}
.Header .HMenu .Menu{width:750px; height:90px; float:left; padding-left:50px;}
.MenuICON{width:100px; height:70px; line-height:30px; float:left; text-align:center; color:#fff; font-size:16px; padding-top:25px;}
.MenuICON a{color:#fff; text-decoration:none;}
.MenuICON a:hover{color:#f3ae00; text-decoration:none;}
.MenuICON .a1{color:#f3ae00; text-decoration:none;}
.MenuSplt{width:15px; height:15px; float:left; padding:78px 5px 0px 5px;}

.Header .HText{width:1003px; height:80px; float:left; padding-top:40px; text-align:center;}
.Header .HText li{width:1003px; height:80px;float:left;}
.Header .HText li .htsp1{ font-size:30px; font-weight:bold; color:#9F0;} 
.Header .HText li .htsp2{ font-size:40px; font-weight:bold; color:#4E4B4A;} 
.Header .HText li .htsp3{ font-size:24px; color:#000;} 

.Header .Hads{width:1003px; height:300px; float:left; padding-top:40px; text-align:center; text-align:center;}
.Header .Hads li{ width:930px; height:300px; float:left; padding-left:29px;}

.Content{width:1003px; height:auto; float:left; background:url(Images/bgBottom1.jpg) no-repeat bottom #0D417A;}
.Content .Conleft{ width:790px; padding-left:10px; padding-top:25px; height:auto; background:url(Images/bg2.jpg) repeat-x;}
.Content .Conleft li{ width:780px; height:auto;}

.PkgList{width:760px; height:100px; float:left; padding-left:10px; }
.PkgList img{ padding:0px 10px;}
.TextTitle{width:760px; height:40px; line-height:40px; text-align:left; float:left; }
.spanTtl{color:#f3ae00; font-weight:bold; font-size:24px;}
.TextContent{width:760px; height:auto; line-height:30px; text-align:left; color:#fff; font-size:16px; float:left;}
.TextContent a{ color:#f6ff00; text-decoration:none;}
.TextContent a:hover{ color:#f6ff00; text-decoration:underline;}


.Content .Conright{ width:190px; padding-top:25px; height:400px; background:url(Images/bg2.jpg) repeat-x; display:inline; padding-right:13px !important; padding-right:8px;}
.Content .Conright li{ width:140px; padding-left:55px; padding-top:10px; height:auto; background:url(Images/bgBotRight1.png) no-repeat !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/bgBotRight1.png');}
.Content .Conright li div{position:relative;}
.Content .Conright2{ width:190px; padding-top:25px; height:390px;background:url(Images/bg2.jpg) repeat-x; display:inline; padding-right:13px !important; padding-right:3px;}
.Content .Conright2 li{ width:195px; padding-top:10px; height:390px;background:url(Images/bgBotRight2.png) no-repeat !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/bgBotRight2.png');}
.Content .Conright2 li div{position:relative;}


.cr1{width:130px; height:28px; float:left;line-height:28px; color:#a5d5ff; text-align:left; font-size:14px; padding-left:50px; }
.cr2{width:130px; height:28px; float:left;background:url(Images/bg1.png) repeat-x !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/bg1.png'); line-height:28px; color:#e5a708; text-align:left; font-size:14px; padding-left:50px; }
.cr2 a,.cr2 a:hover{color:#e5a708; position:relative;}


.CRtitle1{width:140px; line-height:25px; height:25px; font-size:18px; color:#f3ae00; float:left;}
.CRtitle2{width:140px; line-height:26px; height:26px; font-size:12px; color:#a5d5ff; float:left;}
.CRtitle2 a{color:#fff; font-size:14px;  text-decoration:none;}
.CRtitle2 a:hover{color:#fff; font-size:14px; text-decoration:underline;}
.CRtitle2 .a1{color:#f3ae00; text-decoration:underline;}
.CRtitle2 .a1:hover{color:#f3ae00; text-decoration:none;}
.CRtitle3{width:140px; line-height:30px; height:33px; font-size:18px; color:#f3ae00; float:left; padding-top:2px;}
.CRtitle4{width:140px; line-height:20px; height:20px; font-size:18px; color:#f3ae00; float:left; padding-top:22px; padding-bottom:10px;}

.copyright{width:1003px; height:35px; line-height:35px; margin:0px auto; background:#000; color:#fff;}
.copyright ul{width:1003px; height:35px; background:#000;}
.copyright ul .copyl{width:490px; text-align:left; padding-left:10px;}
.copyright ul .copyr{width:493px; text-align:right; padding-right:10px;}

/*Team*/
.tran{width:760px; background:url(Images/bgAbout.png) repeat-x !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/bgAbout.png'); padding:10px; height:auto;}
.tran p,.tran .pnorm{ font-size:14px; color:#fff; }
.tran p{line-height:25px;}
.tran .Btitle{font-size:30px; color:#fff; font-weight:bold;}
.tran .Stitle{font-size:24px; color:#fff; }
.tran .yellow{ color:#ff9c00; }
 
/*Soft*/
.plist{width:760px; height:120px; background:#1D74BB; float:left; margin-bottom:15px;}
.plist .ico{width:100px; height:100px; float:left; padding:10px 20px;}
.plist .pinfo{width:610px; height:120px; float:left;}
.plist .pinfo .ptitle,.plist .pinfo .ptitle li{width:610px; height:35px; line-height:35px; font-size:24px; font-weight:bold; float:left; color:#fff;}
.plist .pinfo .pdetail,.plist .pinfo .pdetail li{width:610px; height:54px; line-height:18px; font-size:14px; color:#fff; float:left;}
.plist .pinfo .picos,.plist .pinfo .picos li{width:610px; height:30px; line-height:18px; float:left; text-align:right}
.plist .pinfo .picos li{background:url(Images/bg1.gif) no-repeat right; }
.plist .pinfo .picos li a{position:relative;}
.plist .pinfo .picos li img{ margin:5px 3px 0px;}


/*Package*/
.Package{width:680px; height:auto; float:left;}
.PkgInfo{width:680px; height:auto; float:left;}
.PkgInfo .PkgLeft{width:340px; height:auto; float:left;}
.PkgInfo .PkgLeft .pkgTitle{width:340px; height:40px; line-height:40px; float:left; font-size:14px; font-weight:bold; color:#fff;float:left;}
.PkgInfo .PkgLeft .pkgDesc{width:340px; height:auto;color:#fff; line-height:20px; float:left;}
.PkgInfo .PkgLeft .pkgDesc .ln{ width:310px; height:20px; background:url(Images/ico5.gif) no-repeat right; border-bottom:1px #fff solid;}
.PkgInfo .PkgLeft .pkgPrice{width:210px; height:90px; padding-top:10px; float:left; color:#b9dcff;}
.PkgInfo .PkgLeft .pkgStart{width:130px; height:90px; padding-top:10px; float:left; position:relative}
.PkgInfo .PkgLeft .pkgHow{width:340px; height:auto; font-size:11px; color:#b9dcff; float:left; border-bottom:1px #8E8E8E solid; padding-bottom:10px;}
.PkgInfo .PkgLeft .pkgOrder{width:340px; height:auto; font-size:11px; color:#b9dcff; float:left; padding:5px 0px; position:relative}

.itemBox{width:760px; height:110px; margin:0px auto; border:1px #DFDFDF solid; background:#fff;}
.itemBox ul{width:760px; height:110px; margin:0px; padding:0px;  float:left;}
.itemBox .itemBoxul li{width:760px; height:110px; margin:0px; padding:0px;  float:left;}
.itemBox .itemBoxul .lico1{width:120px; height:110px;}
.itemBox .itemBoxul .rinfo{width:640px; height:110px; } 

.packinfo{width:560px; height:auto; float:left;}
.packinfo .packinfoul{width:560px; height:auto; margin:0px; padding:0px;  float:left;}
.packinfo .packinfoul .packTitle{width:560px;  float:left; font-size:20px; font-weight:bold; height:35px; line-height:35px; color:#2d323b;}
.packinfo .packinfoul .packDesc{width:560px; height:50px;;float:left; color:#505050;}
.packinfo .packinfoul .packIcon{width:540px; height:20px;float:left; text-align:right; background:url(Images/bgLine.gif) right no-repeat; padding-right:15px;}
.packshadow{width:680px; height:14px; background:url(Images/Box_Shadow.gif) no-repeat center top; margin:0px auto;}
.packpage{width:680px; height:14px; margin:0px auto; text-align:right;}

/*Page - Order*/
.OrderTitle{width:480px; float:left; height:30px; line-height:30px; color:#828282; font-size:18px; font-weight:bold;}
.OrderInfo{width:480px; font-size:11px; color:#9b9b9b;float:left;}
.OrderForm{width:480px; height:auto; color:#828282;float:left;}
.OrderForm .Oul{width:480px; height:auto; margin:0px; padding:0px; float:left;}
.OrderForm .Oul .Otext{width:70px; height:25px; line-height:25px; float:left;text-align:right; padding-right:10px;}
.OrderForm .Oul .Oinput{width:320px; height:25px; line-height:25px; float:left; }
.OrderForm .Oul .Oinput input{border:1px #DFDFDF solid; margin:0px; padding:0px; height:18px; line-height:18px;}
.OrderForm .Oul .Oinput textarea{border:1px #DFDFDF solid; margin:0px; padding:0px; height:100px; }
.w200{width:200px;} .w320{width:320px;}
.Input_Button{ background:url(Images/bgBtn.gif) no-repeat; width:73px; height:23px;} 

/*Page - Online Demo*/
    .oldemo{width:480px; height:auto; margin:0px auto; padding:10px 0px;border:1px #DFDFDF solid;background:#fff; margin-bottom:15px}
      .oldemo .oldemoul{width:480px; height:auto; float:left;}
      .oldemo .oldemoul .oltitle{width:480px; float:left; font-size:20px; font-weight:bold; height:35px; line-height:35px; color:#2d323b;}
      .oldemo .oldemoul .olleft{width:100px; height:20px; line-height:20px; float:left; text-align:right; color:#666;}
      .oldemo .oldemoul .olright{width:360px;  height:20px; line-height:20px; float:left;  }
 .oldemo .oldemoul .olright a{color:#00f; text-decoration:none;}     
 .oldemo .oldemoul .olright a:hover{color:#00f; text-decoration:underline;}
    

/*Contact Us*/
.contact{ width:680px; height:auto; margin:0px auto; position:relative;}
.contact p{ color:#fff;}
.contact .cform,.contact .cform ul{width:680px; float:left; height:auto;}
.contact .cform ul li{margin:5px 0px;}
.contact .cform ul .clabel{width:130px; float:left; height:auto; line-height:20px; font-size:16px; color:#fff;}
.contact .cform ul .ctext{width:550px; float:left; height:auto;line-height:20px;  text-align:left; font-size:14px; color:#fff;}
.contact .cform ul .ctext a{ color:#f3ae00;} 
.contact .cform ul .ctext .ctext1{width:250px; height:18px; border:1px #fff solid; float:left; background:#125A95; color:#fff;}
.contact .cform ul .ctext .cta1{width:380px; height:100px; border:1px #fff solid; float:left; background:#125A95; color:#fff;}
.btnSmt{width:120px; height:38px; background:url(Images/btn.gif); border:0px; color:#fff; font-size:18px; font-weight:bold;}
.contactinfo{width:140px; height:auto; float:left; padding-left:50px; padding-top:10px;  background:url(Images/bgContact.png) no-repeat !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/bgContact.png');}
.getQuote{width:180px; float:left; height:30px; line-height:30px; font-weight:bold; font-size:18px; color:#fff; text-align:center;}
.IMinfo{width:140px; line-height:26px; height:auto; color:#fff; padding-top:10px;}
.Testi{width:180px; height:auto; float:left;color:#a5d5ff; padding-left:10px; padding-top:20px;}
.tMan{width:150px; height:auto; float:left;color:#fff; line-height:20px; text-align:right; font-size:14px; font-weight:bold; border-bottom:1px #fff dashed; padding:10px 10px 10px 20px; }
.viewtech{width:120px; height:auto; float:left; background:url(Images/View.gif) no-repeat left center; color:#a5d5ff; line-height:20px; padding-left:70px; background-position:20px 20px; padding-top:20px;}
.viewtech a,.viewtech a:hover{color:#a5d5ff;}

/*New Portfolio*/
.newport1{ background:none;}
.newport2{width:20px; height:535px; float:left;background:url(Images/port2.png) no-repeat left !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/port2.png');}
.newport3{width:640px; height:535px; float:left;background:url(Images/port1.jpg) repeat-x; background-position:0px 7px !important; background-position:0px 0px;}
.newport4{width:20px; height:535px; float:left; background:url(Images/port3.png) no-repeat right !important;background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='Images/port3.png'); }

.hauto{height:auto;}
.wauto{width:auto;}