/*------------------------------------------------------------------
    Main Style Stylesheet
    Project:        HTML5 Template
    Version:        1.0
    Author:         M_Adnan
    Last change:    10/04/2016
    Primary use:    Creative, Coporate, Business, Portfolio, Personal
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
body 
 + WRAP
 + HEADER
 + NAVIGATION
 + BANNER
 + SERVICES
 + OUR FEATURED FOUNDERS
 + BLOG UPDATES 
 + APPOINMENT
 + NEWS FROM BLOG
 + PARTNERS / CLIENTS
 + FOOTER
 + SOCIAL ICONS
 + MEGA MENU
 + 3 MENU LEVEL
-------------------------------------------------------------------*/
/*=======================================================
      THEME STYLING START   #001E5F  #2d90e3   #001E5F
========================================================*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #FFF;
	font-weight: normal;
	position: relative;
	font-size: 14px;
	font-family: 'microsoft yahei', sans-serif;
}
.clear{
	clear: both;
}
/*=======================================================
      WRAPPER
========================================================*/
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
/* common  */
.warp{
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
}
/*=======================================================
      HEADINGS
========================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #252525;
	font-family: 'microsoft yahei', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
	font-weight: bold;
}
p {
	font-weight: 400;
	color: #6f6f6f;
	font-size: 16px;
	line-height: 26px;
	text-rendering: optimizeLegibility;
	font-family: 'microsoft yahei', sans-serif;
}
button {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.font-dosis {
	font-family: 'microsoft yahei', sans-serif;
}
.font-open-sans {
	font-family: 'microsoft yahei', sans-serif;
}
a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none !important;
}
img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block !important;
}
ul {
	margin-bottom: 0px;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #141414;
}
p.intro-small {
	width: 80%;
	margin: 0 auto;
}
.text-transform-none {
	text-transform: none !important;
}
.text-white {
	color: #fff !important;
}
.text-bold {
	font-weight: bold !important;
}
.text-normal {
	font-weight: normal !important;
}
.font-12px {
	font-size: 12px !important;
}
.font-14px {
	font-size: 14px !important;
}
.font-16px {
	font-size: 16px !important;
}
.font-18px {
	font-size: 18px !important;
}
.font-20px {
	font-size: 20px !important;
}
.font-bold {
	font-weight: bold !important;
}
.font-normal {
	font-weight: normal !important;
}
.white-text {
	color: #fff !important;
}
.font-italic {
	font-style: italic;
}
.font-bold {
	font-weight: bold !important;
}
a:hover, a:focus {
	color: #bf2424;
}
.primary-color {
	color: #ffe115 !important;
}
.border-bottom-1 {
	border-bottom: 1px solid #ededed;
}
.position-center-center {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.white-bg {
	background: #fff !important;
}
.relative {
	position: relative;
}
.line-height-24 {
	line-height: 24px !important;
}
.line-height-22 {
	line-height: 22px !important;
}
.line-height-26 {
	line-height: 26px !important;
}
.dark-text p {
	color: #141414;
}
.light-gray-bg {
	background: #f3f3f3 !important;
}
/*=======================================================
      BTN STYLE
========================================================*/
.btn {
	border: none;
	color: #fff;
	display: inline-block;
	padding: 0px 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
	line-height: 50px;
	background: #fff;
	color: #001E5F;
	border: 1px solid #001E5F;
	border-radius: 50px;
	letter-spacing: 0px;
	position: relative;
	z-index: 1;
}
.btn-light {
	color: #cccccc;
	border: 1px solid #cccccc;
}
.btn:hover {
	background: #001E5F;
	color: #fff;
	border: 1px solid #001E5F;
}
.btn i {
	margin-left: 10px;
}
section {
	position: relative;
	width: 100%;
	z-index: 3;
}
.home-slider {
	position: relative;
}
.zip-code {
	width: 570px;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	padding: 30px;
	position: relative;
	border-radius: 50px;
}
.zip-code form label {
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
	max-width: 100% !important;
}
.zip-code form input {
	border: none;
	padding: 10px 0px;
	width: 100%;
	color: #333333;
	font-size: 18px;
	text-transform: uppercase;
	outline: none !important;
	display: inline-block;
	border-bottom: 1px solid #e6e6e6;
}
.zip-code form label {
	width: 100%;
	font-size: 18px;
	color: #000;
}
.zip-code button {
	height: 50px;
	width: 50px;
	background: #bf2424;
	color: #fff;
	font-size: 30px;
	border: none;
	border-radius: 50%;
	position: absolute;
	top: 25px;
	right: 25px;
}
/*=======================================================
      HEADING
========================================================*/
.heading {
	margin: 0 auto;
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
}
.heading h2 {
	margin: 0px;
	font-size: 32px;
	color: #333333;
	font-weight: normal;
	text-transform: uppercase;
	position: relative;
	margin-top: 0px;
	text-align: center;
}
.heading span {
	display: inline-block;
	width: 100%;
	font-size: 30px;
	font-weight: normal;
	line-height: 24px;
	color: #ff8400;
}
.heading i {
	color: #bf2424;
	font-size: 20px;
	position: relative;
}
.heading i:before {
	position: absolute;
}
.heading hr {
	position: absolute;
	height: 1px;
	z-index: -1;
	width: 170px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	border: none;
	bottom: 0px;
}
.heading hr:before {
	position: absolute;
	height: 1px;
	width: 70px;
	margin: 0 auto;
	left: 0px;
	margin-left: 115px;
	content: "";
	right: 0px;
	border: none;
	background: #d9d9d9;
	bottom: -5px;
	z-index: -1;
}
.heading hr:after {
	position: absolute;
	height: 1px;
	width: 70px;
	margin: 0 auto;
	left: 0px;
	margin-right: 102px;
	content: "";
	right: 0px;
	border: none;
	background: #d9d9d9;
	bottom: -5px;
	z-index: -1;
}
.heading.white h3 {
	color: #fff;
}
.heading.white i {
	color: #fff;
}
.step-head span {
	color: #bf2424;
	font-size: 48px;
}
.step-head h6 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
.center-block {
	float: none;
}
/*=======================================================
      TOP BAR
========================================================*/
.top-bar {
	min-height: 40px;
	background: #fff;
	position: relative;
	z-index: 999;
	line-height: 40px;
	border-bottom: 1px solid #e6e6e6;
}
.top-bar .numb {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 40px;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	padding-right: 15px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.top-bar .time-ta {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 40px;
	font-style: italic;
	font-weight: bold;
	margin-left: 5%;
	display: inline-block;
}
.login-info {
	float: right;
}
.login-info li {
	float: left;
}
.login-info li a {
	float: left;
	line-height: 40px;
	border-left: 1px solid rgba(255,255,255,0.2);
	font-weight: bold;
	padding-left: 15px;
	font-family: 'microsoft yahei', sans-serif;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 14px;
	color: #333333;
}
.top-bar .bootstrap-select .btn {
	padding: 0px;
	border: none;
	font-family: 'microsoft yahei', sans-serif;
	color: #333333 !important;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	box-shadow: none;
}
.top-bar .bootstrap-select.btn-group .dropdown-menu {
	background: #fff;
	z-index: 999;
	padding: 0px;
}
.top-bar .bootstrap-select {
	width: 52px !important;
}
.top-bar .dropdown-menu li {
	width: 100%;
}
.top-bar .dropdown-menu li a {
	line-height: 18px;
	margin: 0px;
	font-size: 10px;
	padding: 5px 10px;
	border: none;
	width: 100%;
}
.top-bar .social {
	display: inline-block;
}
.top-bar .social a {
	margin-right: 10px;
	color: #adadad;
	line-height: 40px;
}
.top-bar .social a:hover {
	color: #001E5F;
}
.sub-banr h5{
	color:#fff;
	font-size:26px;
}
.testimonial.page{
}
/*=======================================================
      SUB BANNER
========================================================*/
.single-slide {
}
.bnr-slide .position-center-center {
	width: 100%;
}
.bnr-slide h6 {
	color: #fff;
	font-size: 18px;
}
.bnr-slide h4 {
	color: #fff;
	font-size: 48px;
	font-weight: normal;
}
.bnr-slide h4 span {
	color: #001E5F;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}
.bnr-slide .btn {
	background: none;
	margin-right: 20px;
	margin-top: 30px;
}
.bnr-slide .btn:hover {
	background: #001E5F;
}
.bnr-slide .btn-fill {
	background: #001E5F;
	color: #fff;
}
.bnr-slide .btn-fill:hover {
	background: none;
}
.bg-slide-1 {
	/*background: url(../images/banner-index.png) center center no-repeat;
	background-size: 100%;*/
	/*min-height: 675px;*/
}
.bg-slide-2 {
	/*background: url(../images/banner-index.png) no-repeat;
	background-size: cover;
	min-height: 675px;*/
}
.bnr-slide .owl-controls .owl-dots {
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0px;
}
.bnr-slide .owl-controls .owl-dots .owl-dot {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: none;
	border: 2px solid #fff;
	margin: 0 2.5px;
}
.bnr-slide .owl-controls .owl-dots .owl-dot.active {
	background: #fff;
}
/*=======================================================
      BOXES
========================================================*/
.boxes-intro {
	position: relative;
	top: -20px;
	z-index: 55;
}
.boxes-intro li {
	background: #001E5F;
	text-align: center;
	color: #fff;
	position: relative;
	float: left;
	width: 25%;
	min-height: 100px;
}
.boxes-intro li i {
	color: #fff;
	top: 5px;
	display: inline-block;
	font-size: 30px;
	position: relative;
	margin-right: 10px;
}
.boxes-intro .position-center-center {
	width: 100%;
}
.boxes-intro li h5 {
	font-size: 18px;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	line-height: 30px;
}
.boxes-intro li:nth-child(2) {
	background: #429be6;
}
.boxes-intro li:nth-child(3) {
	background: #57a6e9;
}
.boxes-intro li:nth-child(4) {
	background: #6cb2eb;
}
.power-hosting li {
	text-align: center;
	padding-top: 10px;
	height: 432px;
}
.power-hosting li:hover{
	border: 1px solid #00528c;
	-webkit-box-shadow:0 0 20px #00528c;  
  -moz-box-shadow:0 0 20px #00528c;  
  box-shadow:0 0 20px #00528c;
}
.power-hosting li p {
	font-size: 14px;
	line-height: 24px;
}
.power-hosting li h5 {
	margin: 20px 0;
	font-size: 18px;
}
.power-hosting li .btn {
	background: #001E5F;
	line-height: 40px;
	color: #fff;
	padding: 0 20px;
	margin-top: 20px;
}
.power-hosting li .btn:hover {
	background: #fff;
	color: #001E5F;
}
.power-hosting .icon {
	height: 198px;
	width: 266px;
	margin-bottom: 10px;
	/*border: 1px solid #001E5F;*/
	box-sizing: border-box;
	color: #001E5F;
	font-size: 40px;
	text-align: center;
	line-height: 98px;
	display: inline-block;
}
.power-hosting .icon img{
	height: 198px;
	width: 266px;
}
/*=======================================================
      HEADER
========================================================*/
header {
	width: 100%;
	z-index: 99;
	position: relative;
	padding: 10px 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	background-color: #fff;
}
header .navbar {
	border: none;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
	text-align: center;
	min-height: 40px;
	float: right;
}
header .logo {
	float: left;
	position: relative;
}
header .logo img {
	z-index: 3;
	position: relative;
	width: 160px;
}
.sticky-wrapper {
	height: auto !important;
}
header .sticky {
}
header .navbar {
	display: inline-block;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
header .navbar li {
	display: inline-block;
	float: left;
	margin: 0 15px;
	position: relative;
}
header .sticky {
	width: 100%;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
header .navbar li a {
	font-size: 18px;
	color: #666;
	font-family: 'microsoft yahei', sans-serif;
	font-weight: normal;
	padding: 11px 0px;
	letter-spacing: 0px;
	text-transform: uppercase;
}
header .navbar li a:before {
	width: 0px;
	margin: 0px auto;
	position: absolute;
	content: "";
	height: 3px;
	bottom: -10px;
	z-index: -1;
	background: #001E5F;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
header .navbar li a:hover:before {
	width: 100%;
}
header .navbar li.active a {
	color: #001E5F;
}
header .navbar li a:hover {
	color: #001E5F;
}
header .navbar li.active a:before {
	width: 100%;
	margin: 0px auto;
	position: absolute;
	content: "";
	height: 3px;
	bottom: -10px;
	z-index: -1;
	background: #001E5F;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.nav>li>a:focus, .nav>li>a:hover {
	background: none;
}
.ownmenu ul.dropdown {
	padding: 0px;
}
.ownmenu ul.dropdown li {
	margin: 0px;
}
.ownmenu ul.dropdown li {
	position: relative;
	z-index: 2;
}
.ownmenu ul.dropdown li a {
	z-index: 1;
	position: relative;
}
.ownmenu ul.dropdown li a:before {
	background: #001E5F;
	content: "";
	width: 0px;
	height: 100%;
	top: 0px;
	margin: 0px;
	z-index: -1;
	left: 0px;
}
.ownmenu ul.dropdown li a:hover:before {
	width: 100%;
}
.ownmenu ul.dropdown li a {
	padding: 0px 20px;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 34px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.ownmenu ul.dropdown {
	top: 66px;
	background: #fff;
}
.ownmenu {
	float: left;
}
.nav-right i {
	font-size: 20px;
}
.nav-right .navbar-right li {
	margin: 0 10px;
}
.nav-right {
	float: right;
	position: relative;
}
header .social_icons {
	float: right;
	color: #fff;
	margin-top: 20px;
}
header .social_icons a {
	color: #fff;
	margin-left: 10px;
}
header .social_icons a:hover {
	color: #ab4e52;
}
.is-sticky .sticky {
	background: rgba(255,255,255,0.9);
	padding: 10px 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.is-sticky .sticky  .ownmenu ul.dropdown{
	top:56px;
}
header .is-sticky .sticky li a:before {
	bottom: -10px;
}
header .is-sticky .sticky li.active a:before {
	bottom: -10px;
}
.sub-baner {
	background: url(../images/img-small-brn.jpg) center center fixed no-repeat;
	background-size: cover;
	padding: 50px 0;
}
.sub-baner h3 {
	font-weight: normal;
	color: #fff;
	margin: 0px;
	display: inline-block;
}
.sub-baner .breadcrumb {
	background: none;
	float: right;
	color: #fff;
	margin: 0px;
}
.sub-baner .breadcrumb li {
	color: #fff;
	text-transform: uppercase;
	font-family: 'microsoft yahei', sans-serif;
}
.sub-baner .breadcrumb li a {
	color: #fff;
	font-family: 'microsoft yahei', sans-serif;
}
/*=======================================================
      SLIDER
========================================================*/
.bg-parrall {
	background: url(../images/bg-index.png);
	/*background-size: cover;*/
	background-position: center 0 !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}
.bg-parrall h2 {
	font-size: 25px;
	font-weight: normal;
	color: #001E5F;
	line-height: 60px;
	margin: 8px 0;
}
.bg-parrall h2 span {
	font-weight: bold;
	color: #001E5F;
	display: inline-block;
	width: 100%;
}
.bg-parrall .btn {
	background: none;
}
.bg-parrall .btn:hover {
	background: #001E5F;
}


/*=======================================================
      Testimonial
========================================================*/
.testimonial {
	background: url(../images/testi-bg.jpg) center center no-repeat;
	background-size: cover;
}
.testimonial .heading h2 {
	color: #fff;
	font-size: 30px;
}
.testimonial .heading small {
	color: #fff;
	display: inline-block;
	width: 100%;
	font-size: 30px;
	color: #001E5F;
}
.carousel-inner {
	/*max-width: 920px;*/
	text-align: center;
	margin: 0 auto;
	
}
.carousel-inner p {
	color: #bfbdbd;
	font-weight: 100;
	line-height: 30px;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'microsoft yahei', serif;
}
.testimonial.page{
	background:#fff;
}
.testi-inner .tes-page{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.testi-inner p {
	color: #333333;
	font-weight: 100;
	line-height: 30px;
	font-size: 20px;
	margin-bottom:30px;
	letter-spacing: 0px;
	font-family: 'microsoft yahei', serif;
	font-style: italic;
}
.carousel-indicators {
	position: relative;
	bottom: auto;
	left: auto;
	margin-left: 0px;
	width: 100%;
	margin-top: 40px;
}
.carousel-indicators li h6 {
	color: #fff;
}
.carousel-indicators li span {
	color: #fff;
}
.carousel li {
	height: auto !important;
	width: 14.28% !important;
	float: left;
	text-indent: inherit;
	border: none;
	margin: 0px !important;
	background: none;
	text-align: left;
	opacity: 0.5;
}
.carousel-indicators .active {
	height: auto;
	opacity: 1;
	background: none;
}
.carousel-indicators img {
	border-radius: 4px;
}
/*=======================================================
      SLIDER
========================================================*/
.progress-bars-top {
	padding: 26px 0;
	background: #001E5F;
}
.progress-bars-top h2 {
	text-align: center;
	color: #fff;
}
.progress-bars-top .progress {
	margin: 0px;
	height: 8px;
	background: none;
	box-shadow: none;
	border-radius: 50px;
	border: 1px solid #fff;
}
.progress-bars-top .progress span {
	height: 30px;
	width: 95px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 30px;
	border-radius: 50px;
	position: absolute;
	color: #bf2424;
	font-family: 'microsoft yahei', sans-serif;
	font-weight: bold;
	background: #fff;
	text-align: center;
	margin-top: -12px;
	margin-left: -2px;
}
.progress-bars-top .progress-bar {
	background: #fff;
	border: none;
	box-shadow: none;
	text-align: right;
}
.choose-ser ul li {
	position: relative;
	float: left;
	width: 16.66666666666667%;
	padding: 0 15px;
	margin-bottom: 40px;
}
.choose-ser ul li a {
	border-radius: 4px;
	display: inline-block;
	width: 100%;
	border: 2px solid #001E5F;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.choose-ser ul li a i {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.choose-ser ul li a span {
	font-family: 'microsoft yahei', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.choose-ser ul li i {
	font-size: 50px;
	color: #001E5F;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.choose-ser ul li a:hover {
	background: #001E5F;
}
.choose-ser ul li a:hover i {
	color: #fff;
}
.choose-ser ul li a:hover span {
	color: #fff;
}
.choose-ser ul li.active a {
	background: #001E5F;
}
.choose-ser ul li a:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
	color: #fff;
	position: absolute;
	bottom: -40px;
	left: 0px;
	right: 0px;
	opacity: 0;
	font-size: 50px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.choose-ser ul li.active a:before {
	color: #001E5F;
	opacity: 1;
}
.choose-ser ul li.active a i {
	color: #fff;
}
.choose-ser ul li.active a span {
	color: #fff;
}
.choose-ser .radio {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.choose-ser .radio label {
	padding: 0px;
	width: 100%;
}
.choose-ser .radio label::before {
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.choose-ser .radio label::after {
	bottom: 1px;
	left: 0px;
	top: auto;
	right: 0px;
	margin: 0 auto;
}
.choose-ser .radio input[type="radio"] {
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
.choose-ser .radio label::before {
	height: 100%;
	width: 100%;
	border: none;
	border-radius: 0px;
	font-family: 'FontAwesome';
	content: "";
	line-height: 28px;
	color: #cccccc;
}
.choose-ser .radio label:hover::before {
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
	outline: none !important;
}
.choose-ser .radio label::after {
	height: 100%;
	width: 100%;
	border: none;
	border-radius: 0px;
	background: #001E5F;
	line-height: 28px;
	font-family: 'FontAwesome';
	content: "";
	bottom: 0px;
	color: #83b036;
	font-size: 20px;
}
.choose-ser .radio span {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 15px;
}
/*=======================================================
      PLAN
========================================================*/
.choose-plan article {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	text-align: center;
	padding-bottom: 40px;
}
.choose-plan article h4 {
	font-size: 24px;
	margin: 0px;
	padding: 20px 0;
	font-weight: normal;
	border-bottom: 1px solid #e6e6e6;
}
.choose-plan article .price-head {
	font-family: 'microsoft yahei', sans-serif;
	font-weight: bold;
	color: #001E5F;
	font-size: 36px;
	padding-top: 30px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
}
.choose-plan article .price-head span {
	font-weight: normal;
	vertical-align: bottom;
	text-transform: uppercase;
	font-size: 18px;
}
.choose-plan article ul {
	min-height: 310px;
	padding: 30px 0;
}
.choose-plan article ul li {
	line-height: 30px;
	font-size: 14px;
}
/*=======================================================
      CONTACT FORM
========================================================*/
.contact-us h3 {
	margin: 0px;
	font-weight: normal;
	margin-bottom: 30px;
}
.contact-us .contact-from {
	padding-right: 150px;
}
.contact-us .contact-from li {
	margin-bottom: 15px;
}
.contact-us .contact-from label {
	display: inline-block;
	width: 100%;
	line-height: 28px;
	font-family: 'microsoft yahei', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
.contact-us .contact-from label input.form-control {
	display: inline-block;
	border-radius: 2px;
	width: 100%;
	border: 1px solid #d9d9d9;
	height: 60px;
	text-transform: none;
	line-height: 60px;
	padding: 0 20px;
}
.contact-us .contact-from label textarea.form-control {
	display: inline-block;
	border-radius: 2px;
	width: 100%;
	border: 1px solid #d9d9d9;
	height: 160px;
	text-transform: none;
	line-height: 30px;
	padding: 10px 20px;
}
.contact-us .contact-from .bootstrap-select .btn {
	border-radius: 2px;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	color: #adadad !important;
	text-transform: uppercase;
}
.contact-us .contact-from .bootstrap-select li {
	margin-bottom: 0px !important;
	font-weight: bold;
	color: #333333;
}
.contact-us .contact-from .bootstrap-select li a {
	font-weight: bold;
	color: #333333;
}
.contact-us .bootstrap-select {
	width: 100% !important;
}
.contat-info ul li {
	position: relative;
}
.contat-info ul li a {
	font-size: 14px;
	color: #001E5F;
	text-transform: uppercase;
	font-family: 'microsoft yahei', sans-serif;
	font-weight: bold;
}
.contat-info ul li h6 {
	margin: 0px;
	font-size: 14px;
	margin-bottom: 5px;
}
.contat-info ul {
	margin-top: 50px;
}
.contat-info ul li {
	margin-bottom: 30px;
}
.contat-info ul li i {
	font-size: 48px;
	color: #333333;
	float: left;
	width: 70px;
	margin-top: 10px;
}
.contat-info ul li h3 {
	font-size: 36px;
	font-weight: bold;
}
.contat-info ul li span {
	color: #001E5F;
}
.contat-info h3 span.timing {
	background: #001E5F;
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	width: 150px;
	font-weight: bold;
	padding: 15px 20px;
	border-radius: 4px;
	margin-top: -30px;
}
.contat-info {
	position: relative;
}
.contat-info:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: "";
	background: #f3f3f3;
	height: 170%;
	width: 1000%;
	left: -100px;
	top: -100px;
	z-index: -1;
}
/*=======================================================
      BLOG POST
========================================================*/
.post-info {
	padding-left: 65px;
	position: relative;
	margin-top: 20px;
}
.post-info .date {
	position: absolute;
	left: 0px;
	font-size: 28px;
	color: #fff;
	padding-top: 10px;
	line-height: 28px;
	font-family: 'microsoft yahei', sans-serif;
	border-radius: 4px;
	overflow: hidden;
	background: #001E5F;
	width: 50px;
	float: left;
	text-align: center;
}
.post-info .aut {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.post-info .aut span {
	margin-right: 15px;
}
article.blog-post {
	margin-bottom: 50px;
}
.blog-post p {
	font-size: 14px;
	line-height: 24px;
}
.post-info .aut i {
	color: #001E5F;
	margin-right: 5px;
}
.blog-post .post-tittle {
	font-size: 30px;
	line-height: 30px;
	color: #333333;
	font-family: 'microsoft yahei', sans-serif;
	text-transform: uppercase;
}
.blog-post .link-post {
	padding: 50px 40px;
	background: #f2f2f2;
}
.blog-post .link-post a {
	color: #001E5F;
}
.post-info p {
	font-size: 14px;
	line-height: 24px;
}
.post-info .date span {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	text-transform: uppercase;
	background: #333333;
	display: inline-block;
	width: 100%;
}
.search input {
	display: inline-block;
	width: 100%;
	height: 45px;
	background: #fff;
	box-shadow: none;
	border-radius: 0px;
	border: 1px solid #e6e6e6;
}
.search button {
	float: right;
	margin-top: 0px;
	line-height: 45px;
	margin-right: 0px;
	margin-top: -45px;
	position: relative;
	z-index: 1;
	border-radius: 50%;
	border: none;
	color: #313f46;
	width: 45px;
	height: 45px;
	font-size: 16px;
	background: none;
}
.cate li a {
	padding-left: 15px;
	font-weight: 700;
}
.cate li a:before {
	content: "\f105 ";
	position: absolute;
	left: 0px;
	font-size: 14px;
	color: #965452;
	font-family: 'FontAwesome';
}
.cate li {
	position: relative;
}
.cate li {
	line-height: 60px;
}
.cate li a {
	font-size: 14px;
	color: #777777;
	border-bottom: 1px solid #e5e5e5;
	letter-spacing: 1px;
	display: inline-block;
	width: 100%;
	font-weight: 500;
}
.cate li span {
	float: right;
	font-size: 14px;
	border-radius: 50%;
	line-height: 23px;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.cate li a:hover {
}
.cate li a:hover span {
}
.cate.archive li:before {
	display: none;
}
.cate.archive li {
	line-height: 45px;
	padding-left: 0px;
}
/*=======================================================
			PAPULAR POST
========================================================*/
.papu-post {
}
.papu-post .media-left {
	margin-right: 0px;
}
.papu-post .media-left img {
	width: 100%;
}
.papu-post .media-left a {
	width: 75px;
	margin-right: 10px;
	display: inline-block;
}
.papu-post span {
	color: #08ada7;
	letter-spacing: 0px;
	font-size: 12px;
	text-transform: none;
}
.papu-post li {
	padding: 20px 0;
	margin: 0px;
	padding-top: 0px;
}
.papu-post .media-heading {
	display: inline-block;
	width: 100%;
	color: #333333;
	margin-top: 0px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: none;
}
.tags {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}
.tags a {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	padding: 4px 9px;
	color: #001E5F;
	border: 1px solid #001E5F;
	display: inline-block;
	margin-right: 8px;
	border-radius: 4px;
	margin-top: 8px;
}
.tags li {
	display: inline-block;
	float: left;
}
.tags a:hover {
	background: #001E5F;
	border: 1px solid #001E5F;
	color: #fff;
}
/*=======================================================
      Billing Cycle
========================================================*/
.billing-cycle li {
	min-height: 60px;
	background: #f3f3f3;
	padding: 10px 30px;
}
.billing-cycle .radio label {
	padding-left: 10px;
	width: 100%;
}
.billing-cycle .radio label span {
	font-weight: bold;
	color: #61ad33;
	font-family: 'microsoft yahei', sans-serif;
	text-transform: uppercase;
	margin-left: 40px;
}
.billing-cycle li:nth-child(odd) {
	background: #fff;
}
.billing-cycle .radio label::after {
	background: #001E5F;
}
/*=======================================================
      DOMAIN TABS
========================================================*/
.domains-tabs .nav-tabs {
	display: inline-block;
	width: 100%;
	border: none;
	text-align: center;
}
.domains-tabs li {
	min-width: 170px;
	min-height: 170px;
	float: none;
	position: relative;
	display: inline-block;
	margin: 0 15px !important;
}
.domains-tabs li .add {
	position: absolute;
	bottom: 5px;
	left: 0px;
	color: #001E5F;
	right: 0px;
}
.domains-tabs li a {
	border-radius: 4px;
	display: inline-block;
	width: 100%;
	margin: 0px;
	border: 2px solid #001E5F;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 20px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.domains-tabs li a i {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.domains-tabs li a span {
	font-family: 'microsoft yahei', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.domains-tabs li i {
	font-size: 50px;
	color: #001E5F;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.domains-tabs li a:hover {
	background: #001E5F;
	border: 2px solid #001E5F;
}
.domains-tabs li a:hover i {
	color: #fff;
}
.domains-tabs li a:hover span {
	color: #fff;
}
.domains-tabs li.active {
	background: none;
	border: none;
}
.domains-tabs li.active a {
	background: #001E5F !important;
	border: 2px solid #001E5F !important;
}
.domains-tabs li.active a i {
	color: #fff;
}
.domains-tabs li.active a span {
	color: #fff;
}
.domains-tabs li a:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
	color: #fff;
	position: absolute;
	bottom: -40px;
	left: 0px;
	right: 0px;
	opacity: 0;
	font-size: 50px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.domains-tabs li.active a:before {
	color: #001E5F;
	opacity: 1;
}
.domains-tabs h4 {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
}
.domains-tabs .tab-content {
	max-width: 570px;
	margin: 0 auto;
	margin-top: 100px;
	position: relative;
}
.domains-tabs form label {
	width: 100%;
	display: inline-block;
}
.domains-tabs form {
	position: relative;
}
.domains-tabs form input {
	width: 100%;
	height: 60px;
	border: 1px solid #d9d9d9;
	padding: 0px 25px;
	border-radius: 4px;
	color: #222;
	font-weight: normal;
	display: inline-block;
}
.domains-tabs form input:focus {
	outline: none;
	border: 1px solid #001E5F;
}
.domains-tabs form button {
	border: none;
	background: none;
	color: #001E5F;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 0px;
	line-height: 60px;
}
.share {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.share h6 {
	display: inline-block;
	margin-right: 10px;
}
.share a {
	font-size: 14px;
	color: #a3a3a3;
	margin: 0 10px;
}
.comments .avatar {
	display: inline-block;
	width: 70px;
	margin-right: 20px;
}
.comments h6 {
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: none;
	font-size: 16px;
}
.comments h6 a {
	color: #001E5F;
	margin-left: 5px;
}
.comments label {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
}
.comments form li {
	margin-bottom: 20px;
}
.comments form textarea {
	height: 100px;
}
/*=======================================================
      PAGINATION
========================================================*/
.pagination {
	float: right;
	border: none;
	border-radius: 0px;
}
.pagination li a {
	border-radius: 0px !important;
	border: none;
	background: #2d3a4b;
	color: #fff;
	margin: 0 2px;
	height: 23px;
	width: 23px;
	padding: 0px;
	text-align: center;
	line-height: 23px;
	font-size: 12px;
}
.pagination li a:hover {
	background: #ffe115;
	color: #2d3a4b;
}
.pagination li.active a {
	background: #ffe115;
	color: #2d3a4b;
}
.pagination.in-center {
	text-align: center;
	width: 100%;
}
.pagination.in-center li {
	display: inline-block;
}
/*=======================================================
      SUB BANNER
========================================================*/
.sub-bnr {
	background: url(../images/sub-bnr-bg.jpg) no-repeat;
	background-size: cover !important;
	min-height: 610px;
	text-align: center;
	position: relative;
}
.sub-bnr h4 {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 6px;
	margin-top: 0px;
}
.sub-bnr p {
	color: #666666;
	letter-spacing: 0px;
	font-family: 'microsoft yahei', serif;
	font-size: 14px;
	margin-top: 20px;
	max-width: 590px;
	margin: 0 auto;
}
.sub-bnr .breadcrumb {
	background: none;
	margin: 0px;
	height: 40px;
	margin-top: 30px;
	padding: 0px 40px;
	background: #2d3a4b;
	display: inline-block;
	border-radius: 20px;
}
.breadcrumb>li+li:before {
	padding: 0 10px;
}
.sub-bnr h6 {
	display: inline-block;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	float: left;
	line-height: 58px;
	margin: 0px;
	letter-spacing: 1px;
}
.sub-bnr .breadcrumb li {
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: normal;
	font-size: 10px;
	margin: 0px 0;
}
.sub-bnr .breadcrumb li a {
	color: #fff;
	text-transform: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
}
.sub-bnr .breadcrumb>li+li:before {
	color: #fff;
}
/*=======================================================
			FOOTER
========================================================*/
footer {
	padding: 25px 0;
	background: #262626;
	position: relative;
}
footer p {
	color: #999999;
	font-size: 14px;
}
.footer-up {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.footer-up img {
	float: left;
}
.footer-up h5 {
	color: #fff;
	font-size: 14px;
	margin: 0px;
}
.footer-up i {
	font-size: 30px;
	margin-left: 50px;
	color: #fff;
	margin-right: 10px;
	margin-top: 5px;
}
.footer-up h3 {
	color: #fff;
	margin: 0px;
	font-size: 36px;
}
.footer-up h3 span {
	color: #808080;
    font-size: 20px;
    margin-top: 5px;
}
}
/*=======================================================
			CONTACT FORM
========================================================*/
.contact {
	padding: 100px 0;
}
.contact #contact_form {
	text-align: center;
}
.success-msg {
	background: #fff;
	border: 1px solid #589051;
	color: #589051;
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 11px 16px;
	border-radius: 4px;
	display: none;
}
.success-msg i {
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #ABD0A8;
	margin-right: 10px;
}
#contact_form li {
	text-align: center;
	margin-bottom: 10px;
}
#contact_form li input {
	display: inline-block;
	width: 100%;
	height: 45px;
	padding: 0 10px;
	margin-top: 15px;
	font-size: 18px;
	font-family: 'microsoft yahei';
	font-weight: bold;
	color: #333333;
	border: none;
	text-transform: uppercase;
	text-align: center;
}
#contact_form li .form-control {
	height: 45px;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	box-shadow: none;
	border-radius: 0px;
	background: #fff;
}
#contact_form li .form-control:hover {
	border-bottom: 1px solid #bf2424 !important;
}
#contact_form li .form-control:focus {
	border-bottom: 1px solid #bf2424 !important;
}
.contact .error {
	border: 1px solid red;
}
#contact_form li .error {
	border: 1px solid #CCC;
	border-bottom: 1px solid red;
}
#contact_form li textarea {
	height: 140px !important;
	margin-top: 10px;
	font-size: 18px;
	font-family: 'microsoft yahei';
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	text-align: center;
}
#contact_form li .btn {
	text-transform: uppercase;
	padding: 0px 40px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	margin-top: 15px;
	display: inline-block;
}
.contact-form {
	max-width: 600px;
	margin: 0 auto;
}
.contact-form .tittle {
	text-align: center;
}
.contact-form .tittle hr {
	width: 28px;
	height: 5px;
	margin: 15px auto;
	background: #448aff;
	border: none;
}
.contact-form .tittle p {
	text-transform: none;
	font-size: 16px;
}
.contact-form label {
	font-weight: normal;
	color: #2d3a4b;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	margin: 0px;
	margin-bottom: 13px;
}
.contact-form textarea {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 10px 20px;
}
.map-wrapper {
	height: 430px;
	margin-bottom: 0px;
	position: relative;
	z-index: 3;
}
.contact h5 {
	color: #2d3a4b;
	margin-top: 0px;
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
.contact-info {
	display: inline-block;
	width: 100%;
}
.contact-info li {
	background: #bf2424;
	position: relative;
	padding: 40px 30px;
	float: left;
	width: 25%;
	color: #fff;
	text-align: center;
}
.contact-info li:nth-child(2) {
	background: #c53939;
}
.contact-info li:nth-child(4) {
	background: #c53939;
}
.contact-info li i {
	font-size: 30px;
	margin-bottom: 20px;
}
.contact-info li p {
	color: #fff;
	margin: 0px;
	font-size: 14px;
	line-height: 24px;
}
.map-block.tri-white-top:before {
	top: 0px;
	background: url(../images/tri-promo-bottom-white.png) repeat-x;
}
footer h6 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: normal;
	margin-top: 0px;
	font-family: 'microsoft yahei', sans-serif;
	position: relative;
}
.newsletter {
	position: relative;
	display: inline-block;
	width: 100%;
}
.newsletter h6 {
	display: inline-block;
	margin-right: 20px;
	margin-top: 12px;
}
.newsletter label {
	width: 100%;
}
.newsletter form {
	position: relative;
	float: right;
}
.newsletter button {
	border: none;
	position: absolute;
	right: 10px;
	top: 6px;
	color: #001E5F;
	z-index: 1;
	font-size: 20px;
	background: none;
}
.newsletter button i {
	margin: 0px !important;
	padding: 0px !important;
	color: #001E5F !important;
	font-size: 16px !important;
}
footer .icons {
	color: #fff;
      font-size: 16px;
	margin-right: 10px;
	vertical-align: middle;
}
footer .personl-info li {
	margin-bottom: 10px;
}
footer .personl-info p {
	line-height: 18px;
	margin-top: 4px;
    margin-bottom: 4px;
}
footer .personl-info a {
	margin-top: 10px;
	color: #001E5F;
	display: inline-block;
}
footer .service-link li {
	float: left;
	width: 50%;
	padding: 0 15px;
	position: relative;
}
footer .service-link li a {
	color: #808080;
	width: 100%;
	line-height: 50px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	display: inline-block;
}
footer .service-link li i {
	color: #2d90e3;
	margin-right: 10px;
}
footer .service-link li a:hover {
	color: #fff;
}
.rights {
	height: 70px;
	text-align: center;
}
.newsletter input {
	height: 40px;
	width: 270px;
	float: right;
	background: #1a1a1a;
	border-radius: 4px;
	border: none;
	font-weight: normal;
	padding: 0 20px;
}
.social-icons {
	/*margin-top: 30px;*/
}
.social-icons a {
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 43px;
	margin-right: 10px;
}
.rights a {
	color: #001E5F;
}
.rights p {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
	color: #808080;
	line-height: 50px;
}
.rights {
	background: #1a1a1a;
	height: 50px;
}
.rights.tri-white-top:before {
	top: -7px;
	background: url(../images/tri-promo-bottom-rights.png) repeat-x;
}
/*髮�蝗｢螟ｴ譚｡*/
.dg-container{
	width: 100%;
	height: 400px;
	position: relative;
	margin-top: 50px;
}
.dg-wrapper{
	width: 481px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../img/browser.png) no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a:hover{
	color: #00528c;
}
.dg-wrapper a img{
	display: block;
	padding: 10px 0px 0px 1px;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../img/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}
/*about.html*/
.aboutus{
	box-sizing: border-box;
	background: #fff;
	margin: 100px auto;
}

.aboutus-normal{
	float: right;
	width: 930px;
	height: auto;
	overflow: hidden;
	/*overflow-y: hidden;*/
	box-sizing: border-box;
	padding: 30px 50px  60px;
	background-color: #fff;
}

.aboutus-normal .about_title{
	text-align: center;
}

.aboutus-normal .about_title .bar{
	float: left;
	width: 6px;
	height: 31px;
	background: #001E5F;
	margin-left: 4px;
	vertical-align: middle;
}
.aboutus-normal .about_title .second_title{
	color: #001E5F;
    line-height: 20px;
    font-size: 17px;
    font-weight: 500;
}

.aboutus-normal .about_title h1{
	color: #001E5F;
	font-size: 24px;
	font-weight: normal;
	line-height: 15px;
}
.aboutus-normal .about_title p{
	color: #848484;
    	font-size: 13px;
    	
}

.aboutus-normal .contents {
	text-align: justify;
	margin-top:4em;
}

.aboutus-normal .contents p{
	color: #5a5a5a;
	font-size: 16px;
	/*text-indent: 2.0em;*/
	LINE-HEIGHT: 1.8em;
	text-align: justify;
	letter-spacing: 1px;
}

.aboutus-normal .history {
	text-align: justify;
	margin-top:3em;
}

.aboutus-normal .history p{
	color: #5a5a5a;
	font-size: 16px;
	LINE-HEIGHT: 1.5em;
	text-align: justify;
}


.aboutus-lf{
	float: left;
	width: 257px;
	margin-right: 13px;
}
.aboutus-rt{
	float: right;
	width: 930px;
	height: auto;
	overflow: hidden;
	/*overflow-y: hidden;*/
	box-sizing: border-box;
	padding: 30px 34px 60px;
	background-color: #fff;
}
.aboutus-lf-ul{
	margin-top: 23px;
}
.aboutus-lf-ul li{
	height: 128px;
	width: 238px;
	line-height: 128px;
	text-align: center;
	margin-left: 19px;
	font-size: 16px;
}
.aboutus-lf-ul li:first-child{
	background: #e5e6e6 url(../img/icon01.png) 44px center no-repeat;
}
.aboutus-lf-ul li:nth-child(2){
	background: #e5e6e6 url(../img/icon02.png) 44px center no-repeat;
}
.aboutus-lf-ul li:nth-child(3){
	background: #e5e6e6 url(../img/icon03.png) 44px center no-repeat;
}
.aboutus-lf-ul li:last-child{
	background: #e5e6e6 url(../img/icon04.png) 44px center no-repeat;
}
.aboutus-lf-ul li a{
	color: #373d41;
}
.aboutus-lf-ul li.active,.aboutus-lf-ul li:hover{
	width: 257px;
	margin-left: 0;
}
.aboutus-lf-ul li.active a,.aboutus-lf-ul li:hover a{
	color: #fff;
}
.aboutus-lf-ul li.active:first-child,.aboutus-lf-ul li:hover:first-child{
	background: #00528c url(../img/icon01_01.png) 44px center no-repeat;
}
.aboutus-lf-ul li.active:nth-child(2),.aboutus-lf-ul li:hover:nth-child(2){
	background: #00528c url(../img/icon02_02.png) 44px center no-repeat;
}
.aboutus-lf-ul li.active:nth-child(3),.aboutus-lf-ul li:hover:nth-child(3){
	background: #00528c url(../img/icon03_03.png) 44px center no-repeat;
}
.aboutus-lf-ul li.active:last-child,.aboutus-lf-ul li:hover:last-child{
	background: #00528c url(../img/icon04_04.png) 44px center no-repeat;
}
/*ceo add*/
.aboutus-rt .ceologo{
  margin-top: 30px;
	width: 35%;
	float: left;
	/*height:530px;*/
	text-align: center;
}
.ceologo .ceologoimg img{
	width: 95%;
	text-align: center;
}
.ceologo .ceoinfo{
	text-align: center;
	/*margin-right: 72px;*/
	margin-top: 24px;
	color: #00528c;
	font-size: 20px;
}
.ceologo .ceoname{
	text-align: center;
	/*margin-right: 72px;*/
	margin-top: 11px;
	color: #be955e;
	font-size: 20px;
}
.aboutus-rt .ceospeak{
	width: 100%;
	float: right;
}
/*ceo add*/
.aboutus-rt .cp-lf{
	width: 45%;
	float: left;
	margin-right:5px;
}
.aboutus-rt .cp-rf{
     margin-left: 280px;
}
.aboutus-rt .cp-rf .title{
    font-size: 20px;
    color: #001E5F;
    text-align: center;
    line-height: 40px;
    margin-bottom: 5px
}
.aboutus-rt .cp-rf .describe{
    font-size: 15px;
    color: #5a5a5a;
    line-height: 25px;
    text-indent: 1.5em;
}
.aboutus-rt .val-rf{
     margin-left: 280px;
}
.aboutus-rt .val-rf .title{
    font-size: 18px;
    color: #001E5F;
    text-align: left;
    line-height: 30px;
    margin-bottom: 5px
}
.aboutus-rt .val-rf .describe{
    font-size: 15px;
    color: #5a5a5a;
    line-height: 20px;
    text-indent: 2.0em;
}
.aboutus-rt .title{
	font-size: 24px;
	color: #000;
	text-align: center;
	line-height: 24px;	
	margin-bottom: 9px;
}
.aboutus-rt .subtitle{
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 20px;	
	margin-bottom: 15px;
}
.aboutus-rt .describe{
	font-size: 16px;
	color: #000;
	line-height: 29px;
	text-indent: 2.0em;
	LINE-HEIGHT: 1.5em;
	text-align: justify
}
.aboutus-rt .sign{
	text-align: right;
	margin-top: 5px;
}
.aboutus-rt .sign img{
	width: 120px;
}
.aboutus-rt .introduction{
	width: 599px;
	float: left;
	box-sizing: border-box;
	padding: 80px 34px;
	color: #000;
	font-size: 18px;
	line-height: 34px;
}
.aboutus-rt .introduction p{
	margin-bottom: 35px;
}
.aboutus-rt .introduction-logo{
	float: left;
}
.aboutus-rt .culture dd{
	width: 50%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
.culture-content{
	width: 90%;
	margin: 0 auto;
}
.culture-content img{
	width: 90%;
}
.culture-content h4{
	font-size: 18px;
	color: #373d41;
	margin-top: 10px;
	margin-bottom: 10px;
}
.culture-content p{
	font-size: 16px;
	color: #999;
	line-height: 25px;
}
.aboutus-rt-nopadding{
	padding: 0;
	overflow: hidden;
}
.vision-h2{
	color: #000;
	font-size: 24px;
	text-align: center;
	margin-top: 155px;
}
.vision-h2 span,.vision-h3 span{
	color: #00528c;
}
.vision-h3{
	color: #000;
	font-size: 24px;
	text-align: center;
	margin-top: 36px;
}
.vision-bg{
	width: 100%;
}
/*aboutus tab*/
.o-m{width:1200px;margin:20px auto;}
.o-m .ul-o{float:left;width:238px;margin-top: 23px;position:relative;margin-right: 13px;margin-left: 19px;background: #e5e6e6;}
.o-m .ul-o li{width:238px;cursor:pointer;position:relative;z-index:2;text-align: center;border-bottom: 1px solid #ceced1;}
/*.o-m .ul-o li:first-child{
	background: url(../img/icon01.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(2){
	background: url(../img/icon02.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(3){
	background: url(../img/icon03.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(4){
	background: url(../img/icon04.png) 44px center no-repeat;
}
.o-m .ul-o li:first-child{
	background: url(../images/icon01.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(2){
	background: url(../images/icon02.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(3){
	background: url(../images/icon09.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(4){
	background: url(../images/icon05.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(5){
	background: url(../images/icon06.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(6){
	background: url(../images/icon08.png) 44px center no-repeat;
}
.o-m .ul-o li:nth-child(7){
	background: url(../images/icon03.png) 44px center no-repeat;
}*/
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../img/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o .li-j span{background-position:-272px -393px;}
.o-m .ul-o .li-k span{background-position:-272px -463px;}
.o-m .ul-o .li-h span{background-position:-272px -513px;}
.o-m .ul-o li p{/*float:left;*/line-height:90px;width: 238px;color:#373d41;font-size:16px;height: 90px;text-align: center;margin:0;text-indent: 1.0em;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../img/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background:#001E5F;position:absolute;/*left:-19px;*/top:0;width:238px;height:90px;-webkit-box-shadow:0 0 20px #00528c;  
  -moz-box-shadow:0 0 20px #001E5F;  
  box-shadow:0 0 20px #001E5F;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{background:#f8f8f8;width:930px;float:left;height:auto;border: 1px solid #9E9E9E;box-sizing: border-box;
-webkit-box-shadow:0 0 20px #001E5F;  
  -moz-box-shadow:0 0 20px #001E5F;  
  box-shadow:0 0 20px #9E9E9E;margin-top: 23px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;overflow-y: auto;}
.o-m .ul-t .li-top{padding:25px 0 0 50px;}
.o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#5a5a5a;}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}
/*banner float button*/
.tips-qq{
	background: rgba(0,0,0,.6);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	right: 120px;
  width: auto;
  margin-top: -20px;
  display: none;
  font-size: 14px;
  color: #fff;
}
.tips-qq .trangle{
	width: 0;
  height: 0;
  border-top: 11px solid rgba(0,0,0,.6); 
  border-right: 15px solid transparent;
	position: absolute;
	right: -15px;
}
.tips{
	background: rgba(0,0,0,.6);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	right: 180px;
  width: 150px;
  margin-top: 34px;
  display: none;
}
.tips .trangle{
	width: 0;
  height: 0;
  border-top: 11px solid rgba(0,0,0,.6); 
  border-right: 15px solid transparent;
	position: absolute;
	right: -15px;
}
.tips-wx{
	width: 130px;
}
.tips-phone{
	background: rgba(0,0,0,.6);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	right: 120px;
  width: 140px;
  bottom: -40px;
  display: none;
  font-size: 14px;
  color: #fff;
}
.tips-phone .trangle{
	width: 0;
  height: 0;
  border-top: 11px solid rgba(0,0,0,.6); 
  border-right: 15px solid transparent;
	position: absolute;
	right: -15px;
}
.tips-location{
	background: rgba(0,0,0,.6);
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	right: 180px;
  width: 110px;
  bottom: -10px;
  display: none;
  font-size: 14px;
  color: #fff;
}
.tips-location .trangle{
	width: 0;
  height: 0;
  border-top: 11px solid rgba(0,0,0,.6); 
  border-right: 15px solid transparent;
	position: absolute;
	right: -15px;
}
.float-menu {
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 99999;
	right: 40px;
	/*top: 50%;*/
	bottom: 15%;
}

.float-menu div {
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.float-menu .plus {
	width: 80%;
	height: 80%;
	background: url(../images/menu-icon.png) no-repeat center center;
	background-size: 100%;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0px 0px 2px 2px rgba(255,255,255,.4);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,.4);
	border-radius: 50%;
}

.float-menu .plus .cross {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	content: "";
	background: url(../images/menu-add.png) no-repeat center center;
	background-size: 37%;
	opacity: 0;
}
.float-menu .plus .menu-logo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	content: "";
	background: url(../images/logo2.png) no-repeat center center;
	background-size: 57%;
}
.float-menu .plus:hover .cross {
	opacity: 1;
}
.float-menu .plus:hover .menu-logo {
	opacity: 0;
}
.float-menu .menu-list {
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 100%;
}

.float-menu .menu-list span {
	width: 33%;
	height: 36%;
	display: block;
	position: absolute;
	text-align: center;
	padding-top: 17%;
	opacity: 0;
	z-index: 9;
	font-size: 0;
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
.float-menu .menu-list span.link-home {
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/qq2.png) no-repeat center;
	background-size: 110%;
	/*box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	border-radius: 50%;*/
}

.float-menu .menu-list span.link-wx {
	left: 0%;
	top: 25%;
	-webkit-transform: translate(-25%, -25%);
	-moz-transform: translate(-25%, -25%);
	-ms-transform: translate(-25%, -25%);
	transform: translate(-25%, -25%);
	background: url(../images/icon_wx.png) no-repeat center top;
	background-size: 110%;
	/*box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	border-radius: 50%;*/
}

.float-menu .menu-list span.link-edit {
	left: 0%;
	top: 50%;
	-webkit-transform: translate(-25%, 25%);
	-moz-transform: translate(-25%, 25%);
	-ms-transform: translate(-25%, 25%);
	transform: translate(-25%, 25%);
	background: url(../images/location2.png) no-repeat center top;
	background-size: 110%;
	/*box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	border-radius: 50%;*/
}

.float-menu .menu-list span.link-phone {
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	background: url(../images/icon_phone.png) no-repeat center top;
	background-size: 110%;
	/*box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255,255,255,.2);
	border-radius: 50%;*/
}

.float-menu.open .menu-list span {
	opacity: 1;
	font-size: 12px;
}

.float-menu.open .cross {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	border-radius: 100%;
}

.float-menu.open .menu-list {
	opacity: 1;
	width: 300%;
	height: 300%;
	left: -115%;
	top: -100%;
	/*background-color: rgba(255, 232, 78, .7);*/
}

.float-menu #float-cart {
	background-color: #f97157;
	border-radius: 100%;
	display: block;
	position: absolute;
	right: 5px;
	top: 0;
	color: #fff;
	min-width: 18px;
	min-height: 18px;
	line-height: 18px;
	text-align: center;
}
.car__title{
	box-sizing: border-box;
	padding: 30px 0;
	text-align: center;
}
.car__title p{
	color: #848484;;
	font-size: 13px;
}
.car__title h1{
	color: #001E5F;
	font-size: 24px;
	font-weight: normal;
	line-height: 15px;
	margin-top: 10px;
}
.car__title span{
	display: inline-block;
	width: 60px;
	height: 4px;
	background-color: #001E5F;
	margin: 0 auto;
}
/*蜷域弌遐皮ｩｶ髯｢*/
.research{
	text-align: center;
}
.research a:hover, a:focus {
    color: #001E5F;
}
.show_hide {
    color: #001E5F;
    margin-left: 15px;
}
.research p{
	font-size: 15px;
	color: #5a5a5a;
	line-height: 25px;
	text-indent: 2.0em;
	text-align: left;
}
.research img{
	width: 80%;
}
/*tab*/
.menu {
	line-height: 1;
	margin: 0 auto 1em;
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: auto;
	padding: 0;
	list-style: none;
	width: 800px;
}

.menu__item {
	display: block;
	margin: 1em 0;
	margin: 0 9em;
}

.menu__link {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}
/* Sebastian */
.menu--sebastian .menu__link {
	position: relative;
	font-size: 18px;
	display: block;
	margin: 0 1em;
	text-align: center;
	color: #666;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
	font-weight: normal;
}

.menu--sebastian .menu__link:hover,
.menu--sebastian .menu__link:focus {
	color: #001E5F;
}

.menu--sebastian .menu__item--current .menu__link {
	color: #001E5F;
}

.menu--sebastian .menu__link::before,
.menu--sebastian .menu__link::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #001E5F;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.menu--sebastian .menu__link::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.menu--sebastian .menu__link::after {
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.menu--sebastian .menu__item--current .menu__link::before,
.menu--sebastian .menu__item--current .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.menu--juno .menu__item {
	position: relative;
	overflow: hidden;
	margin: 0.5em 34px;
}

.menu--juno .menu__link {
	position: relative;
	z-index: 10;
	text-align: center;
	color: #666;
	font-weight: normal;
	font-size: 18px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.menu--juno .menu__link:hover,
.menu--juno .menu__link:focus {
	color: #001E5F;
}

.menu--juno .menu__item--current .menu__link {
	color: #001E5F;
}

.menu--juno .menu__item::before,
.menu--juno .menu__item::after,
.menu--juno .menu__link::before,
.menu--juno .menu__link::after {
	content: '';
	position: absolute;
	pointer-events: none;
	opacity: 0;
	background: #001E5F;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* top and bottom line */
.menu--juno .menu__item::before,
.menu--juno .menu__item::after {
	left: 0;
	width: 100%;
	height: 2px;
}

.menu--juno .menu__item::before {
	top: 0;
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
}

.menu--juno .menu__item::after {
	bottom: 0;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

/* left and right line */
.menu--juno .menu__link::before,
.menu--juno .menu__link::after {
	top: 0;
	width: 2px;
	height: 100%;
}

.menu--juno .menu__link::before {
	left: 0;
	-webkit-transform: translate3d(15px, 0, 0);
	transform: translate3d(15px, 0, 0);
}

.menu--juno .menu__link::after {
	right: 0;
	-webkit-transform: translate3d(-15px, 0, 0);
	transform: translate3d(-15px, 0, 0);
}

.menu--juno .menu__item--current::before,
.menu--juno .menu__item--current::after,
.menu--juno .menu__item--current .menu__link::before,
.menu--juno .menu__item--current .menu__link::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.con:first-child{
	display: block;
}
.con{
	display: none;
}
.news{
	box-sizing: border-box;
	margin: 50px auto;
	margin-top: 0;
	margin-bottom: 40px;
}
.news-content{
	box-sizing: border-box;
	padding-top: 30px;
}
.news-content .news__list dd{
	width: 50%;
	float: left;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 50px;
}
.news__list dd .date{
	width: 106px;
	flex: 0 0 106px;
	box-sizing: border-box;
	padding-right: 40px;
}
.news__list dd .date span{
	display: block;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 26px;
}
.news__list dd .date span:first-child{
	background-color: #001E5F;
	color: #fff;
}
.news__list dd .date span:last-child{
	background-color: #fff;
	color: #666;
}
.news__list dd .detail{
	flex: 1;
	box-sizing: border-box;
	padding-right: 38px;
}
.news__list dd .detail h2{
	color: #474747;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	margin-top:0px;
}
.news__list dd .detail small{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.news__detail{
	display: flex;
	display: -webkit-flex;
}
.news__detail__img{
	width: 100px;
	height: 100px;
	flex: 0 0 100px;
}
.news__detail__des{
	flex: 1;
	box-sizing: border-box;
	padding-left: 13px;
	font-size: 14px;
	color: #848484;
	line-height: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
/*news-detail.html*/
.history-href{
	margin-top: 17px;
	line-height: 58px;
	font-size: 14px;
	color: #999;
}
.history-href a{
	color: #999;
}
.history-href a:last-child{
	color: #666;
}
.newsdetail{
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #fff;
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px;
	color: #333;
	font-size: 16px;
}
.newsdetail h1{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}
.newsdetail span{
/* 	display: block;
	color: #999;
	font-size: 14px;
	text-align: center; */
}
.newsdetail__content{
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.newsdetail__content p{
	/* margin-top: 30px; */
	line-height: 32px;
	/*text-indent: 2.0em;*/
	text-align: left;
}
.newsdetail__content img{
	width: 80%;
	margin: 0 auto;
	margin-top: 25px;
}
.newsdetail__content small{
	display: block;
	margin-top: 10px;
	color: #00528c;
	font-size: 14px;
	line-height: 32px;
}
/*social*/
.social{
	background:rgba(0,0,0,.5);
	height: 400px;
	box-sizing: border-box;
	padding: 32px 225px;
	text-align: center;
	color: #fff;
}
.social h1{
	color: #fff;
	margin-bottom: 12px;
	font-weight:normal;
	    font-size: 36px;
}
.social .title-under {
    display: block;
    margin: 5px auto;
    background: #fff;
    height: 1px;
    width: 280px;
}
.social p{
	color: #fff;
	line-height: 30px;
	font-size: 18px;
}
.social-list{
	width: 980px;
	margin: 0 auto;
  height: auto;
  /*margin-top: 50px;*/
  overflow: hidden;
}
.social-list li{
	margin-bottom: 40px;
}
.social-list-lf{
	width: 480px;
	float: left;
	height: 268px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.social-list-rt{
	width: 460px;
	float: left;
	margin-left: 16px;
	padding: 20px 0;
	border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.social-list-rt .font{
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 15px;
	box-sizing: border-box;
	color: #474747;
}
.social-list-rt small{
	font-size: 14px;
	color: #999;
	text-align: left;
}
.social-list-rt .content{
	font-size: 14px;
  line-height: 24px;
  color: #848484;
  padding-bottom: 22px;
  max-height: 168px;
  overflow: hidden;
}
.social-list-rt .readmore{
	font-size: 14px;
  color: #001E5F;
}
.clearfix:after {
  display: block;
  content: " ";
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
/*諡幄§*/
.recruit{
	margin-top: 35px;
}
.recruit ul{
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}
.recruit-info{
  position: absolute;
  bottom: 35px;
}
.recruit ul li{
  float: left;
  box-sizing: border-box;
  padding: 0 20px;
  width: 276px;
  border: 1px solid #dadada;
  border-radius: 0 0 20px 0;
  box-shadow: 5px 5px 5px #eaeaea;
  margin-left: 18px;
  margin-bottom: 30px;
  height: auto;
  transition: all 0.3s ease;
  color: #7e7e7e;
  background: #fff;
  height: 520px;
}
.recruit ul li:hover{
	background: #001E5F;
	color: #fff;
}
.lihover{
	height: 518px;
}
.lihover:hover{
	width: 100%;
	position: absolute;
	padding-left: 40px;
	left: 0px;
	transition: all 0.3s ease;
	background: #001E5F;
	z-index: 999;
}
.recruit ul li h5{
  display: block;
  padding-top: 10px;
  color: lightgray;
  font-size: 14px;
}
.recruit ul li h3{
  line-height: 30px;
  border-bottom: 1px solid #999;
  text-align: center;
  font-size: 18px;
  color: #3d3d3d;
  margin: 0px;
  padding-top: 0px;
  text-align: left;
}
.recruit ul li:hover h3{
	color: #fff;
}
.recruit ul li pre{
	display: block;
  padding: 4px;
  margin: 0;
  font-size: 12px;
  line-height: 1.42857143;
  color: #7e7e7e;
  word-break: normal;
  word-wrap: normal;
  background-color: #fff;
  border: none;
  border-radius: 4px;
	height: auto;
  overflow: hidden;
  font-family: 'microsoft yahei', sans-serif;
}
pre{
	background: none !important;
}
.recruit ul li:hover pre{
	color: #fff;
	/*background: #001E5F;*/
}
.recruit ul li h4 a{
	width: 120px;
  line-height: 34px;
  text-align: center;
  display: block;
  border: 1px solid #b3b3b3;
  font-size: 14px;
  border-radius: 17px;
  color: #7e7e7e;
}
.recruit ul li:hover h4 a{
	color: #fff;
	border-color: #fff;
}
/*model*/
.model{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 99999;
	display: none;
}
.model-address{
	position: relative;
	width: 1180px;
	height: 566px;
	margin: 100px auto;
}
.model-close{
	position: absolute;
	right: -15px;
	top: -15px;
}
.model-close img{
	width: 30px;
	height: 30px;
}
.car__map{
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding: 22px;
}
.car__map__area{
	height: 70px;
	line-height: 70px;
}
.car__map__area span{
	font-size: 16px;
	color: #333;
	margin-right: 20px;
	float: left;
}
.area{
	float: left;
	margin-top: 17px;
}
.area li{
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	box-sizing: border-box;
	color: #00528c;
	font-size: 16px;
	border: 1px solid #00528c;
	margin-left: 18px;
	float: left;
}
.area li.active,.area li:hover{
	background-color: #00528c;
	color: #fff;
}
.map{
	display: flex;
	display: -webkit-flex;
	/*margin-top: 20px;*/
}
.map li:last-child{
	border-bottom: 1px solid #e5e5e5;
}
.map__lf{
	flex: 0 0 280px;
	width: 280px;
	background-color: #f5f5f5;
	overflow-y: auto;
	height: 554px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.map__lf li{
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding: 16px 20px;
}
.map__lf li:last-child{
	border-bottom: 0;
}
.map__lf li:hover{
	border-left: 2px solid #00528c;
	background-color: #fff;
}
.map__lf li .arrow{
	font-size: 20px;
	color: #d4d4d4;
	float: left;
	margin-right: 10px;
}
.map__lf li .page{
	color: #999;
	float: right;
}
.map__lf li .page i{
	font-style: normal;
	color: #333;
}
.map__lf li:last-child{
	padding: 0 20px;
	line-height: 42px;
}
.map__title{
	font-size: 16px;
	color: #333;
	font-weight: normal;
}
.map__title span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #c4c4c4;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	border-radius: 4px;
	margin-right: 8px;
}
.map__lf li:hover .map__title span{
	background-color: #00528c;
}
.map__address{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	color: #999;
	box-sizing: border-box;
	padding-left: 28px;
}
.map__phone{
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	padding-left: 28px;
}
.map__img{
	flex: 1;
	box-sizing: border-box;
	/*padding-left: 22px;*/
	height: 554px;
}
.map__img img{
	width: 100%;
	height: 510px;;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.times {display:block;}/*鬥門�茨ｼ梧�台ｻｬ隕∝�帛ｻｺ荳�荳ｪ螳ｹ蝎ｨclass*/
.times dl {margin-left: 110px;border-left:2px solid #ddd;}/*蛻ｩ逕ｨul譬�遲ｾ逧�迚ｹ諤ｧ�ｼ瑚ｮｾ鄂ｮ螟冶ｾｹ譯�蟾ｦ遘ｻ25px�ｼ悟ｷｦ霎ｹ霎ｹ譯�譏ｯ2px邊礼噪螳槫ｿ�郤ｿ�ｼ碁｢懆牡荳�闊ｬ隕∵ｵ�荳�轤ｹ*/
.times dl dd {width:100%;margin-left:-12px;line-height:20px;font-weight:narmal;margin-top: 20px;}/*荳�闊ｬ諠�蜀ｵ�ｼ碁�夊ｿ㌫i譬�遲ｾ謗ｧ蛻ｶ蝨�轤ｹ蝗槫芦譌ｶ髣ｴ郤ｿ荳奇ｼ檎┯蜷取而蛻ｶ隕∝�ｺ邇ｰ逧�譁�蟄怜､ｧ蟆丞柱譏ｯ蜷ｦ邊嶺ｽ�*/
.times dl dd b {width:16px;height:16px;background:#fff;border:2px solid #ddd;margin:3px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:6px;overflow:hidden;display:inline-block;float:left;}/*蛻ｩ逕ｨ螟�逅�蜉�邊嶺ｻ･螟匁ｲ｡譛牙�ｶ螳�迚ｹ蛻ｫ螻樊�ｧb譬�遲ｾ蛛壽慮髣ｴ霓ｴ逧�蝨�轤ｹ縲�*/
.times dl dd span {/*padding-left:7px;*/font-size: 24px;line-height:24px;color:#929498;margin-left: -122px;font-family: Arial, Helvetica, sans-serif;}/*隶ｾ鄂ｮspan譬�遲ｾ逧�螻樊�ｧ�ｼ瑚ｮｩ螳�譚･蛛壽慮髣ｴ譏ｾ遉ｺ�ｼ悟刈荳�轤ｹ霎ｹ霍晢ｼ御ｽｿ譌ｶ髣ｴ譏ｾ遉ｺ遖ｻ譌ｶ髣ｴ郤ｿ霑應ｸ�轤ｹ*/
.times dl dd:hover b {border:2px solid #001E5F;}/*豕ｨ諢剰ｿ吩ｸ�陦鯉ｼ悟燕髱｢逧�li譬�遲ｾ蜷朱擇蜉�莠�荳�荳ｪ:hover莨ｪ螻樊�ｧ�ｼ梧э諤晄弍鮠�譬�遘ｻ荳頑擂�ｼ梧ｿ�豢ｻ蜷朱擇逧�螻樊�ｧ�ｼ瑚ｿ呎�ｷ蜿ｯ莉･隶ｾ鄂ｮ鮠�譬�遘ｻ蜉ｨ蛻ｰ謨ｴ荳ｪ譌ｶ髣ｴ闌�蝗ｴ逧�譌ｶ蛟呻ｼ梧慮髣ｴ轤ｹ蜥梧慮髣ｴ譏ｾ遉ｺ莨壼序濶ｲ*/
.times dl dd:hover span {color:#001E5F;}/*蜷御ｸ�*/
.times dl dd p {padding-left:28px;font-size:14px;line-height:25px;color: #555;    margin-top: 2px;}/*霑咎㈹蛻ｩ逕ｨ谿ｵ關ｽ譬�遲ｾp蛛壽枚蟄嶺ｻ狗ｻ�*/
.times dl dd:hover p{
	color:#001E5F;
}



.wthree_testimonials_grid_pos img {
    border-radius: 25%;
}
.wthree_testimonials_grid_main {
    margin: 0 auto;
    background: #EDEDED;
    padding: 5em;
	width: 80%;
}
.wthree_testimonials_grid img {
    padding: 0 .5em;
}
.wthree_testimonials_grid p {
    margin: 1em 0 0;
}
.wthree_testimonials_grid1 h5 {
    font-size: 1em;
    color: #f65a3a;
    margin: 1.5em 0 1em;
}
.wthree_testimonials_grid1 p{
	color:#212121;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
    padding: 0;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:50px;
	height:50px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	top:46% !important;
}
.nbs-flexisel-nav-left {
	left: 8%;
    background:url(../images/right.png) no-repeat 10px 11px #001E5F;
}
.nbs-flexisel-nav-right {
	right: 8%;
	background:url(../images/left.png) no-repeat 14px 12px #001E5F;
}


.met-index-body {
    padding: 70px 0px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.met-index-about .about_img img {
    width: 100%;
    padding-bottom: 20px;
}

.met-index-about .about_cont h3, .met-index-about .about_cont p {
    text-align: left;
    width: 100%;
}
.met-index-body h3 {
    font-size: 24px;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    color: #001E5F;
    font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
    text-shadow: rgba(0,0,0,.15) 0 0 1px;
    font-weight: 400;
    line-height: 1.2;
}

.met-index-body p.desc {
    font-size: 13px;
    text-align: center;
    width: 80%;
    color: #848484;
    margin: 0px auto;
    margin-bottom: 10px;
    font-family: "Microsoft YaHei";
    letter-spacing: 1px;
}

.met-index-about .about_cont h3, .met-index-about .about_cont p {
    text-align: left;
    width: 100%;
}

.met-index-product {
    text-align: center;
        margin-right: -10px;
    overflow: hidden;
    padding-bottom: 40px;
}

.met-index-about .met-editor {
    padding: 0;
    color: #848484;
    font-size: 15px;
    margin-top: 12px;
    background: none;
    line-height: 28px;
}

.more {
    display: block;
    width: 15%;
    height: 34px;
    border-radius: 0px;
    background-color: #fff;
    line-height: 34px;
    border: #E4E4E4 1px solid;
    color: #787878;
    font-size: 12px;
    text-transform: uppercase;
    margin: 25px 0;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    outline: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.widget {
    margin-right: 10px;
    background: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 30px;
}

.widget h4 a {
    color: #666;
    font-size: 16px;
}

.widget h4 h5 {
    color: #666;
    font-size: 16px;
}

.widget h4 p {
    padding-top: 5px;
    margin: 0;
    font-size: 14px;
    color: #848484;
}
.widget .title-p {
    color: #666;
    font-size: 16px;
    padding-top: 0;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-out;
    z-index: 2;
}

figure {
    margin: 0;
}
.cover {
    overflow: hidden;
}

.widget .cover {
    width: 100%;
}

.widget .widget-header {
    border-radius: 0;
}

.widget-title {
    margin-top: 0;
    color: #37474f;
    text-transform: capitalize;
}

.widget .widget-title {
    padding: 20px 12px 20px 0px;
   /* border-bottom: 1px solid #E0E0E0;*/
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
    font-size: 15px;
    text-align: left;
    height: 150px;
}

.met-index-team {
    padding: 50px;
    background: #fff
}

.met-index-team .slick-dots {
    bottom: -50px
}

.met-index-team .team_bg {
    padding: 80px;
    position: relative
}

.met-index-team .team_bg .bg_img {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    height: 100%
}

@media (max-width: 991px) {
    .met-index-team .team_bg {
        padding:20px 0
    }
}

.met-index-team .slick-dots .slick-active button:before {
    background-color: #BCBCBC;
    border: 1px solid #BCBCBC;
    transition: all ease-out 0.3s
}

.met-index-team .slick-dots li button:before {
    width: 10px;
    height: 10px;
    border: rgba(123,123,123,0.8) 1px solid;
    border-radius: 10px;
    color: transparent;
    transition: all ease-out 0.3s;
    opacity: 1
}

.met-index-team .container {
    height: 484px
}

.met-index-team .team_item {
    height: 484px;
    margin-right: 30px;
    background: #fff
}

@media (max-width: 991px) {
    .met-index-team .team_item {
        margin-right:15px;
        margin-left: 15px
    }
}

.met-index-team .team_item a {
    display: block;
    max-height: 220px;
    overflow: hidden
}

.met-index-team .team_item a img {
    width: 100%
}

.met-index-team .team_item .team_cont {
    margin: 30px 30px 10px
}

.met-index-team .team_item .team_cont .team_title {
    font-size: 20px;
    color: #474747
}

.met-index-team .team_item .team_cont .team_keywords {
    color: #a5a5a5;
    font-size: 14px
}

.met-index-team .team_item .team_cont .team_desc {
    font-size: 13px;
    max-height: 90px;
    overflow: hidden;
    color: #848484
}

.met-index-team .team_item .team_cont .team_more {
    display: block;
    width: 100%;
    height: 34px;
    border-radius: 0px;
    background-color: #fff;
    line-height: 34px;
    border: #E4E4E4 1px solid;
    color: #787878;
    font-size: 12px;
    text-transform: uppercase;
    margin: 30px 0;
    text-align: center
}

.met-index-team .team_item .team_cont .team_more:hover {
    background: #505050;
    border-color: #505050;
    color: #fff;
    text-decoration: none;
    transition: all ease-out 0.3s
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

    /*譁ｰ髣ｻcss*/
	.poster-main{
		position: relative;
		margin: 50px auto;
		margin-top: 70px;
		padding-bottom: 180px;
		
	}
	.poster-main .poster-list .poster-item{
		position: absolute;
		left: 0;
		top: 0;
		
	}
	.poster-main .poster-btn{
		position: absolute;
		top: 0;
		cursor: pointer;
	}
	.poster-main .poster-prev-btn{
		left: 0;
		background: url("../images/btn_l.png") no-repeat center center;
	}
	.poster-main .poster-next-btn{
		right: 0;
		background: url("../images/btn_r.png") no-repeat center center;
	}
	.poster-info {
		
		text-align: center;
		background: #fff;
	}
	.poster-info  .poster_title {
	      margin-top: 40px;
    		font-size: 20px;
    		color: #474747;
	}
	.poster-info  .poster_content{
		font-size: 14px;
    		max-height: 90px;
    		overflow: hidden;
    		color: #848484;
    		margin-top: 20px;
    		padding-bottom: 40px;
	}
	
	
	/*譁ｰ髣ｻ*/
	.info-box{background:center; background-size:cover; padding:60px 0; position:relative; overflow:hidden;}
.info-box:before{content:''; position:absolute; background:#001E5F; height:100%; width:500px; right:100%; top:0; z-index:8;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
.info-box:after{content:''; position:absolute; background:#001E5F; height:100%; width:500px; left:100%; bottom:0; z-index:9;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);}
@media (max-width:1199px){
.info-box:before{height:50%;}
.info-box:after{height:50%;} }
.info-box>div{position:relative; z-index:10;}
.info-list{background:#fff; margin:30px 0;}
.info-top{padding:25px 20px; position:relative;}
.info-top a.tit{color: #474747;font-size:18px; margin-bottom:8px; display:block; opacity:1; visibility:visible;
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;
white-space:nowrap; overflow:hidden; padding-right:70px; text-overflow:ellipsis;}
.info-top.active a.tit,
.info-top:hover a.tit{transform:translateY(-30px); -moz-transform:translateY(-30px); -ms-transform:translateY(-30px);
-o-transform:translateY(-30px); -webkit-transform:translateY(-30px); opacity:0; visibility:hidden;}
.info-top a.img{display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:center no-repeat; background-size:cover;
visibility:hidden; opacity:0; transform:scale(.4,.4); -moz-transform:scale(.4,.4); z-index:3;
-ms-transform:scale(.4,.4); -o-transform:scale(.4,.4); -webkit-transform:scale(.4,.4);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-top.active a.img,
.info-top:hover a.img{visibility:visible; opacity:1; transform:scale(1,1); -moz-transform:scale(1,1);
-ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
.info-top p{font-size: 14px; color: #848484;opacity:.5; margin:0; height:112px; overflow:hidden; visibility:visible;
transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; -webkit-transition:.2s;}
.info-top.active p,
.info-top:hover p{transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); 
-o-transform:translateY(30px); -webkit-transform:translateY(30px); opacity:0; visibility:hidden;}
.info-top i{background:#001E5F; text-align:center; z-index:4; font-style:normal; 
position:absolute; right:20px; top:-20px; line-height:1.3; padding:8px;}
.info-top i b{color:#fff; font-size:28px; display:block;}
.info-top i u{color:#fff; text-decoration:none; display:block; font-size:14px;}
.info-bottom{border-top:1px solid #eee;}
.info-bottom a{font-size:12px; text-align:right; display:block; padding:15px 20px;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-bottom a:before{width:22px; height:1px; background:#555; display:inline-block; content:''; margin:0 30px 4px 0;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.info-bottom a:hover{background:#001E5F; color:#fff;}
.info-bottom a:hover:before{background:#fff;}
@media (max-width:1599px){
.info-box{padding:50px 0;}
.info-top a.tit{font-size:20px;}
.info-top p{height:104px;} }
@media (max-width:1199px){
.info-box{padding:40px 0;}
.info-top a.tit{font-size:20px;}
.info-top p{height:96px;} }
@media (max-width:767px){
.info-box{padding:30px 0;}
.info-top p{height:auto;} }


.met_pager{margin-top:20px; text-align:center;}
.met_pager *{display:inline-block;}
.met_pager a{padding:7px 15px; min-width:40px; border:1px solid #e4eaec; border-right:none; background:#fff; text-align:center; color:#76838f;}
.met_pager a:hover{background:#f5f5f5; text-decoration:none;}
.met_pager a.NextA{border-right:1px solid #e4eaec;}
.met_pager .PreSpan,
.met_pager .NextSpan{padding:9px 15px; border:1px solid #e4eaec; background:#fff; color:#ccd5db; cursor:default;}
.met_pager .firstPage,
.met_pager .lastPage{height:28px; line-height:28px;}
.met_pager a.Ahover{border-color:#001E5F; background:#001E5F; color:#fff; cursor:default;}
.met_pager a.Ahover:hover{border-color:#001E5F; background:#001E5F; color:#fff;}
.met_pager a{text-decoration:none;}
.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover{text-decoration:none;}
.met_pager .PageText{display:none; margin-left:10px; color:#aaa;}
.met_pager input{display:none;}
.pager li{width:49%; display:inline-block;}
.pager li a{max-width:100%;}
.met-scroll-top{position:fixed; right:10px; bottom:80px; z-index:10;}
.flex{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:flex;}
.less-flex-vm{-webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.overflow-visible{overflow:visible!important;}


.widget-shadow {
 /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
}
.widget {
  border-radius: 3px;
}
.widget .widget-header {
  border-radius: 3px 3px 0 0;
}
.widget .widget-header:last-child {
  border-radius: inherit;
}
.widget .widget-body:last-child {
  border-radius: 0 0 3px 3px;
}
.widget .widget-body:last-child .widget-body-footer {
  border-radius: 0 0 3px 3px;
}
.widget .widget-footer {
  border-radius: 0 0 3px 3px;
}
.widget .widget-footer:first-child {
  border-radiu: inherit;
}
.widget-body {
  position: relative;
  padding: 30px 25px;
}
.widget-body-footer {
  margin-top: 30px;
}
.widget-body-footer:before,
.widget-body-footer:after {
  display: table;
  content: " ";
}
.widget-body-footer:after {
  clear: both;
}
.widget-content ul {
  padding: 0;
  margin: 0;
}
.widget-content li {
  list-style: none;
}
.widget-title {
  margin-top: 0;
  color: #37474f;
  text-transform: capitalize;
}
div.widget-title {
  font-size: 22px;
}
.overlay-panel .widget-title {
  color: #fff;
}
.widget > .widget-title {
  padding: 12px 5px;
}
.widget-metas {
  font-size: 12px;
  color: #a3afb7;
}
.widget-metas.type-link > a {
  position: relative;
  display: inline-block;
  padding: 3px 5px;
  color: #a3afb7;
}
.widget-metas.type-link > a:first-child {
  padding-left: 0;
}
.widget-metas.type-link > a:hover {
  color: #ccd5db;
}
.widget-metas.type-link > a + a:before {
  position: absolute;
  top: 10px;
  left: -2px;
  width: 3px;
  height: 3px;
  content: '';
  background-color: #a3afb7;
  border-radius: 50%;
}
.overlay-background .widget-time {
  color: #fff;
  opacity: .8;
}
.widget-category {
  font-size: 16px;
}
.widget-actions {
  margin-top: 10px;
  text-align: right;
}
.widget-actions a {
  display: inline-block;
  margin-right: 10px;
  color: #a3afb7;
  vertical-align: middle;
}
.widget-actions a.icon,
.widget-actions a .icon {
  text-decoration: none;
}
.widget-actions a.icon + span,
.widget-actions a .icon + span {
  margin-left: 2px;
}
.widget-actions a.active,
.widget-actions a:hover,
.widget-actions a:focus {
  color: #ccd5db;
  text-decoration: none;
}
.widget-actions a:last-child {
  margin-right: 0;
}
.widget-actions-sidebar {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
}
.widget-actions-sidebar a {
  display: inline-block;
  width: 100%;
  height: 60px;
  margin-right: 0;
  text-align: center;
  border-right: 1px solid #e4eaec;
}
.widget-actions-sidebar a:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.widget-actions-sidebar a + a {
  border-top: 1px solid #e4eaec;
}
.widget-actions-sidebar + .widget-content {
  margin-left: 80px;
}
.widget-watermark {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1;
  opacity: .1;
}
.widget-watermark.darker {
  color: black;
}
.widget-watermark.lighter {
  color: white;
}
.widget-divider:after {
  display: block;
  width: 20px;
  height: 2px;
  margin: 15px auto;
  content: "";
  background-color: #fff;
}
.widget-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
}
.widget-left + .widget-body {
  width: 60%;
  margin-left: 40%;
}
@media (max-width: 767px) {
  .widget-left {
    position: relative;
    width: 100%;
    height: 320px;
  }
  .widget-left + .widget-body {
    width: 100%;
    margin-left: 0;
  }
}


.widget .widget-header{border-radius:0}
.widget .widget-header a{display:block;position:relative}
.widget .widget-header a:after{content:'+';width:50px;height:50px;line-height:50px;margin:0 auto;margin-left:-26px;margin-top:0px;display:inline-block;position:absolute;top:0%;left:50%;z-index:10;border-radius:50px;border:1px solid rgba(255,255,255,0.5);transition:all 0.6s cubic-bezier(0.17,0.84,0.44,1) 0s;opacity:0;color:#fff;font-size:40px;text-align:center;font-family:"Times New Roman","蠕ｮ霓ｯ髮�鮟�"}
.widget .widget-header .mask{position:absolute;width:100%;height:100%;transition:all 0.5s ease-out;z-index:2}
.widget .widget-header:hover .mask{background:rgba(0,0,0,0.5);transition:all 0.5s ease-out}
.widget .widget-header:hover a:after{top:35%;opacity:1}
.widget .widget-header:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:all 0.6s cubic-bezier(0.17,0.84,0.44,1) 0s}
.widget .widget-header img{transition:all 0.6s cubic-bezier(0.17,0.84,0.44,1) 0s;width:100%}

.companyblocks{
	width: 100%;
    margin: 0;
    margin-top: 4.7em;
}

.companyblocks .companylogo{
	width: 20%;
	text-align: center;
	float: left;
	border-right: 0.3px solid rgba(106, 106, 106,0.3);
}

.companyblocks .companycontent{
	width: 80%;
	float: left;
}

.companyblocks .companycontent p{
    font-size: 16px;
    margin-left: 30px;
    margin-bottom: 0px;
}
    
.blocks {
	width: 100%;
    margin: 0;
    margin-top: 2em;
}

.blocks .items {
	text-align: center;
}

.blocks dd {
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 50%;
    margin-top: 2em;
}

.blocks img {
    width: 85%;
    
}
.blocks p {
    font-size: 15px;
    margin-top: 5px;
}
.valueblocks {
	width: 100%;
    margin: 0;
    margin-top: 5em;
}
.valueblocks .valueblockscontents {
	width: 50%;
	float: left;
}
.valueblocks .valueblockscontents  img {
	width: 100%;
}
.valueblocks .valueblockimg {
	width: 40%;
	float: left;
	height: 150px;
}

.valueblocks img{
	width: 100%;
}

.contents .contentslf{
    width: 45%;
    float: left;
    margin-right: 5px;
}

.contents .contentsrt{
	margin-left: 280px;
}
.contents h1{
	color: #001E5F;
    font-size: 24px;
    font-weight: normal;
    line-height: 15px;
}
.contents .contentssecond {
	margin-top: 60px;
}
.contents .contentsthird {
	margin-top: 30px;
}
.vchart {
    top: 0;
    background: url(../images/vchat.png) no-repeat center;
    background-size: 50%;
    width: 130px;
    height: 150px;
    display: block;
    /*margin-left: 21px;*/
    margin-top: -22px;

}
.vcharttips {
    position: absolute;
    margin-top: 15px;
    margin-left: 7px;
    display: none;

}


.news{
	box-sizing: border-box;
	/*margin: 50px auto;*/
}
.news-content{
	box-sizing: border-box;
	padding-top: 30px;
}

.news-content .news__list__big dd{
	width: 33.3%;
	float: left;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 70px;
}

.news-content .news__list__big h2{
    margin: 15px 0 0 0;
    color: #4e4e4e;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    transition: all ease-out 0.2s;
    border-bottom: 1px solid #001E5F;
    white-space: nowrap;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content .news__list__big .detail{
	padding-left: 30px;
	position: relative;
}

.detail:hover font {
    background-color: rgba(0,0,0,.5);
    width: 330px;
    height: 326px;
    z-index: 99;
    position: absolute;
    border-radius: 5px;
    top:0;
}
.detail a:hover{
	color: #fff !important;
}
.detail:hover .btn-slide{
	color: #fff;
	opacity: 1;
}

.detail .btn-slide {
    position: absolute;
    top: 80px;
    left: 125px;
    box-sizing: border-box;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 37px auto;
    border-radius: 5px;
    background: #001E5F;
    opacity: 0;
    transition: .3s;
    z-index: 999;
}

.news__detail__des__big{
	flex: 1;
	box-sizing: border-box;
/*	padding-left: 13px;*/
	font-size: 13px;
	color: #848484;
	line-height: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 330px;
	margin-top: 10px;
}


.news__detail__big__img {
    width: 330px;
    height: 200px;
    flex: 0 0 100px;
    border-radius: 5px;
}

.news-content .news__list dd{
	width: 50%;
	float: left;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 50px;
}
.news__list dd .date{
	width: 106px;
	flex: 0 0 106px;
	box-sizing: border-box;
	padding-right: 40px;
}
.news__list dd .date span{
	display: block;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 26px;
}
.news__list dd .date span:first-child{
	background-color: #001E5F;
	color: #fff;
}
.news__list dd .date span:last-child{
	background-color: #fff;
	color: #666;
}
.news__list dd .detail{
	flex: 1;
	box-sizing: border-box;
	padding-right: 38px;
	padding-bottom: 10px;
      height: 13em;
}
.news__list dd .detail h2{
	color: #4e4e4e;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 0;
}
.news__list dd .detail small{
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.news__detail{
	display: flex;
	display: -webkit-flex;
}
.news__detail__img{
	width: 100px;
	height: 100px;
	flex: 0 0 100px;
}
.news__detail__des{
	flex: 1;
	box-sizing: border-box;
/*	padding-left: 13px;*/
	font-size: 14px;
	color: #999;
	line-height: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}




.process-list-l {
    float: left;
    border-right: 1px solid #D6D6D6;
    margin: 0 100px 0 0;
    padding: 0 66px 50px 0;
}

.process-list {
    width: 415px;
    color: #6E7173;
    margin-bottom: 0;
}
.posr {
    position: relative;
}
.process-list dt, .team-position {
    border-bottom: 1px solid #D6D6D6;
}
.process-list dt {
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
    padding: 0 0 0 20px;
}
.process-list-l dt em {
    position: absolute;
    left: 379px;
    top: 33px;
    width: 1px;
    height: 97px;
    background: #D6D6D6;
    transform: rotate3d(0,0,1,-40deg);
}

.process-list dd {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 0 20px;
    color: #85888B;
}
.process-list-r {
    float: right;
    left: -1px;
    border-left: 1px solid #D6D6D6;
    padding: 0 0 50px 66px;
    
}
.process-list-r dt em {
    position: absolute;
    left: 35px;
    top: 33px;
    width: 1px;
    height: 96px;
    background: #D6D6D6;
    transform: rotate3d(0,0,1,40deg);
}

.process-list-l dt em, .process-list-l dt:after, .process-list-r dt em, .process-list-r dt:after, .related-link em, .team-info em, .team-list dt em {
    content: '';
}

.process-list-l dt:after{position:absolute;right:-6px;top:116px;width:10px;height:10px;border-radius:10px;background-color:#D2D3D3;}
.process-list-r dt:after{position:absolute;left:-5px;top:116px;width:10px;height:10px;border-radius:10px;background-color:#D2D3D3;}
.met-page-ajax{height:575px;}