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

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* Global reset style */

*, *:after, *:before { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
dialog,
blockquote
 {
    display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

html, body, div, span, applet, object, iframe, h1, h2, h4, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
	border: 0;
	outline: 0;
	font-size: 100% ;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
	padding: 0;
    }

audio:not([controls]) {
    display: none;
    height: 0;
}

input.hphone{font-size: 0px;position: relative;z-index: -1;top: 30px;size: 0;left: 70px;}
[hidden] {
    display: none;
}


html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}


body {
    margin: 0;
}

a:focus {
    outline:none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
    /*margin-left: 7px;*/
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 0px solid #c0c0c0;
    margin: 0 2px;
    /*padding: 0.35em 0.625em 0.75em;*/
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* End Global reset style */

/*--------------------------------Structure CSS------------------------------------------*/

a { text-decoration:none; outline:none; color:#0133a3; transition:.2s linear;}
a:hover { text-decoration:underline;}

.float_left { float:left !important;}
.float_right { float:right !important;}

.background_none { background:none !important;}

.margin_none { margin:0px !important;}
.margin_top_none { margin-top:0px !important;}
.margin_right_none { margin-right:0px !important;}
.margin_bottom_none { margin-bottom:0px !important;}
.margin_left_none { margin-left:0px !important;}

.padding_none { padding:0px !important;}
.padding_top_none { padding-top:0px !important;}
.padding_right_none { padding-right:0px !important;}
.padding_bottom_none { padding-bottom:0px !important;}
.padding_left_none { padding-left:0px !important;}

.clear_all { clear:both;}
.clear_left { clear:left;}
.clear_right { clear:right;}

.display_none { display:none;}

.hide_content { display:none; float:left; width:100%; margin-top:-12px;}

.read_more { float:right; background-color:#0a5495; color:#fff; font-weight:700px; font-size:12px; padding:0 10px; line-height:26px; border-radius:5px; margin-bottom:20px; margin-top:5px;}
.read_more:hover { text-decoration:none; opacity:0.9;}

body { background:url(images/body_bg.jpg) left top; padding:0px; font-family: 'Open Sans', sans-serif; color:#000; font-size:14px;}

p { margin:12px 0px; line-height:22px; font-size:14px;}

h1,h2,h3,h4,h5,h6 { font-weight:600; line-height:normal; margin:10px 0 0 0; color:#0133a3;}
h1 { font-size:26px; margin-top:0px;}
h2 { font-size:20px;}
h3 { font-size:26px;}
h4 { font-size:24px;}
h5 { font-size:22px;}
h6 { font-size:18px;}

.wrapper { padding:0px; margin:0 auto; max-width:1000px; width:100%;}

.top_header { float:left; width:100%; border-top:3px solid #0133a3; background-color:#fff; padding:15px 0;}

.top_header h6 { float:right; color:#767779; margin-top:5px; line-height:28px;}
.top_header h6 span { color:#0133a3;}
.top_header h6 a { color:#767779;}

.logo { float:left;}
.logo a { display:inline-block;}

.banner_wrap { float:left; width:100%; background:url(images/top_banner_bg.jpg) center top no-repeat; background-size:cover; position:relative; z-index:110;}
.banner_wrap .wrapper { position:relative; overflow:hidden;}
.banner_wrap .wrapper img { width:99%;}

.top_nav { position:absolute; left:0px; top:20px;}
.top_nav ul { float:left; list-style:none;}
.top_nav ul li { float:left; padding:0 24px; border-right:1px dotted #fff;}
.top_nav ul li:first-child { padding-left:0px;}
.top_nav ul li:last-child { padding-right:0px; border-right:0px;}
.top_nav ul li a { float:left; color:#fff; line-height:18px; font-size:15px;}
.top_nav ul li a:hover { text-decoration:none; text-shadow:0px -1px #fff;}

.container { float:left; width:100%;}

.content { float:left; width:70%; margin-right:5.8%; margin-top:25px;}

.pro_imgs { float:left; width:100%; margin-bottom:20px;}
.pro_imgs ul { float:left; width:100%; list-style:none;}
.pro_imgs ul li { float:left; width:31.428571428571428571428571428571%; background-color:#fff; box-shadow:0 0 2px #888; padding:5px; margin-left:2.8571428571428571428571428571429%}
.pro_imgs ul li:first-child { margin-left:0;}

.right_panel { float:left; width:24.2%; background: url(images/right_panel_bg.jpg) bottom left repeat-x #e0effc; padding:0 10px; position:relative; box-shadow:0 0 9px rgba(0,0,0,0.47); z-index:12;}
.right_panel::after { content:""; position:absolute; left:0; bottom:-34px; background:url(images/right_panel_arrow.png) no-repeat; width:100%; height:34px; background-size:100%;}
.right_panel h2 { color:#0a5495; line-height:20px; margin:20px 0; font-weight:400;}
.right_panel input.text_field, .right_panel textarea.text_area { float:left; width:100%; border:1px solid #8e98a1; box-shadow:0px 1px #bcc7cd; color:#464646; padding:5px; margin-bottom:15px; resize:none;}
.right_panel .captcha_img_wrap { float:left; width:48%; margin-right:4%; height:32px; border:1px solid #8e98a1; background-color:#E5E6E7;}
.right_panel .captcha_img_wrap img { height:30px; display:block; margin:0 auto;}
.right_panel input.text_field.captcha_field  { width:48%; margin-bottom:10px; margin-right:0;}
.right_panel label.check_box { color:#606060; font-size:12px; margin-bottom:20px;}
.right_panel label.check_box input { margin-right:5px;}
.right_panel .sub_btn { background:url(images/btn_bg.jpg) repeat-x; font-size:17px; color:#fff; text-align:center; border-radius:10px; border:none; font-weight:600; padding:10px 15px; margin:10px auto 3px; display:block; position:relative;}
.right_panel .btn_shadow { width:121px; height:4px; background:url(images/btn_shadow.png); margin:0 auto 5px;}

footer { float:left; width:100%; background:url(images/top_banner_bg.jpg) bottom center no-repeat; background-size:cover; margin-top:20px;}
footer p, footer a { color:#fff; font-size:13px; text-align:center;}

.g-recaptcha { -webkit-transform: scale(0.72); -moz-transform: scale(0.72); transform: scale(0.72); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;}
.g-recaptcha > div { height: 65px !important;}
.error {color: red; font-size: 12px; font-weight: bold}
/*-----------------------------Meida Css-------------------------------*/

@media screen and (max-width:1000px) {

.wrapper { padding:0 15px;}

.top_nav { left:15px;}

}


@media screen and (max-width:767px) {


.wrapper.nav_wrap { float:left; width:100%;}

.banner_wrap .wrapper { overflow:inherit;}
.banner_wrap { margin-top:40px;}

.collapse-button { float:right; background:url(images/nav-icon.png) center no-repeat #2088BF; width:40px; height:30px; text-indent:-999999px; overflow:hidden; border-radius:3px; cursor:pointer;}
.collapse-button:hover { background-color:#4298CC;}
.menu-collapser { line-height:30px; font-weight:600; color:#fff; font-size:1.2em;}
.top_nav ul li .sub-collapser { top:0px; right:0px; width:35px; height:35px; text-align:center; background-color:#0C6DA2;}
.top_nav ul li .sub-collapser:hover { cursor:pointer;}
.top_nav ul li .sub-collapser i { color: #fff; float: left; font-size: 1.25em; padding: 5px 0; text-align: center; width: 100%;}
.top_nav { position:relative; left:0; top:0; z-index:110; width:100%; padding:5px 15px; background-color:#03488b; border-bottom:1px solid #fff; margin:-40px -15px 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.top_nav ul { display:none; position:absolute; top:40px; right:15px; width:230px; padding:10px; z-index:110; background-color:rgba(0 ,0,0,0.9);}
.top_nav ul li { float:left; width:100%; margin-right:0px; border-bottom:1px solid #fff; position:relative; padding:0; border-right:none;}
.top_nav ul li:last-child { border-bottom:0px;}
.top_nav ul li a { width:100%; line-height:normal; padding:8px 45px 8px 10px; border-right:0px; margin-bottom:0px;}
.top_nav ul li a:hover, .top_nav ul li.active a { background-color:#03488B; text-shadow:none;}

.content { width:100%; margin-right:0;}
.right_panel { width:100%; margin-top:20px; padding:0 10px 10px;}
.right_panel::after { display:none;}

}


@media screen and (max-width:720px) {

.logo { float:none; text-align:center;}

.top_header h6 { float:none; text-align:center; margin-top:20px; font-size:14px;}

}

@media screen and (max-width:360px) {

.top_header h6 { font-size:13px;}

.pro_imgs ul li { margin:10px 0 0; width:100%;}
.pro_imgs ul li img { display:block; margin:0 auto;}

}

/*-----------------------------End Meida Css-------------------------------*/