/* 1 Typography

----------------------------------------------------------------------------- */





html {

	font-family: "微软雅黑" ,'Open Sans', sans-serif !important;

}



body {

	font-family: "微软雅黑" ,'Open Sans', sans-serif !important;
	min-width: 1316px;

}



.copyrights{

	text-indent:-9999px;

	height:0;

	line-height:0;

	font-size:0;

	overflow:hidden;

}



.pm_0{

    padding: 0;

    margin: 0;

	color: #777;

}



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.title {

		margin-top: 0;

	}

}



.sidebar .title {

	margin-bottom: 15px;

	margin-top: 20px;

	position: relative;

}

.page-header {

	margin-top: 20px;

	padding-top: 20px;

}

p {

	margin-bottom: 20px;

}

a {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

    text-decoration: none;

}

a:hover {

	color: #00a9e0;

    text-decoration: none;

}

a:focus,

a:active {

	outline: none;

    text-decoration: none;

}



blockquote {

	border-left: none;

	display: block;

	margin: 20px auto 20px;

	font-size: 16px;

	position: relative;

	padding: 10px 10px 10px 0px;

	margin-left: 40px;

}

blockquote:after {

	content: "“";

	width: 25px;

	height: 25px;

	line-height: 64px;

	font-size: 64px;

	font-family:"微软雅黑" ,'PT Serif', serif;

	position: absolute;

	top: 12px;

	left: -45px;

}

.blockquote:before {

	font-family: "Microsoft YaHei" ,'PT Serif', serif;

	content: "“";

	font-size: 40px;

}

blockquote.inline {

	padding: 0;

}

blockquote.inline p {

	width: 60%;

	display: inline-block;

	margin: 0;

}

blockquote.inline footer {

	width: 37%;

	display: inline-block;

	padding-left: 5px;

}

blockquote.inline:after {

	top: 0;

}

mark,

.mark {

	background-color: #00a9e0;

	color: #ffffff;

}

pre {

	padding: 20px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.text-muted {

	color: #999999;

}

.text-default {

	color: #00a9e0;

}

.well {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	background-color: #f3f3f3;

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);

}

.icons-page i {

	color: #333;

	font-size: 20px;

}



/* Lists

---------------------------------- */

/* ul {

	list-style: square;

} */

.list-icons,

.list {

	list-style: none;

	padding: 25px;

}

.list-icons li,

.list li {

	padding: 5px 0;

}

.list-icons li i {

	width: 25px;

	text-align: center;

}

.list li .vertical-divider {

	padding-right: 15px;

	position: relative;

}

.list li .vertical-divider:after {

	position: absolute;

	content: "";

	height: 60%;

	width: 1px;

	background-color: #CECECE;

	right: 9px;

	top: 5px;

}

.list-inline {

	margin-top: 9px;

	margin-bottom: 8px;

}

.big_tit{

	font-size:25px;

	font-weight: bold;

}

.big_tit b{

	padding:0 13px;

}











/* Tables

---------------------------------- */

.table:not(.table-bordered) {

	border-bottom: 2px solid #f3f3f3;

}

.table > thead > tr > th {

	vertical-align: bottom;

	border-bottom: 1px solid #00a9e0;

	background-color: #00a9e0;

	color: #fff;

}

.table-bordered {

	border-color: #00a9e0;

}

tbody {

	background-color: #ffffff;

}

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > tbody > tr > td,

.table > tfoot > tr > td {

	padding: 8px 15px;

	border-top: 1px solid #f3f3f3;

}

.table-striped tbody {

	background-color: #fafafa;

}

.table-striped > tbody > tr:nth-child(odd) > td,

.table-striped > tbody > tr:nth-child(odd) > th {

	background-color: #f1f1f1;

}

.table-striped.table > tbody > tr > td {

	border-color: #e8e8e8;

}

.table-bordered > thead > tr > th,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > tbody > tr > td,

.table-bordered > tfoot > tr > td {

	border-color: #f3f3f3;

}

.dl-horizontal dd {

	margin-bottom: 10px;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.dl-horizontal dd {

		margin-left: 150px;

	}

	.dl-horizontal dt {

		max-width: 120px;

	}

}



/* 2 Layout

----------------------------------------------------------------------------- */

.page-wrapper {

	background-color: #ffffff;

}

.header-top {

	background-color: #3c3c3c;

	/*语言框阴影*/

	/*border-bottom: 1px solid #dadada;*/

	/*-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;*/

	/*box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;*/

}

.header-top.banner {

	padding: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	border-bottom: none;

}

.header {

	background-color: #fff;

	/* box-sizing: content-box; */

}

.header.header-small {

	padding: 10px 0;

}



.page-intro {

	padding: 10px 0;

	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;

	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;

	background-color: #fafafa;

	border-bottom: 1px solid #dadada;

}

.banner + .page-intro {

	margin-top: -56px !important;

	position: relative;

	background-color: rgba(250, 250, 250, 0.9);

	z-index: 2;

}

.page-top {

    margin-top: 50px;

    background-color: #fff;

}

.main-container {

	padding-top: 40px;

}

.full-height .main-container {

	padding-top: 220px;

}

.container-fluid {

	margin-right: auto;

	margin-left: auto;

	padding-left: 8px;

	padding-right: 8px;

	max-width: 990px;

}



.container-nav {

	margin-right: auto;

	margin-left: auto;

	padding-left: 8px;

	padding-right: 8px;

	max-width: 1200px;

}



.section {

	padding: 80px;

}



.section_h100 {

	padding: 150px 80px;

}

.section_y {

	padding: 80px 0;

}



.subfooter {

	padding: 25px 0;

	background-color: #000000;

}

.block {

	padding-bottom: 40px;

}

.sidebar .block:first-child {

	margin-top: 2px;

}



/* Boxed Layout

---------------------------------- */

.boxed .page-wrapper {

	margin-right: auto;

	margin-left: auto;

	position: relative;

	-webkit-box-shadow: 0px 0px 10px #cacaca;;

	box-shadow: 0px 0px 10px #cacaca;;

}

.pattern-1 { 

	background-image: url("../images/pattern-1.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-4 .page-wrapper,

.pattern-5 .page-wrapper,

.pattern-6 .page-wrapper,

.pattern-7 .page-wrapper,

.pattern-8 .page-wrapper,

.pattern-9 .page-wrapper { 

	-webkit-box-shadow: none;

	box-shadow: none;

}

.pattern-2 { 

	background-image: url("../images/pattern-2.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-3 { 

	background-image: url("../images/pattern-3.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-4 { 

	background-image: url("../images/pattern-4.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-5 { 

	background-image: url("../images/pattern-5.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-6 { 

	background-image: url("../images/pattern-6.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-7 { 

	background-image: url("../images/pattern-7.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-8 { 

	background-image: url("../images/pattern-8.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

.pattern-9 { 

	background-image: url("../images/pattern-9.png");

	background-repeat: repeat;

	background-position: 0 0; 

}

/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.boxed .page-wrapper {

		width: 750px;

	}

}



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.boxed .page-wrapper {

		width: 970px;

	}

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	.boxed .page-wrapper {

		width: 1170px;

	}

}



/* Backgrounds

---------------------------------- */

.light .footer {

	background-color: #f7f7f7;

	border-top: 1px solid #DDDDDD;

	border-bottom: 1px solid #d1d1d1;

	position: relative;

}

.light .subfooter {

	background-color: #e7e7e7;

}

.white-bg {

    /*产品盒子*/

	/*background-color: #ffffff !important;*/

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);

	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);

	border: none !important;

}

.header-top {

	font-size: 12px;

}

.header-top.white-bg {

	-webkit-box-shadow: none;

	box-shadow: none;

	border-bottom: 1px solid #dadada !important;

}

.gray-bg {

	background-color: #f1f1f1;

	box-shadow: 5px 5px 30px #888888 inset;

	-webkit-box-shadow: 5px 5px 30px #888888 inset;

	position: relative;

}

.gray-bg:before {

	position: absolute;

	top: 0;

	left: 0;

	background-color: transparent;

	height: 5px;

	content: "";

	width: 100%;

/* 	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);

	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13); */

}

.header.gray-bg {

	border-bottom: 1px solid #dadada;

}

.header.gray-bg,

.header.gray-bg:before {

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.dark-bg {

	background-color: #000000;

	color: #ffffff;

}

.dark-bg h1,

.dark-bg h2,

.dark-bg h3,

.dark-bg h4,

.dark-bg h5,

.dark-bg h6 {

	color: #ffffff;

}

.dark-bg a:not(.btn) {

	color: #fff;

	text-decoration: underline;

}

.dark-bg a:not(.btn):hover {

	color: #fff;

	text-decoration: none;

}

.default-bg {

	background-color: #00a9e0;

	color: #ffffff;

}

.default-bg h1,

.default-bg h2,

.default-bg h3,

.default-bg h4,

.default-bg h5,

.default-bg h6 {

	color: #ffffff;

}

.default-bg a:not(.btn) {

	color: #ffffff;

	text-decoration: underline;

}

.default-bg a:not(.btn):hover {

	color: #ffffff;

	text-decoration: none;

}

.default-bg.text-muted,

.default-bg.text-muted h1,

.default-bg.text-muted h2,

.default-bg.text-muted h3,

.default-bg.text-muted h4,

.default-bg.text-muted h5,

.default-bg.text-muted h6 {

	color: #f1f1f1;

}

.dark-bg.text-muted,

.dark-bg.text-muted h1,

.dark-bg.text-muted h2,

.dark-bg.text-muted h3,

.dark-bg.text-muted h4,

.dark-bg.text-muted h5,

.dark-bg.text-muted h6,

.gray-bg.text-muted,

.gray-bg.text-muted h1,

.gray-bg.text-muted h2,

.gray-bg.text-muted h3,

.gray-bg.text-muted h4,

.gray-bg.text-muted h5,

.gray-bg.text-muted h6 {

	color: #555;

}



/* 证书样式 */





/* /////////////////////////////////////////////////////////////////////

//  09 - Gallery

/////////////////////////////////////////////////////////////////////*/





#gallery{

    background: url(../images/about_02.jpg) no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



#screenshots .item{

    padding: 0px 0px;

    margin: 10px;

    color: #000;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-align: center;

}

.customNavigation{

    text-align: center;

    padding: 30px;

}

/*use styles below to disable ugly selection*/

.customNavigation a{

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.customNavigation a.gallery-nav {

    color: #6ecba9;

    font-size: 2em;

    margin: 0 1em;

    padding: 10px 23px;

    line-height: 0;

    border: 1px solid #6ecba9;

    border-radius: 50%;

}



.gallery-nav:hover,.gallery-nav:focus,.gallery-nav:active {

    color: #fff !important;

    background:#6ecba9;

}



/* Parallax effect

---------------------------------- */

.no-touch .light-translucent-bg,

.no-touch .dark-translucent-bg,

.no-touch .default-translucent-bg,

.no-touch .parallax {

	background-attachment: fixed !important;



}

.light-translucent-bg,

.dark-translucent-bg,

.default-translucent-bg,

.parallax {

	-webkit-background-size: cover!important;

	-moz-background-size: cover!important;

	-o-background-size: cover!important;

	background-size: cover!important;

}

.parallax {

	background-position: 50% 0;

	background-repeat: no-repeat;

	z-index: 1;

	position: relative;

	padding-top: 50px; padding-bottom:50px

}

.light-translucent-bg,

.dark-translucent-bg,

.default-translucent-bg {

	background-position: 50% 0;

	background-repeat: no-repeat;

	z-index: 1;

	position: relative;

}

.light-translucent-bg:after,

.dark-translucent-bg:after,

.default-translucent-bg:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	width: 100%;

	height: 100%;

}

.light-translucent-bg {

	color: #333;

	border-bottom: 1px solid #dadada;

	border-top: 1px solid #dadada;

}

.header + .banner > .light-translucent-bg { border-top: none; }



.slider-banner-container .light-translucent-bg {

	border: none;

}

.light-translucent-bg .separator-2 {

	background-color: #333;

}

.light-translucent-bg:after {

	background-color: rgba(255, 255, 255, 0.7);

}

.dark-translucent-bg:after {

	background-color: rgba(0, 0, 0, 0.7);

}

.dark-translucent-bg,

.dark-translucent-bg h1,

.dark-translucent-bg h2,

.dark-translucent-bg h3,

.dark-translucent-bg h4,

.dark-translucent-bg h5,

.dark-translucent-bg h6 {

	color: #ffffff;

}

.dark-translucent-bg a:not(.btn) {

	text-decoration: underline;

	color: #ffffff;

}

.dark-translucent-bg a:not(.btn):hover {

	text-decoration: none;

	color: #ffffff;

}

.default-translucent-bg:after {

	background-color: rgba(232, 76, 61, 0.7);

}

.default-translucent-bg,

.default-translucent-bg h1,

.default-translucent-bg h2,

.default-translucent-bg h3,

.default-translucent-bg h4,

.default-translucent-bg h5,

.default-translucent-bg h6 {

	color: #ffffff;

}

.default-translucent-bg a:not(.btn) {

	text-decoration: underline;

	color: #ffffff;

}

.default-translucent-bg a:not(.btn):hover {

	text-decoration: none;

	color: #ffffff;

}

.light-translucent-bg .container,

.dark-translucent-bg .container,

.default-translucent-bg .container {

	z-index: 3;

	position: relative;

}

.parallax-bg {

	background: url("../images/index_kp_06.jpg") 50% 0px no-repeat;

	background-size: 100%;

}

.parallax-bg-2 {

	background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;

}

.parallax-bg-3 {

	

}



.kp_bg {

	background: url("../images/index_kp_13-14.jpg") no-repeat;

}



/* Custom Grid

---------------------------------- */

.grid-space-20 {

	margin-right: -10.5px;

	margin-left: -10.5px;

}

.grid-space-20 .col-lg-6,

.grid-space-20 .col-lg-4,

.grid-space-20 .col-lg-3,

.grid-space-20 .col-md-6,

.grid-space-20 .col-md-4,

.grid-space-20 .col-md-3,

.grid-space-20 .col-sm-6,

.grid-space-20 .col-sm-4,

.grid-space-20 .col-sm-3,

.grid-space-20 .col-xs-6,

.grid-space-20 .col-xs-4,

.grid-space-20 .col-xs-3 {

	padding-left: 10px;

	padding-right: 10px;

}

.grid-space-10 {

	margin-right: -6px;

	margin-left: -6px;

}

.grid-space-10 .col-lg-6,

.grid-space-10 .col-lg-4,

.grid-space-10 .col-lg-3,

.grid-space-10 .col-md-6,

.grid-space-10 .col-md-4,

.grid-space-10 .col-md-3,

.grid-space-10 .col-sm-6,

.grid-space-10 .col-sm-4,

.grid-space-10 .col-sm-3,

.grid-space-10 .col-xs-6,

.grid-space-10 .col-xs-4,

.grid-space-10 .col-xs-3 {

	padding-left: 5px;

	padding-right: 5px;

}

.grid-space-0 {

	margin-right: 0;

	margin-left: 0;

}

.grid-space-0 .col-lg-6,

.grid-space-0 .col-lg-4,

.grid-space-0 .col-lg-3,

.grid-space-0 .col-md-6,

.grid-space-0 .col-md-4,

.grid-space-0 .col-md-3,

.grid-space-0 .col-sm-6,

.grid-space-0 .col-sm-4,

.grid-space-0 .col-sm-3,

.grid-space-0 .col-xs-6,

.grid-space-0 .col-xs-4,

.grid-space-0 .col-xs-3 {

	padding-left: 0;

	padding-right: 0;

}

.grid-space-0>div {

	margin-bottom: 0;

	padding-bottom: 0;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.footer-content {

		margin: 10px 0;

	}

}



/* Fixed navigation

---------------------------------- */



.col-md-2 + .col-md-10 .mega-menu .dropdown-menu {

	/*left: -293px;*/

	/*width: 1140px;*/

	position: fixed;

	top: 120px;

	left: 0;

	width: 100%;

}



.fixed-header-on .header.fixed {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 1000;

	opacity: 0;

	filter: alpha(opacity=0);

	background-color: #fff;



}

.fixed-header-on.boxed .header.fixed {

	left: auto;

}

/* .fixed-header-on .header .logo {

	-webkit-transform: scale(0.80);

	-moz-transform: scale(0.80);

	-ms-transform: scale(0.80);

	-o-transform: scale(0.80);

	transform: scale(0.80);

	margin: 2px 0 -4px 0;

	display: none;

} */



.nav_logo{

	display: inline-block;

	width: 165px;

	height: 50px;

	background: url(../images/logo_black.png) no-repeat;

}



.fixed-header-on .header .nav_logo {

	display: inline-block;

	width: 165px;

	height: 50px;

	background: url(../images/logo_black.png) no-repeat;

}



.fixed-header-on .header .site-slogan {

	display: none;

}

.fixed-header-on .header .navbar.navbar-default {

	margin: 0;

}

.fixed-header-on .header.fixed.animated {

	-webkit-animation-duration: 0.5s;

	animation-duration: 0.5s;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.fixed-header-on.boxed .header.fixed {

		width: 750px;

	}

}



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.fixed-header-on .header .logo {

		margin-top: 35px;

		display: block;

	}

	.fixed-header-on.boxed .header.fixed {

		width: 970px;

	}

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	.fixed-header-on.boxed .header.fixed {

		width: 1170px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	/* Fixed header position */

	.header.fixed {

		position: relative !important;

		top: auto !important;

	}

}



/* Miscellaneous

---------------------------------- */

.pl-5 {

	padding-left: 5px;

}

.pl-10 {

	padding-left: 10px;

}

.pl-20 {

	padding-left: 20px;

}

.pr-5 {

	padding-right: 5px;

}

.pr-10 {

	padding-right: 10px;

}

.pr-20 {

	padding-right: 20px;

}

.mt-20 {

	margin-top: 20px;

}

.mb-20 {

	margin-bottom: 20px;

}

.space {

	padding-top: 20px;

	padding-bottom: 20px;

}

.space-top {

	padding-top: 20px;

}

.space-bottom {

	padding-bottom: 20px;

}

.margin-clear {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.padding-top-clear {

	padding-top: 0 !important;

}

.padding-bottom-clear {

	padding-bottom: 0 !important;

}

.border-clear {

	border: none !important;

}

.separator {

	display: block;

	width: 60px;

	height: 5px;

	margin: 15px auto 15px;

	background-color: #1b509c;

	position: relative;

	border: 1px solid #1b509c;

}

.separator:after {

	width: 30px;

	height: 5px;

	background: #1b509c;

	position: absolute;

	top: -1px;

	left: -1px;

	content: "";

}

.separator-2 {

	display: block;

	width: 30px;

	height: 5px;

	margin: 15px 0 15px;

	background-color: #1b509c;

	position: relative;

}

.sidebar .separator {

	width: 30px;

	height: 5px;

	margin: 15px 0 20px;

	background-color: #666;

	border-color: #666;

}

.sidebar .separator:after {

	content: "";

	background-color: transparent;

}

.dark-bg .separator-2 {

	background-color: #999999;

}

.default-bg .separator-2 {

	background-color: #ebebeb;

}

.object-non-visible {

	opacity: 0;

	filter: alpha(opacity=0);

}

.object-visible,

.touch .object-non-visible {

	opacity: 1 !important;

	filter: alpha(opacity=100) !important;

}



/* Targeting only Firefox for smoothest animations */

/* @-moz-document url-prefix() {

	.object-visible,

	.touch .object-non-visible {

		-webkit-transition: opacity 0.6s ease-in-out;

		-moz-transition: opacity 0.6s ease-in-out;

		-o-transition: opacity 0.6s ease-in-out;

		-ms-transition: opacity 0.6s ease-in-out;

		transition: opacity 0.6s ease-in-out;

	}

}

.vertical-divider-left,

.vertical-divider-left-lg {

	border-left: 1px solid #eeeeee;

	padding-left: 50px;

	margin-left: 20px;

}

.vertical-divider-right,

.vertical-divider-right-lg {

	border-right: 1px solid #eeeeee;

	padding-right: 50px;

	margin-right: 20px;

}

.grid span {

	padding: 15px 5px;

	background-color: #fafafa;

	border: 1px solid #f3f3f3;

	display: block;

	text-align: center;

	margin-bottom: 10px;

} */



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.margin-top-clear {

		margin-top: 0 !important;

	}

	.margin-bottom-clear {

		margin-bottom: 0 !important;

	}

}



/* Large and Medium devices (desktops, tablets less than 1199px) */

@media (max-width:1199px) {

	/* miscellaneous */

	.portfolio-item.vertical-divider-left-lg,

	.side.vertical-divider-left-lg {

		border-left: none;

		padding-left: 0px;

		margin-left: 0px;

	}

	.portfolio-item.vertical-divider-right-lg,

	.side.vertical-divider-right-lg {

		border-right: none;

		padding-right: 0px;

		margin-right: 0px;

	}

}



/* Medium devices (desktops, tablets less than 991px) */

@media (max-width:991px) {

	/* miscellaneous */

	.portfolio-item.vertical-divider-left,

	.side.vertical-divider-left {

		border-left: none;

		padding-left: 0px;

		margin-left: 0px;

	}

	.portfolio-item.vertical-divider-right,

	.side.vertical-divider-right {

		border-right: none;

		padding-right: 0px;

		margin-right: 0px;

	}

}



/* 3 Sections

----------------------------------------------------------------------------- */

/* Footer

---------------------------------- */

.footer {

	font-size: 14px;

	color: #999999;

}

.footer h1,

.footer h2,

.footer h3,

.footer h4,

.footer h5,

.footer h6 {

	color: #999999;

}

.footer .footer-content .tv_tit {

	font-size: 22px;

	text-align: center;

}

.light .footer,

.light .footer h1,

.light .footer h2,

.light .footer h3,

.light .footer h4,

.light .footer h5,

.light .footer h6 {

	color: #666;

}



/* Subfooter

---------------------------------- */

.subfooter {

	font-size: 14px;

}

.subfooter p {

	margin: 0;

	float:right;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	/* subfooter */

	.subfooter {

		text-align: center;

	}

}



/* 4 Pages

----------------------------------------------------------------------------- */

/* Blog pages

---------------------------------- */

.blogpost {

	background-color: #fafafa;

	border: 1px solid #f3f3f3;

	margin: 0 0 70px;

	position: relative;

}

.blogpost .blogpost-body {

	padding: 20px 20px 0 20px;

	min-height: 140px;

}

.blogpost h2.title {

	margin-bottom: 0;

	margin-top: 0;

}

.blogpost .submitted {

	font-size: 12px;

	margin: 10px 0;

}

.blogpost .side {

	float: left;

	width: 80px;

}

.blogpost .post-info {

	float: left;

	top: 0;

	left: 25px;

	width: 80px;

	height: 90px;

	padding: 10px 15px;

	background-color: #00a9e0;

	color: #fff;

	text-align: center;

	z-index: 3;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.blogpost .side .post-info {

	float: none;

}

.blogpost .post-info .day {

	font-size: 34px;

	font-weight: 700;

	line-height: 1;

	display: block;

}

.blogpost .post-info .month {

	font-size: 16px;

	line-height: 1.2;

	display: inline-block;

}

.blogpost .side span.share {

	font-size: 13px;

	font-weight: 700;

	text-align: right;

	padding-top: 20px;

	display: block;

}

.blogpost .side .social-links {

	margin-top: 0;

}

.blogpost .side .social-links li {

	display: block;

	margin: 0;

}

.blogpost .side .social-links li a {

	width: 100%;

	height: auto;

	display: block;

	font-size: 20px;

	margin-bottom: 0;

	text-align: right;

	background-color: transparent;

	border-color: transparent;

	color: #00a9e0;

}

.blogpost .side .social-links li.twitter a:hover {

	background-color: transparent;

	color: #55acee;

	border-color: transparent;

}

.blogpost .side .social-links li.facebook a:hover {

	background-color: transparent;

	color: #3b5998;

	border-color: transparent;

}

.blogpost .side .social-links li.googleplus a:hover {

	background-color: transparent;

	color: #dd4b39;

	border-color: transparent;

}

.blogpost .blogpost-content {

	padding: 0 0 10px;

	margin-left: 100px;

}

.blogpost footer {

	background-color: #f1f1f1;

	padding: 12px 20px;

	border-top: 1px solid #e8e8e8;

	font-size: 14px;

	line-height: 2;

	clear: both;

}

.blogpost ul.links {

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

}

.blogpost ul.links li {

	display: inline-block;

}

.blogpost ul.links li a {

	color: #666666;

	display: inline-block;

}

.blogpost ul.links li a:hover {

	color: #00a9e0;

}

.blogpost.full {

	background-color: transparent;

	border: none;

}

.blogpost.full footer {

	border: 1px solid #e8e8e8;

}

.blogpost.full .blogpost-body {

	padding: 20px 0;

}

.blogpost.full .submitted {

	margin: 0 0 20px 0;

}

.blogpost.full .overlay-container {

	margin-bottom: 20px;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.blogpost .blogpost-content {

		margin-left: 70px;

	}

	.blogpost .side {

		width: 50px;

	}

	.blogpost .post-info {

		width: 50px;

		height: 60px;

		padding: 8px 8px;

		margin: 0 20px 5px 0;

	}

	.blogpost .post-info .day {

		font-size: 20px;

	}

	.blogpost .post-info .month {

		font-size: 11px;

		line-height: 1.2;

	}

}



/* Affix */

#affix.affix {

	position: static;

}



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	#affix.affix {

		position: fixed;

		top: 65px;

		width: 80px;

	}

	#affix.affix-bottom {

		position: absolute;

		width: 80px;

	}

}



/* Affix Menu - Sidebar */

.sidebar.affix {

	position: static;

}



/* Show and affix the side nav when space allows it */

/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.col-md-4 .sidebar.affix,

	.col-md-4 .sidebar.affix-bottom {

		width: 293px;

	}

	.col-md-3 .sidebar.affix,

	.col-md-3 .sidebar.affix-bottom {

		width: 213px;

	}

	.sidebar.affix {

		position: fixed;

		top: 20px;

	}

	.fixed-header-on .sidebar.affix {

		top: 65px;

	}

	.sidebar.affix-bottom {

		position: absolute;

	}

	.sidebar.affix-bottom .affix-menu,

	.sidebar.affix .affix-menu {

		margin-top: 0;

		margin-bottom: 0;

	}

	.affix-menu {

		padding-top: 20px;

	}

	h3.title ~ .affix-menu {

		padding-top: 0px;

	}

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	.col-md-4 .sidebar.affix,

	.col-md-4 .sidebar.affix-bottom {

		width: 390px;

	}

	.col-md-3 .sidebar.affix,

	.col-md-3 .sidebar.affix-bottom {

		width: 263px;

	}

}



/* Blog Masonry layout

---------------------------------- */

.masonry-grid .blogpost {

	margin-bottom: 30px;

}

.masonry-grid .blogpost .blogpost-body {

	padding: 15px 15px 0 15px;

}

.masonry-grid .blogpost h2.title {

	font-size: 24px;

}

.masonry-grid .blogpost .submitted {

	margin: 15px 0 10px;

}

.masonry-grid .blogpost .blogpost-content {

	margin-left: 0;

}

.masonry-grid .blogpost .post-info {

	width: 50px;

	height: 60px;

	padding: 8px 8px;

	margin: 0 20px 5px 0;

}

.masonry-grid .blogpost .post-info .day {

	font-size: 20px;

}

.masonry-grid .blogpost .post-info .month {

	font-size: 11px;

	line-height: 1.2;

}



/* Medium desktop devices and tablets */

@media (min-width:992px) and (max-width:1199px) {

	.masonry-grid .blogpost footer {

		font-size: 12px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.masonry-grid-item {

		max-width: 100%;

	}

}



/* Blog Timeline layout

---------------------------------- */

.timeline {

	position: relative;

	padding: 40px 0;

	margin-top: 40px;

}

.timeline-icon {

	position: absolute;

	display: block;

	top: 0;

	left: 50%;

	color: #f3f3f3;

	font-size: 40px;

	margin-left: -13px;

	top: -30px;

	line-height: 1;

}

.timeline .timeline-item {

	padding: 0 15px;

}

.timeline .blogpost .blogpost-body {

	padding: 15px 15px 0 15px;

}

.timeline .blogpost h2.title {

	font-size: 24px;

}

.timeline .blogpost .submitted {

	margin: 15px 0 10px;

}

.timeline .blogpost footer {

	padding: 12px 15px;

}

.timeline .blogpost .blogpost-content {

	margin-left: 0;

}

.timeline .blogpost .post-info {

	width: 50px;

	height: 60px;

	padding: 8px 8px;

	margin: 0 20px 5px 0;

}

.timeline .blogpost .post-info .day {

	font-size: 20px;

}

.timeline .blogpost .post-info .month {

	font-size: 11px;

	line-height: 1.2;

}

.timeline-date-label {

	float: none;

	clear: both;

	display: block;

	margin: 0px auto;

	text-align: center;

	margin-bottom: 80px;

	line-height: 1;

	width: 135px;

	position: relative;

	z-index: 2;

	color: #00a9e0;

}

.timeline .timeline-item.pull-right + .timeline-date-label {

	padding-top: 80px;

}

.timeline-date-label:after {

	background-color: #f3f3f3;

	height: 30px;

	width: 100%;

	position: absolute;

	bottom: -8px;

	z-index: -1;

}



/* Medium desktop devices and tablets */

@media (min-width:768px) and (max-width:1199px) {

	.timeline .blogpost footer {

		font-size: 12px;

	}

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.timeline .blogpost {

		margin-bottom: 0;

	}

	.timeline:before {

		background-color: #f3f3f3;

		width: 2px;

		height: 100%;

		content: "";

		position: absolute;

		left: 50%;

		display: block;

		margin-left: -1px;

		top: 0;

	}

	.timeline .timeline-item {

		position: relative;

		width: 50%;

		padding-left: 0;

		padding-right: 40px;

		margin-bottom: 80px;

		float: left;

		clear: left;

		z-index: 1;

	}

	.timeline .timeline-item.pull-right {

		position: relative;

		width: 50%;

		padding-left: 40px;

		padding-right: 0;

		margin-top: 80px;

		margin-bottom: 0;

		float: right;

		clear: right;

	}

	.timeline .timeline-item:after {

		content: "";

		font-family: "FontAwesome";

		right: 10px;

		background-color: #f3f3f3;

		left: auto;

		position: absolute;

		top: 20px;

		z-index: -1;

		width: 25px;

		height: 1px;

	}

	.timeline .timeline-item:before {

		content: "";

		position: absolute;

		background-color: #fff;

		border: 1px solid #00a9e0;

		height: 10px;

		width: 10px;

		-webkit-border-radius: 100%;

		-moz-border-radius: 100%;

		border-radius: 100%;

		top: 15px;

		right: -5px;

	}

	.timeline .timeline-item.pull-right:after {

		right: auto;

		left: 10px;

	}

	.timeline .timeline-item.pull-right:before {

		left: -5px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.timeline .timeline-item.pull-right {

		float: none !important;

	}

}



/* Comments

---------------------------------- */

.comments {

	margin-top: 60px;

}

.comments h2.title {

	margin-bottom: 40px;

	border-bottom: 1px solid #d2d2d2;

	padding-bottom: 10px;

}

.comment {

	font-size: 14px;

}

.comment .comment {

	margin-left: 75px;

}

.comment-avatar {

	margin-top: 5px;

	width: 55px;

	float: left;

}

.comment-content {

	margin-left: 75px;

	border-bottom: 1px solid #d2d2d2;

	margin-bottom: 40px;

}

.comment h3 {

	margin-top: 0;

	margin-bottom: 5px;

}

.comment-meta {

	margin-bottom: 15px;

	color: #999999;

	font-size: 12px;

}

.comment-meta a {

	color: #666666;

}

.comment-meta a:hover {

	text-decoration: underline;

}

.comment .btn {

	font-size: 12px;

	padding: 7px;

	min-width: 100px;

	margin-top: 5px;

	margin-bottom: -1px;

}

.comment .btn i {

	padding-right: 5px;

}



/* Portfolio

---------------------------------- */

.filters {

	margin: 0 0 30px 0;

}

.filters .nav-pills > li {

	margin-right: 2px;

	margin-bottom: 2px;

}

.filters .nav-pills > li + li {

	margin-left: 0px;

}

.text-center.filters .nav-pills > li {

	margin-right: 2px;

	margin-left: 2px;

	margin-bottom: 2px;

	display: inline-block;

	float: none;

}



.headline{

	padding:70px 0 10px

}



.headline .headline_tit {

	font-size: 30px;

    font-weight:500;

    text-align: center;

    color: #000;
	
	line-height:50px;
	width:240px;
	text-align:center;
	border:1px solid #000; 
	margin:0 auto;
	position:relative;

}
.headline .headline_tit:before { content: '';
	display: block;
	position: absolute;
	top: 26px;
	left: -80px;
	width: 60px;
	height: 1px;
	background:#000;
	 }
.headline .headline_tit:after { content: '';
	display: block;
	position: absolute;
	top: 26px;
	right: -80px;
	width: 60px;
	height: 1px;
	background:#000;
	 }
.headline .yingwen { font-size:21px; color:#999; text-align:center; text-transform:uppercase; margin:13px 0; font-family:Arial, Helvetica, sans-serif }
.headline .text-center { font-size:16px; text-align:center; color:#333; line-height:26px }


.headline1 {

	padding:70px 0 10px

}



.headline1 .headline_tit {

	font-size: 30px;

    font-weight:500;

    text-align: center;

    color: #fff;
	
	line-height:50px;
	width:240px;
	text-align:center;
	border:1px solid #fff; 
	margin:0 auto;
	position:relative;

}
.headline1 .headline_tit:before { content: '';
	display: block;
	position: absolute;
	top: 26px;
	left: -80px;
	width: 60px;
	height: 1px;
	background:#fff;
	 }
.headline1 .headline_tit:after { content: '';
	display: block;
	position: absolute;
	top: 26px;
	right: -80px;
	width: 60px;
	height: 1px;
	background:#fff;
	 }

.headline1 .yingwen { font-size:21px; color:#fff; text-align:center; text-transform:uppercase; margin:13px 0; font-family:Arial, Helvetica, sans-serif }

/* Portfolio Item

---------------------------------- */

.portfolio-item.side {

	font-size: 14px;

	margin-top: 30px;

}

.portfolio-item.side .social-links {

	margin: 0;

}
.zizhi { background:url(zz.jpg) no-repeat top center; height:550px }

.fuwu { background:url(fw.jpg) no-repeat top center; height:470px }
.fuwu ul { margin:0; padding:0; }
.fuwu li { width:193px; float:left; text-align:center; padding:0; margin:0; margin-top:50px }
.fuwu li p { color:#666; font-size:18px; line-height:60px }

.contact { background:url(lx.jpg) no-repeat top center; height:220px }
.cd { width:700px; }
.cd h3 { color:#1b509c; font-size:28px; font-weight:bold; margin-top:46px; margin-bottom:15px }
.cd h3 span { color:#fff; font-size:26px; }
.cd p { font-size:16px; color:#fff; line-height:30px }
.tel2 { width:370px; }
.tel2 img { vertical-align:top; margin-right:6px }
.tel2 { font-size:18px; line-height:38px; color:#fff; margin-top:86px }
.tel2 span { font-size:30px; line-height:38px;  font-weight:bold; }
/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.portfolio-item.side {

		margin-top: 125px;

	}

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	/* Portfolio page */

	.filters .nav-pills > li {

		display: inline-block;

		width: 100%;

	}

}



/* About Us pages

---------------------------------- */

.team-member small {

	display: block;

	margin-top: -5px;

}

.team-member.box-style-1 {

	margin-top: 0;

}

.box-style-1 a{

    text-decoration: none;

}

/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.team-member.option-3 {

		overflow: hidden;

		margin-bottom: 20px;

	}

	.team-member.option-3 .overlay-container {

		float: left;

		width: 55%;

	}

	.team-member.option-3 .image-box-body {

		float: left;

		width: 45%;

		padding: 20px 10px 5px 15px;

	}

}



/* Small and Medium devices (tablets, smartphones, laptops) */

@media (min-width:768px) and (max-width:1199px) {

	.team-member.option-3 .image-box-body {

		padding: 40px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.team-member .image-box-body {

		padding: 15px 25px;

	}

	.team-member {

		max-width: 480px;

		margin: 20px auto 20px !important;

	}

}



/* Coming Soon Page

---------------------------------- */

.coming-soon-bg {

	background: url("../images/coming-soon-bg.jpg") 50% 0px no-repeat;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.boxed .coming-soon-bg {

	background: none;

}

.is-countdown {

	border: 1px solid transparent;

	background-color: transparent;

}

.countdown-section {

	text-align: center;

	padding: 20px;

	margin: 10px 0;

}

.countdown-amount {

	font-size: 36px;

	font-weight: 700;

	display: block;

}

.countdown-period {

	display: block;

	font-size: 28px;

	line-height: 1.2;

	margin-top: 15px;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.countdown-amount {

		font-size: 24px;

	}

	.countdown-period {

		font-size: 18px;

	}

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.countdown-period {

		font-size: 14px;

	}

}



/* Shop pages

---------------------------------- */

.listing-item {

	margin: 0 0 20px 0;

	border: 1px solid #f1f1f1;

	position: relative;

	overflow: hidden;

}

.listing-item-body {

	padding: 20px 15px 15px;

	-webkit-transition: ease-in-out all 0.25s;

	-o-transition: ease-in-out all 0.25s;

	transition: ease-in-out all 0.25s;

}

.listing-item:hover .listing-item-body {

	background-color: #fafafa;

}

.listing-item h3 {

	font-size: 18px;

}

.listing-item p {

	color: #999999;

	font-size: 13px;

}

.listing-item del,

.price del {

	font-size: 13px;

	line-height: 1;

	color: #cccccc;

}

.elements-list > * {

	border-right: 1px solid #dddddd;

	margin: 5px 6px 5px 0;

	padding-right: 10px;

	line-height: 24px;

	height: 22px;

	display: inline-block;

}

.elements-list > *:last-child {

	border-right: none;

	margin-right: 0;

	padding-right: 0;

}

.price {

	font-size: 22px;

	color: #000;

	font-weight: 300;

}

.wishlist:hover i:before {

	content: "\f004";

}

.listing-item .badge {

	border-radius: 0;

	position: absolute;

	top: -1px;

	left: -1px;

	font-weight: 400;

}

.sorting-filters {

	background-color: #f3f3f3;

	border: 1px solid #dddddd;

	padding: 20px 15px;

	margin-bottom: 40px;

}

.sidebar .sorting-filters {

	margin-bottom: 0;

}

.sorting-filters label {

	display: block;

	margin-bottom: 5px;

	font-size: 14px;

}

.sorting-filters form {

	margin: 0;

}

.sorting-filters .btn {

	margin: 20px 0 0;

	min-width: 0;

	width: 100%;

}

.sorting-filters .form-control,

.sorting-filters .form-control:focus {

	margin-bottom: 5px;

	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	border-color: #f3f3f3;

}

.sorting-filters .form-inline .form-control {

	width: 100%;

}

.list-with-image {

	margin-bottom: 20px;

	border-bottom: 1px solid #f1f1f1;

	padding-bottom: 5px;

}

.list-with-image:last-child {

	border-bottom: none;

}

.list-with-image .overlay-container {

	float: left;

	width: 80px;

	margin-bottom: 10px;

}

.list-with-image h2,

.list-with-image p {

	margin-left: 100px;

}

.list-with-image h2 {

	font-size: 16px;

	margin-top: 0;

	margin-bottom: 5px;

}

.list-with-image p {

	font-size: 13px;

	color: #999;

	margin-bottom: 15px;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.sorting-filters .form-inline .form-group {

		width: 18%;

		margin-right: 1.9%;

	}

	.sorting-filters .form-inline .form-group:last-child {

		margin-right: 0;

	}

}



/* Cart and Checkout pages

---------------------------------- */

.cart.table .price {

	width: 18%;

}

.cart.table .amount,

.cart.table .remove,

.cart.table .quantity {

	width: 12%;

}

.table .information {

	width: 80%;

}

.cart.table .quantity input {

	width: 60px;

	padding: 6px;

}

.cart.table .product {

	font-size: 15px;

}

.cart.table .amount {

	text-align: right;

}

.cart .price {

	font-size: 14px;

}

.cart.table .product small {

	font-size: 12px;

	display: block;

	color: #999;

}

.cart.table thead > tr > th {

	font-size: 16px;

}

.cart.table .total-quantity,

.cart.table .total-amount {

	padding-top: 15px;

	padding-bottom: 15px;

	font-size: 16px;

	font-weight: 700;

}

.cart.table .total-amount {

	text-align: right;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.cart.table thead > tr > th {

		font-size: 14px;

	}

	.cart.table .amount,

	.cart.table .price {

		width: 12%;

	}

	.cart.table .remove,

	.cart.table .quantity {

		width: 8%;

	}

	.cart.table > thead > tr > th,

	.cart.table > tbody > tr > th,

	.cart.table > tfoot > tr > th,

	.cart.table > thead > tr > td,

	.cart.table > tbody > tr > td,

	.cart.table > tfoot > tr > td {

		padding: 8px 10px;

	}

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.cart.table > thead > tr > th,

	.cart.table > tbody > tr > th,

	.cart.table > tfoot > tr > th,

	.cart.table > thead > tr > td,

	.cart.table > tbody > tr > td,

	.cart.table > tfoot > tr > td {

		padding: 8px 7px;

	}

}



/* Cart dropdown block

---------------------------------- */

.cart .form-group {

	margin-bottom: 0;

}

.header-top-dropdown .dropdown-menu.cart {

	padding: 0;

	min-width: 200px;

	font-size: 12px;

	right: -1px;

}

.dropdown-menu.cart table {

	margin-bottom: 0;

}

.dropdown-menu.cart .panel-body {

	padding: 0px 10px 0px;

}

.dropdown-menu.cart .panel-body .btn {

	margin-left: 5px;

}

.total-amount,

.total-quantity {

	font-size: 13px;

}

.cart .table > tbody > tr > td,

.cart.table > tbody > tr > td {

	vertical-align: inherit;

}

.cart .quantity {

	width: 50px;

	font-size: 11px;

}

.cart .product {

	/*语言框宽度*/

	/*width: 220px;*/

	font-size: 13px;

}

.cart .product .small {

	display: block;

	color: #999999;

}

.cart .amount,

.total-amount {

	font-weight: 700;

}



/* 5 Template Components

----------------------------------------------------------------------------- */

/* Buttons

---------------------------------- */

.btn {

	padding: 10px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	min-width: 160px;

	text-align: center;

	border-radius: 0;

	text-transform: uppercase;

	margin: 10px 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.btn:focus,

.btn:active {

	outline: none;

	box-shadow: none;

}

.btn.btn-lg {

	padding: 17px 12px;

	font-size: 18px;

	min-width: 210px;

}

.btn.btn-sm {

	padding: 8px;

	font-size: 12px;

	min-width: 105px;

}

.btn.radius {

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

}

.moving {

	-webkit-animation: moving 1.7s ease-out infinite;

	animation: moving 1.7s ease-out infinite;

	position: relative;

	top: -30px;

	-webkit-transition: none !important;

	-moz-transition: none !important;

	-o-transition: none !important;

	-ms-transition: none !important;

	transition: none !important;

}

.btn-remove {

	font-size: 10px;

	padding: 3px 15px;

	min-width: 0;

}

@-webkit-keyframes moving {

	0% {

		top: -30px;

	}

	60% {

		top: 0px;

	}

}

@keyframes moving {

	0% {

		top: -30px;

	}

	60% {

		top: 0px;

	}

}



/* Dark Buttons */

.btn-dark {

	color: #f1f1f1;

	background-color: #333333;

	border-color: #333333;

}

.btn-dark:hover,

.btn-dark:focus,

.btn-dark:active,

.btn-dark.active,

.open .dropdown-toggle.btn-dark {

	color: #ffffff;

	background-color: #666;

	border-color: #666;

}



/* Gray Buttons */

.btn-gray {

	color: #fff;

	background-color: #666666;

	border-color: #666666;

}

.btn-gray:hover,

.btn-gray:focus,

.btn-gray:active,

.btn-gray.active,

.open .dropdown-toggle.btn-gray {

	color: #ffffff;

	background-color: #00a9e0;

	border-color: #00a9e0;

}



/* Light Gray Buttons */

.btn-light-gray {

	color: #333333;

	background-color: #fafafa;

	border-color: #f3f3f3;

}

.btn-light-gray:hover,

.btn-light-gray:focus,

.btn-light-gray:active,

.btn-light-gray.active,

.open .dropdown-toggle.btn-light-gray {

	color: #ffffff;

	background-color: #00a9e0;

	border-color: #00a9e0;

}

.default-bg .btn-light-gray {

	color: #ffffff;

	background-color: transparent;

	border-color: #ffffff;

}

.default-bg .btn-light-gray:hover,

.default-bg .btn-light-gray:focus,

.default-bg .btn-light-gray:active,

.default-bg .btn-light-gray.active,

.default-bg .open .dropdown-toggle.btn-light-gray {

	color: #333333;

	background-color: #fafafa;

	border-color: #fafafa;

}



/* The color of default buttons is the color of current color scheme */

.btn-default {

	background-color: #00a9e0;

	color: #fff !important;

	border-color: #00a9e0;

}

.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open .dropdown-toggle.btn-default {

	color: #fff !important;

	background-color: #00a9e0;

	border-color: #00a9e0;

}

.default-bg .btn-default {

	background-color: rgba(0, 0, 0, 0.3);

	border-color: transparent;

}

.default-bg .btn-default:hover,

.default-bg .btn-default:focus,

.default-bg .btn-default:active,

.default-bg .btn-default.active,

.default-bg .open .dropdown-toggle.btn-default {

	color: #fff !important;

	background-color: rgba(0, 0, 0, 0.5);

	border-color: transparent;

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default {

	background-color: #00a9e0;

	border-color: #00a9e0;

	opacity: 0.7;

	filter: alpha(opacity=70);

}



/* Button with transparent bg */

.btn-white {

	background-color: transparent;

	color: #00a9e0;

	border: 1px solid #00a9e0;

}

.footer .btn-white,

.subfooter .btn-white {

	color: inherit;

}

.footer .btn-white:hover,

.subfooter .btn-white:hover {

	color: #fff;

}

.btn-white:hover,

.btn-white:focus,

.btn-white:active,

.btn-white.active,

.open .dropdown-toggle.btn-white {

	color: #fff;

	background-color: #00a9e0;

	border-color: #00a9e0;

}

.default-bg .btn-white {

	color: #ffffff;

	background-color: transparent;

	border-color: #ffffff;

}

.default-bg .btn-white:hover,

.default-bg .btn-white:focus,

.default-bg .btn-white:active,

.default-bg .btn-white.active,

.default-bg .open .dropdown-toggle.btn-white {

	color: #333333;

	background-color: #fafafa;

	border-color: #fafafa;

}

.footer-content .btn-white {

	color: #999;

	background-color: transparent;

	border-color: #555;

}



/* Links

---------------------------------- */

.link {

	padding-right: 23px;

	position: relative;

	display: inline-block;

	text-align: right;

}

.link:hover { 

	text-decoration: none;

}

.link:hover span {

	text-decoration: underline;

}

/* .link:after {

	content: "f178";

	font-family: "FontAwesome";

	position: absolute;

	right: 0;

	top: 2px;

} */



/* Forms

---------------------------------- */

form {

	margin: 20px 0;

}

textarea {

	resize: vertical;

}

.sidebar form {

	margin: 5px 0 20px 0;

}

.form-control {

	border-radius: 0;

	background: #ffffff;

	height: 40px;

	padding-right: 30px;

	border-color: #acacac;

	color: #999;

	position: relative;

	-webkit-appearance: none;

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);

}

.form-control:focus {

	border-color: #666666;

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);

}

select.form-control {

	padding-right: 5px;

}

.form-control::-moz-placeholder {

	color: inherit;

}

.form-control:-ms-input-placeholder {

	color: inherit;

}

.form-control::-webkit-input-placeholder {

	color: inherit;

}

.input-group-addon {

	background-color: #cacaca;

	border-color: #acacac;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.form-list > div {

	padding: 7px 15px;

	border-bottom: 1px solid #dddddd;

	background-color: #f3f3f3;

	margin: 6px 0;

	display: block;

}

/* fieldset {

	padding: 10px 25px;

	margin: 15px 0px;

	border: 1px solid #dddddd;

	background-color: #fafafa;

} */

fieldset legend {

	display: block;

	width: auto;

	padding: 3px 10px;

	margin-bottom: 0;

	font-size: 15px;

	line-height: inherit;

	color: #333;

	border: 1px solid #ddd;

	background-color: #ffffff;

}

fieldset .form-control,

fieldset .form-control:focus {

	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	border-color: #f3f3f3;

}



/* Forms in all backgrounds */

.dark-bg .form-control {

	background-color: rgba(255, 255, 255, 0.20);

	border-color: #000;

	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);

	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);

	color: #999999;

}

.dark-bg .input-group-addon {

	background-color: rgba(255, 255, 255, 0.20);

	border-color: #000;

}

.dark-bg .form-control:focus {

	background-color: rgba(255, 255, 255, 0.25);

}

.gray-bg .form-control,

.header-top-dropdown .form-control,

#footer.light .form-control {

	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);

	border-color: #f1f1f1;

	background-color: #fff;

}

.gray-bg .form-control:focus,

.header-top-dropdown .form-control:focus,

#footer.light .form-control:focus {

	border-color: #cacaca;

	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);

}

.gray-bg .input-group-addon {

	background-color: #ececec;

	border: 1px solid #f1f1f1;

}

.default-bg .form-control {

	border-color: #00a9e0;

	background-color: rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);

	color: #ffffff;

}

.default-bg .form-control:focus {

	border-color: #00a9e0;

	background-color: rgba(0, 0, 0, 0.25);

}

.default-bg .input-group-addon {

	background-color: #00a9e0;

	border-color: #00a9e0;

	color: #fff;

}

.default-bg select.form-control,

.dark-bg select.form-control {

	color: #666666;

}

footer:not(.light) .footer-content .form-control {

	border-color: #292929;

	background-color: rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);

}

footer:not(.light) .footer-content .form-control:focus {

	background-color: rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);

	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);

}

footer:not(.light) .footer-content .input-group-addon {

	background-color: rgba(0, 0, 0, 0.5);

	border: transparent;

}

select.form-control {

	-webkit-appearance: menulist;

}



/* Validation states */

.has-success .form-control,

.has-success .form-control:focus {

	border-color: #3c763d;

}

.has-warning .form-control,

.has-warning .form-control:focus {

	border-color: #8a6d3b;

}

.has-error .form-control,

.has-error .form-control:focus {

	border-color: #a94442;

}

.default-bg .has-success .form-control,

.default-bg .has-warning .form-control,

.default-bg .has-error .form-control,

.default-bg .has-success .form-control:focus,

.default-bg .has-warning .form-control:focus,

.default-bg .has-error .form-control:focus {

	border-color: #fff;

	color: #ffffff;

}

.default-bg .has-success .form-control-feedback,

.default-bg .has-warning .form-control-feedback,

.default-bg .has-error .form-control-feedback,

.default-bg .has-success .control-label,

.default-bg .has-warning .control-label,

.default-bg .has-error .control-label {

	color: #fff;

}

.has-success .form-control,

.has-warning .form-control,

.has-error .form-control {

	-webkit-box-shadow: none;

	box-shadow: none;

}

.has-success .form-control:focus,

.has-warning .form-control:focus,

.has-error .form-control:focus {

	-webkit-box-shadow: none;

	box-shadow: none;

}

.has-error .error {

	font-weight: 700;

	margin-bottom: 5px;

	display: block;

}



/* forms with icons */

label ~ .form-control-feedback {

	top: 25px;

}

.form-control-feedback {

	width: 80px;

    height: 40px;

    line-height: 45px !important;

    top: 0;

}



/* Disabled forms */

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

	opacity: 0.5;

	filter: alpha(opacity=50);

}





/* Breadcrumb

---------------------------------- */

.breadcrumb {

	background-color: transparent;

	margin-bottom: 0;

	font-size: 13px;

	padding: 8px 0;

}



/* Tabs

---------------------------------- */

.nav-tabs {

	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);

	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);

	border-bottom: 1px solid #f0f0f0;

	margin-top: 15px;

}

.nav-tabs > li > a {

	font-size: 13px;

	text-transform: uppercase;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	padding: 12px 25px;

	position: relative;

	color: #666666;

}

.nav-tabs > li > a:hover {

	border-color: #f0f0f0 #f0f0f0 #ebebeb;

	background-color: #fafafa;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

	color: #666;

	background-color: #fafafa;

	border: 1px solid #f0f0f0;

	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);

	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);

	border-bottom-color: transparent;

}

.nav-tabs > li.active > a:after {

	width: 3px;

	content: "";

	background-color: #00a9e0;

	height: 103%;

	position: absolute;

	left: 0;

	top: 0;

}

.tab-content {

	border: 1px solid #f0f0f0;

	padding: 20px;

	border-top: none;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

	position: relative;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);

	background-color: #fafafa;

	margin-bottom: 15px;

}

.tab-content h1 {

	font-size: 34px;

}

.tab-content:after {

	width: 3px;

	content: "";

	background-color: #00a9e0;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.tab-content.clear-style {

	border: none;

	padding: 10px 0 0 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	background-color: transparent;

}

.tab-content.clear-style:after {

	width: 0;

	background-color: transparent;

	height: 100%;

}



/* Small devices (tablets, smartphones) */

@media (min-width:481px) and (max-width:767px) {

	.nav-tabs > li > a {

		padding: 12px 10px;

		font-size: 11px;

		margin-right: 0;

	}

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.nav-tabs {

		background-color: #999999;

	}

	.nav-tabs > li {

		float: none;

	}

	.nav-tabs > li a {

		color: #ffffff;

		margin-right: 0;

		border-bottom: 1px solid #8f8f8f;

	}

	.nav-tabs > li > a:hover {

		color: #666666;

	}

	.nav-tabs > li > a:hover:after {

		width: 3px;

		content: "";

		background-color: #00a9e0;

		height: 102%;

		position: absolute;

		left: 0;

		top: 0;

	}

}



/* Horizontal tabs version 2 */

.tabs-style-2 .nav-tabs {

	border-bottom: 1px solid #00a9e0;

}

.tabs-style-2 .nav-tabs > li.active > a,

.tabs-style-2 .nav-tabs > li.active > a:hover,

.tabs-style-2 .nav-tabs > li.active > a:focus,

.tabs-style-2 .nav-tabs > li > a:hover {

	-webkit-box-shadow: none;

	box-shadow: none;

	border: 1px solid #00a9e0;

	background-color: #00a9e0;

	color: #fff;

}

.tabs-style-2 .nav-tabs > li.active > a:after {

	width: 0;

	height: 0;

	background-color: transparent;

}

.tabs-style-2 .tab-content {

	border: none;

	padding: 20px 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	background-color: transparent;

}

.tabs-style-2 .tab-content:after {

	width: 0px;

	background-color: transparent;

	height: 0;

}

.tabs-style-2 .nav-tabs > li > a:hover:after {

	width: 0;

	background-color: transparent;

	height: 0;

}



/* vertical tabs */

.vertical {

	margin: 20px 0;

}

.vertical.hc-tabs {

	margin: 40px 0;

}

.vertical .nav-tabs,

.vertical .tab-content {

	display: table-cell;

	margin: 0;

	vertical-align: top

}

.vertical .nav-tabs {

	-webkit-box-shadow: none;

	box-shadow: none;

	border-bottom-color: transparent;

	background-color: #999999;

}

.vertical .nav-tabs > li {

	float: none;

}

.vertical .nav-tabs > li a {

	margin: 0;

	padding: 15px 40px;

	white-space: nowrap;

	color: #ffffff;

	border-bottom: 1px solid #8f8f8f;

}

.vertical .nav-tabs > li > a:hover {

	border-color: #f0f0f0 #f0f0f0 #ebebeb;

	border-right-color: transparent;

	color: #666666;

	z-index: 2;

}

.vertical .nav-tabs > li > a:hover:after {

	width: 3px;

	content: "";

	background-color: #00a9e0;

	height: 102%;

	position: absolute;

	left: 0;

	top: 0;

}

.vertical .nav-tabs > li.active > a,

.vertical .nav-tabs > li.active > a:hover,

.vertical .nav-tabs > li.active > a:focus {

	-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);

	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);

	border-right-color: transparent;

	border-bottom-color: #f0f0f0;

	color: #666666;

	z-index: 2;

	width: 101%;

}

.vertical .tab-content {

	border-top: 1px solid #f0f0f0;

	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);

	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);

	left: -1px;

	z-index: 1;

	padding: 20px 30px;

}

.vertical .tab-content:after {

	background-color: transparent;

}

.arrow {

	display: block;

	position: relative;

}

.arrow i {

	font-size: 96px;

	top: -62px;

	position: absolute;

	line-height: 1;

	z-index: 2;

	left: 50%;

	margin-left: -27px;

}

.arrow i:before {

	color: #fafafa;

	text-shadow: 0px -1px 1px #E9E9E9;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.vertical .nav-tabs,

	.vertical .tab-content {

		display: block;

	}

}



/* hc-tabs */

.hc-tabs .hc-tabs-top img {

	display: none;

}



/* Nav pills

---------------------------------- */

.nav-pills > li > a {

	border-radius: 0;

	padding: 10px 15px;

	border: 1px solid transparent;

	color: #666666;

	font-size: 13px;

	text-transform: uppercase;

	font-weight: 700;

}

.nav-pills.nav-stacked > li + li {

	margin-left: 0;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus,

.nav-pills > li > a:hover,

.nav-pills > li > a:focus {

	border: 1px solid #f3f3f3;

	color: #00a9e0;

	background-color: #fafafa;

}

.nav-pills.nav-stacked > li > a:after {

	font-family: "FontAwesome";

	content: "\f105";

	font-size: 14px;

	font-weight: 700;

	position: absolute;

	right: 15px;

	top: 9px;

	color: #d1d1d1;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.nav-pills > li.active > a:after {

	color: #00a9e0;

}

.nav-pills > li.active > a:hover:after,

.nav-pills > li.active > a:focus:after,

.nav-pills > li > a:hover:after,

.nav-pills > li > a:focus:after {

	color: #00a9e0;

	right: 10px;

}

.footer-content .nav-pills > li > a {

	padding: 4px 0px;

	border-color: transparent;

	color: #999;

	font-weight: 400;

}

.footer-content .nav-pills > li:last-child > a {

	border-bottom: none;

}

.footer-content .nav-pills > li.active > a,

.footer-content .nav-pills > li.active > a:focus,

.footer-content .nav-pills > li > a:focus {

	color: #999;

	background-color: transparent;

	border-color: transparent;

}

.footer-content .nav-pills > li.active > a:hover,

.footer-content .nav-pills > li > a:hover {

	color: #fff;

	background-color: transparent;

	border-color: transparent;

}

.footer-content .nav-pills.nav-stacked > li > a:after {

	top: 3px;

}

.footer-content .nav-pills.nav-stacked > li > a:after,

.footer-content .nav-pills > li.active > a:after,

.footer-content .nav-pills > li.active > a:hover:after,

.footer-content .nav-pills > li.active > a:focus:after,

.footer-content .nav-pills > li > a:hover:after,

.footer-content .nav-pills > li > a:focus:after {

	color: #999

}

.light .footer-content .nav-pills > li > a,

.light .footer-content .nav-pills > li.active > a,

.light .footer-content .nav-pills > li.active > a:focus,

.light .footer-content .nav-pills > li > a:focus {

	color: #666;

}

.light .footer-content .nav-pills > li.active > a:hover,

.light .footer-content .nav-pills > li > a:hover {

	color: #00a9e0;

}

.light .footer-content .nav-pills.nav-stacked > li > a:after,

.light .footer-content .nav-pills > li.active > a:after,

.light .footer-content .nav-pills > li.active > a:hover:after,

.light .footer-content .nav-pills > li.active > a:focus:after,

.light .footer-content .nav-pills > li > a:hover:after,

.light .footer-content .nav-pills > li > a:focus:after {

	color: #666

}



/* Process pills */

.process .nav-pills > li + li {

	margin-left: 60px;

	position: relative;

}

.process .nav-pills > li + li:after {

	font-family: "FontAwesome";

	content: "\f101";

	position: absolute;

	top: 10px;

	left: -35px;

	width: 10px;

	background-color: #fff;

}



/* Collapse

---------------------------------- */

.panel-group .panel {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	border: none;

}

.panel-default > .panel-heading {

	padding: 0;

	outline: none;

	border: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	width: 100%;

}

.panel-default > .panel-heading + .panel-collapse > .panel-body {

	border: 1px solid #f0f0f0;

	border-top: none;

	background-color: #fafafa

}

.panel-heading a {

	font-weight: 400;

	padding: 12px 35px 12px 15px;

	display: inline-block;

	width: 100%;

	background-color: #00a9e0;

	color: #ffffff;

	position: relative;

	text-decoration: none;

}

.panel-dark .panel-heading a,

.panel-dark .panel-heading a:hover {

	background-color: #333333;

}

.panel-transparent .panel-default > .panel-heading,

.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {

	background-color: transparent;

	color: inherit;

}

.panel-transparent .panel-heading a {

	border: 1px solid #f1f1f1;

}

.panel-transparent .panel-heading a.collapsed {

	color: inherit;

	background-color: transparent;

}

.panel-heading a.collapsed {

	color: #ffffff;

	background-color: #999999;

}

.panel-heading a:after {

	font-family: "FontAwesome";

	content: "\f147";

	position: absolute;

	right: 15px;

	font-size: 14px;

	font-weight: 300;

	top: 50%;

	line-height: 1;

	margin-top: -7px;

}

.panel-heading a.collapsed:after {

	content: "\f196";

}

.panel-heading a:hover,

.panel-transparent .panel-heading a:hover {

	text-decoration: none;

	background-color: #00a9e0;

	color: #ffffff;

}

.panel-title a i {

	padding-right: 10px;

	font-size: 20px;

}



/* Progress bars

---------------------------------- */

.progress {

	margin-bottom: 25px;

	background-color: #f1f1f1;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	height: 30px;

}

.progress-bar {

	padding: 6px 0 5px 0;

	text-align: left;

}

.progress-bar-default {

	background-color: #00a9e0;

}

.progress-bar-gray {

	background-color: #999999;

}

.progress-bar-dark {

	background-color: #333333;

}

.gray-bg .progress {

	background-color: #ffffff;

	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);

	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);

}

.progress-bar span {

	position: relative;

	left: 15px;

}



/* Circular Progress Bars

---------------------------------- */

.knob-container {

	margin: 10px;

	position: relative;

	display: inline-block;

}

.knob-container canvas {

	width: 132px;

	height: 132px;

	margin: 0 auto;

}

.knob-text {

	position: absolute;

	text-align: center;

	top: 50%;

	width: 100%;

	margin-top: -14px;

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	.knob-container canvas {

		width: 169px;

		height: 169px;

	}

}



/* Alerts

---------------------------------- */

.alert {

	margin: 20px 0;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	position: relative;

	padding-left: 70px;

	overflow: hidden;

	z-index: 1;

	border: none;

}

.alert:before {

	position: absolute;

	content: "";

	top: 0px;

	left: 0px;

	width: 50px;

	height: 101%;

	background-color: rgba(0, 0, 0, 0.25);

	z-index: 2;

}

.alert-success {

	color: #2a5f2b;

	background-color: #bcdab0;

}

.alert-info {

	color: #1a4e68;

	background-color: #c6e8fa;

}

.alert-warning {

	color: #72582b;

	background-color: #f7f0ce;

}

.alert:after {

	font-family: "FontAwesome";

	position: absolute;

	top: 10px;

	left: 17px;

	color: #ffffff;

	font-size: 20px;

	z-index: 3;

}

.alert.alert-success:after {

	content: "\f00c";

}

.alert.alert-info:after {

	content: "\f05a";

}

.alert.alert-warning:after {

	content: "\f071";

}

.alert.alert-danger:after {

	content: "\f00d";

}

.close {

	font-size: 28px;

	font-weight: normal;

	filter: alpha(opacity=40);

	opacity: 0.4;

}



/* Modals

---------------------------------- */

/* .modal-open .page-wrapper {

	-webkit-filter: blur(3px);

	-moz-filter: blur(5px);

	-o-filter: blur(5px);

	-ms-filter: blur(5px);

	filter: blur(5px);

} */

/* .modal-content {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

} */

/* .modal-content .modal-header {

	background-color: #00a9e0;

} */

.modal-content .modal-title {

	font-size: 24px;

}

.modal-footer .btn {

	margin: 0;

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	.modal-lg {

		width: 1140px;

	}

}



/* Popups

---------------------------------- */

.mfp-zoom-out-cur .page-wrapper {

	-webkit-filter: blur(3px);

	-moz-filter: blur(5px);

	-o-filter: blur(5px);

	-ms-filter: blur(5px);

	filter: blur(5px);

}

.mfp-bg {

	opacity: 0.6;

	filter: alpha(opacity=60);

}

.mfp-figure:after {

	background-color: #ffffff;

}



/* Images and Images overlay

---------------------------------- */

.fixed-image {

	background-position: center center;

	background-repeat: no-repeat;

	height: 400px;

}

.no-touch .fixed-image {

	background-attachment: fixed;

}

.fixed-image {

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.overlay-container {

	position: relative;

	display: block;

	overflow: hidden;

}

.overlay {

	position: absolute;

	top: 0;

	bottom: -1px;

	left: 0;

	right: -1px;

	/*background-color: rgba(241, 241, 241, 0.85);*/

	background-color: rgba(0, 0, 0, 0.7);

	overflow: hidden;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transform: scale(0.8);

	transform: scale(0.8);

	-webkit-transition: all linear 0.2s;

	-moz-transition: all linear 0.2s;

	-ms-transition: all linear 0.2s;

	-o-transition: all linear 0.2s;

	transition: all linear 0.2s;

}

.overlay a {

	display: inline-block;

	width: 50px;

	height: 50px;

	font-size: 26px;

	color: #00a9e0;

	background-color: #ffffff;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -25px;

	margin-left: -25px;

}

.overlay span {

	position: absolute;

	display: block;

	bottom: 10px;

	text-align: center;

	width: 100%;

	color: #000000;

	/*font-style: italic;*/

}

.overlay-links {

	display: block;

	margin: 0 auto;

	position: absolute;

	top: 50%;

	margin-top: -25px;

	left: 50%;

	margin-left: -50px;

	font-size: 0;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transform: scale(0.4);

	transform: scale(0.4);

	-webkit-transition: all 0.25s linear 0.05s;

	-moz-transition: all 0.25s linear 0.05s;

	-ms-transition: all 0.25s linear 0.05s;

	-o-transition: all 0.25s linear 0.05s;

	transition: all 0.25s linear 0.05s;

}

.overlay-links a {

	position: static;

	margin-top: 0;

	margin-left: 0;

}

.overlay-links a + a {

	left: 50px;

	color: #ffffff;

	background-color: #00a9e0;

}

.overlay a:hover {

	color: #ffffff;

	background-color: #333333;

}

.overlay i {

	line-height: 50px;

}

.box-style-1 .overlay i {

	font-size: 26px;

	margin: 0;

}

a.overlay {

	background-color: rgba(0, 0, 0, 0.7);

	cursor: pointer;

}

.listing-item a.overlay {

	-webkit-transition: linear 0.25s;

	-o-transition: linear 0.25s;

	transition: linear 0.25s;

	background-color: rgba(255, 255, 255, 0.7);

	-webkit-transform: scale(1);

	transform: scale(1);

}

a.overlay i {

	position: absolute;

	left: 50%;

	top: 50%;

	font-size: 40px;

	line-height: 42px;

	color: #00a9e0;

	margin-top: -22px;

	margin-left: -18px;

	text-align: center;

}

a.overlay.small i {

	font-size: 18px;

	line-height: 1;

	margin-top: -8px;

	margin-left: -8px;

}

.overlay .social-links {

	margin: 0;

	position: absolute;

	bottom: 10px;

	width: 100%;

	text-align: center;

}

.overlay .social-links li {

	margin: 0 auto;

}

.overlay .social-links li a {

	margin: 2px;

	width: 40px;

	height: 40px;

	font-size: 18px;

	position: static;

}

.overlay .social-links li a:hover {

	background-color: #fff;

	border-color: #fff;

	text-decoration: none;

}

.overlay .social-links li a i {

	line-height: 38px;

	font-size: 24px;

	margin: 0;

}

.overlay-container:hover .overlay,

.overlay-container:hover .overlay-links {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transform: scale(1);

	transform: scale(1);

}



/* Responsive iframe

---------------------------------- */

.tp-caption .embed-responsive {

	overflow: visible;

}



/* Audio wrapper

---------------------------------- */

.audio-wrapper iframe {

	width: 100%;

	border: none;

	margin-bottom: 20px;

}



/* Scroll Spy

---------------------------------- */

.scroll-spy {

	position: relative;

}



/* 6 Navigations

----------------------------------------------------------------------------- */

/* first level menu */

.navbar.navbar-default {

	border-radius: 0;

	/*导航不要边框*/

	margin: 0;

	padding: 0;

	background-color: #fafafa;

	border-color: #f1f1f1;

}

.header-small .navbar.navbar-default {

	margin: 6px 0 5px;

}



/* first level menu items */

.navbar-default .navbar-nav > li > a {

	color: #666666;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 700;

	padding: 12px 20px 12px 19px;

	z-index: 102;

	border: 1px solid transparent;

	bottom: -1px;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	-ms-transition: none;

	transition: none;

}

.navbar-default .navbar-nav > li  a.new {

	 color: #555;

	 text-transform: uppercase;

	 font-size: 16px;

	 font-weight: 700;

	 height: 120px;

	 line-height: 120px;

	 padding: 0 6px;

	 z-index: 102;

	 border: 1px solid transparent;

	 bottom: 1px;

	 -webkit-transition: none;

	 -moz-transition: none;

	 -o-transition: none;

	 -ms-transition: none;

	 transition: none;

 }



.navbar-default .navbar-nav > li > a:hover {

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

}



/* first level active menu items on hover/focus */

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus {

	color: #00a9e0;

	background-color: transparent;

}

.navbar-default .navbar-nav > .active > a:hover {

	background-color: transparent;

}



/* first level active menu items when opened */

.main-navigation .navbar-nav > .open > a,

.main-navigation .navbar-nav > .open > a:hover,

.main-navigation .navbar-nav > .open > a:focus {

	color: #fff !important;

	background-color: #1b509c !important;

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	/* border-bottom: 4px solid #eee; */

	/*-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);*/

	/*box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);*/

}



/* first level active menu items when clicked */

.main-navigation .navbar-nav > .open > a:active,

.main-navigation .navbar-nav > .open.active > a:active {

	background-color: #ffffff;

	-webkit-box-shadow: none;

	box-shadow: none;

	border-color: transparent;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

}

.main-navigation .navbar-nav > .open > a:active + ul,

.main-navigation .navbar-nav > .open.active > a:active + ul {

	display: none;

}



/* second level menu */

.dropdown-menu {

	min-width: 220px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	padding: 0;

	margin: 0;

	background-color: rgba(255, 255, 255, 0.95);

	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);

	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);

	border: 1px solid #f1f1f1;

	z-index: 101;

}



/* second level menu items */

.dropdown-menu > li > a {

	padding: 12px 20px;

	font-size: 15px;

	color: #666666;

	border-bottom: 1px solid #f1f1f1;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	-ms-transition: none;

	transition: none;

}



/* second level menu items on focus/hover and when opened */

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus,

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus,

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus,

.dropdown-menu .menu > .active > a,

.dropdown-menu .menu > .active > a:hover,

.dropdown-menu .menu > .active > a:focus {

	background-color: #ffffff;

	color: #00a9e0;

	border-color: #f1f1f1;

}



/* third level menu */

.dropdown-menu .dropdown-menu {

	top: -1px;

	left: 100% !important;

	padding-top: 0;

	margin-left: 1px;

	border-left: none;

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);

	border-top: 1px solid #f1f1f1;

}



/* mega menu */

.mega-menu.dropdown {

	position: static;

}

.mega-menu .dropdown-menu {

	left: 0;

	top: 96%;

	width: 100%;

	padding: 50px 100px;

}



/* mega menu menu items */

.mega-menu .menu {

	list-style: none;

	padding: 0;

	margin: 0;

}

.mega-menu h4.title {

	margin: 10px 0 5px;

	font-size: 14px;

	text-transform: uppercase;

}

.mega-menu .menu > li > a {

	padding: 5px 0;

	font-size: 15px;

	color: #666666;

	border-bottom: 1px solid #f1f1f1;

	display: block;

	-webkit-transition: none;

	-moz-transition: none;

	-o-transition: none;

	-ms-transition: none;

	transition: none;

}

.mega-menu .menu > li > a i,

.dropdown-menu > li > a i {

	padding-right: 5px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.mega-menu .menu > li:last-child > a {

	border-bottom: none;

}

.mega-menu .menu > li > a:hover i,

.dropdown-menu > li > a:hover i {

	padding-left: 5px;

}



/* mega menu menu items on focus/hover and when opened */

.mega-menu .menu > li > a:hover,

.mega-menu .menu > li > a:focus {

	background-color: #ffffff;

	color: #00a9e0;

	border-color: #f1f1f1;

	text-decoration: none;

}



/* arrows for parent menu items */

/* .dropdown>a:before {

	font-family: 'FontAwesome';

	content: "f107";

	position: absolute;

	left: auto;

	top: 45%;

	right: 5px;

	line-height: 1;

	color: #d1d1d1;

} */



.nev_line{

	border-right: 1px solid #ccc;

}



.navbar-default .navbar-nav > .active.dropdown > a:before {

	color: #00a9e0;

}

.navbar-default .navbar-nav > .dropdown.open > a:before {

	color: #e5e5e5;

}

.dropdown .dropdown>a:before {

	content: "\f105";

	right: 10px;

	top: 15px;

	margin-left: 0;

	visibility: visible;

	color: #666;

}

.dropdown .dropdown.open>a:before {

	color: #00a9e0;

}



/* dropdown animations */

.animated.main-navigation .open .dropdown-menu,

.open .dropdown-animation {

	-webkit-animation-duration: 0.2s;

	animation-duration: 0.2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-name: fadeInDownSmall;

	animation-name: fadeInDownSmall;

}

.open .dropdown-animation {

	-webkit-animation-duration: 0.3s;

	animation-duration: 0.3s;

}

.animated.main-navigation .dropdown-menu .open .dropdown-menu {

	-webkit-animation-name: fadeInLeftSmall;

	animation-name: fadeInLeftSmall;

}



/* mobile menu toggle button */

.navbar-default .navbar-toggle {

	border-color: #ccc;

}



/* mobile menu toggle button on hover/focus */

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

	background-color: #fafafa;

	border-color: #00a9e0;

}

.navbar-default .navbar-toggle .icon-bar {

	background-color: #999;

}

.navbar-default .navbar-toggle:hover .icon-bar,

.navbar-default .navbar-toggle:focus .icon-bar {

	background-color: #00a9e0;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.main-navigation .navbar-nav.navbar-right:last-child {

		margin-right: 0;

	}

	

	/* first level menu */

	.navbar.navbar-default {

		background-color: transparent;

		border-color: transparent;

	}

	

	/* layout fixes */

	.main-navigation .container-fluid {

		padding-right: 0;

		padding-left: 0;

	}

	.navbar-collapse {

		padding-right: 0px;

		padding-left: 0px;

	}

	.main-navigation .navbar-right .dropdown-menu {

		right: auto;

		left: 0;

	}

	.main-navigation .navbar-right > li:last-child > .dropdown-menu {

		right: 0;

		left: auto;

	}

}



/* Medium desktop devices and tablets */

@media (min-width:768px) and (max-width:1199px) {

	.main-navigation .container-fluid {

		padding-right: 0px;

		padding-left: 0px;

	}

}



/* Medium devices (tablets landscape to portrait) */

@media (min-width:768px) and (max-width:991px) {

	.main-navigation .navbar-nav {

		float: left !important;

	}

}



/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {

	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {

		left: -243px;

		width: 940px;

	}

}



/* Medium desktop devices */

@media (min-width:992px) and (max-width:1199px) {

	.navbar-default .navbar-nav > li > a {

		padding-right: 19px;

	}

}



/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {

	/* first level menu item */

	.main-navigation .navbar-nav > li {

		margin: 0 0 0 15px;

	}

	.main-navigation .navbar-nav > li:first-child {

		margin: 0;

	}

	.col-md-2 + .col-md-10 .mega-menu .dropdown-menu {

		/*left: -293px;*/

		/*width: 1140px;*/

		position: fixed;

		top: 120px;

		left: 0;

		width: 100%;

	}

	.col-md-2 + .col-md-10 .mega-menu .uptop {

        position: fixed;

		top: 120px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	/* Mobile menu

	------------------------------ */

	/* active items */

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

		color: #00a9e0;

		background-color: transparent;

	}

	

	/* first level items */

	.navbar-default .navbar-nav > li > a {

		border-bottom: 1px solid #f1f1f1;

	}

	.subfooter .navbar-default .navbar-nav > li > a {

		border-bottom: 1px solid #141414;

	}

	.light .subfooter .navbar-default .navbar-nav > li > a {

		border-bottom: 1px solid #ddd;

	}

	.navbar-default .navbar-nav > li:last-child > a {

		border-bottom: 1px solid transparent;

	}

	

	/* first level items when opened */

	.main-navigation .navbar-nav > .open > a,

	.main-navigation .navbar-nav > .open > a:hover,

	.main-navigation .navbar-nav > .open > a:focus {

		border-color: transparent;

		-moz-box-shadow: none;

		-o-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	

	/* first level items hover and focus states */

	.navbar-default .navbar-nav > li > a:hover,

	.navbar-default .navbar-nav > li > a:focus,

	.navbar-default .navbar-nav > .active > a:hover,

	.navbar-default .navbar-nav > .active > a:focus {

		color: #00a9e0;

		background-color: #fff;

	}

	

	/* second level menu */

	.navbar-default .navbar-nav .open .dropdown-menu {

		background-color: #ffffff;

	}

	

	/* second level items */

	.navbar-default .navbar-nav .open .dropdown-menu > li > a,

	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {

		padding: 12px 15px 12px 40px;

		color: #666666;

		border-color: #fafafa;

	}

	

	/* second level items on hover/focus */

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

		color: #00a9e0;

	}

	

	/* third level items */

	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {

		padding-left: 60px;

	}

	

	/* four level items */

	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {

		padding-left: 80px;

	}

	

	/* Arrows for parent menu items */

	.dropdown>a:before {

		right: 32px;

	}

	.dropdown .dropdown>a:before {

		right: 36px;

	}

}



/* Header top navigation

---------------------------------- */

.header-top .navbar.navbar-default {

	margin: 0;

	min-height: 30px;

}

.header-top .navbar-default .navbar-nav > li > a {

	color: #999999;

	padding: 4px 20px;

}

.header-top .navbar-default .navbar-nav > li {

	border-right: 1px solid #999999;

}

.header-top .navbar-default .navbar-nav > li:last-child {

	border-right: none;

}

.header-left .logo{

	margin-top: 35px;

    display: block;

}

/* Subfooter navigation

---------------------------------- */

.subfooter .navbar {

	margin: 0;

	min-height: 0;

	background: transparent;

	border-color: transparent;

}

.subfooter .navbar-default .nav > li > a {

	padding: 10px 10px;

	text-transform: none;

	line-height: 1;

	font-size: 14px;

	font-weight: 400;

}

.subfooter .navbar-default .nav li:last-child a,

.light .subfooter .navbar-default .nav > li:last-child > a {

	border: none;

}

.subfooter .navbar-default .nav > li > a:hover,

.subfooter .navbar-default .nav > .active > a:hover,

.subfooter .navbar-default .nav > .active > a:focus {

	background-color: transparent;

	text-decoration: underline;

	color: #00a9e0;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.subfooter .navbar-nav {

		float: none;

		margin: 15px 0;

		text-align: center;

	}

	.subfooter .navbar-nav > li {

		float: none;

		padding: 5px 0;

	}

	.subfooter .navbar-default .nav > li > a {

		padding: 0px 10px;

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width:992px) {

	.subfooter {

		text-align: left;

	}

	.subfooter .navbar-nav {

		float: right;

		margin: 0;

		text-align: left;

	}

	.subfooter .navbar-nav > li {

		float: left;

		padding: 0;

		margin: 8px 0;

	}

	.subfooter .navbar-default .nav > li > a {

		border-right: 1px solid #333333;

	}

	.light .subfooter .navbar-default .nav > li > a {

		border-right: 1px solid #999999;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	/* subfooter nav */

	.subfooter .navbar-default .navbar-toggle:hover,

	.subfooter .navbar-default .navbar-toggle:focus {

		background-color: transparent;

		border-color: #888;

	}

	.light .subfooter .navbar-default .navbar-collapse {

		border-color: #ddd;

	}

	.subfooter .navbar-default .navbar-collapse {

		border-color: #000000;

	}

}



/* 7 Blocks/Widgets

----------------------------------------------------------------------------- */

/* Logo

---------------------------------- */

.logo img {

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

.logo img:hover {

	opacity: 0.85;

	filter: alpha(opacity=85);

}

.main-container .logo img {

	margin: 0 auto;

}

.header-small .logo img {

	max-height: 40px;

	margin: 2px 0 -4px 0;

}

.text-center .logo img {

	margin: 0 auto;

}

.site-slogan {

	font-size: 13px;

	font-style: italic;

	color: #999999;

}

.main-container .site-slogan {

	color: inherit;

	text-align: center;

	margin-bottom: 20px;

}

.logo-footer {

	margin: 25px 0 20px;

}





.QR_code>div{

    margin: 25px 25px 0 0px;

	display: inline-block;

}



.QR_code p{

	font-size: 16px;

    text-align: center;

}





/* Medium devices (desktops, tablets less than 991px) */

@media (max-width:991px) {

	.logo img,

	.header-small .logo img {

		margin: 0 auto;

	}

	.site-slogan {

		text-align: center;

	}

}



/* Call to action

---------------------------------- */



.call-to-action {

	display: inline-block;

	padding: 60px;

    width: 24.5%;

	color:#666;

	cursor: pointer;

    text-align: center;

    background: #f7f7f7;

}



.call-to-action>span{

	font-size: 24px;

    font-weight: bold;

}



.call-to-action:hover {

	color:#fff;

	background-color:#1b509c;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





@media (max-width:991px) {

    .logo img,

    .header-small .logo img {

        margin: 0 auto;

    }

    .site-slogan {

        text-align: center;

    }

}

@media (max-width:480px) {

    .call-to-action {

        padding: 10px 25px;

        text-align: center;

    }

    .call-to-action .btn {

        margin: 10px 5px;

    }

    .call-to-action .btn.btn-lg {

        margin-top: 15px;

    }

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.call-to-action .btn {

		display: block;

		width: 60%;

		margin: 10px auto;

	}

}









.box-style-1 {

	text-align: center;

    background: #f1f1f1;

	overflow: hidden;

}

.box-style-1 img{

	transition: 4s;

	-moz-transition: 4s;	/* Firefox 4 */

	-webkit-transition: 4s;	/* Safari 和 Chrome */

	-o-transition: 4s;

	width:100%;

}

.box-style-1 .box_img_mask_big{

	color: #ffffff;

    width: 100%;

    height: 150px;

    line-height: 35px;

    letter-spacing: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgba(0,0,0,0.8);

    transition: opacity .35s,bottom .35s,transform .4s !important;

    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

    background: linear-gradient(top bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.box-style-1 .box_img_mask_sim{

	color: #ffffff;

    width: 100%;

    height: 80px;

    line-height: 30px;

    letter-spacing: 2px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgba(0,0,0,0.8);

    transition: opacity .35s,bottom .35s,transform .4s !important;

    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

    background: linear-gradient(top bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0.8) 100%);

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}





.box-style-1 .box_img_h2{

    display: block;

    font-weight: 700;

	font-size:30px;

    margin-top: 20px;

 }

 .box-style-1 .box_img_h4{

    display: block;

    font-weight: 700;

	font-size:20px;

    margin-top: 10px;

 }

.box-style-1 p{

    margin: 18px;

    padding-bottom: 10px;

}



.box-style a:hover .box_img_mask_sim, .box-style a:hover .box_img_mask_big{

	background: #1b509c;

    background: -moz-linear-gradient(top,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);

    background: -webkit-linear-gradient(top,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);

    background: linear-gradient(top bottom,rgba(0,110,210,0) 0%,rgba(0,110,210,0.9) 65%,rgba(0,110,210,0.9) 100%);

}



.box-style a:hover .box-style-1 img {

	transform: scale(1.2);

}



/* .grid-space-10 .box-style-1 {

	margin: 10px 0;

} */

/* .box-style-1 i {

	font-size: 90px;

	margin: 15px 0 5px;

	text-align: center;

}

.box-style-1:not(.team-member):hover i {

	color: #00a9e0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.box-style-1.default-bg:hover i,

.box-style-1.dark-bg:hover i {

	color: inherit;

} */





/* .box-style-2 i {

	font-size: 36px;

	line-height: 60px;

}

.box-style-2 .icon-container {

	float: left;

	width: 60px;

	height: 60px;

	text-align: center;

	border: 1px solid transparent;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.box-style-2 .body {

	margin-left: 80px;

}

.box-style-2 h2 {

	font-size: 24px;

	margin-top: 0;

}

.box-style-2:hover .icon-container {

	border: 1px solid #666;

}

.box-style-2:hover .default-bg {

	background-color: #fff;

	border: 1px solid #00a9e0;

}

.box-style-2:hover .default-bg * {

	color: #00a9e0;

}

.box-style-2:hover .dark-bg {

	background-color: #fff;

	border: 1px solid #666;

}

.box-style-2:hover .dark-bg * {

	color: #666;

}

.box-style-2:hover .white-bg * {

	color: #00a9e0;

} */

.box-style-3 {

	margin-top: 20px;

	background: url("{dede:global.cfg_templets_skin/}/xd5d/images/box1_2.jpg") no-repeat center center;

	width:457px;

	height:330px;

}

/* .box-style-3 i {

	font-size: 22px;

	line-height: 45px;

}

.box-style-3 .icon-container {

	float: left;

	width: 45px;

	height: 45px;

	text-align: center;

	border: 1px solid transparent;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.box-style-3 .body {

	margin-left: 80px;

}

.box-style-3 h2 {

	font-size: 20px;

	margin-top: 0;

}

.box-style-3:hover .icon-container {

	border: 1px solid #666;

}

.box-style-3:hover .default-bg {

	background-color: #fff;

	border: 1px solid #00a9e0;

}

.box-style-3:hover .default-bg * {

	color: #00a9e0;

}

.box-style-3:hover .dark-bg {

	background-color: #fff;

	border: 1px solid #666;

}

.box-style-3:hover .dark-bg * {

	color: #666;

}

.box-style-3:hover .white-bg * {

	color: #00a9e0;

} */

.panel-body i {

	width: 35px;

	text-align: center;

}





/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.box-style-3.right .icon-container {

		float: right;

	}

	.box-style-3.right .body {

		margin-right: 80px;

		text-align: right;

		margin-left: 0;

	}



}





/* Image Boxes

---------------------------------- */

.image-box {

	background-color: #fafafa;

	border: 1px solid #f3f3f3;

}

.grid-space-0 .image-box {

	border: none;

}

.image-box h3.title {

	margin-top: 0;

}

.image-box .btn {

	white-space: normal;

	border-color: transparent;

}

.image-box .btn-block {

	margin: 0;

}

.image-box-body {

	padding: 20px 15px 15px;

}



.image-box span.product_mask_tit{

	font-size: 28px;

	font-weight: bold;

	color: #fff;

	position: absolute;

	left: 0;

	top: 45%;

}



/* Tags cloud block

---------------------------------- */

.tags-cloud {

	font-size: 0;

}

.tag {

	display: inline-block;

	margin: 0 3px 3px 0;

}

.tag a {

	padding: 5px 10px;

	color: #999;

	display: block;

	font-size: 12px;

	background-color: #fafafa;

	border: 1px solid #f3f3f3;

}

.tag a:hover {

	color: #ffffff;

	background-color: #00a9e0;

	border-color: #00a9e0;

	text-decoration: none;

}

footer:not(.light) .footer-content .tag a,

.dark-bg .tag a {

	background-color: transparent;

	border-color: #555;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}



/* Social icons block

---------------------------------- */

.social-links {

	list-style: none;

	font-size: 0;

	padding: 0;

	margin: 40px 0 20px 0;

}

.social-links li {

	display: inline-block;

	margin: 0 2px 2px 0;

}

.social-links li a {

	width: 45px;

	height: 45px;

	display: block;

	text-align: center;

	font-size: 20px;

	background: #00a9e0;

	border: 1px solid #00a9e0;

	color: #fff;

}

.social-links.large li a {

	width: 60px;

	height: 60px;

	font-size: 24px;

}

.social-links.light li a {

	background: #fafafa;

	border: 1px solid #f3f3f3;

	color: inherit;

}

.social-links.dark li a {

	background: #454545;

	border: 1px solid #333333;

	color: #acacac;

}

.social-links.radius-5px li a {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.social-links.circle li a {

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

.social-links li a:hover {

	background-color: transparent;

	border-color: #00a9e0;

	color: #00a9e0;

}

.social-links.dark li a:hover {

	background: #fafafa;

	border: 1px solid #acacac;

	color: inherit;

}

.social-links.light li a:hover {

	border: 1px solid #d2d2d2;

	color: #333333;

}

.social-links li a i {

	line-height: 44px;

}

.social-links.large li a i {

	line-height: 60px;

}

.header-top .social-links {

	margin: 0;

}

.header-top .social-links li {

	padding: 3px 5px 2px;

	border-right: 1px solid #e3e3e3;

	margin: 0;

}

.header-top .social-links li:hover {

	background-color: #fafafa;

}

.header-top .social-links li a {

	font-size: 16px;

}

.header-top .social-links li:last-child {

	border-right: none;

}

.header-top .social-links li a {

	border: none;

	width: 25px;

	height: 30px;

	color: #999999;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li a:hover {

	color: #00a9e0;

}

.header-top .social-links li a i {

	line-height: 30px;

}

.footer-content .social-links {

	margin: 20px 0;

}

.footer-content .social-links li {

	margin: 0 5px 5px 0;

}

.footer-content .social-links li a {

	color: #666;

	background-color: transparent;

	border-color: #666;

}

.footer-content .social-links li a:hover {

	color: #fff;

	background-color: #666;

	border-color: #666;

}

.social-links li.twitter a:hover,

.colored.social-links li.twitter a {

	background-color: #55acee;

	border-color: #55acee;

	color: #fff;

}

.social-links li.skype a:hover,

.colored.social-links li.skype a {

	background-color: #00aff0;

	border-color: #00aff0;

	color: #fff;

}

.social-links li.linkedin a:hover,

.colored.social-links li.linkedin a {

	background-color: #0976b4;

	border-color: #0976b4;

	color: #fff;

}

.social-links li.googleplus a:hover,

.colored.social-links li.googleplus a {

	background-color: #dd4b39;

	border-color: #dd4b39;

	color: #fff;

}

.social-links li.youtube a:hover,

.colored.social-links li.youtube a {

	background-color: #b31217;

	border-color: #b31217;

	color: #fff;

}

.social-links li.flickr a:hover,

.colored.social-links li.flickr a {

	background-color: #ff0084;

	border-color: #ff0084;

	color: #fff;

}

.social-links li.facebook a:hover,

.colored.social-links li.facebook a {

	background-color: #3b5998;

	border-color: #3b5998;

	color: #fff;

}

.social-links li.pinterest a:hover,

.colored.social-links li.pinterest a {

	background-color: #cb2027;

	border-color: #cb2027;

	color: #fff;

}

.social-links li.instagram a:hover,

.colored.social-links li.instagram a {

	background-color: #517fa4;

	border-color: #517fa4;

	color: #fff;

}

.social-links li.vimeo a:hover,

.colored.social-links li.vimeo a {

	background-color: #aad450;

	border-color: #aad450;

	color: #fff;

}

.social-links li.tumblr a:hover,

.colored.social-links li.tumblr a {

	background-color: #32506d;

	border-color: #32506d;

	color: #fff;

}

.social-links li.soundcloud a:hover,

.colored.social-links li.soundcloud a {

	background-color: #ff3a00;

	border-color: #ff3a00;

	color: #fff;

}

.social-links li.foursquare a:hover,

.colored.social-links li.foursquare a {

	background-color: #0072b1;

	border-color: #0072b1;

	color: #fff;

}

.social-links li.dribbble a:hover,

.colored.social-links li.dribbble a {

	background-color: #ea4c89;

	border-color: #ea4c89;

	color: #fff;

}

.social-links li.behance a:hover,

.colored.social-links li.behance a {

	background-color: #053eff;

	border-color: #053eff;

	color: #fff;

}

.social-links li.vine a:hover,

.colored.social-links li.vine a {

	background-color: #00a478;

	border-color: #00a478;

	color: #fff;

}

.social-links li.stumbleupon a:hover,

.colored.social-links li.stumbleupon a {

	background-color: #f74425;

	border-color: #f74425;

	color: #fff;

}

.header-top .social-links li.twitter a:hover {

	color: #55acee;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.skype a:hover {

	color: #00aff0;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.linkedin a:hover {

	color: #0976b4;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.googleplus a:hover {

	color: #dd4b39;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.youtube a:hover {

	color: #b31217;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.flickr a:hover {

	color: #ff0084;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.facebook a:hover {

	color: #3b5998;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.pinterest a:hover {

	color: #cb2027;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.instagram a:hover {

	color: #517fa4;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.vimeo a:hover {

	color: #aad450;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.tumblr a:hover {

	color: #32506d;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.soundcloud a:hover {

	color: #ff3a00;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.foursquare a:hover {

	color: #0072b1;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.dribbble a:hover {

	color: #ea4c89;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.behance a:hover {

	color: #053eff;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.vine a:hover {

	color: #00a478;

	background-color: transparent;

	border-color: transparent;

}

.header-top .social-links li.stumbleupon a:hover {

	color: #f74425;

	background-color: transparent;

	border-color: transparent;

}

.social-links .dropdown>button {

	padding: 6px 15px 5px;

	font-size: 16px;

	color: #999;

	text-align: center;

	min-width: 0;

	margin: 0;

	background-color: transparent;

	-moz-box-shadow: none !important;

	-o-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.social-links .dropdown>button i {

	width: 15px;

}

.social-links .dropdown.open>button>i:before {

	content: "\f00d";

	color: #00a9e0;

}

.social-links .dropdown-menu {

	z-index: 103;

	padding: 0px;

	min-width: 290px;

	margin-top: 1px;

	font-size: 0;

	box-shadow: none;

	background-color: #fafafa;

}

.social-links .dropdown-menu li a,

.social-links .dropdown-menu li a i {

	padding: 0;

}



/* Header top dropdowns

---------------------------------- */

.header-top-dropdown {

	float: right;

	font-size: 0;

	text-align: right;

}

.header-top-dropdown .dropdown>button {

	border-right: 1px solid #e3e3e3;

	border-left: 1px solid transparent;

}

.header-top-dropdown .dropdown:last-child>button {

	border-right-color: transparent;

}

.header-top-dropdown .dropdown>button {

	padding: 8px 10px;

	margin: 0;

	font-size: 12px;

	color: #999;

	text-align: center;

	min-width: 0;

	background-color: transparent;

	-moz-box-shadow: none !important;

	-o-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

	text-transform: none;

}

.header-top-dropdown .dropdown>button i {

	padding-right: 5px;

	width: 15px;

}

.header-top-dropdown .dropdown.open>button,

.header-top-dropdown .dropdown>button:hover {

	color: #00a9e0;

	background-color: #fafafa;

	border-right-color: #e3e3e3;

}

.header-top-dropdown .dropdown:first-child.open>button,

.header-top-dropdown .dropdown:first-child>button:hover {

	border-left-color: #e3e3e3;

}

.header .header-top-dropdown .dropdown>button {

	padding: 3px 10px;

}

.header .header-top-dropdown .dropdown.open>button,

.header .header-top-dropdown .dropdown>button:hover {

	background-color: transparent;

}

.header .header-top-dropdown .dropdown:first-child.open>button,

.header .header-top-dropdown .dropdown:first-child>button:hover {

	border-left-color: transparent;

}

.header .header-top-dropdown .dropdown:last-child.open>button,

.header .header-top-dropdown .dropdown:last-child>button:hover {

	border-right-color: transparent;

}

.header .header-top-dropdown .dropdown-menu {

	margin-top: 27px;

}

.header-top-dropdown .dropdown-menu {

	z-index: 103;

	padding: 20px;

	min-width: 280px;

	margin-top: 0px;

}

.header-top-dropdown .search-box .form-group {

	margin-bottom: 0;

}

.header-top-dropdown form {

	margin: 0;

}

.header-top-dropdown .login-form span {

	margin: 0 3px;

}

.header-top-dropdown .login-form ul {

	padding-left: 0;

	list-style-position: inside;

	padding: 5px 0;

}

.header-top-dropdown .login-form .social-links {

	display: inline-block;

	margin: 0;

}

.header .header-top-dropdown {

	margin-top: 19px;

}

.fixed-header-on .header .header-top-dropdown {

	margin-top: 13px;

}

.fixed-header-on .header .header-top-dropdown .dropdown-menu {

	margin-top: 19px;

}



/* Sidebar/footer gallery block

---------------------------------- */

.gallery.row {

	margin-left: -5px;

	margin-right: -5px;

}

.gallery-item {

	padding-right: 5px;

	padding-left: 5px;

	margin-bottom: 10px;

}



/* Latest tweets block

---------------------------------- */

.tweets {

	list-style: none;

	padding: 0;

}

.tweets li {

	margin-bottom: 20px;

	position: relative;

	padding-left: 35px;

}

.tweets li i {

	position: absolute;

	top: 4px;

	left: 0;

	width: 25px;

	height: 25px;

	text-align: center;

	color: #666666;

}

.tweets li p {

	margin-bottom: 5px;

}

.tweets li span {

	font-size: 12px;

	color: #666666;

}



/* Testimonials

---------------------------------- */

.testimonial {

	margin: 25px 0;

}

.well .testimonial,

.owl-item .testimonial {

	margin: 0;

}

.testimonial h2 {

	margin-bottom: 25px;

}

.testimonial-image {

	max-width: 160px;

	float: left;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

.testimonial-body {

	padding: 15px;

}

.testimonial-image + .testimonial-body {

	margin-left: 180px;

}

.testimonial-info-1 {

	font-size: 13px;

	color: #000;

	/*font-style: italic;*/

	text-align: center;

}

.testimonial-info-2 {

	font-size: 20px;

	color: #000;

	font-weight: 700;

	text-align: center;

}

.dark-bg .testimonial-info-1,

.dark-bg .testimonial-info-2,

.default-bg .testimonial-info-1,

.default-bg .testimonial-info-2,

.dark-translucent-bg .testimonial-info-1,

.dark-translucent-bg .testimonial-info-2 {

	color: inherit;

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.testimonial-image {

		max-width: 80px;

	}

	.testimonial-image + .testimonial-body {

		padding: 0 15px;

		margin-left: 100px;

	}

}



/* Isotope filtering

---------------------------------- */

.isotope-container {

	display: none;

	margin-bottom: 40px;

}

.isotope-item {

	margin-bottom: 30px;

}

.grid-space-20 .isotope-item {

	margin-bottom: 20px;

}

.grid-space-10 .isotope-item {

	margin-bottom: 0;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.isotope-item {

		max-width: 100%;

	}

}



/* Stats

---------------------------------- */

.stat-num {

	font-size: 36px;

	font-weight: 700;

	display: inline-block;

}



/* Pricing tables

---------------------------------- */

.pricing-tables {

	margin: 60px 0 0;

}

.plan {

	text-align: center;

	border: 1px solid #c5c5c5;

	border-top: none;

	margin-bottom: 40px !important;

}

.plan + .plan {

	border-left: none;

}

.plan .header {

	padding: 10px 0;

	margin: 0 -1px;

}

.plan .header h3 {

	display: inline-block;

	font-size: 24px;

	margin: 0;

	line-height: 28px;

	font-weight: normal;

	letter-spacing: 0.04em;

	text-transform: uppercase;

	text-shadow: 0px 1px 1px #494949;

}

.plan .header .price {

	display: inline-block;

	font-size: 16px;

	padding: 10px 0 0;

	font-weight: 400;

	color: inherit;

}

.plan .header .price span {

	text-transform: uppercase;

}

.plan ul {

	list-style: none;

	margin: 0;

	padding: 0;

	font-size: 14px;

	list-style: none;

}

.plan ul li {

	padding: 12px 0px;

	font-size: 13px;

	line-height: 18px;

	text-shadow: 1px 1px 0 #fff;

}

.plan ul li a.pt-popover {

	color: #000;

	border-bottom: 1px dashed #000;

	position: relative;

}

.plan ul li a.pt-popover:hover {

	text-decoration: none;

}

.plan ul li a.pt-popover:after {

	position: absolute;

	top: 0px;

	left: -15px;

	font-family: "FontAwesome";

	content: "\f059";

	color: #DDDDDD;

	font-size: 12px;

}

.best-value.plan ul li {

	padding: 15px 0;

}

.plan .popover {

	width: 250px;

	font-size: 13px;

	text-align: center;

	border: none;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.plan .popover-title {

	background-color: #00a9e0;

	color: #ffffff;

	text-shadow: none;

	font-size: 13px;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.plan .popover-content {

	font-size: 12px;

}

.plan .btn {

	text-shadow: none;

}

.gray .plan {

	border-top: 1px solid #c5c5c5;

	background-color: #f1f1f1;

	-webkit-box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);

	box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);

}

.gray .plan .header {

	background: #fafafa;

	border: 1px solid #cacaca;

	width: 150px;

	height: 150px;

	margin: 15px auto;

	border-radius: 100%;

}

.gray .plan .header h3 {

	color: #00a9e0;

	display: block;

	margin-top: 30px;

}

.gray .plan .header .price {

	font-size: 24px;

	padding-top: 5px;

}

.gray .plan ul {

	background: #f1f1f1;

	border-top: 1px solid #e4e4e4;

}

.gray .plan ul li {

	border-bottom: 1px solid #e4e4e4;

	border-top: 1px solid #f8f8f8;

	color: #333333;

}

.white .plan {

	border-color: #f3f3f3;

}

.white .plan .header {

	color: #fff;

	background: #00a9e0;

}

.white .plan .header h3 {

	color: #fff;

}

.white .plan ul {

	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

	background-color: #fbfbfb;

}

.white .plan ul li {

	border-bottom: 1px solid #f5f5f5;

}

.stripped .header {

	background: #00a9e0;

	border: none;

	-webkit-box-shadow: 0px 0px 60px #00a9e0 inset;

	-moz-box-shadow: 0px 0px 60px #00a9e0 inset;

	box-shadow: 0px 0px 60px #00a9e0 inset;

	color: #fff;

}

.stripped .header h3 {

	color: #fff;

}

.stripped .plan ul {

	-webkit-box-shadow: 0px 0px 32px 0px #cacaca inset;

	-moz-box-shadow: 0px 0px 32px 0px #cacaca inset;

	box-shadow: 0px 0px 32px 0px #cacaca inset;

	background: #fdfdfd;

}

.stripped .plan ul li {

	border: 1px solid #ececec;

	border-top: none;

	color: #666;

}

.stripped .plan ul li:nth-child(even) {

	-webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;

	-moz-box-shadow: 0px 0px 40px #e4e4e4 inset;

	box-shadow: 0px 0px 40px #e4e4e4 inset;

	background: #ffffff;

	border-right: 1px solid #e2e2e2;

	border-bottom: 1px solid #e2e2e2;

}



/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {

	.best-value.plan {

		top: -30px;

		position: relative;

	}

}



/* Google maps

---------------------------------- */

#map-canvas {

	height: 450px;

}

.sidebar #map-canvas {

	height: 350px;

}

#map-canvas img {

	max-width: inherit;

}



/* Scroll to top

---------------------------------- */

.scrollToTop {

	color: #fff;

	position: fixed;

	bottom: 5px;

	right: 5px;

	width: 50px;

	height: 50px;

	text-align: center;

	cursor: pointer;

	background-color: #000000;

	z-index: 1005;

	display: none;

}

.scrollToTop i {

	line-height: 50px;

	font-size: 24px;

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.scrollToTop {

		width: 40px;

		height: 40px;

		background-color: rgba(0, 0, 0, 0.4);

	}

	.scrollToTop i {

		line-height: 40px;

		font-size: 20px;

	}

}



/* 8 Main Slideshow

----------------------------------------------------------------------------- */

/* Slider Revolution

---------------------------------- */

.slider-banner-container {

	width: 100%;

	position: relative;

	padding: 0;

}

.slider-banner,

.slider-banner-2,

.slider-banner-3,

.slider-banner-fullscreen {

	width: 100%;

	position: relative;

}

.slider-banner>ul,

.slider-banner-2>ul,

.slider-banner-3>ul,

.slider-banner-fullscreen>ul {

	display: none;

}

.tp-loader.spinner0 {

	background: url("../images/loader.gif") no-repeat center center;

	box-shadow: none;

	-webkit-box-shadow: none;

	-webkit-animation: none;

	animation: none;

	border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	width: 44px;

	height: 44px;

	margin-top: -22px;

	margin-left: -22px;

}

.tp-loader.spinner4 .dot1,

.tp-loader.spinner4 .dot2 {

	background-color: #666666;

	box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);

	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);

}

.slideshow-boxed {

	padding: 20px 0 60px;

}

.slideshow-boxed .slider-banner-container {

	padding: 10px;

	background: #fff;

	border: 1px solid #eaeaea;

}

.slideshow-boxed .tp-caption {

	margin-left: 20px !important;

}



/* Slider Revolution captions */

.tp-caption {

	z-index: 5;

}

.tp-caption a.btn,

.tp-caption a.btn:hover {

	color: #ffffff;

}

.default_bg {

	background-color: #00a9e0;

	color: #fff;

}

.white_bg {

	background-color: #ffffff;

	color: #333333;

}

.dark_gray_bg {

	background-color: #666666;

	color: #fff;

}

.light_gray_bg {

	background-color: #fafafa;

	color: #333;

	border: 1px solid #f3f3f3!important;

	border-left: none!important;

}

.tp-caption.small_thin_white {

	font-size: 18px;

	line-height: 26px;

	color: #e1e1e1;

	font-weight: 300;

	text-shadow: 1px 1px 1px #000000;

}

.tp-caption.small_thin_dark {

	font-size: 18px;

	line-height: 26px;

	color: #000;

	font-weight: 400;

}

.tp-caption.large {

	font-size: 36px;

	padding: 0px 15px;

}

.tp-caption.medium {

	font-size: 22px;

	padding: 2px 10px;

}

.tp-caption.small {

	font-size: 14px;

	padding: 5px;

}



/* Large devices (Large desktops less than 1199px) */

@media (max-width:1199px) {

	.tp-caption {

		margin-left: 20px !important;

	}

}



/* Revolution Nav Controls */

.tparrows.round {

	background-image: none;

	width: 50px;

	height: 50px;

	text-align: center;

	color: #fff;

	background-color: rgba(0, 0, 0, 0.5);

	top: 50% !important;

	-webkit-transition: all linear 0.2s;

	-moz-transition: all linear 0.2s;

	-o-transition: all linear 0.2s;

	-ms-transition: all linear 0.2s;

	transition: all linear 0.2s;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

.tparrows.round:before {

	font-family: "微软雅黑" , 'fontello';

	font-size: 24px;

	content: '\e87c';

	line-height: 52px;

	display: inline-block;

}

.tparrows.round.tp-rightarrow:before {

	content: '\e87d';

}

.tparrows.round:hover {

	color: #ffffff;

	background-color: #00a9e0;

}

.slideshow-boxed .slider-banner-container .tparrows {

	opacity: 0;

	filter: alpha(opacity=0);

}

.slideshow-boxed .slider-banner-container:hover .tparrows {

	opacity: 1;

	filter: alpha(opacity=100);

}

.tp-bullets {

	z-index: 100;

}

.tp-bullets.simplebullets.round .bullet {

	background-image: none;

	width: 14px;

	height: 14px;

	background: rgba(0, 0, 0, 0.5);

	border: none;

	margin: 0 3px;

	-webkit-transition: all linear 0.2s;

	-moz-transition: all linear 0.2s;

	-o-transition: all linear 0.2s;

	-ms-transition: all linear 0.2s;

	transition: all linear 0.2s;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

.bullets-with-bg + .tp-bullets.preview4 {

	height: auto;

	background-color: rgba(255, 255, 255, 1);

	padding: 5px 15px;

	bottom: -6px !important;

	border-radius: 3px;

}

.tp-bullets.simplebullets.round .bullet:hover,

.tp-bullets.simplebullets.round .bullet.selected {

	background-color: #00a9e0;

}

.tp-bannertimer {

	background-image: none;

	background-color: rgba(0, 130, 220, 0.7);

	z-index: 100;

	display: none;

}

.slideshow-boxed .tp-bullets {

	bottom: -33px !important;

}

.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {

	padding: 7px 15px 2px;

	bottom: -45px !important;

}

.slideshow-boxed .tp-rightarrow {

	right: 10px !important;

}

.slideshow-boxed .tp-leftarrow {

	left: 10px !important;

}

.slideshow-boxed .tp-bullets.hidebullets {

	opacity: 1 !important;

	filter: alpha(opacity=100) !important;

}



/* Extra small devices (phones, less than 480px) */

@media (max-width:480px) {

	.tparrows,

	.tp-bullets {

		display: none;

	}

}



/* 9 Owl carousel

----------------------------------------------------------------------------- */

.owl-carousel {

	z-index: 4;

}

.owl-carousel .owl-item>div {

	margin: 10px 0 20px;

}

.owl-carousel.carousel .owl-item>div,

.owl-carousel.carousel-autoplay .owl-item>div {

	margin: 10px 20px 20px 0;

}

.owl-carousel.clients .owl-item>div {

	margin: 0px 30px 0px 0;

}

.well.owl-carousel .owl-item>div {

	margin: 10px 0 0;

}

.tab-content .owl-carousel .owl-item>div {

	margin: 0 0 20px;

}



/* caption */

.caption {

	background-color: rgba(255, 255, 255, 0.85);

	padding: 15px;

	position: absolute;

	bottom: 80px;

	left: 80px;

	width: 40%;

	border: 1px solid #ffffff;

}

.caption .title {

	margin-top: 0;

}



/* Medium devices (desktops, tablets less than 991px) */

@media (max-width:991px) {

	.caption {

		width: 90%;

		bottom: 40px;

		left: 40px;

	}

}



/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {

	.caption {

		width: 100%;

		bottom: 30px;

		left: 0;

		position: relative;

		background-color: #fafafa;

		bottom: 0;

		padding-bottom: 35px;

	}

}



/* owl controls */

.owl-controls {

	width: 100%;

	margin-bottom: 50px;

}

.owl-controls .owl-buttons div {

	display: inline-block;

	zoom: 1;

	padding: 3px 10px;

	font-size: 12px;

	position: absolute;

	width: 30px;

	height: 30px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.owl-prev {

	left: 0;

	background-color: #00a9e0;

	color: #f1f1f1;

}

.owl-next {

	left: 30px;

	background-color: #f1f1f1;

	color: #00a9e0;

}

.owl-prev:hover,

.owl-next:hover,

.gray-bg .owl-next:hover {

	background-color: #333333;

	color: #f1f1f1;

}

.gray-bg .owl-next {

	background-color: #ffffff;

}

.owl-controls .owl-buttons div:after {

	font-family: "微软雅黑" , "fontello";

	font-size: 18px;

	line-height: 26px;

}

.owl-prev:after {

	content: "\e87c";

}

.owl-next:after {

	content: "\e87d";

}

.no-touch .owl-controls.clickable .owl-buttons div:hover {

	filter: Alpha(Opacity=100);

	opacity: 1;

	text-decoration: none;

}

.content-slider-with-controls {

	margin-bottom: 20px;

}

.content-slider-with-controls .owl-controls,

.content-slider-with-controls-autoplay .owl-controls {

	margin-bottom: 0;

}

.content-slider-with-controls .owl-buttons div,

.content-slider-with-controls-autoplay .owl-buttons div {

	top: 50%;

	margin-top: -15px;

	background-color: #00a9e0;

	color: #f1f1f1;

}

.content-slider-with-controls .owl-buttons div.owl-next,

.content-slider-with-controls-autoplay .owl-buttons div.owl-next {

	left: auto;

	right: 0;

}

.content-slider-with-controls .owl-prev:hover,

.content-slider-with-controls .owl-next:hover,

.content-slider-with-controls-autoplay .owl-prev:hover,

.content-slider-with-controls-autoplay .owl-next:hover {

	background-color: #f1f1f1;

	color: #00a9e0;

}

.content-slider-with-controls-bottom .owl-controls .owl-pagination {

	bottom: -30px;

}

.content-slider-with-controls-bottom .owl-controls .owl-page span {

	background: #acacac;

}

.owl-controls .owl-pagination {

	position: absolute;

	bottom: 25px;

	text-align: center;

	margin: 0 auto;

	display: block;

	width: 100%;

}

.owl-controls .owl-page {

	display: inline-block;

	zoom: 1;

}

.owl-controls .owl-page span {

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 4px;

	background: #ffffff;

}

.owl-controls .owl-page.active span,

.owl-controls.clickable .owl-page:hover span {

	background: #00a9e0;

}





/*新闻页按钮*/

#select_btn>div>a{

    border-radius: 7px;

    width: 100%;

    color: white;

}





/* 留言板样式 */



.bbs_main{

	padding:0 5%;

}



/* 电影院样式 */



.yingyuan_more{

	display: inline-block;

    float: right;

    width: 190px;

    height: 253px;

    position: relative;

    right: 14px;

    background: #333;

    border-radius: 7px;

}



.yingyuan_more span{

	color: rgba(255, 255, 255, 0.65);

	width: 90px;

	height: 30px;

	position: absolute; top: 0; bottom: 0; left: 0; right: 0;   /*css溢出法*/

	margin: auto;

}



.yingyuan_more:hover{

    background: #1b509c;

	-webkit-transition: all linear 0.2s;

    -moz-transition: all linear 0.2s;

    -ms-transition: all linear 0.2s;

    -o-transition: all linear 0.2s;

    transition: all linear 0.2s;

}

.yingyuan_more:hover span{

    color:#fff;

	-webkit-transition: all linear 0.2s;

    -moz-transition: all linear 0.2s;

    -ms-transition: all linear 0.2s;

    -o-transition: all linear 0.2s;

    transition: all linear 0.2s;

}



/*加盟页面banner案例蒙版*/

.anli_mask{

	position: absolute;

	left: 0;

	bottom: 0;

	background-color: #000000a1;

	height: 80px;

	width: 100%;

	display: block;

}

.tp-caption.red_border.start{

	position: absolute;

	width: 55%;

	/* height: 40%; */

	top: 8%;

	left: 23%;

	padding: 16%;

	background-color: rgba(0, 0, 0, 0.6);

}

.tp-caption.red_border.start>i{

	position: absolute;

	width: 80%;

	height: 85%;

	top: 8%;

	left: 10%;

	border: 2px solid #515151;

}



/* 文字轮播 */

.title_inimg{

	font-size:35px;

	font-weight: bold;

    line-height: 70px;

}



.tit_fff{

	color:#fff !important;

}





/*  页尾广告  */

.nie_download_container {

    width: 100%;

    cursor: pointer;

    border-radius: 10px;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}

.nie_download_container_X {



}

.nie_download_container_X {

    position: absolute;

    top: 2%;

    right: -18%;

    margin-left: 0%;

    z-index: 9999999;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}



 .sidebar_content{

	 width:173px;

	 height:584px; 

	 left:0px;

	 top:88px;

 }

.btn_bottom_ad {

    display: inline-block;

    width: 130px;

    height: 40px;

    line-height: 40px;

    background: #00a9e0;

    padding: 0 20px;

    color: #fff;

    margin-right: 180px;

	border:none;

}



a.btn_bottom_ad:hover {

	color:#ccc;

}



#nie-download {

    float: right;

    width: 32px;

    margin-top: 80px;

}



#nie-download .close_X {

    float: right;

    width: 32px;

    height: 120px;

    background: url("../images/sidebar_jmzx.png") no-repeat;

}

#download_code {

    display: none;

    float: right;

    width: 32px;

    margin-top: 80px;

    padding: 10px;

}



#download_code .fold_wrap {

    float: right;

    width: 32px;

    height: 120px;

    background: url("../images/sidebar_jmzx_open.png") no-repeat;

}



.position_center {

	position: relative;

    top: -100px;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

}

.in_vrplan a{

	display: block;

    text-align: center;

    width: 350px;

    height: 40px;

    line-height: 30px;

    background: rgba(0, 160, 233, 1);

    border-radius: 25px;

    border: 4px solid #00a9e0;

	font-size:16px;

	color:#fff;

}


.sy_xy{width:100%; background:url(../images/xy_bj.png) no-repeat center / cover; overflow:hidden; margin-bottom:60px}
.sy_xy ul{overflow:hidden; margin-top:35px }
.sy_xy ul li{float:left; padding:1px 1px 0 0;}
.sy_xy img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.sy_xy ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_xy .nr{width:100%; position:relative; overflow:hidden;}
.sy_xy .bj{width:100%; height:100%; background-color:rgba(0,0,0,.2); top:0; left:0; position:absolute;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_xy .wz{position:absolute; width:90%; left:5%; bottom:5%; font-size:12px; color:#fff; line-height:26px;}
.sy_xy .wz h3{font-size:26px; margin-bottom:5px;}
.sy_xy .wz p{font-size:15px; color:#ddd; margin-bottom:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_xy ul li:hover .wz p{margin-bottom:50px;}
.sy_xy .wz span{font-size:14px;}
.sy_xy .wz i{padding-left:15px;}
.sy_xy ul li:hover .bj{background-color:rgba(0,0,0,.5);}

.hbj{ background:url(../images/pic19.png) ; padding-bottom:60px}

.sy_fw{width:100%; padding:50px 0; overflow:hidden;}
.sy_fw .tp{width:100%; overflow:hidden;}
.sy_fw .tp img{width:100%; height:auto; display:block;}
.sy_fw .wz{padding:20px 15px; background-color:#f5f5f5; text-align:center;}
.sy_fw .wz h3{font-size:18px; font-weight:bold; line-height:32px; margin-bottom:15px;}
.sy_fw .wz p{font-size:12px; color:#666; line-height:22px; height: auto;}
.sy_fw .wz a{width:30px; height:30px; display:block; font-size:22px; line-height:26px; text-align:center; background-color:#ddd; border-radius:100%; margin:20px auto 0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_fw .swiper-fuwu .swiper-slide:hover .wz a{background-color:#1b509c; color:#fff;}
.sy_fw .wz i{display:inline-block; line-height:24px;}

.swiper-fuwu{padding-bottom:50px;}
.swiper-fuwu .swiper-slide{overflow:hidden;}
.swiper-fuwu .swiper-button-prev{width:50px; height:26px; background:#d7d7d7 url(../images/hz_l.png) no-repeat center; top:auto; bottom:0; left:50%; margin-left:-60px;}
.swiper-fuwu .swiper-button-prev:hover{background:#1b509c url(../images/hz_l.png) no-repeat center;}
.swiper-fuwu .swiper-button-next{width:50px; height:26px; background:#d7d7d7 url(../images/hz_r.png) no-repeat center; top:auto; bottom:0; right:50%; margin-right:-60px;}
.swiper-fuwu .swiper-button-next:hover{background:#1b509c url(../images/hz_r.png) no-repeat center;}

.sy_zx{width:1170px; margin:0 auto; padding:60px 0;}
.sy_zx .t_w{width:540px; height:353px; float:left; position:relative;}
.sy_zx .t_w img{width:100%}

.sy_zx .t_w .hd{position:absolute; z-index:9999; right:5px; bottom:6px;}
.sy_zx .t_w .hd li{display:inline-block; padding:3px 10px; background:#fff; color:#555; font-size:14px; text-align:center; margin:0 3px;cursor:pointer;}
.sy_zx .t_w .hd .on{background:#1b509c; color:#fff;}
.sy_zx .t_w .bd{width:100%; height:100%}
.sy_zx .t_w .bd ul{width:100%; height:100%}
.sy_zx .t_w .bd ul li{width:100%; height:100%}
.sy_zx .t_w .bd ul li a{display:block; width:100%; height:100%; position:relative;}
.sy_zx .t_w .bd ul li img{width:100%; height:100%;}
.sy_zx .t_w .bd ul li a span{height:40px; font-size:14px; line-height:40px; width:100%; padding-left:3%; background:rgba(0,0,0,0.7); color:#FFF; position:absolute; left:0; bottom:0;}
.sy_zx .z_x{width:630px; float: right; margin-right:-50px}
.sy_zx .z_x ul li{width:100%; background-color:#f7f7f7; font-size:14px; line-height:22px; margin-bottom:18px; overflow:hidden;}
.sy_zx .z_x .r_q{width:80px; padding:15px 10px; background:url(../images/dbj.jpg); line-height:38px; text-align:center; color:#fff; float:left;}
.sy_zx .z_x .r_q b{font-size:26px; display:block;}
.sy_zx .z_x .w_z{width:520px; float:right; margin:10px 10px 0 0; float:right;}
.sy_zx .z_x .w_z h3{font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_zx .z_x .w_z p{font-size:14px; line-height:26px; height:52px; color:#777; overflow:hidden;}
.sy_hz{width:100%; padding:40px 0 0 0; background:url(../images/part_bg7.1a4a79e.jpg) no-repeat bottom;}
.sy_hz ul{width:1212px;}
.sy_hz ul li{width:226px; border:1px solid #e7e7e7; margin-right:16px; margin-bottom:16px; float:left;}
.sy_hz ul li img{width:100%; height:auto; display:block;}
.sy_hz ul li:hover { border:1px solid #1b509c; }


.zxkf{width:60px; position:fixed; right:0; top:50%; margin-top:-30px; z-index:99999;}
.zxkf .dh{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover{background-color:rgba(255,125,50,.8); width:210px;}
.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .dh:hover .tp{background-color:rgba(255,125,50,.8);}
.zxkf .dh .wz{font-size:20px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover{background-color:rgba(66,167,204,.8); width:150px;}
.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .qq:hover .tp{background-color:rgba(66,167,204,.7);}
.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}
.zxkf .qq .wz a{color:#fff;}
.zxkf .wx{margin-bottom:2px; background-color:rgba(0,0,0,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .wx:hover{background-color:rgba(95,212,144,.8);}
.zxkf .wx .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.zxkf .ewm{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}
.zxkf .ewm img{width:100%; height:auto; display:block;}
.zxkf .wx:hover .ewm{display:block;}
.zxkf .fh{margin-bottom:10px; background-color:#1b509c; width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;}
.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}
.top{width:100%; background-color:#2b2b2b; text-align:right; font-size:12px; color:#fff; line-height:36px; position:relative; z-index:99999;}
.top .h_y{float:left;}
.top .k_j{float:right;}
.top .k_j i{font-size:14px; padding-right:5px;}
.top .k_j a{color:#fff; padding:0 15px; font-size:14px; border-right:1px solid #aaa;}
.top .search{float:right; position:relative;}
.top .search i{font-size:14px; padding:0 10px;}
.top .s_ch{width:240px; padding:5px 10px; background-color:#000; position:absolute; right:-20px; display:none;}
.top .s_ch input.w_z{width:85%; height:32px; font-size:14px; line-height:32px; color:#fff; float:left; -webkit-appearance:none;}
.top .s_ch button.s_c{width:15%; height:33px; font-size:14px; line-height:32px; color:#fff; text-align:center; float:right; -webkit-appearance:none; cursor:pointer;}

.header{width:100%;}
.header .logo{float:left; width:300px; margin-top:20px }
.header .logo img{width:100%; height:auto; }
.header .tel{font-size:15px; line-height:23px; float:right; width:220px; margin-top:36px; color:#666}
.header .tel img { float:left; margin-top:5px; margin-right:5px }



.n_ban{width:100%; height:450px; position:relative; overflow:hidden;}
.n_ban .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.3); position:absolute; top:0; left:0;}
.n_ban .w_z{position:absolute; width:100%; text-align:center; box-sizing:0 0 8px #555; color:#fff; top:50%; left:0; 
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.n_ban .w_z h3{font-size:30px; margin-bottom:10px; font-weight:normal}
.n_ban .w_z h4{font-size:20px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
.dq_wz{width:100%; border-bottom:1px solid #e7e7e7; padding:15px 0;}
.dq_wz .wz{float:left; line-height:32px; font-size:14px}
.dq_wz .ej_lm{float:right;}
.dq_wz .ej_lm ul li{float:left; margin-left:20px;}
.dq_wz .ej_lm ul li a{width:100px; height:30px; text-align:center; line-height:26px; font-size:14px; border:1px solid #e7e7e7; display:block;}
.dq_wz .ej_lm ul li a:hover{color:#fff; background-color:#1b509c; border:1px solid #1b509c;}
.dq_wz .ej_lm ul li a.on{color:#fff; background-color:#1b509c; border:1px solid #1b509c;}
.neiye{margin:50px auto; overflow:hidden;}
.neiye .ny_ej{width:250px; float:left; overflow:hidden;}
.neiye .ny_ej h3{background-color:#1b509c; text-indent:20px; font-size:18px; line-height:56px; color:#fff;}
.neiye .ny_ej ul{border:1px solid #e7e7e7; border-top:0;}
.neiye .ny_ej ul li{display:block;}
.neiye .ny_ej ul li a{display:block; font-size:15px; line-height:44px; text-indent:20px;}
.neiye .ny_ej ul li a.on{color:#1b509c; background-color:#f5f5f5;}
.neiye .yc_nr{width:100%;}
.neiye .lm_mc{border-bottom:1px solid #e7e7e7; font-size:18px; line-height:56px; margin-bottom:20px;}
.neiye .about1{font-size:14px; line-height:28px; color:#555;}
.neiye .about1 img{width:100%; height:auto; display:block;}
.neiye .about1 img.m_t{margin-top:80px;}
.neiye .about1 h3{color:#0769ce; margin-bottom:15px; margin-top:0;}
.neiye .about1 h4{font-size:16px; color:#0769ce; line-height:28px; margin-bottom:20px;}
.neiye .about1 h5{margin-top:15px; font-size:16px; color:#0769ce;}
.neiye .about1 p{margin-bottom:10px; font-size: 15px;
line-height: 36px;}
.neiye .about1 .t_p{padding:5px; border:1px solid #e7e7e7;}
.neiye .about1 .t_p img{width:100%; height:auto; display:block;}
.neiye .about1 .w_z{margin:15px 0; text-align:center; font-size:14px;}
.neiye .product ul{width:1200px;}
.neiye .product ul li{width:277px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.neiye .product  ul li:nth-child(4n){margin-right:0; }
.neiye .product .n_r{border:1px solid #e7e7e7;}
.neiye .product .t_p{overflow:hidden;}
.neiye .product .t_p img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.neiye .product ul li:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.neiye .product .w_z{padding:20px 15px; background-color:#fafafa;}
.neiye .product .w_z h3{font-size:16px; margin-top:0; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.neiye .product .w_z p{font-size:12px; color:#888; line-height:24px; height:48px; overflow:hidden;}
.neiye .product .w_z a.mr{display:block; width:130px; height:36px; background-color:#a7a7a7; font-size:15px; color:#fff; text-align:center; line-height:36px; margin-top:10px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.neiye .product ul li:hover .w_z a.mr{box-shadow:inset 130px 0 0 0 #1b509c;
-webkit-box-shadow:inset 130px 0 0 0 #1b509c;
-moz-box-shadow:inset 130px 0 0 0 #1b509c;
-ms-box-shadow:inset 130px 0 0 0 #1b509c;
-o-box-shadow:inset 130px 0 0 0 #1b509c;}

.page{width:100%; margin:30px auto 0; overflow:hidden;}
.page a{line-height:38px; color:#888; background-color:#fff; border:1px solid #d7d7d7; text-align:center; font-size:14px; width:38px; height:38px; float:left; margin-right:10px;}
.page a:hover{background-color:#1b509c; border:1px solid #1b509c; color:#fff;}
.page a.on{background-color:#1b509c; border:1px solid #1b509c; color:#fff;}




.neiye .product1 ul{width:1170px;}
.neiye .product1 ul li{width:273px; float:left; margin:0 20px 20px 0; overflow:hidden;}
.neiye .product1  ul li:nth-child(4n){margin-right:0; }
.neiye .product1 .n_r{border:1px solid #e7e7e7;}
.neiye .product1 .t_p{overflow:hidden;}
.neiye .product1 .t_p img{width:100%; height:auto; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.neiye .product1 ul li:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.neiye .product1 .w_z{padding:20px 15px; background-color:#fafafa; text-align:center}
.neiye .product1 .w_z h3{font-size:16px; margin-top:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.xw{width:100%; }
.xw .tp{width:230px; padding:4px; border:1px solid #e7e7e7; float:left; overflow:hidden;
transition:all .5s; 
-webkit-transition:all .5s; 
-moz-transition:all .5s; 
-ms-transition:all .5s; 
-o-transition:all .5s;}
.xw .tp img{width:100%; height:auto; display:block;}
.xw ul li{ height:auto; overflow:hidden; border-bottom:#eee 1px dashed;margin-bottom:30px; padding-bottom:30px}
.xw ul li:hover .tp{border:1px solid #1b509c;}
.xw .wz{width:890px; float:right; font-size:14px; line-height:26px; overflow:hidden; position:relative;}
.xw .wz h3{font-size:18px; line-height:36px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal}
.xw .wz h3 a:hover{color:#1b509c;}
.xw .wz p{margin-top:5px; font-size:12px; line-height:24px; color:#999; font-size:14px}
.xw .wz span{color:#999; font-size:12px; margin-right:20px;}
.xw .wz i{margin-right:5px;}
.xq1{ font-size:14px; color:#999; margin-top:25px}
.xq{width:100px; height:26px; margin-top:15px; border:1px solid #1b509c; color:#1b509c; font-size:12px; line-height:26px; text-align:center; display:block; position:relative; overflow:hidden; z-index:99;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.xq:after{content:''; width:0; height:26px; background-color:#1b509c; position:absolute; top:0; left:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.xq:hover:after{width:100%;}
.xq a{display:block; position:relative; z-index:999;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.xq:hover a{color:#fff;}
.xq i{margin-left:10px;}

.neiye .lianxi .x_x{width:550px; float:left;}
.neiye .lianxi .l_y{width:550px; float:right;}
.neiye .lianxi .d_t{margin-top:50px;}
.neiye .lianxi h3{font-size:24px; margin-bottom:15px; font-weight:normal}
.neiye .lianxi h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px; font-weight:normal}
.neiye .lianxi em{width:30px; height:1px; background-color:#1b509c; display:block; margin-bottom:15px;}
.neiye .lianxi b{font-family:Arial, Helvetica, sans-serif; color:#1b509c; padding-left:5px; font-size:20px !important;}
.neiye .lianxi p{font-size:16px; line-height:40px;}
.neiye .lianxi p i{padding-right:10px; color:#aaa;}
.neiye .lianxi input.w_z{width:158px; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
.neiye .lianxi input.a_n{width:120px; height:40px; background-color:#1b509c; font-size:14px; color:#fff; line-height:40px;}
.neiye .lianxi textarea{width:526px; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}




.custom{

    position: relative;


    width: 100%;

    height: auto;

    color: #666666;

    background: url("../images/yj_bj.jpg") no-repeat;

    background-size: 100% 100%;

    display: inline-block; padding-bottom:50px

}

.custom-title{

    display:block;

    width: 100%;

    padding-left: 5%;

}

.custom-title h1{

    font-family: "微软雅黑";

    font-size: 36px;

    font-weight: 900;

    line-height: 1.5;

    margin-left: 11%;

    display: inline-block;

    float: left;

    color: #000000;

}

.custom-title1 h1{

    font-family: "微软雅黑";

    font-size: 36px;

    font-weight: 900;

    line-height: 1.5;

    margin-left: 14%;

    display: inline-block;

    float: left;

    color: #000000;

}

.custom-title1 ul{

    margin-left: 30%;

}

.custom-title ul{

    margin-right: 15%;

    display: inline-block;

    float: right;

}

@media screen and (max-width:1562px) and (min-width:1465px){

    .custom-title ul{

        margin-right: 11%;

        display: inline-block;

        float: right;

    }

}

@media screen and (min-width:145px){

    .custom-title ul{

        margin-right: 9%;

        display: inline-block;

        float: right;

    }

}

.custom-title1 ul{

    margin-left: 15%;

    display: inline-block;

    float: right;



}

.custom-title ul li{

    display: inline-block;

    float: left;

    font-size: 18px;

    line-height: 3;

    margin-right: 45px;

    font-family: "微软雅黑 Light";

    color: #666666;

}

.custom-title1 ul li{

    display: inline-block;

    float: left;

    font-size: 18px;

    line-height: 4;

    margin-right: 32px;

    font-family: "微软雅黑 Light";

    color: #666666;

}

.custom-title1 ul li a{

    color: #333333;

    text-decoration: none;

}

.custom-title ul li a{

    color: #333333;

    line-height: 2.4;

    text-decoration: none;

}

.cum-box{

    width: 1460px;
 margin:30px auto

}

.cum-box li{

    display: inline-block;

    background: url("../images/cum-bg.png") no-repeat;

    background-size: 100% 100%;

    width: 18%;

    margin-left: 2%;

    padding-bottom: 3%; 

    /*height: 800px;*/

}

.cum-box li img{

    margin-top:3%;

    width: 93%;

    margin-left: 11%;

}

.jieshao{

    display: inline-block;

    width: 96%;

    padding: 5% 0% 3% 12%;

}

.jieshao h1{

    font-family: "微软雅黑";

    font-size: 26px;

    font-weight: 900;

    line-height: 2;

    color: #333333;

    text-align: left;

    display: block;

}

.jieshao span{

    text-align: left;

    font-family: 微软雅黑;

    font-size: 22px;

    line-height:2;

    letter-spacing: 1px;

    display: block;

    color: #333333;

}

.jieshao p{

    text-align: left;

    font-family: 微软雅黑;

    font-size: 15px;

    line-height: 1.7;

    font-weight: 500;

}

.xwzx{ height:auto; overflow:hidden; background:url(../images/bg.jpg) no-repeat right / cover; padding:10px 0 }
.biginformation{

    position:relative;


}

.information{

    width: 1220px;

    height: auto;

    position:relative;

    margin: 60px auto 0;

}

.information .Consultation{

    display: block;

    width: 476px;

    height: 350px;

    border: 5px solid #1b509c;

    position: relative;

    margin-left: 730px;

}

.information .Consultation h4{

    font-family: "微软雅黑 Light";

    text-align: center;

    line-height: 2;

    font-weight: bold;

    display: block;

    width: 130px;

    font-size: 30px;

    color: black;

    margin-top: 40px;

    margin-left: 67px;

}

.information .Consultation p{

    display: block;

    width: 370px;

    margin-top: 13px;

    margin-left: 71px;

    text-align: left;

    letter-spacing: 2px;

    line-height: 1.4;

    color: #666666;

    font-size: 18px;

    font-weight: 600;

    font-family: "å¾®è½¯é›…é»‘ Light";

}

.information .Consultation a{

    display: block;

    width: 180px;

    height: 40px;

    border-radius: 8px;

    background: #019ce6;

    font-family: "微软雅黑 Light";

    font-size: 20px;

    color: #fff;

    line-height: 2;

    text-decoration: none;

    text-align: left;

    padding-left: 10%;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 90px;

    margin-left: 65px;

}

.forum{

    position: absolute;

    top: 55px;

    left: -18px;

    z-index: 10;

}

.information .Optimization{

    display: block;

    width: 476px;

    height: 350px;

    border: 5px solid #1b509c;

    position: relative;

    margin-top: 120px;

}

.information .Optimization h4{

    font-family: "微软雅黑 Light";

    text-align: center;

    line-height: 2;

    font-weight: bold;

    display: block;

    width: 130px;

    font-size: 30px;

    color: black;

    margin-top: 40px;

    margin-left: 35px;

}

.information .Optimization p{

    display: block;

    width: 370px;

    margin-top: 13px;

    margin-left: 35px;

    text-align: left;

    letter-spacing: 2px;

    line-height: 1.4;

    color: #666666;

    font-size: 18px;

    font-weight: 600;

    font-family: "å¾®è½¯é›…é»‘ Light";

}

.information .Optimization a{

    display: block;

    width: 180px;

    height: 40px;

    border-radius: 8px;

    background: #019ce6;

    font-family: "微软雅黑";

    font-size: 20px;

    color: #fff;

    line-height: 2;

    text-decoration: none;

    text-align: left;

    padding-left: 10%;

    font-weight: 600;

    letter-spacing: 1px;

    margin-top: 90px;

    margin-left: 35px;

}

.hotgame{

    position: absolute;

    top: 520px;

    left: 449px;

    z-index: 10;

}

.sy_cp{width:100%; padding:50px 0; overflow:hidden;}
.sy_cp ul{width:1450px; margin:0 auto}
.sy_cp ul li{width:335px; margin:0 20px 20px 0; float:left; position:relative; border:#FFF 5px solid; box-shadow:0 1px 4px #999;border-radius:4px;}
.sy_cp .t_a{display:block; overflow:hidden;}

.sy_cp ul li:hover .t_b{opacity:1;}
.sy_cp img{width:100%; height:214px; display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.sy_cp ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_cp .w_z{position:absolute; width:100%; background-color:rgba(0,0,0,.5); left:0; bottom:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_cp .w_z a{font-size:18px; color:#fff; line-height:46px; text-align:center; display:block; font-weight:bold}
.sy_cp ul li:hover .w_z{background-color:rgba(0,0,0,.7);}


.shipin{ width:1450px; margin:30px auto; height:auto; overflow:hidden}
.shipin ul{width:100%;}
.shipin ul li{width:715px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.shipin ul li:nth-child(2n){margin-right:0; }
.shipin .wz{position:absolute; top:0; left:0; width:715px; height:100%; padding-top:220px; background-color:rgba(0,0,0,.5); font-size:14px; line-height:28px; color:#fff; opacity:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.shipin ul li:hover .wz{opacity:1;}


.shipin1{ width:1450px; margin:0 auto 30px; height:auto; overflow:hidden}
.shipin1 ul{width:100%;}
.shipin1 ul li{width:470px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.shipin1 ul li:nth-child(3n){margin-right:0; }
.shipin1 .wz{position:absolute; top:0; left:0; width:470px; height:100%; padding-top:100px; background-color:rgba(0,0,0,.5); font-size:14px; line-height:28px; color:#fff; opacity:0; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.shipin1 ul li:hover .wz{opacity:1;}


.dh ul{position: relative;overflow: hidden;width: 100%;height: 406px;margin: 20px auto 30px ; padding:20px}
.dh ul li{float: left;width: 25%;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#FFF 10px solid;box-shadow: 0 1px 4px #999;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 8px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 8px;right: 10px;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 16px;}

.dh ul li.curr{}
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.col1{color: #fff;}
.col2{color: #fff;}.advcont ul{width:1230px;}

.advcont ul{width:1200px;}
.advcont ul li{float:left;margin:10px 28px 15px 0;width:380px;height:330px;}
.advcont ul li .advimg img{width:380px;height:266px;}
.advcont ul li .advti a{display:block;padding:0px 20px 0px 10px;width:380px;height:60px;background:#EAEAEA;text-align:center;}
.advcont ul li .advti h6{padding-top:10px;font-size:21px;line-height:40px; margin:0; font-weight:500}
.advcont ul li .advti p{font-size:15px;line-height:28px;}
.advcont ul li .advti a{color:#333333;}
.advcont ul li .advti a:hover{position:relative;top:-40px;left:0px;padding:0px 10px 0px 10px;width:380px;height:100px;background:#1b509c;color:#ffffff;text-align:center;-webkit-transition-duration:1s;-webkit-transition-property:background-color;}
.advcont ul li .advti a:hover h6{font-size:21px;}
.advcont ul li .advti a:hover p{font-size:17px;}
#wxImg{padding-top:0px;padding-bottom:0px; width:34px;height:34px; }
.advcont ul li .advti:hover #wxImg{margin:0px auto;width:34px;height:34px;background:url('../images/more.png') no-repeat 0px 0px;}

.messages{margin:20px auto;padding-bottom:40px;width:1200px;height:auto;}
.messages #bgtitle{margin:50px auto;padding:5px;width:1080px;border-radius:8px;background:#233776;text-align:center;}
.messages #bgtitle span{color:#ffffff;font-size:31px;font-family:Medium;}
.messages #bgtitle #engvs{padding-left:18px;font-size:20px;font-family:light;}
.inpmes{float:left;width:960px;}
.inpmes input{margin-right:20px;padding-left:6px;width:443px;height:38px;border:1px solid #cccccc;box-shadow:#cccccc 0px 2px 10px 0px;}
.inpmes textarea{margin-top:20px;padding-top:5px;width:922px;border:1px solid #cccccc;box-shadow:#cccccc 0px 2px 10px 0px;text-indent:6px;}
textarea::-webkit-input-placeholder{color:#888888;font-size:13px;}
.inpsub{float:left;width:240px;}
.inpsub #tup{margin-bottom:22px;width:240px;height:39px;border:1px solid #cccccc;background:#ffffff;box-shadow:#cccccc 0px 2px 10px 0px;color:#000000;font-size:16px;letter-spacing:2px;}
.inpsub #tups{margin-bottom:18px;width:240px;height:39px;border:1px solid #cccccc;background:#1b509c;box-shadow:#cccccc 0px 2px 10px 0px;color:#ffffff;font-size:16px;letter-spacing:2px;}
#botext{width:240px;color:#ABABAB;font-size:18px;line-height:38px;}

.qualifica{overflow:hidden;width:100%;height:auto;}
.qualifica .qualificas{margin:0px auto;width:1260px;height:auto;}
.qualificas #bgtitle{padding:5px;border-radius:8px;background:#233776;text-align:center;}
.qualificas #bgtitle span{color:#ffffff;font-size:31px;font-family:Medium;}
.zizhicon{overflow:hidden;margin-top:0px;width:1260px;height:300px;border-radius:8px;}
.picMarquee-left .bd{padding:10px 70px 10px 50px;}
.picMarquee-left .bd ul{overflow:hidden;zoom:1;}
.picMarquee-left .bd ul li{float:left;overflow:hidden;margin-left:30px;width:210px;height:280px;text-align:center; _display:inline;}
.picMarquee-left .bd ul li .imgs{display:block;width:210px;height:280px;}
.qualifica .tempWrap{margin-left:12px;width:1144px!important;}
.picMarquee-left .prev{position:relative;bottom:185px;left:0px;float:right;width:53px;height:53px;background:url("../images/rightmo.png") no-repeat;cursor:pointer;}
.picMarquee-left .next{position:relative;top:115px;right:0px;float:left;width:53px;height:53px;background:url("../images/leftmo.png") no-repeat;cursor:pointer;}
.sp-large{position:relative;top:0;left:0;overflow:hidden;}
.sp-zoom{position:absolute;top:-50%;left:-50%;display:none;width:auto;height:auto;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
/*公用 项目案例 */
.icase{overflow:hidden;width:100%;}
.icase .icases{margin:0px auto;width:1260px;height:auto;}

.multipleColumn{position:relative;width:1200px;height:260px;}
.multipleColumn .bd{overflow:hidden;margin:-40px auto!important;padding:10px; padding-left:10px }
.multipleColumn .bd ul{float:left;overflow:hidden;width:410px;zoom:1;_display:inline;}
.multipleColumn .bd ul li{ float:left;overflow:hidden;width: 360px;text-align:center;_display:inline;}
.multipleColumn .bd ul li .pic{text-align:center;}
.multipleColumn .bd ul li .pic img{display:block;width:360px;height:200px; border-radius:20px}
.multipleColumn .bd ul li h3 { font-size:18px; color:#000; text-align:left; line-height:50px; font-weight:500 }
.multipleColumn .bd ul li:hover h3 { background:#1b509c; padding:0 10px; color:#fff }
.multipleColumn .bd ul li p { color:#666; line-height:26px; text-align:left; font-size:14px; height:52px; overflow:hidden; }
.multipleColumn .bd ul li:hover p { background:#1b509c; padding:0 10px; color:#fff }

.multipleColumn .prev{position:relative;bottom:150px;left:60px; float:right;width:53px;height:53px;background:url("../images/rightmo.png") no-repeat;cursor:pointer;}
.multipleColumn .next{position:relative;top:150px;right:58px;z-index:1;display:block;width:53px;height:53px;background:url("../images/leftmo.png") no-repeat;cursor:pointer;}

.box8{
	text-align: center;
	overflow: hidden;
	position: relative;
	
	width:276px;
	float:left;
	margin-right:22px;
	margin-bottom:20px;
}
.box8:before{
	content: "";
	width: 0;
	height: 100%;
	background: #000;
	padding: 14px 18px;
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.box8:hover:before{
	width: 100%;
	left: 0;
	opacity: 0.5;
}
.box8 img{
	width:276px;
	height:247px;
	border-radius:10px;
}
.box8 a:{}
.box8 .box8-content{
	width: 100%;
	padding: 14px 18px;
	color: #fff;
	position: absolute;
	top: 35%;
	left: 0;
}
.box8 .title{
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.box8 .post{
	font-size: 25px;
	text-transform: capitalize;
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.box8:hover .title,
.box8:hover .post{
	opacity: 1;
	transition-delay: 0.7s;
}

.box8 .box8-content a{color:white}
.m50 { margin:50px 0; }
.clear { clear:both; }

.abo { line-height:30px; font-size:14px; color:#fff; text-align:center; padding:0 60px }
.advandage h2{

	text-align: center;

    font-size: 45px;

    font-weight: bold;

    margin-top:70px;

    color: #fff;

	font-family:HinTing;

}

.advandage h2 p{

	font-size:20px;

	font-weight:normal;

	margin-top:30px;

}

.advandage ul{

	text-align:center;

	margin-top:30px;

}

.advandage ul li{

	display:inline-block;

	*display:inline;

	width:300px;

	
	margin-bottom:80px;

}

.advandage ul li.l04{

	border:none;

}

.advandage li strong{

	font-size:50px;

	font-weight:normal;
	color:#fff;

}

.advandage li strong em {

    font-style: normal;

    font-size: 80px;

    font-family: fantasy;

	margin-right:10px;

	color:#fff;

}

.advandage li p {

    font-size: 20px;

    color: #fff;

}
.xy-head { padding:10px 0; }
.xy-head .logo a { display: block; display: block; text-align: center; width:500px; height:80px; }
.xy-head .logo a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-head .logo a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-head .head-right { margin-top:8px; }
.xy-head .head-right .logo-wz { font-size: 20px; color: #e97f18; padding-right: 20px; }
.xy-head .head-right .head-phone { font-size: 20px; color: #666; line-height: 1.35; border-left: 1px solid #e5e5e5; padding-left: 20px; margin-right: 15px; }
.xy-head .head-right .start-custom { width: 100px; text-align: center; background: #e97f18; font-family: "Microsoft YaHei", "Microsoft YaHei UI Light"; font-size: 18px; color: #fff; line-height: 3; }
.sou { height:26px; background:#fff; line-height:21px; border-radius:30px; width:200px; padding:3px 6px; margin-top:30px; position:absolute; right:0; top:-10px }
.sou input { background:none; border:0; width:140px; height:21px; line-height:21px; outline:0; padding-left:10px; color:#999; font-family:microsoft yahei }
.fl { float:left; }
.fr { float:right; }

.xy-nav { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background:#1b509c; position: relative; z-index: 99; }
.xy-nav.fixed { position: fixed; left: 0; right: 0; top: 0; background: #1b509c; }
.xy-menu { position:relative; }
.xy-menu li { width:106px; float: left; padding: 20px 0; position: relative; }
.xy-menu li span { width:10px; height:10px; display:block; }
.xy-menu li > a { display: block; font-size: 16px; color: #fff; line-height: 1.6666666667; text-align: center; }
.xy-menu li > a.bj { background:url(../images/sjx.png) no-repeat right; }
.xy-menu li:hover > a.bj { background:url(../images/sjx.png) no-repeat right; }
.xy-menu li > a:hover { color: #e1e1e1; }
.sub-menu { position: absolute; top: 100%; width: 130px; left: -16px; background: #fff; padding: 0; display: none; box-shadow:0 1px 2px #999;  }
.sub-menu > a { display: block; text-align: center; font-size: 14px; color: #777777; line-height: 3; border-bottom:1px solid #e1e1e1 }
.sub-menu > a:hover { color: #1b509c; }

.pro-tab { padding: 30px 0; }
.tab-slide { margin-top: 0px; }
.tab-slide .hd { text-align: center; font-size: 0; text-align:center }
.tab-slide .hd li { margin: 0 15px; width: 170px; display:inline-block; font-size: 14px; line-height:36px; border: 2px solid #a7a7a7; border-radius:6px; background: #f3f3f3; cursor: pointer; }
.tab-slide .hd li a { color:#000; }
.tab-slide .hd li.on { background: #1b509c; border-color: #1b509c; }
.tab-slide .hd li.on a {  color: #fff; }
.tab-slide .bd { margin-top: 50px; }
.slide-pro { position: relative; }
.slide-pro .arrow-prev, .slide-pro .arrow-next { position: absolute; top: 50%; margin-top: -25px; width: 53px; height: 53px; background-repeat: no-repeat; background-position: center center; font-size: 0; }
.slide-pro .arrow-prev { background-image: url(../images/leftmo.png); left: -66px; }
.slide-pro .arrow-next { background-image: url(../images/rightmo.png); right: -66px; }
.slide-pro .bdbd { margin: 0 -8px; overflow: overlay; }
.slide-pro .bdbd li { float: left; width: 250px; background: #fff; border:1px solid #e1e1e1; box-shadow:-8px 8px 0px #dfdfdf; margin: 0 23px; }
.slide-pro .bdbd li .img { position: relative; display: block; display: block; text-align: center; width: 100%; height: 180px; width:215px; margin-left:17px; margin-top:17px  }
.slide-pro .bdbd li .img img { width:215px; height:215px; display: inline-block; vertical-align: middle; }
.slide-pro .bdbd li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.slide-pro .bdbd li .img .tags { position: absolute; top: 12px; left: 12px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 0 5px; font-size: 14px; color: #8d8d8d; line-height: 1.2857142857; }
.slide-pro .bdbd li .wz { text-align:left; margin-bottom: 30px; margin-left:17px }
.slide-pro .bdbd li .wz h3 { font-size: 26px; color: #333; font-weight: 900; margin-bottom: 5px; }
.slide-pro .bdbd li .wz p { font-size: 15px; height:20px; overflow:hidden; color: #999999; font-family: "Microsoft YaHei","Microsoft YaHei UI Light"; }
.slide-pro .bdbd li .price { text-align: center; }
.slide-pro .bdbd li .price span { font-size: 22px; color: #e97f18; line-height: 1.2272727273; }
.slide-pro .bdbd li .price a { width: 92px; font-size: 16px; color: #ffffff; line-height: 1.6875; background: #e97f18; display: none; }
.slide-pro .bdbd li:hover .price span { display: none; }
.slide-pro .bdbd li:hover .price a { display: inline-block; }
/* 产品特点 */

.grey_td li{ float: left; text-align:center; width:270px; margin-right:40px; margin-top:20px }
.grey_td li:hover {margin-top: -6px; -webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.grey_td li img { border-radius: 20px}
.grey_td li p{font-size: 18px; text-align:center; font-weight: bold; margin-top: 10px; margin-bottom:50px; color: #333;}
.grey_td li span{ font-size: 13px; color: #666; text-align:center; padding:0 21px; line-height:21px; display: block;}


.flexslider {position:relative;width:100%; margin:0 auto;height:550px; background:#fff; overflow:hidden;zoom:1; }
.flexslider .slides li {width:100%;height:100%;}
.flex-direction-nav a {width:70px;height: 70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position: absolute;top:50%;z-index: 10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px;}
.flex-direction-nav .flex-next {background-position:0 -70px;right:100px;}
.flex-direction-nav .flex-prev {left:100px;}
.flexslider:hover .flex-next {opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width:100%;position:absolute;bottom:10px; text-align:center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;overflow:hidden;text-indent:-99em;cursor:pointer; width:16px; height:16px; background:#fff; border:1px solid #e1e1e1; border-radius:100%; opacity:1;filter:alpha(opacity=100)}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#ffc800;opacity:1;filter:alpha(opacity=100)}
.flexslider .slides a img {width:100%;height:550px;display:block;}

/* 服务流程 */
.process_box{width: 1200px;height: 182px;margin: 10px auto;position: relative;overflow: hidden;}
.process_box .process_title{width: 132px;height: 182px;background: url('../images/process_bg.png') no-repeat center;position: absolute;top: 0;left: 0;z-index: 2;overflow: hidden;}
.process_box .process_title .process_text{width: 116px;height: 182px;text-align: center;overflow: hidden;}
.process_box .process_title .process_text .ico{width: 100%;height: 24px;margin:50px 0 20px 0;text-align: center;overflow: hidden;}
.process_box .process_title .process_text .ico img{vertical-align: middle;max-width: 100%;}
.process_box .process_title .process_text .text{width: 100%;height: auto;font-size: 20px;font-weight: bold;color: #fff;}
.process_list{width: 1080px;height: 182px;position: absolute;right: 0;top: 0;z-index: 1;border: 1px solid #d9d9d9;border-left: 0;background: #f5f5f5;overflow: hidden;}
.process_list ul{margin: 0;padding: 0;overflow: hidden;}
.process_list ul li{width: 183px;padding: 20px 10px;float: left;text-align: center;border-left: 1px solid #d9d9d9;overflow: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.process_list ul li.first{width: 163px;border-left: 0;}
.process_list ul li .img{width: 70px;height: 70px;margin: 0 auto;border-radius: 50%;background: #1b509c;text-align: center;overflow: hidden;}
.process_list ul li .img img{ margin-top:15px; max-width: 100%;}
.process_list ul li .title{width: 100%;height: auto;margin: 10px 0;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.process_list ul li .text{width: 100%;height: auto;line-height: 18px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.process_list ul li:hover{background: #fff;}


/* 页底 */


.foot { padding:50px 0px 50px 0px; 
background:#222; color:#fff ;}
.foot .container {position: relative;}
.foot a {color:#9b9b9b;}
.foot h5 { color:#9b9b9b; margin-bottom: 60px;  line-height:180%; font-size: 16px; font-weight: normal; }
.foot .foot-nav { clear:both; margin-bottom: 60px; overflow: hidden; }
.foot .foot-nav dl {}

.foot .foot-nav dl dt { position: relative; padding-bottom: 30px; border-bottom: 1px solid #9fa0a1; margin-bottom: 20px; font-size: 20px;  }
.foot .foot-nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }
.foot .foot-nav dl dd { line-height: 30px; }
.foot .foot-nav dl dd a { font-size: 16px;  }
.foot .copyright { clear:both;  margin:30px 0px; text-align: center; color:#9b9b9b; }
.foot1 p{margin:40px 0 ; line-height:26px }
.foot1 span{float:left;display:block;line-height:28px;margin-right:10px;}
.foot1 li{float:left;font-size:18px;color:rgb(66, 164, 255);padding:0 4px;}
.foot1 li a{color:#474747;font-weight: normal;font-size:14px;background:#DFDFDF;display:block;height:28px;width:28px;line-height:28px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.foot1 li a:hover{text-decoration: none;background:#1b509c;color:#FFF;}


.foot h3{line-height:40px;border-bottom:1px solid #616873;padding-bottom:20px;margin-top:0;margin-bottom:30px;}
.foot2 { width:400px; float:left; }
.foot2 li{line-height:40px;}
.foot2 li a{color:#fff;font-size:14px;}
.foot2 li a:hover{color:#DDD;}
.foot3 { width:360px; float:left; }
.foot3 { margin-left:80px; }
.foot3 li{line-height:40px;color:#FFF;font-size:12px;vertical-align:middle;}
.foot3 li span{font-size:1.5em;color:#44BEF1;margin-right:10px;vertical-align:middle;}

.foot4 {text-align:center; line-height:30px; margin-top:30px; width:160px; float:right }



.fweixin img {width:150px;}
.fweixin p {  line-height: 24px; text-align: center; }

.icp {text-align:center;padding:13px 0;line-height:24px;color:#FFF;background:#111;box-sizing:content-box;}
.icp p{margin:0;font-size:14px;color:#FFF;}
.icp a{font-size:14px;color:#FFF;}
.icp span{padding:0 .5em;}

.banner2{padding:50px;text-align:center;background:url(../images/ban2.jpg) center center no-repeat;background:cover;color:#FFF;}
.banner2 h1{font-size:46px;font-weight: bold;margin:20px 0 ;}
.banner2 p{font-size:22px;}

.mianbao{line-height:25px;padding:15px 0;border-bottom:1px solid #EEE;color:#1b509c;font-size:14px;}
.mianbao a{margin:0 10px 0 0;color:#666;}



.box2{padding-top:40px;padding-bottom:40px;}


.title20{margin-bottom:20px;}

.news-list p,
.news-list-text-pic p,
.list-down p{line-height:1.8; font-size:14px; color:#888 }
.list-down .img-auto {height:170px;overflow:hidden;}




.news-list-text-pic,
.list-down{margin-bottom:20px;}

.news-list-text-pic h4,
.list-down h4{font-weight: bold; font-size:18px; line-height:30px; }

.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }


.list-pic20{background:#FAFAFA;margin:10px 0 ;padding:10px 10px 30px;text-align:center;}
.list-pic20 h3{height:26px;line-height:26px;margin:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-pic20 h3 a{color:#333;}
.list-pic20 p{height:20px;line-height:20px;margin-bottom:20px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-pic20 span{height:20px;line-height:20px;color:#FF7200;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.right2{}
.right2 h2{font-size:26px; margin-bottom:10px}
.right2 ul{padding:0;}
.right2 ul li{border-bottom:1px solid #EEE;}
.right2 ul li a{display:block;padding-left:25px;line-height:50px;background:url(dian1.png) 5px center no-repeat;color:#787878;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.right2 ul li a:hover,.right2 ul li a.on{color:#1b509c}


.right3{padding:30px 0 ;}
.right3 dl{}
.right3 a.img-auto{float:left;height:63px;width:63px;margin-right:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.right3 a.img-auto img { height:42px;width:63px; }
.right3 dt{line-height:20px;height:40px; font-size:14px; overflow:hidden;margin:0 0 3px;font-weight: normal;}
.right3 dt a{color:#666;}
.right3 dd{line-height:20px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}




.right4{background:#1b509c;padding:15px 30px 30px;color:#FFF;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.right4 p{margin:20px 0 30px;}
.right4 a{display: block;float: left;padding: 0 40px;height: 50px;line-height: 50px;border: 1px solid #FFF;color: #FFF;font-size: 16px;transition: 600ms;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.right4 a:hover{background:#fff;color:#666;border-color:#1b509c;}

/* 面包屑导航 */
.breadcrumb {margin-bottom:50px;}
.breadcrumb span {padding-right:15px; color:#ccc;}

/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:30px 0px; 
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}






.nav-search2{float:right;line-height:50px;height:50px;color:#FFF;font-size:20px;}
.jj { margin-top:60px; }
.w500 { width:500px; margin:0 26px }
.w700 { width:636px; font-size:16px; line-height:30px; padding:50px 30px }
.clear { clear:both; }
.gray { background:#f8f8f8; padding:60px 0; }

.article { font-size:14px; line-height:30px; color:#666 }
.article img{ max-width:100%}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:31px; line-height:31px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#eee; color:#2a6496; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:31px;padding:0 10px; line-height:31px; background:#1b509c; border:1px solid #1b509c; color:#fff; text-align:center;margin-left: 1px; }