@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#e7eef2; font-family:Arial, Helvetica, sans-serif}
.clear{margin:0; padding:0; height:0; line-height:0; font-size:0; clear:both}

a{outline:none}
a img{border:0}
.wrapper{margin:0 auto; width:1002px}
a{color:#006E9C; text-decoration:underline}
a:hover{color:#006E9C; text-decoration:none}
#horizontalmenu ul 
{
font-size:20px;
font-family:"Arial", Helvetica, sans-serif;  
margin:5px;
padding-top:-20px;
list-style:none;
}

#horizontalmenu li {
float:left;
position:relative;
font-size:12px;
font-weight:bold;
font-family:"Arial", Helvetica, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

#horizontalmenu li ul {
    display:none;
	position:absolute;
	height:25px
	
}
#horizontalmenu li:hover ul{
	
        display:block;
	visibility:visible;
        height:auto; 
	width:249px;
	float:left;
	left:-5px;
	right:-20px;
	top:61px;
	background-color:#d3d3d3;

}
#horizontalmenu li ul li{
    clear:both;
	border-style:none;
	visibility:visible
	float:center;
	width:254px;
	height:25px
	padding:5px 0px 0px 0px;
	}

.top-keyword{float:left; background:url(images/top-bg.jpg) no-repeat; height:28px; width:992px; padding:10px 10px 0px 0px;  text-align:right; color:#212324; font-size:12px}

.nav{background:url(images/nav-bg.jpg) repeat-x top left; height:65px; width:100%; float:left}
.nav .logo{float:left; background:url(images/logo.jpg) no-repeat; width:254px; height:65px; text-indent:-9999px}
.nav ul{margin:0; padding:0; list-style:none}
.nav ul li{float:left; background:url(images/nav-bg.jpg) no-repeat bottom left; padding-left:2px}
.nav ul li a{float:left; display:block; height:60px; font-size:16px; color:#324348; font-weight:bold; text-decoration:none; padding:5px 25px 0px 25px; line-height:56px;}
.nav ul li a:hover, .nav #current a, .nav #current a:hover{background:url(images/nav-bg.jpg) repeat-x 0px -65px; text-decoration:none; color:#035267}
.nav .right-bg{float:right; background:url(images/nav-right-bg.jpg) no-repeat; width:5px; height:65px}
.nav li ul li a, .nav #try a, .nav #try a:hover{ height:42px; 
	width:200px; line-height:38px;  text-decoration:none; color:#035267}

.banner{float:left; width:100%; background:url(images/banner-bg.jpg) no-repeat top left; height:148px}

.page-title{background:url(images/title-bg.jpg) no-repeat; height:49px; width:100%; float:left;}
.page-title h1{margin:0; padding:14px 0 0 17px; line-height:20px; font-size:20px; font-weight:bold; color:#006e9c}


.container{float:left; width:944px; background:url(images/container-bg.jpg) repeat-y; padding:20px 29px 10px 29px; font-size:14px; color:#212324; line-height:20px; text-align:justify}

/* h3{border-bottom:1px solid #b7bfc4; font-size:18px; font-weight:normal; color:#1f4758; padding:5px 0 10px 0; margin:0 ; } */
h3{font-size:18px; font-weight:bold; color:#1f4758; padding:5px 0 10px 0; margin:0 ; }
h2{ background:url(images/subtitle-bg.jpg) repeat-x bottom; font-size:18px; font-weight:bold; color:#006e9c; padding:10px 0 10px 0; margin:0;}
h2 span{background:url(images/subtitle-arrow.jpg) no-repeat 0px 5px; padding-left:20px}

ul.list{margin:18px 0 10px 0; padding:0; list-style:none}
ul.list li{background:url() no-repeat 10px 5px; padding-left:25px; padding-bottom:3px}

.table{border-collapse:collapse}
.table td{padding:10px; border:none}
.table h4{border-bottom:1px solid #b7bfc4; font-size:16px; font-weight:bold; color:#006e9c; padding:5px 0 10px 10px; margin:0;}

ul.prodlist{margin:18px 0 10px 0; padding:0; list-style:none}
ul.prodlist li{background:url() no-repeat 20px 5px; padding-left:45px; padding-bottom:20px; font-weight:bold; color:#006E9C; text-decoration:none}

.demo{float:right; width:74px; height:27px; background:url(images/btn-demo.jpg) no-repeat 0px -28px; text-indent:-9999px; display:block; margin:-3px 25px 0 0px}
.demo:hover{background:url(images/btn-demo.jpg) no-repeat 0px 0px; }


.footer-btn{float:left; width:1002px; margin:0px 0 20px 0; padding-top:25px; background:url(images/container-bot-bg.jpg) no-repeat top}
.footer-btn a{float:left; width:323px; height:84px; display:block; text-indent:-9999px}
.footer-btn a.b1{background: url(images/bot-btn-01.jpg) no-repeat 0px 0px}
.footer-btn a.b1:hover{background:url(images/bot-btn-01.jpg) no-repeat  0px 100%}
.footer-btn a.b2{background:url(images/bot-btn-02.jpg) no-repeat 0px 0px}
.footer-btn a.b2:hover{background:url(images/bot-btn-02.jpg) no-repeat 0px 100%}
.footer-btn a.b3{background:url(images/bot-btn-03.jpg) no-repeat 0px 0px}
.footer-btn a.b3:hover{background:url(images/bot-btn-03.jpg) no-repeat 0px 100%}
.footer-btn a.b4{background: url(images/bot-btn-04.jpg) no-repeat 0px 0px}
.footer-btn a.b4:hover{background:url(images/bot-btn-04.jpg) no-repeat  0px 100%}
.footer-btn a.b5{background:url(images/bot-btn-05.jpg) no-repeat 0px 0px}
.footer-btn a.b5:hover{background:url(images/bot-btn-05.jpg) no-repeat 0px 100%}
.footer-btn a.b6{background:url(images/bot-btn-06.jpg) no-repeat 0px 0px}
.footer-btn a.b6:hover{background:url(images/bot-btn-06.jpg) no-repeat 0px 100%}
.footer-btn a.b7{background: url(images/bot-btn-07.jpg) no-repeat 0px 0px}
.footer-btn a.b7:hover{background:url(images/bot-btn-07.jpg) no-repeat  0px 100%}
.footer-btn a.b8{background:url(images/bot-btn-08.jpg) no-repeat 0px 0px}
.footer-btn a.b8:hover{background:url(images/bot-btn-08.jpg) no-repeat 0px 100%}
.footer-btn a.b9{background:url(images/bot-btn-09.jpg) no-repeat 0px 0px}
.footer-btn a.b9:hover{background:url(images/bot-btn-09.jpg) no-repeat 0px 100%}

.footer{float:left; width:100%; background:url(images/container-bg.jpg) repeat-y; }

.social{float:left; width:994px; background:url(images/fotter-bg.jpg) no-repeat top ; padding:10px 4px 0 4px; margin-bottom:20px}
.social .box{float:left; font-size:14px; font-weight:bold;  color:#212324; padding-top:7px;}
.social .box p{ margin:0 0 7px 0; padding:0; }
.social .email{background:url(images/email-icon.jpg) no-repeat top left ; width:170px; line-height:13px; height:30px; display:block;  color:#212324; text-decoration:none; padding:11px 0 0 50px}
.social .email:hover{background:url(images/email-icon.jpg) no-repeat bottom left; text-decoration:none; color:#006E9C}

.social .facebook{background: url(images/f-icon.jpg) no-repeat top left ; width:41px; height:41px; display:block; float:left; text-indent:-9999px}
.social .facebook:hover{background: url(images/f-icon.jpg) no-repeat bottom left ;}
.social .twitter{background: url(images/t-icon.jpg) no-repeat top left ; width:41px; height:41px; display:block; float:left; text-indent:-9999px; margin:0 15px}
.social .twitter:hover{background: url(images/t-icon.jpg) no-repeat bottom left }
.social .googlepluse{background: url(images/g-icon.jpg) no-repeat top left ; width:41px; height:41px; display:block; float:left; text-indent:-9999px}
.social .googlepluse:hover{background: url(images/g-icon.jpg) no-repeat bottom left ;}
.social .translate{background:url(images/tran-icon.jpg) no-repeat top left; width:178px; line-height:13px; height:30px; display:block;  color:#212324; text-decoration:none; padding:11px 0 0 50px; }

.footer-nav{background:url(images/bot-nav-bg.jpg) repeat-x; height:32px; float:left; margin:0px 4px; width:994px; text-align:center; margin-bottom:20px; padding-top:7px}
.footer-nav a{color:#212324; text-decoration:none; font-weight:bold; font-size:13px}
.footer-nav a:hover{ text-decoration:none; color:#035267}
.footer-nav span {padding:0 10px; color:#7f898c}

.copyright{font-size:14px; float:left; color:#212324; text-align:center; width:952px; padding:0px 25px 20px 25px; line-height:20px}
.copyright a{ color:#212324; text-decoration:none}
.copyright a:hover{ color:#006E9C; text-decoration:none}


.graphic{ float:left; width:900px; margin:5px 22px; background:url(images/img-01.jpg) no-repeat top left; height:54px}
.graphic .fl{float:left; width:177px; font-size:18px; font-weight:bold; color:#006e9c; margin-left:5px; text-align:center; padding-top:15px}
.graphic .fr{float:left; width:580px; margin-left:90px; text-align:left; padding-top:15px; font-weight:bold; font-size:14px}



.contact { width:969px; float:left; padding:12px 6px 0px 6px; }
.contatc_left { width:474px; float:left; border-right:solid 1px #dedede; padding:0 0 0 0; }
.contact_title { font-size:16px; font-weight:bold; color:#0aa9c2; padding:11px 0 0 5px; }
.address { color:#62696f; font-size:14px; }
.mail3 { color:white; font-size:14px; padding:0 0  0; }
.mail3 a { color:#30b5ca; text-decoration:none; }
.mail3 a:hover { color:#62696f; text-decoration:underline; }
.border_bottom { border-bottom:solid 1px #dedede; }
.contatc_right { width:360px; float:left; padding:0 0px 0 24px; }
.red_star { color:#ff1a30; }
.text_box { width:223px; height:22px; }
.text_box_bg2 { width:213px; height:18px; border-bottom:none; border:solid 1px #c8c8c8; background:url(../images/text_box_bg2.jpg) repeat-x left top; padding:2px 5px 2px 5px; }
.comment_box_bg { width:213px; height:56px; border-bottom:none; border:solid 1px #c8c8c8; background:url(../images/comment_box_bg.jpg) repeat-x left top; padding:2px 5px 2px 5px; }
.send_button { width:71px; height:30px; }
.send_button_bg { width:71px; height:30px; cursor:pointer; font-family:"Times New Roman", Times, serif; color:#FFFFFF; text-align:center; font-weight:bold; font-size:15px; border:none; background:url(images/send_button.jpg) no-repeat left top; padding:0 0 2px 0; }
.send_button_bg:hover { width:71px; height:30px; cursor:pointer; font-family:"Times New Roman", Times, serif; color:#FFFFFF; text-align:center; font-weight:bold; font-size:15px; border:none; background:url(images/send_button_h.jpg) no-repeat left top; padding:0 0 2px 0; } /* contact page end */ .about_top { width:981px; float:left; }
.subtitle_in2 { width:981px; float:left; font-family:"Trebuchet MS"; font-size:18px; color:#0aa9c2; font-weight:bold; }
.subtitle_in3 { width:981px; float:left; font-family:"Trebuchet MS"; font-size:18px; color:#0aa9c2; font-weight:bold; padding:10px 0 0 0; }