@charset "utf-8";
/* HL STYLE RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}b,strong{font-weight: 700}em{font-style: italic;}strong em{font-weight: 700;}em strong{font-style: italic;}

/* base */
body {background: #fff;color: #000;font-family: 'Open Sans', sans-serif;}
img {vertical-align: top;}
a {text-decoration: none;}

/* float */
.fl {float: left;}
.fr {float: right;}

/* clear float */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
.clearfix{display: block;}


/* wp */
.wrapper {min-width: 980px; width: 100%;}
.container { margin: 0 auto; width: 940px;}

.btn{text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #ed272b;color: #fff;text-transform: uppercase;letter-spacing: 0.092em;font-weight: 700;display: block;}
	.btn:hover{filter:Alpha(opacity=90);background:rgba(237, 39, 43, 0.9)}
	.btn a{color: #fff;}
.arrow-down {width: 0px; height: 0px; border-left: 18px solid transparent; border-right: 18px solid transparent; font-size: 0px; line-height: 0px; position: absolute;left: 50%;margin-left: -18px;bottom: -18px;}

#header{background: url(img/bg.png) no-repeat center #002d62;height: 492px;background-size: cover;position: relative;}
	#header .logo{padding-top: 20px;padding-left: 1px;}
	#header .text{font-weight: 700;line-height: 28px;padding-top: 28px;}
		#header .tel{font-size: 16px;letter-spacing: 0.134em;color: #fff;display: block;}
			#header .tel:before { background: url(img/phone.png) no-repeat 0 6px; content: ''; width: 15px; height: 20px; display: inline-block; padding-right: 8px; }
		#header .order{display: block;font-size: 14px;width: 166px;height: 36px;line-height: 36px;margin-top: 12px;margin-right: 2px;float: right}
	#banner{padding-top: 40px;}
		#banner .fl{width: 450px;padding-top: 16px;padding-left: 11px;}
			#banner .fl .txt{color: #fff;font-size: 24px;line-height: 31px;font-weight: 300;letter-spacing: 0.134em;}
			#banner .fl .btn{width: 206px;height: 46px;font-size: 16px;line-height: 46px;margin-top: 30px;}
		#banner .fr{}
			#banner .fr .video{background: url(img/video_bg.png) -2px 0 no-repeat;padding: 10px 10px 30px;width: 440px;height: 268px;}
			#banner .fr .video iframe{background: #EEEEEE}
	#header .arrow-down{border-top: 18px solid #0d4b93;}

#article{padding-top: 63px;padding-bottom: 90px;position: relative;}
	#article h1{font-size: 21px;line-height: 28px;font-weight: 600;color: #0d4b93;letter-spacing: 0.134em;margin-bottom: 20px;}
	#article p{font-size: 14px;line-height: 21px;margin-bottom: 18px;}
	#article > .fl{width: 450px;}
	#article > .fr{width: 465px;}
	#article img.fr{margin-left:  20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	#article ul{margin-bottom: 25px;}
		#article ul li{font-size: 14px;line-height: 21px;margin-bottom: 16px;background: url(img/li.png) no-repeat 0 3px;padding-left: 25px;}
	#article .flim{display: block;margin: 0 auto;}
	#article .dl{font-size: 13px;line-height: 29px;background: url(img/pdf.png) no-repeat 0 0px; padding-left: 30px;margin-bottom: 13px;}
	#article .dl a{color: #ed272b;}
	#article .view{font-size: 13px;line-height: 29px;background: url(img/tool.png) no-repeat 0 0px; padding-left: 30px;min-height: 29px;}
		#article .view a{color: #ed272b}
	#article .view .txt{font-size: 14px;line-height: 21px;}
	#article .view .more{display: :none;}
	#article .arrow-down {border-top: 18px solid #fff;}



#form{background: url(img/footer.png) no-repeat center #002d62;background-size: cover;height: 476px;}
	#form h1{font-size: 24px;line-height: 28px;color: #fff;font-weight: 600;text-align: center;padding-top: 50px;text-transform: uppercase;}
	#form p{text-align: center;color: #fff;font-size: 14px;line-height: 21px;padding-top: 20px;padding-bottom: 38px;}
	#form .fl{width: 300px;}
	#form .fr{width: 300px;}
	#form .field{margin-bottom: 13px;}
		#form form{width: 624px;font-size: 14px;color: #fff;margin: 0 auto;}
		#form input { width: 290px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff;padding: 5px;border: 0;line-height: 30px;}
		#form label{line-height: 21px;display: block;padding-bottom: 6px;}
		#form textarea { width: 290px; height: 190px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; border: 0; padding: 5px;}
		#form .btn{width: 166px;height: 36px;border: 0;cursor: pointer;}
		#form a,#form a:active,#form a:visited,#form a:link,#form a:hover { color:#ed272b;}

#footer{background: #002d62;text-align: center;font-size: 12px;color: #fff;height: 50px;line-height: 50px;text-transform: uppercase;}