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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Classes
7. Call to action
8. Benefits
9. Testimonials
10. News & Offer
11. Footer


******************************/

/***********
1. Fonts
***********/


/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	background:url(../images/bgs.png) #fff repeat-x top;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
.ww { width:1220px; margin:0 auto; }
p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 2.2;
	font-weight: 500;
	color: #6f6f6f;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	color: #006adf;
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tlinks {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
.background_image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	width: 100px;
	height: 26px;
	background: #006adf;
	text-align: center;
	border-radius: 8px;
}
.button a
{
	display: block;
	line-height: 26px;
	font-size: 12px;
	color: #FFFFFF;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #135899;
	z-index: 100;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_content
{
	height: 170px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled
{
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.header.scrolled .header_content
{
	height: 127px;
}
.header.scrolled .header_content .logo a img {  }

.l, .left { float:left; }
.r, .right { float:right; }
.c{ height:1%; }
.c:after { content: ".";display: block;height:0;clear: both;visibility:hidden; }
.logo
{
	font-size: 24px;
	font-weight: 500;
	color: #404040;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.logo span
{
	color: #006adf;
	font-weight: 700;
}
.logo a img { width:475px; }
.main_nav
{
	margin-top:24px;
	margin-left:30px;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.main_nav ul li
{
	position: relative;
}
.main_nav ul li
{
	margin-left: 20px;
	position:relative;
}
.main_nav ul li::after
{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -12px;
	width: 100%;
	height: 3px;
	background: #006adf;
	content: '';
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.main_nav ul li a
{
	font-size: 1.15em;
	line-height:1.25em;
	font-weight: 500;
	color: #fff;
	
}
.main_nav ul li.active a,
.main_nav ul li:hover a
{
	color: #fff;
}
.main_nav ul li.active::after,
.main_nav ul li:hover::after
{
	color:#fff;
	visibility: visible;
	opacity: 1;
	bottom: -4px;	
	border-bottom:4px solid #2897ff;
}
.main_nav ul li ul { display:none; position:absolute; top:25px; left:-8px; min-width:160px; background:#fff;  }
.main_nav ul li:hover ul { display:block; padding:0; z-index:999; }
.main_nav ul li:hover ul li { width:100%; float:left; margin:0; text-align:left; }
.main_nav ul li:hover ul li a { font-size:1em; color:#333; display:block; padding:12px 0 12px 9px; letter-spacing:0px; border-bottom:1px dashed #ddd; font-size:.9em; }
.main_nav ul li:hover ul li a:hover { background:#e6f2ff; border-bottom:1px dashed #86c0ff; }
.main_nav ul li ul li.active::after, .main_nav ul li ul li:hover::after
{
	opacity: 0;
}

.join_button
{ 
	text-align: center;	
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.join_button a
{
	border-radius: 10px;
	float:left;
	line-height: 22px;
	font-size: .9em;
	background: #0083ff;
	width: 76px;
	height: 22px;
	margin-bottom:6px;
	color: #FFFFFF;
}
.join_button a.now, .join_button a:hover {
background:#fff;
color:#006adf;
}
.header_social
{
	position: absolute;
	top: calc(50% + 5px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: calc(100% + 29px);
}
.social ul li
{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #8b7597;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social ul li:hover
{
	background: #006adf;
}
.social ul li:not(:last-child)
{
	margin-right: 20px;
}
.social ul li a
{
	display: block;
}
.social ul li a i
{
	color: #FFFFFF;
	line-height: 34px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger
{
	display: none;
	cursor: pointer;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.hamburger i
{
	font-size: 20px;
	color: #404040;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i,
.hamburger.active i
{
	color: #006adf;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	left: 0;
	top: -100vh;
	width: 100vw;
	height: 100vh;
	background: rgba(240,50,113,0.85);
	z-index: 99;
	-webkit-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
	-moz-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
	-ms-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
	-o-transition: all 800ms cubic-bezier(.88,.31,.65,.91);
	transition: all 800ms cubic-bezier(.88,.31,.65,.91);
}
.menu.active
{
	top: 0;
}
.menu_content
{
	width: 100%;
	height: 100%;
}
.menu_nav_list li
{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}
.menu_nav_list li:first-child
{
	transition-delay: 400ms;
}
.menu_nav_list li:nth-child(2)
{
	transition-delay: 500ms;
}
.menu_nav_list li:nth-child(3)
{
	transition-delay: 600ms;
}
.menu_nav_list li:nth-child(4)
{
	transition-delay: 700ms;
}
.menu_nav_list li:nth-child(5)
{
	transition-delay: 800ms;
}
.menu_nav_list li:nth-child(6)
{
	transition-delay: 900ms;
}
.menu_nav_list li:nth-child(7)
{
	transition-delay: 1000ms;
}
.menu_nav_list li:nth-child(8)
{
	transition-delay: 1100ms;
}
.menu_nav_list li:nth-child(9)
{
	transition-delay: 1200ms;
}
.menu.active .menu_nav_list li
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}
.menu_nav_list li a
{
	position: relative;
	font-size: 40px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 1.3;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.menu_nav_list li a::after
{
	display: block;
	position: absolute;
	top: 63%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -15px;
	width: 0%;
	height: 3px;
	background: #FFFFFF;
	content: '';
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.menu_nav_list li a:hover
{
	color: #f49dba;
}
.menu_nav_list li a:hover::after
{
	width: calc(100% + 30px);
}
.menu_join
{
	margin-top: 25px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 800ms 1200ms ease;
	-moz-transition: all 800ms 1200ms ease;
	-ms-transition: all 800ms 1200ms ease;
	-o-transition: all 800ms 1200ms ease;
	transition: all 800ms 1200ms ease;
}
.menu.active .menu_join
{
	visibility: visible;
	opacity: 1;
}
.menu_join a
{
	white-space: nowrap;
	line-height: 1.1;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_join a:hover
{
	color: #f49dba;
}
.menu_social
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 800ms 1400ms ease;
	-moz-transition: all 800ms 1400ms ease;
	-ms-transition: all 800ms 1400ms ease;
	-o-transition: all 800ms 1400ms ease;
	transition: all 800ms 1400ms ease;
}
.menu_social ul li
{
	background: #FFFFFF;
}
.menu_social ul li:hover
{
	background: rgba(255,255,255,0.75);
}
.menu_social ul li a i
{
	color: #006adf;
}
.menu_social ul li:hover a i
{
	color: #FFFFFF;
}
.menu.active .menu_social
{
	visibility: visible;
	opacity: 1;
}

/*********************************
5. Home
*********************************/

.home
{
	height: 450px;
	background: #404040;
		
}
.home_slider_container
{
	margin-top:165px;
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_dots
{
	position: absolute;
	bottom: 42px;
	left: 14px;
	width: 46px;
	z-index: 10;
	border-radius: 8px;
	padding-top: 13px;
	padding-bottom: 13px;
	
}
.home_slider_custom_dot
{
	position: relative;
	width: 100%;
	text-align: center;
	background: transparent;
	width:12px;
	height:12px;
	border-radius: 12px;
	background:#006adf;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot::after
{
	text-decoration:none;
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0px;
	width: 23px;
	height: 3px;
	content: '';
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	visibility: hidden;
	opacity: 0;
	background:#fff;
}
.home_slider_custom_dot.active {
	background:#fff;
}
.home_slider_custom_dot.active::after,
.home_slider_custom_dot:hover::after
{
	visibility: visible;
	opacity: 0;
	text-decoration:none;
	background:#fff;
}
.home_slider_custom_dot:not(:last-child)
{
	margin-bottom: 7px;
	border:0;
}
.home_content_container
{
	background:url(../images/bgss.png);
	padding:15px 15px 15px 10px;	
	left: 0;
	top: 406px;
	width: 1220px;
}
.home_title h1
{
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1em;
}
.home_text
{
	max-width: 600px;
	margin-top: 11px;
}
.home_text p
{
	color: #FFFFFF; font-size:1.05em; line-height:1.3em;
}
.home_button
{
	display:none;
	margin-top: 8px;
	font-size:1em;
}

.zzjg td { padding:40px 0; }
.zzjg td h1 { font-size:1.7em; line-height:1.8em; }
.zzjg td h2 { font-size:1.2em; line-height:1.6em; color:#888; }
.bgs { width:96%; margin:0 auto; }
.bgs td { color:#000; padding:8px; text-align:center; font-size:0.9em; }


.TopPic { background-position:center; background-repeat:no-repeat; background-color:#ddd; background-size:auto 100%; height:410px; margin-top:100px; }
.TopPic .ww { height:100%; }

.MenuName { width:260px; height:106px; border-bottom:3px solid #69bc82; margin-top:30px; background:#006adf; color:#75e898; bottom:0; left:0; font-size:1.8em; line-height:1em; padding:20px 0 0 20px; letter-spacing:0; line-height:140%; word-wrap: break-word; }
.MenuName span { font-size:0.55em;  letter-spacing:0.5px; }

.main { margin-bottom:100px; }
.main .l { width:260px; }
.Menu2List li { float:left; width:100%; background:#e0e8f0; }
.Menu2List li a { display:block; text-align:left; padding:15px 0 15px 9%; border-bottom:2px solid #fff; font-size:1.2em; color:#888; }
.Menu2List li a:hover , .Menu2List li.now a { color:#004087;  border-bottom:2px solid #a3c9ee; }
.main .r { padding:20px 0 20px 30px; width:950px; font-size:1.3em; color:#333; line-height:200%; } 
.main .r p { color:#333; line-height:200%; }

.BottomInfo { border-top:4px solid #2d79cf; padding:20px 0 20px 0; background:url(../images/bottompic.jpg) center no-repeat; text-align:center; }
.BottomInfo .t1 { font-size:2.2em; color:#fff; padding:25px 0; }
.BottomInfo .t2 { font-size:1.1em; color:#fff; line-height:200%; padding:0 0 10px 0; }
.BottomInfo .t3 { padding:60px 0 30px 0; }

.ManTop { background:url(../images/man.jpg) no-repeat center; height:440px; margin-top:160px; position:relative; }
.ManTop .ww { height:100%; padding:90px 0 0 60px; }
.ManTop .ww .t1 { color:#fff; font-size:3em; letter-spacing:2px; }
.ManTop .ww .t2 { color:#fff; padding:12px 0 12px 0; font-size:2em; letter-spacing:2px; }
.ManTop .ww .t2 span { font-size:0.6em; letter-spacing:8px; }
.ManTop .ww .t3 { font-size:1.15em; letter-spacing:2px; color:#bbb; line-height:200%; }
.ManTop img { position:absolute;  right:100px; bottom:0; }

.MenuMan { height:47px; line-height:47px; background:#f69c00; }
.MenuMan .ww ul { border-left:1px solid #b47508; }
.MenuMan .ww li { float:left; }
.MenuMan .ww li a { display:block; padding:0 30px; color:#222; border-right:1px solid #b47508; font-size:1.2em; }
.MenuMan .ww li a:hover , .MenuMan .ww li.now a { background:#fff; }

.Man01 { padding:50px 0 50px 0; }
.Man01 .l { width:55%; }
.Man01 .l h2.t1 { font-size:2em; color:#222; }
.Man01 .l .t2 { font-size:1.2em; line-height:200%; text-indent:2em; padding:8px 0 15px 0; color:#777; }
.Man01 .l .t3 a { display:block; background:#3995d8; color:#fff; width:110px; text-align:center; font-size:1.1em; padding:6px; border-radius: 6px; }
.Man01 .l .t3 a:hover { background:#0d62a0; }
.Man01 .r { width:45%;  text-align:right; }
.Man01 .r img { border:1px solid #999; padding:10px; max-width:90%; }

.Man02 { border-top:1px solid #ccc; margin-top:0px; padding:50px 0 0 0; }
.Man02 h2.t1 { font-size:2.1em; color:#222; letter-spacing:3px; padding-bottom:10px; }
.Man02 ul li { float:left; width:46%; margin:0 4% 0 0; padding:10px 0 0 0; height:100px; line-height:200%; }
.Man02 ul li a { color:#006adf; font-size:1.3em; border-bottom:0; padding:3px 0; }
.Man02 ul li a:hover { background:#006adf; color:#fff; }
.Man02s li { padding:0 0 50px 0; min-height:160px; }
.Man02s img { width:30%; float:left; }
.Man02s p { width:67%; float:right; }

.Man03 { padding:20px 0 30px 0; margin-top:40px; padding-bottom:; }
.Man03 .l { background:#eee; width:70%; height:280px; padding:35px 0 0 0;  }
.Man03 .r { width:360px; height:280px; }
.Man03 .l:hover { background:#eee; }
.Man03 h2.t1 { font-size:2.1em; color:#222; letter-spacing:3px; padding-bottom:30px; }
.Man03 .l ul li { float:left; width:50%; margin-bottom:30px; line-height:180%; padding:0 3% 0 2%; height:48px; }
.Man03 .l ul li a { font-size:1.3em; }
.Man03 .l ul li a:hover { background:#007bff; color:#fff; }
.Man03s h2.t1 { padding-bottom:10px; font-size:1.6em;  }
.Man03s li { border-bottom:1px dashed #ddd; padding:12px 0 12px 0; float:left; margin:0 2%; width:46%; }
.Man03s li a { font-size:1.3em; }


.Man04 { padding-bottom:0; border-top:1px solid #ccc; margin-top:15px; }
.Man04 h2 { font-size:2.2em; padding:35px 0 20px 0; color:#222; letter-spacing:5px; }
.Man04 ul { float:left; width:50%; padding:0 0 0 0;  }
.Man04 ul li { padding:15px 30px 15px 0; border-bottom:1px dashed #ccc; margin:0 2%; height:95px; }
.Man04 ul li a { font-size:1.1em; }
.Man04 ul li a:hover { background:#007bff; color:#fff; }

.friendlink {  padding:60px 0 40px 0; }
.friendlink ul { }
.friendlink li { float:left; padding:10px 0; line-height:100%; }
.friendlink li a { color:#135899; font-size:1em; padding:1px 12px; border-left:1px solid #135899; }
.friendlink li a:hover { background:#135899; color:#fff; }

.downloadfile { border:1px solid #07c; background-color:#e0e8f0; padding:6px 6px 6px 40px; background-image:url(../images/download.png); background-repeat:no-repeat; background-position:left;  }
.downloadfile a { font-size:0.8em; } 
.downloadfile a:hover { text-decoration:underline; }
.Txt { font-size:1em; line-height:200%; color:#555; padding:30px 0 0 0; }
.Txt p { font-size:1em; line-height:200%; color:#555; }
.Txt img { max-width: 100%; }

.NewList ul { width:100%; }
.NewList li { width:100%; margin-bottom:18px; border-bottom:1px dashed #ddd; padding-bottom:30px; }
.NewList li a { font-size:1.2em; }
.NewList li a:hover { text-decoration:underline; }
.NewList li p {font-size: 18px; line-height: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.NewList li span { color:#888; font-size:0.6em; }
.NewList li:hover { background:#fafafa; }
.NewList li .tt1 { padding:16px 12px 6px 12px; font-size:1.8em;  }
.NewList li .tt1 a { color:#000; }
.NewList li .tt1 a:hover { color:#f40; }
.NewList li .tt2 { padding:6px 12px 12px 12px; font-size:1.2em; color:#999; }
.NewList li .tt2 a { color:#f40; text-decoration:underline; }
.NewList li .tt2 a:hover { background:#f40; color:#fff; text-decoration:none; }
.NewList li .tt3 { padding:6px 12px 0 12px; font-size:1em; color:#bbb; }

.NewList2 .tt4 { float:left; width:34%; margin-bottom:10px; }
.NewList2 .tt4 img { width:100%; max-height:220px; }
.NewList2 .tt1, .NewList2 .tt2, .NewList2 .tt3 { width:62%; float:right; }
.TxtTitle { font-size:1.3em;  padding:10px 0 0 0; line-height:1.5em; }
.Txtpdate { border-bottom:1px solid #ccc; padding-bottom:10px; font-size:0.85em; color:#888; }

.pagelist { height:40px; padding:50px 0 100px 0; width:100%; }
.pagelist2 { margin:0 auto; width:100%; text-align:center; }

.pagelist a, .pagelist span { border-radius:0; padding:0; border:1px solid #ddd; background:#fff; margin:0 5px; list-style:decimal; line-height:40px; padding:10px; }
.pagelist a:hover { border-bottom:1px solid #f40; background:#f40; color:#fff; }
.pagelist .NowPage { border-bottom:1px solid #f40; background:#f40; color:#fff; }
.TxtShow {  overflow:hidden; }
.TxtShow * { font-size:1.1em; line-height:2em; }
.TxtShow img { max-width:100% }

.pros { padding:30px 0 0 0; }
.pros ul li { position:relative; background-position:bottom; background-repeat:no-repeat; background-color:#777; float:left; background-size:100% auto; background-position:bottom; width:260px; height:290px; margin:0 35px 45px 10px; background-image:url(../images/tim.jpg); }
.pros ul li img { width:90%; position:absolute; bottom:0; z-index:1; left:5%; }
.pros ul li a { position:absolute; width:100%; height:100%; text-align:center; font-size:1em; padding:93% 0 0 0; background:url(../images/p.png) repeat-x bottom; z-index:99; }
.pros ul li a * { display:block; }
.pros ul li a:hover { background:url(../images/p.png); padding:38% 0 0 0;  }
.pros ul li a font { font-size:1.2em; color:#fff; line-height:220%; }
.pros ul li a:hover span { font-size:0.7em; color:#fff;}

.LabTxt h1 { font-size:1.9em; padding:40px 0; color:#666; border-bottom:1px solid #ddd; }
.LabTxt h2 { line-height:180%; font-size:1.1em; padding:30px 30px; }
.LabTxt h2 p { line-height:180%; font-size:1.1em; }
.LabTxt h2 img {max-width: 100%;}
	
.NewList.ww { padding:40px 0; }
.NewList.ww .t3 { float:left; max-width:220px; height:200px; overflow:hidden; padding-left:20px; }
.NewList.ww .t3 img { max-width:200px; }
.NewList.ww .t4 { float:left; padding-left:25px; font-size:1.3em; line-height:200%; color:#666; width:70%; }

.NewList .t4 a { font-size:1.5em; line-height:200%; }
.NewList1 li { font-size:1.3em; color:#777; line-height:200%; }
.NewList1 li a { font-size:1.3em; }

.Man02 img { max-height:130px; }
.join_button2 {display:none; }
#main_nav2 { display:none; padding-bottom:20px; }

#wrap{ width: 100%; height:360px; margin: 0; background: #fefefe; }
.hiSlider{ overflow: hidden; height: 100%; width: 100%; background: #eee; }
.hiSlider-item{ float: left; }
.hiSlider-btn-next, .hiSlider-btn-prev, .hiSlider-pages { display:none; }
.hiSlider-wrap { height:100%; }
.hiSlider-item img { width:100%; }

.index_txt { padding:30px 0 0 0; }
.index_txt * a { color:#222; border-bottom:0; }
.index_txt .l { width:50%; padding:0 0 15px 0; margin-right:1.5%; }
.index_txt h2 { font-size:1.1em; font-weight:500; letter-spacing:0px; color:#135899; padding:10px 0; }
.index_txt h2 font { float:left; border-left:4px solid #135899; color:#135899; padding-left:13px; font-size:1.4em; line-height:100%; }
.more { float:right; }
.more a { display:block; background-image:url(../images/more.gif); background-position:center; background-repeat:no-repeat; background-size:cover; width:79px; height:27px; }
.more a:hover { opacity:0.6; filter:alpha(opacity=60); }
.index_txt .l ul { padding:0px 30px 0px 30px; margin:0; }


.index_txt .l li { }
.index_txt .l li p { line-height:160%; color:#aaa;border-bottom:1px dashed #bbb; padding:10px 0 10px 0; line-height:200%; }
.index_txt .l li p a { font-size:1em; color:#222; }
.index_txt .l li p a:hover { color:#135899; background:none; text-decoration:underline; }
.index_txt .left { width:46.5%;  margin-right:0; float:right; }
.index_txt .left img { width:30%; float:left; max-height:100px; }
.index_txt .left p { float:right; width:66%; line-height:180%; color:#888; }
.index_txt .left p a { font-size:1.1em; color:#135899; }
.index_txt .left li { border-bottom:1px dashed #ccc; line-height:180%; padding:5px 0 5px 12px; white-space:nowrap; overflow:hidden; }
.index_txt .left li.c { border-bottom:1px solid #bbb; padding:0 0 18px 0; white-space:normal; overflow:hidden; }
.index_txt .left li.c span { display:none; }
.index_txt .left a { color:#222; font-size:.9em; line-height:140%; }
.index_txt .left a:hover { color:#135899; text-decoration:underline; }

.index_txt .r { float:left; width:65%; }
.index_txt .r ul.c { padding:7px 20px 23px 20px; background:#eee; }
.index_txt .r ul.c li { padding:15px 0; border-bottom:1px dashed #ccc; overflow:hidden; }
.index_txt .r ul.c li a { color:#222; font-size:1em; padding:0 0 0 0; line-height:120%;  white-space:nowrap; }
.index_txt .r ul.c li a:hover { color:#135899; text-decoration:underline; }
.index_txt .right { width:31.5%; }
.index_txt .right h2 { padding:12px 0 10px 0; margin:0; color:#fff; }
.index_txt .right h2 font { line-height:100%; margin-left:3px; padding-left:10px; }

.more2 a { margin-top:15px; }


.index_txt .right ul {  border:1px solid #ddd; border-bottom:0; }
.index_txt .right ul li { border-bottom:1px solid #ddd; padding:20px 0 0 0; min-height:91px; }
.index_txt .right ul li span { float:left; width:80px; font-size:1.8em; font-weight:bolder; line-height:100%; position:relative; text-align:center; margin:5px 0 0 10px; }
.index_txt .right ul li span font { position:absolute; top:13px; left:35px; color:#135899; text-align:right; font-size:0.8em; width:30px; text-align:center; }
.index_txt .right ul li span strong { position:absolute; top:0px; left:5px; color:#135899; }
.index_txt .right ul li span div { background:url(../images/time_e.png) no-repeat; height:36px; width:66px; position:absolute; top:0; left:15px; }
.index_txt .right ul li p { float:right; width:75%; padding:5px 3% 0 0; line-height:140%; font-size:1em; }
.index_txt .right ul li p a:hover { color:#135899; text-decoration:underline; background:none; }


.bcon{width:270px;border:1px solid #eee;margin:30px auto;}
.bcon h2{border-bottom:1px solid #eee;padding:0 10px;}
.bcon h2 b{font:bold 14px/40px;border-top:2px solid #3492D1;padding:0 8px;margin-top:-1px;display:inline-block;}
.list_lh{height:400px;overflow:hidden;}
.list_lh li{padding:10px;}
.list_lh li.lieven{background:#F0F2F3;}
.list_lh li p{height:24px;line-height:24px;}
.list_lh li p a{float:left;}
.list_lh li p em{width:80px;font:normal 12px/24px Arial;color:#FF3300;float:right;display:inline-block;}
.list_lh li p span{color:#999;float:right;}
.list_lh li p a.btn_lh{background:#28BD19;height:17px;line-height:17px;color:#fff;padding:0 5px;margin-top:4px;display:inline-block;float:right;}
.btn_lh:hover{color:#fff;text-decoration:none;}

.xsbg-item { width:100%; height:360px; position:relative; }
.xsbg-item img { width:100%; height:100%; }
.xsbg-item h3 { position:absolute; bottom:-9px; background:#000; width:100%; padding:15px 15px; font-size:1.1em; color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; height:66px; overflow:hidden; }
.MapIframe { width:100%; height:450px; }
.himg { padding:15px 20px; }
.himg img { width:50%; }

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

.logo a img { width:240px; }
body { background:none; }
.ww { width:100%; }
.header_content { height:95px; }
.header.scrolled .header_content
{
	height: 85px;
}
.logo img { width:200px; }
.main_nav { display:none; }
.join_button { display:none; }
.join_button2 { display:block; float:right; text-align:right; width:100%; padding:10px 75px 0 0; position:relative; }
.join_button2 a { border-radius: 30px; float:right; line-height: 28px; text-align:center; border:1px solid #006adf; font-size: 1em; background: #006adf; width: 30px; height: 30px; margin-left:8px; color: #FFFFFF; }
.join_button2 a:hover, .join_button2 a.now { background:#fff; color:#006adf; }
.join_button2 a.menu_button { width:45px; height:45px; position:absolute; top:0px; right:0; background:#006adf; border:0; }
.join_button2 a.menu_button img { width:90%; text-align:center; padding:2px 0 0 0; }
#main_nav2 { display:none; padding-bottom:20px; border-top:1px solid #ddd; }
.main_nav2 li { width:100%; text-align:center; padding:12px 0; border-bottom:1px dashed #ddd; } 
.main_nav2 li a { font-size:1.4em; }

.home { height: 250px; }
.home_slider_container { margin-top:90px; }
.home_slider_custom_dot:not(:last-child) { margin-bottom: 10px; }
.home_title h1 { font-size: 1.2em; }
.home_text { display:none; }
.home_content_container { left: 10px; top:55%; width:96%; }
.button { width: 90px; height: 30px; }
.button a { line-height: 30px; font-size: 1em; font-weight: 100; color: #FFFFFF; }
.home_button { margin-top: 18px; }
.home_slider_dots { top: 64%; left: 20px; }
.Man02 { padding:20px 5px 0 5px; }
.Man02 h2.t1 { font-size:1.6em; padding-bottom:0px; }
.Man02 ul li { width:98%; margin:0; height:auto; border-bottom:1px dashed #ddd; padding-bottom:6px; }
.Man02 ul li span { display:none; }
.Man02 ul li a { font-size:1.15em; }
.Man04 { border-top:0; margin-top:0px; padding:0 5px; }
.Man04 h2.t1 { font-size:1.6em; padding-bottom:0px; }
.Man04 ul { width:100%; }
.Man04 ul li { padding:15px 0 15px 0; margin:0; height:auto; }
.Man04 ul li span { display:none; }
.Man03 { margin-top:20px; padding:0; }
.Man03 .r { width:100%; height:280px; float:none; }
.Man03 .l { float:none; width:100%;  height:auto; }
.Man03 .l ul { height:auto; }
.Man03 .l ul li { width:100%; height:auto; }
.Man03 .l ul li a { font-size:1.15em; }
.friendlink {  padding:20px 0 20px 0; }
.friendlink li { padding:0 10px; }
.friendlink li a { font-size:1em; padding:1px 0px; }
.BottomInfo { border-top:4px solid #2d79cf; padding:10px 0 20px 0; background:url(../images/bottompic.jpg) center no-repeat; text-align:center; }
.BottomInfo .t1 { font-size:1.6em; color:#fff; padding:10px 0; }
.BottomInfo .t2 { font-size:0.8em; color:#fff; line-height:200%; }
.TopPic { height:200px; margin-top:95px; }
.MenuName { position:static; width:100%; height:66px; font-size:1.2em; line-height:1em; margin-top:0; padding:15px 0 0 20px; letter-spacing:3px; }
.main { margin-bottom:40px; }
.main .l { width:100%; background:#e0e8f0; float:none; }
.Menu2List li { float:left; width:25%; text-align:center; }
.Menu2List li a { display:block; text-align:center; padding:10px 0 10px 0%; font-size:1em; border-bottom:3px solid #e0e8f0; }
.Menu2List li a:hover , .Menu2List li.now a { border-bottom:3px solid #a3c9ee; }
.main .r { float:none; margin:0 5%; padding:0; width:auto; overflow:hidden; }
.main .r2 { margin:0 1%; }
.Txt { font-size:.9em; line-height:180%; color:#555;  }
.Txt p { font-size:.9em; line-height:180%;  }
.Txt * img { max-width:100%; }

.pros ul li { width:48%; height:220px; margin:0 1% 10px 1%; }
.pros ul li a { font-size:0.9em; padding:98% 0 0 0; letter-spacing:4px; }
.pros ul li a:hover { padding:38% 0 0 0;  }
.pagelist { height:40px; padding:50px 0 45px 0; }
.pagelist a, .pagelist span { line-height:35px; padding:3px 5px; font-size:.8em; }
.NewList { padding:20px 0; }
.NewList li { font-size:0.8em; line-height:180%; padding:0 0 18px 0; color:#777; }
.NewList li a { font-size:1.3em; }
.ManTop { height:220px; margin-top:90px; }
.ManTop img { position:absolute;  right:0px; bottom:0; height:180px; }
.ManTop .ww { height:100%; padding:40px 0 0 25px; }
.ManTop .ww .t1 { font-size:1.5em; letter-spacing:4px; }
.ManTop .ww .t2 { padding:3px 0 3px 0; font-size:1.4em; letter-spacing:6px; }
.ManTop .ww .t2 span { font-size:0.7em; letter-spacing:4px; }
.ManTop .ww .t3 { font-size:.9em; letter-spacing:1px; color:#bbb; line-height:160%; width:90%; }

.MenuMan { height:auto; line-height:47px; background:#f69c00; }
.MenuMan .ww ul { border-left:0px; }
.MenuMan .ww li { width:25%; border-left:1px solid #b47508; border-bottom:1px solid #b47508; }
.MenuMan .ww li a { padding:0 0px; color:#222; line-height:280%; font-size:1em; text-align:center; }

.Man01 { padding:0 0 50px 0; }
.Man01 .r { float:none; padding:0 0 0 0; width:100%; }
.Man01 .r img { width:100%; text-align:center; margin:15px auto; max-width:none; }
.Man01 .l { float:none;  width:96%; margin:0 auto; }
.Man01 .l .t3 a { margin:0 auto; }
.Man01 .l h2.t1 { font-size:1.6em; text-align:center; }
.Man01 .l .t2 { font-size:1.1em; text-align:center; }
.Man02s p { width:67%; float:right; font-size:0.95em; }
.Man03s h2.t1 { padding-bottom:10px; font-size:1.6em;  }
.Man03s li { border-bottom:1px dashed #ddd; padding:8px 2% 10px 2%; width:100%; margin:0; }
.Man03s li a { font-size:1em; }
.LabTxt h1 { font-size:1.5em; text-align:center; padding:20px; line-height:200%; color:#000; }
.LabTxt h2 { line-height:180%; font-size:1em; padding:20px 10px; }

.NewList1 li { font-size:1em; color:#777; line-height:200%; padding:0 2% 15px 2%; }
.NewList1 li a { font-size:1.3em; }

.NewList.ww .t3 { float:none; }
.NewList.ww .t4 { float:none; width:100%; }

.index_txt .l { float:none; margin:0; width:100%; }
.index_txt .l h2 { padding:0 10px; }
.index_txt .left { float:none; margin:0; width:100%; padding:0 10px; }
.index_txt .left img { height:150px; }
.index_txt .left h2 { padding-left:3px; }
.index_txt .r { float:none; margin:0; width:100%; }
.index_txt .r ul.c { padding:0 10px 12px 10px; }
.index_txt .r h2 { padding-left:3px; }
.xsbg-item h3 { font-size:1.15em; }
.index_txt .r ul.c li a { font-size:1.1em; }
.index_txt .right { float:none; margin:0; width:100%; }
.index_txt .right h2 { margin-top:20px; }
.index_txt .right .ul2 li { min-height:88px; }
.index_txt .right .ul2 span { width:100px; margin-left:20px; }
.index_txt .right .ul2 p { width:70%; }
.index_txt .right ul li p { font-size:1.1em; }

}

@media screen and (max-width: 375px) { 
.join_button2 { width:140px; }
.join_button2 a { width:24px; height:24px; line-height:22px; margin-left:5px; }
.join_button2 a.menu_button { width:36px; height:36px; }
}


table,table tr th, table tr td { border:1px solid #eee; padding: 2px 5px; width: initial;}
table { min-height: 25px; line-height: 25px; font-size: 14px; border-collapse: collapse; width: 100%;}