body {
	font-family: 'Microsoft Yahei', 'Open Sans', sans-serif;
	color: #4e4e4e;
	line-height: 22px;
	overflow-y:scroll;
}
body.homepage{
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: 'Microsoft Yahei', 'Open Sans', sans-serif;
	color: #575757;
}
h1 {
	font-size: 46px;
	font-weight: 600;
	color: #EEEEEE;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 14px;
	color: #777;
	font-weight: 400;
	line-height: 26px;
}
h4 {
	font-size: 16px;
}
a {
	color: #185493;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
a:hover, a:focus {
	color: #d9890b;
}
ul, ol {
	list-style: none;
}
ul {
	padding: 0;
	margin: 0;
}
hr {
	width: 70px;
	border-top: 4px solid #185493;
}


.c_333, .c_333 a{color:#333; } /*��׼����ɫ*/
a.c_333:hover,
.c_333 a:hover{color:#346dff; text-decoration:underline; }

.c_999, a.c_999, .c_999 a,
.gray, a.gray, .gray a{color:#999999 !important; }/*��׼ע������ɫ*/
.c_b3, a.c_b3{color:#b3b3b3 !important; }/*��׼ע������ɫ*/

.c_red, a.c_red{color:#ff0000 !important; }/*��ɫ*/
.c_green, a.c_green{color:#18b160 !important; }/*��ɫ*/

.c_666,a.c_666,
.c_666 a{color:#666; }/*��׼ע������ɫ*/
a.c_666:hover,
.c_666 a:hover{color:#217bd7; }

.c_org,a.c_org,
.c_org a{color:#f75800; }
a.c_org:hover,
.c_org a:hover{color:#ff0000; }

.c_blue, .c_blue a{color:#3b639f; }
a.c_blue:hover,
.c_blue a:hover{color:#f30; text-decoration:underline; }

.container{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
}
.content-wrap {
	width: 100%;
	float: left;
}
.content {
	position: relative;
	min-height: 500px;
	margin-bottom: 15px;
}
.btn-more{
	width: 206px;
	height: 48px;
	border: 2px solid #e00000;
	background: none;
	text-align: center;
	display: inline-block;
	line-height: 48px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	font-size: 18px;
	font-weight: 400;
	color: #e00000;
	padding: 0;
}
.btn-more:hover{
	background: #e00000;
	color: #fff;
}
.lead .btn-more{
	margin-top: 10px;
}

.btn-primary {
	padding: 8px 20px;
	background: #0059AB;
	color: #fff;
	border-radius: 4px;
	border: none;
	margin-top: 10px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
	background: #216FB9;
	outline: none;
	box-shadow: none;
}
a:hover, a:focus {
	color: #111;
	text-decoration: none;
	outline: none;
}
.center h2,
.top-center h2 {
	color: #005faf;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 20px;
}
.center h3 {
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 20px;
}
.media>.pull-left {
	margin-right: 20px;
}
.media>.pull-right {
	margin-left: 20px;
}
body > section {
	padding: 70px 0;
}
body > section.ts_index{ margin-top: -70px;     background: rgba(227, 236, 245,.5);}
.center {
	text-align: center;
	padding-bottom: 55px;
}
.top-center {
	background-color: #eeeeee;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
}
.lead {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}
 @-webkit-keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}

/*************************
******* ebojin publick******
**************************/
address,cite,dfn,em,var,i,s{font-style:normal; }

.bk,
.bk3,
.bk5,
.bk6,
.bk8,
.bk10,
.bk15,
.bk20,
.bk30,
.bk40,
.bk50{clear: both; font-size: 1px; height: 0; line-height: 1px}
.bk3{height: 3px; }
.bk5{height: 5px}
.bk6{height: 6px}
.bk8{height: 8px}
.bk10{height: 10px}
.bk15{height: 15px}
.bk20{height: 20px}
.bk30{height: 30px}
.bk40{height: 40px}
.bk50{height: 50px}
.bk65{height: 65px}

.tc{text-align: center}
.tl{text-align: left}
.tr{text-align: right}
.fl{float: left}
.fr{float: right}
.pr{position: relative}
.pa{position: absolute}
.clear{clear: both; }

.pd0{
	padding: 0;
}
.hand{cursor: pointer;}

.clearfix{*zoom: 1; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden; }
* html .clearfix{zoom:1;} /* IE6 */
*+html .clearfix{zoom:1;} /* IE7 */

.last-right{margin-right: 0 !important;}
.last-bottom{margin-bottom: 0 !important;}

.text-line{ font-size: 0.75em; }


/* title ========================== */


.title,
.pagetitle{margin-bottom: 10px;overflow: hidden;}
.title h3,
.pagetitle h1,
.pagetitle h2{font-size: 20px;margin: 0;float: left;}
.title .more{float: right;position: relative;top: 5px;}
.title .more li{float: left;margin-left: 20px;}
.title .more li a{color: #999;}
.title .more li a:hover{color: #005faf;}
.pagetitle small{margin-left: 10px;position: relative;top: 2px;color: #999;}

.title .pull-right{
	font-size: 12px;
	position: relative;
	bottom: -4px;
}
.title .pull-right a{
	color: #bbb;
}
.title .pull-right a:hover{
	color: #999;
}
.single .title{
	color: #005faf;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
}

/*************************
*******Header******
**************************/

.section-white{
	background: #fff;
}
.section-gray{
	background: #f3f4f4;
}
.section-pd0{
	padding: 0;
}
.section-pd30{
	padding: 30px;
}


.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.site-top{
	height: 3px;

	width: 100%;
	background: #333;
	text-align: right;
	color: #999;
	font-size: 100%;
	overflow: hidden;
	text-align: right;
}
.site-top .container{
	padding-right: 40px;
}
.site-top .company-name{
	font-size: 1.125em;
	color: #b5b5b5;
}
.site-top .company-name .fa{
	font-size: 1.6em;
}
.site-top a{
	color: #fff;
	font-size: 0.75em;
	display: inline-block;
	padding: 0 6px;
}
.site-top a:hover{
	color: #00a0e9;
}

/**
 * Page Wrappers Backgounds
 */
.light-wrapper {
    background: #f3f4f4;
}
.dark-wrapper {
    background: #f1f1f1;
}



.top-nav{
	clear:both;
	width:100%;
	height: 46px;
	margin:0 auto;
	background-color:#3c5b9b;
}
.top-nav .nav-cont{width:1190px; margin:0 auto; z-index:99; position:relative; }
.top-nav .nav-menu{}
.top-nav .nav-menu li.menu-li{line-height:46px; float:left; font-size:16px; position:relative; z-index:2}

.top-nav .nav-menu li.on{z-index:5; background:#2967c3;}
.top-nav .nav-menu li a.nav-menu-a{float:left; display:inline-block; font-weight:normal; padding:0 34px 0 31px; color:#fff; }
.top-nav .nav-menu li a.nav-menu-a .arrow{ position:absolute; border-color:#94beff transparent transparent transparent; top:20px; right:22px; }
.top-nav .nav-menu li a.nav-menu-a:hover,
.top-nav .nav-menu li.on a.nav-menu-a{ color:#fcff00; text-decoration:none; }
.top-nav .nav-menu li a.nav-menu-a .arrow{border-color:#94beff transparent transparent transparent;}
.top-nav .nav-menu li.on a.nav-menu-a .arrow{
	border-color:#94beff transparent transparent transparent;
	top:16px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg); transform: rotate(180deg);
	-webkit-transition: all .25s ease 0s;
	-moz-transition: all .25s ease 0s;
	-o-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
}
.top-nav .nav-menu li.cur a.nav-menu-a{ color:#f67e2e; display:block; }
.menu-li-line{position:absolute; left:0; top:12px; float:left; width:2px; height:16px; border-left:1px solid #ccc; overflow:hidden; }
.menu-li-line span{width:1px; float:left; height:16px; border-left:1px solid #fff; }

.top-nav-fixed{
	position: fixed;
	top:0;
	left:0;
	z-index:999999;
	-moz-transition:opacity .3s ease;
	-webkit-transition:opacity .3s ease;
	opacity:0.9;

	-moz-box-shadow:0 2px 3px rgba(0,0,0,.12);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.12);
	box-shadow:0 2px 3px rgba(0,0,0,.12)
}

.sub-menu{position:absolute; z-index:50; left:0; top:46px; min-width:120px; _width:120px; overflow:hidden; opacity: 0.95; filter:alpha(opacity=95); display:none; }
	.sub-menu ul{ background:#103f87; padding:0; *zoom:1; overflow:hidden; }
		.sub-menu li{display:block; width:100%; min-width:120px; _width:120px; zoom:1; text-align:left; line-height:32px; height:32px; float:none; color:#333}
		.sub-menu li a{ display:block; width:100%; min-width:120px; _width:120px; padding-right:15px; zoom:1; vertical-align:top; text-indent:16px; color:#fff; font-size:15px; word-break:keep-all; white-space:nowrap; }
		.sub-menu li a:hover{ text-decoration:none; background:#1872e3; color:#FFF; }
.top-nav .nav-menu li.nav-last .sub-menu{left:auto; right:0;}

.navbar-nav .hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}



.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	padding: 0;
	margin: 0;
	height: 50px;
}
.navbar-brand>img{
	display: inline-block;
}
.navbar-brand .logo{
	height: 66px;
}
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	background: #fff;
	padding: 0;
}
.navbar:after{clear:both; content:'.'; display:block; height:0; visibility:hidden}

.navbar-nav {
	margin: 0;
	height: 78px;
}
.navbar-nav>li {
	margin-left: 25px;
	padding-bottom: 0;
}
.navbar-inverse .navbar-nav > li > a {
	padding: 26px 10px;
	margin: 0;
	border-radius: 0;
	color: #181818;
	line-height: 24px;
	font-size: 1.125em;
	display: inline-block;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #005faf;
	background: none;
}
.navbar-inverse {
	border: 0;
	background-color: #fff;
	/*
	border-bottom: 1px solid #EAEAEA;
	border-color: rgba(0,0,0,.08);
	*/
	box-shadow: 0 1px 3px rgba(0,0,0,.03)
}
.navbar-inverse .navbar-brand {
	font-size: 30px;
	line-height: 60px;
	font-weight: 400;
	color: #181818;
}
.navbar-inverse .navbar-brand img{
	max-height: 60px;
	margin-top: 9px;
}
.navbar-brand .logo-text,
.navbar-inverse .navbar-brand:focus .logo-text,
.navbar-inverse .navbar-brand:hover .logo-text{
	color: #555;
}

.navbar-inverse .navbar-nav .dropdown-menu{
	width: 240px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	color: #005faf;
	background: none;
	border-bottom: 2px solid #005faf;
}
.navbar-inverse .navbar-nav > .hover > a{
	color: #005faf;
	background: none;
	font-weight: normal;
	border-bottom: none;
}

.navbar-inverse .navbar-toggle .icon-bar{
	background-color: #333;
}
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar{
	background-color: #fff;
}

.navbar-nav li a.dropdown-toggle:hover .fa-angle-down{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.navbar-nav .dropdown .dropdown-menu{
	top: 77px;
	left: 0;
}
.navbar-nav .dropdown .fa{
	display: none !important;
}
.navbar-nav .dropdown .dropdown-menu>li>a{
	padding: 8px 20px;
}
.navbar-nav .dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>li>a:hover{
	background: #005faf;
	color: #fff;
}
.navbar {
  border: none;
  box-shadow: none;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.03); }
  .navbar .navbar-header {
    background-color: #FFF; }

.nav > li > a,
.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 32px;
  color: #232323; }
  .nav > li > a:hover, .nav > li > a:focus,
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus {
    background-color: #ffffff !important; }
.nav > li.open > a,
.navbar-nav > li.open > a {
  line-height: 32px; }
.nav > li .dropdown-menu,
.navbar-nav > li .dropdown-menu {
  background: rgba(255,255,255,0.8);
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.05);
  padding-top: 0;
  padding-bottom: 0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
 }
  .nav > li .dropdown-menu li a,
  .navbar-nav > li .dropdown-menu li a {
    color: #232323;
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-item > a {
  border-bottom: 2px solid #97da16; }


/*************************
*******Home Page******
**************************/
#main-slide .item img {
	width: 100%;
}
#main-slide .item .slider-content {
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 100ms;
	-moz-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}
#main-slide .item.active .slider-content .logo {
	color: #185493;
	font-weight: bold;
}
#main-slide .slider-content {
	top: 50%;
	margin-top: -110px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}
#main-slide .carousel-indicators {
	bottom: 10px;
}
.carousel-indicators li {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}
#main-slide .carousel-control.left, #main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
#main-slide .carousel-control.left span {
	padding: 15px;
}
#main-slide .carousel-control.right span {
	padding: 15px;
}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}
#main-slide .carousel-control .fa-angle-left {
	left: 0;
}
#main-slide .carousel-control .fa-angle-right {
	right: 0;
}
#main-slide .carousel-control i {
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 36px;
	font-size: 32px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#main-slide .slider-content h2 {
	font-size: 60px;
	font-weight: 500;
	text-transform: uppercase;
	color: #eee;
}
#main-slide .slider-content h2.white,
#main-slide .slider-content h3.white {
	color: #fff;
}
#main-slide .slider-content h3 {
	font-size: 36px;
	font-weight: 300;
	margin-top: 40px;
	text-align: center;
	color: #eee;
}
#main-slide .slider-content{
	display: none;
}


.slider.btn {
	padding: 6px 20px;
	margin-top: 60px;
	font-size: 16px;
	line-height: 28px;
	border: 0;
	color: #fff;
	background-color: rgba(243,156,18,0.8);
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.slider.btn.btn-default {
	margin-left: 4px;
	background: #ECECEC
}
.slider.btn:hover {
	background-color: rgba(243,156,18,1);
}
.slider.btn:focus,
.slider.btn:active:focus,
.slider.btn:active:hover {
	outline: none;
}

#brand {
	background: #dedede;
	padding-top: 50px;
	padding-bottom: 0px;
}
.feature-slogo{
	font-size: 32px;
	color: #000;
	font-weight: normal;
	line-height: 1.4em;
}
.lead-slogo{
	font-size: 18px;
	color: #888;
}

#feature {
	background: #f2f2f2;
	padding-bottom: 0px;
}


/*
#feature a {
	color: #185493;
	font-weight: bold;
	margin-left: 5px;
	text-transform: uppercase;
}
#feature a:hover {
	color: #444;
}
#feature .btn-primary:hover {
	margin-top: 40px;
	padding: 8px 120px;
	background: #f2f2f2;
	color: #666;
	border-radius: 10px 10px 0 0;
	border: 0;
	box-shadow: 0 -10px 10px #ddd;
}
*/

#inner-page {
	padding-bottom: 0;
	padding-bottom: 20px;
}
.features {
	padding: 0;
}
.feature-wrap {
	margin-bottom: 35px;
	overflow: hidden;
	text-align: center;
}
.feature-wrap .features-img{
	margin: 0 auto;
	display: inline-block;
	width: 260px;
}
.feature-wrap h2 {
	margin-top: 10px;
	color: #000;
}
.feature-wrap h3 {
	font-size: 1em;
	text-indent: 2em;
}
.feature-wrap .pull-left {
	margin-right: 25px;
}
.feature-wrap i.fa {
	font-size: 48px;
	height: 110px;
	width: 110px;
	margin: 3px;
	border-radius: 100%;
	line-height: 110px;
	text-align: center;
	background: #ffffff;
	color: #185493;
}
#recent-works .col-xs-12.col-sm-4.col-md-4 {
	padding: 15px;
}
#recent-works {
	padding-bottom:40px;
	overflow: hidden;
}
#recent-works .center{
	padding-bottom: 20px;
}
.recent-work-wrap {
	position: relative;
}
#recent-works .readmore {
	color: #185493;
	font-weight: bold;
	margin-left: 5px;
	text-transform: uppercase;
}
#recent-works .readmore:hover {
	color: #444;
}

#works-list .col-xs-12{
	top: 600px;
}

.recent-work-wrap img {
	width: 100%;
}
.recent-work-wrap .recent-work-inner {
	top: 0;
	background: transparent;
	opacity: 1;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
}
.recent-work-wrap .recent-work-inner h3 {
	margin: 10px 0;
}
.recent-work-wrap .recent-work-inner h3 a {
	font-size: 24px;
	color: #fff;
}
.recent-work-wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 0;
	background: #0b4097;
	color: #fff;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: 30px;
}
.recent-work-wrap .overlay .preview {
	bottom: 0;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	background: transparent;
	text-align: center;
	color: #fff;
}
.recent-work-wrap:hover .overlay {
	opacity: 0.9;
}
/* Testimonials Section */
#testimonials {
	background: url(../images/testimonial-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #ddd;
	padding: 80px 0;
}
#testimonials H2 {
	color: #ddd;
}
#testimonial {
	padding: 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 500;
	margin: 0 0 40px 0;
	color: #ddd;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 50%;
	background: #FFFFFF;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #185493;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #185493;
}
#middle {
	background: #f2f2f2;
}
#middle .readmore {
	color: #185493;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-top: 30px;
}
#middle .readmore:hover {
	color: #444;
}
#middle h3 {
	color: #4e4e4e;
	font-size: 18px;
	font-weight: 600;
}
#middle i.fa {
	color: #185493;
}
#middle .media-body h3 {
	color: #4e4e4e;
	font-size: 18px;
}
.accordion h2 {
	margin-bottom: 25px;
}
.panel-default {
	border-color: transparent;
}
.panel-default>.panel-heading,
.panel {
	background-color: #ebebeb;
	border: 0 none;
	box-shadow: none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	background: #f1f1f1;
	color: #4e4e4e;
}
.panel-body {
	padding: 20px;
}
.panel-group .panel+.panel {
	margin-top: 0;
	border-top: 1px solid #d9d9d9;
}
.panel-group .panel {
	border-radius: 8px;
}
.panel-heading {
	border-radius: 0;
}
.panel-title>a {
	color: #4e4e4e;
	font-size: 14px;
}
.accordion-inner img {
	border-radius: 4px;
}
.accordion-inner h4 {
	margin-top: 0;
}
.panel-heading.active {
	background: #ebebeb;
	border-radius: 8px;
}
.panel-heading.active .panel-title>a {
	color: #4e4e4e;
}
a.accordion-toggle i.fa {
	width: 45px;
	line-height: 44px;
	font-size: 20px;
	margin-top: -10px;
	text-align: center;
	margin-right: -15px;
	background: #ebebeb;
	border-radius: 8px;
}
.panel-heading.active a.accordion-toggle i.fa {
	color: #4e4e4e;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel-heading.active a.accordion-toggle.collapsed i.fa {
	color: #fff;
}
#get-started {
	padding: 30px 0 60px 0;
	text-align: center;
	background: #fff;
	border-top: 1px solid #fff;
}
/*************************
********* About Us Page CSS ******
**************************/

.about-us {
	padding-bottom: 30px;
}
.about-us h3 {
	color: #4e4e4e;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.about-us p {
	color: #4e4e4e;
}
.about-us img {
	margin-top: 25px;
}

.page-banner{
	width: 100%;
	height:190px;
	padding: 0;
	margin-bottom: 20px;
	background:url(img/banner.jpg) center top no-repeat;
}
.banner-text {
	width: 90%;
	height: 80px;
	margin-top: 58px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.catname{
 	width: auto;
 	height: auto;
 	line-height: 1em;
 	display: inline-block;;
 	font-size: 34px;
    letter-spacing: 2px;
 	color: #fff;
 	font-weight: 200;
	padding: 12px 20px;
	margin-left: 460px;
	background: rgba(0,0,0,0.35);
	-webkit-animation: bounceInUp 1s 0s ease both;
	-moz-animation: bounceInUp 1s 0s ease both;
}
.banner-text-cn {
	font-size:24px;
	line-height:36px;
	font-weight:200;
	color:#3c5b9b;
}
.banner-text-en {
	font-size: 14px;
	line-height:24px;
	font-weight:normal;
	color:#999;
}
/* ���·����ϳ��� */
@-webkit-keyframes bounceInUp{
	0%{opacity:0; -webkit-transform:translateY(400px)}
	100%{opacity:1; -webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
	0%{opacity:0; -moz-transform:translateY(400px)}
	100%{opacity:1; -moz-transform:translateY(0)}
}

.maps-box{
	position: relative;
	width: 99.8%;
	height: 340px;
	margin: 20px auto 20px;
	border: 1px solid #ededed;
	background: #fff;

}
.maps-box .map-container{
	width: 100%;
	height: 100%;
}

.contact-main{
	padding-bottom: 50px;
}
.contact-us li i {
    color: #999;
    float: left;
    font-size: 1.25em;
    margin: 6px 8px 0 0;
}

.contact-us p {
    line-height: 24px;
}

.contact-us li p strong {
    color: #727272;
    float: left;
    font-weight: 600;
    margin: 0 5px 5px 0;
}

h3 {
    font-size: 22px;
    position: relative;
}

.mod-title {
	overflow: hidden;
	line-height:28px;
}

.mod-title:after {
    background: url(img/bg_off.png) repeat;
    content: "";
    height: 5px;
    margin-left: 10px;
    position: absolute;
    top: 12px;
    width: 99%;
}

/*************************
********* Portfolio CSS ******
**************************/
.portfolio-items,
.portfolio-filter {
	list-style: none outside none;
	margin: 20px 0 20px 0;
	padding: 0;
}
.portfolio-filter > li {
	display: inline-block;
}
.portfolio-filter > li a {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	margin-right: 15px;
	text-transform: uppercase;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	border: 1px solid #F2F2F2;
	outline: none;
	border-radius: 3px;
}
.portfolio-filter > li a:hover,
.portfolio-filter > li a.active {
	color: #fff;
	background: #005faf;
	border: 1px solid #005faf;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.portfolio-filter .btn-default.active.focus,
.portfolio-filter .btn-default.active:focus,
.portfolio-filter .btn-default.active:hover,
.portfolio-filter .btn-default:active.focus,
.portfolio-filter .btn-default:active:focus,
.portfolio-filter .btn-default:active:hover {
	color: #fff;
	background-color: #005faf;
	border-color: #005faf;
	outline: none;
}
.portfolio-items > li {
	float: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.portfolio-item {
	margin: 0;
	padding: 15px;
}

.portfolio-item-cont{
	display: block;
	background: #fff;
	padding: 20px 20px 15px;
	text-align: center;

	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-animation: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.portfolio-item-cont a{	display: block;	}
.portfolio-item-cont .title{
	text-align: center;
	border-top: 2px solid #f0f0f0;
	line-height: 1em;
	padding: 0.8em 0 0;
	font-size: 1em;
	font-weight: 200;

	transition: all 0.18s linear;
	-moz-transition: all 0.18s linear;
	-webkit-animation: all 0.18s linear;
	-o-transition: all 0.18s linear;
}
.portfolio-item-cont:hover{
	z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -o-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);

    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
.portfolio-item-cont:hover .title{
	color: #e00000;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/**************************
********* Pricing Table CSS *
**************************/
.pricing-tables {
	padding: 40px 0 80px 0;
	text-align: center;
}
.pricing-tables .pricing-table {
	border: 1px solid #e4e4e4;
	text-align: center;
	position: relative;
	background-color: #fff;
	border-radius: 8px;
}
.pricing-tables .pricing-table:hover {
	z-index: 2;
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 12px rgba(0,0,0,0.1);
}
.pricing-tables .highlight-plan {
	margin: -15px 0;
	margin-right: -1px;
	z-index: 1;
}
.pricing-tables .pricing-table.highlight-plan .plan-name {
	background-color: #185493;
	padding: 25px 0;
	border-radius: 8px 8px 0 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-name h3 {
	color: #fff;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup {
	background-color: #185493;
	padding: 30px 0;
	border-radius: 0 0 8px 8px;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn {
	border-color: #fff;
	color: #fff;
}
.pricing-table .plan-name {
	padding: 15px 0;
	box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	border-bottom: 1px solid #eee;
}
.pricing-table .plan-name h3 {
	font-weight: 700;
	color: #666;
	font-size: 22px;
}
.pricing-table .plan-price {
	padding: 25px 0;
}
.pricing-table .plan-price .price-value {
	font-size: 38px;
	line-height: 40px;
	font-weight: 600;
	color: #666;
}
.pricing-table .plan-price .price-value span {
	font-size: 18px;
	font-weight: 300;
	line-height: 18px;
}
.pricing-table .plan-price .interval {
	line-height: 14px;
	color: #999;
	font-size: 13px;
}
.pricing-table.btn-system.border-btn {
	border-color: #f8ba01;
	color: #f8ba01;
}
.pricing-table .plan-list li {
	padding: 8px;
	font-size: 12px;
	border-bottom: 1px solid #eee;
}
.pricing-table .btn-system {
	padding: 5px 15px;
	display: inline-block;
	color: #fff;
	background-color: #185493;
	margin-right: 5px;
	font-weight: 300;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	border: 0;
	text-transform: uppercase;
	font-weight: 400;
}
.pricing-table .btn-system:hover,
.pricing-table .btn-system.border-btn:hover {
	background-color: #c27c0e;
}
.pricing-table .btn-system:last-child {
	margin-right: 0;
}
.pricing-table .btn-system.border-btn {
	background-color: transparent;
	border: 1px solid;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.pricing-table .plan-list li:first-child {
	border-top: 1px solid #eee;
}
.pricing-table .plan-signup {
	padding: 25px 0;
}
.pricing-table .plan-signup a {
	text-transform: uppercase;
}
/*************************
********* Contact Us CSS ******
**************************/

#contactForm .text-danger {
	color: #ff3333;
}
.contact_top {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2em;
	border-bottom: 2px solid #fff;
}
.contact_details {
	padding: 20px;
	text-align: center;
}
.contact_details i {
	color: #185493;
}
.contact_details p {
	padding: 20px 0;
}
.form-group .form-control {
	padding: 7px 12px;
	border-color: #ddd;
	box-shadow: none;
}
.form-group label {
	font-weight: 500;
}
textarea#message {
	resize: none;
	padding: 10px;
	height: 185px;
}

/***********************
********* Footer ******
************************/
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #aaa;
	background: #252525;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #185493;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul > li {
	display: inline-block;
	margin-left: 15px;
}
.follow-us {
	margin-top: -5px;
	text-align: center;
}
.social-icon {
	padding-top: 6px;
	font-size: 16px;
	text-align: center;
	width: 32px;
	height: 32px;
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	margin: 5px;
}
a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
	text-decoration: none;
	color: #185493;
	border-color: #185493;
}

/* ��ҳ */
#pages {
	clear:both;
	padding:14px 0 20px;
	text-align: center;
	font-family:Arial,Microsoft Yahei;
}
#pages a {
	display:inline-block;
	height: 40px;
	line-height: 40px;
	background:#fff;
	text-align:center;
	color:#898989;
	background:#fff;
	padding:0 20px;
	border: 1px solid #e0e0e0;
}
#pages a.a1 {
	width: 60px;
	padding:0;
}
#pages a:hover {
	color:#005faf;
	border-color: #005faf;
	text-decoration:none;
}
#pages span {
	height: 40px;
	line-height: 40px;
	display:inline-block;
	background:#363636;
	color:#fff;
	text-align:center;
	padding:0 20px;
	border: 1px solid #363636;
}
.page .noPage {
	display:inline-block;
	width:56px;
	height:30px;
	line-height:30px;
	border:1px solid #e3e3e3;
	text-align:center;
	color:#a4a4a4;
}

.no-data{
	width: 100%;
	height: 60px;
	border: 1px solid #ddd;
	line-height: 60px;
	color: #999;
	text-align: center;
	font-size: 1.5em;
	font-weight: 200;
	margin: 50px auto;
}


/****** ��Ʒ����ҳ *****/
.show-main{
	margin-top: 30px;
}
.product-pic-box{
	height: 351px;
	padding: 0;
	background: #fff;
	text-align: center;
	border: 1px solid #e0e0e0;
}
.product-pic-box img{
	width: 100%;
	height: 100%;
	max-height: 351px;
	max-width: 710px;
	display: inline-block;
}
.product-feature{
	height: 351px;
	padding: 10px;
	background: #fff;
	text-align: left;
	margin-right: 15px;
	border: 1px solid #ddd;
}
.show-title{
	font-size: 1.8em;
	color: #000;
	margin: 0 0 20px;
	display: block;
	font-weight: 500;
	width: 100%;
	text-align: center;
}

#product-feature{
	width: 100%;
	height: 100%;
	cursor: move;
}
#product-feature .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-detail{
	border: 1px solid #e0e0e0;
	background: #fff;
	margin: 30px 0 50px -15px;
}
.product-detail-nav{
	border-bottom: #e0e0e0 1px solid;
    background-color: #f5f5f5;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.product-detail-nav a{
	display: inline-block;
	padding: 0 30px;
	color: #333;
	font-size: 16px;
}
.product-detail-nav a:hover{
	color: #e00000;
	font-weight: 500;
	background: #dedede;
}
.product-detail-nav a.selected{
	color: #e00000;
	font-weight: 500;
	/*
	background: #fff;
	border-left: #e0e0e0 1px solid;
	border-right: #e0e0e0 1px solid;
	*/
}
.product-detail-bd{
	padding: 5px 30px 50px;
}
.cont-title{
	color: #000;
	font-size: 24px;
    padding-left: 0px;
    border-bottom: solid 1px #e0e0e0;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
}

/*  =========== ��ҳ�� ========== */
.container-page {

}
.container-page .article-header {
}
.container-page .content {
	margin-right: 0;
	padding: 20px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	border-radius: 4px;
}
.container-no-sidebar .content {
	margin-right: 0;
	padding: 15px 30px 20px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	border-radius: 4px;
}
.container-no-sidebar .article-content {
	margin-bottom: 50px;
	overflow: hidden;
}


.pageside {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}

.pageheader {
	overflow: hidden;
	background-color: #005faf;
	padding: 25px 20px;
	margin-bottom:15px;
	color: #fff;
}
.pageheader h1 {
	font-size: 30px;
	margin:0
}
.pageheader h1 small {
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
	position: relative;
	top: -4px;
}
.pageheader .note {
	margin-top: 5px;
}
.pageheader p {
	margin-bottom: 0;
}
.pageheader .share {
	float: right;
	height:28px;
	margin: 17px 0 0;
	color: #fff;
}
.pageheader .share a {
	width: 28px;
	height: 28px;
	background-color: #FFF;
	border: solid 2px #FFF;
	border-radius: 4px;
	opacity: .9;
	top: 0;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: -8px;
	position: relative;
}
.pageheader .share .bds_count {
	border-left-color: #fff;
}
.pageheader-mini {
	padding: 15px 0 13px;
}
.pageheader-mini h1 {
	font-size: 18px;
}
.pageheader-mini .share {
	margin: -5px 0;
}

/*  ==================== article content =================== */
.article-header{
	margin-bottom: 20px;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.article-title{margin-top: 0;color: #005FAF;	font-size: 26px;line-height: 36px;}
.article-title a,
.article-title a:hover{
	color: #005FAF;
}
.article-meta{
	font-size: 12px;
	color: #999;
}
.article-meta .item{
	margin-right: 20px;
}
.article-meta .item em{font-style:italic !important; }

.article-pages {
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	clear: both;
	padding: 20px 0;
}
.article-pages a,
.article-pages span {
	display: inline-block;
	padding: 4px 12px;
	background-color: #ddd;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #666;
}
.article-pages span{
	background: #61B3E6;
	border-color: #61B3E6;
	color: #fff;
}
.article-pages a span {
	background-color: #fff;
	color: #666;
}
.article-pages a:hover span {
	border-color: #bbb;
}


.product-feature table{border-top:solid 1px #f0f1f3;border-left:solid 1px #f0f1f3;width:100%;margin-bottom:18px}
.product-feature table th{background-color:#f9f9f9;text-align:center}
.product-feature table td,
.product-feature table th{border-bottom:solid 1px #f0f1f3;border-right:solid 1px #f0f1f3;padding:3px 4px}


.article-content{font-size:15px;line-height:25px;word-wrap:break-word;}
.article-content img{margin: 5px 0; display:inline-block;max-width:100%;height:auto}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5{padding:10px 0;margin-bottom:18px;color: #555;font-weight:bold;}
.article-content h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom: 1px solid #eaeaea;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:15px;}
.article-content h5{font-size:14px;}
.article-content ul, .article-content ol{margin:0 0 18px 46px}
.article-content ul{list-style: disc;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 6px;}
.article-content p{margin-bottom:18px;word-wrap:break-word}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #f0f1f3;border-left:solid 1px #f0f1f3;width:100%;margin-bottom:18px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,
.article-content table th{border-bottom:solid 1px #f0f1f3;border-right:solid 1px #f0f1f3;padding:8px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 18px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption:hover .wp-caption-text{color: #61B3E6;}
.article-content a{text-decoration:underline;}

.article-content pre,
.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.article-content blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article-content blockquote p{margin:0;padding:0;margin-bottom: 10px;}
.article-content hr{ width: 100%; border-top: 1px solid #ddd; }
.post-copyright {
	background-color: #eee;
	padding-right: 30px;
	font-size: 12px;
	padding: 3px 0;
	border-radius: 3px;
	color: #aaa;
	text-align: center;
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none;
}
.post-copyright:hover {
	background-color: #61B3E6;
	color: #fff;
}
.post-copyright:hover a {
	color: #fff;
}

.article-pics {
	text-align: center;
}
.article-pics img{
	margin: 5px auto;
	max-width:100%;
	height:auto;
}



.ads-post-footer b{font-weight:normal;color:#41C282}
.ads-post-footer strong{font-weight:normal;color:#FD6A5E}
.ads-post-footer a{text-decoration:none;border-bottom:solid 2px #eee;}
.ads-post-footer a:hover{border-bottom-color:#1FAEFF;}


.pads{overflow: hidden;padding: 0;margin: 0 -2% 10px 0;}
.pads li{width: 23%;display:inline-block;vertical-align:top;margin-bottom:20px;margin-right: 2%;}
.pads img{max-width: 100%;margin-bottom: 5px;}
.pads h4{font-weight: bold;font-size: 14px;line-height: 18px;color: #666;margin: 0}
.pads time{color: #fff;background-color: #FF5E52;display: inline-block;padding: 2px 5px;font-size: 12px;position: absolute;top: 0;left: 0}
.pads a{display: block;position: relative;}
.pads a:hover h4{color: #FF5E52;}
.pads a:hover time{color: #fff;}


/* article tags
 * ====================================================
*/
.article-tags {
	margin: 20px 0 30px;
	text-align: left;
}
.article-tags a {
	display: inline-block;
	padding: 4px 7px 3px;
	margin: 0 4px 4px 0;
	color: #fff;
	font-size: 12px;
	background-color: #61B3E6;
	opacity: 0.85;
	filter:alpha(opacity=85);
}
.article-tags a:hover {
	color: #fff;
	opacity: 1;
	filter:alpha(opacity=100);
}


.tag-clouds {
	overflow: hidden;
}
.tag-clouds a {
	display: inline-block;
	margin: 0 10px 10px 0;
	color: #999;
	background-color: #eee;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 2px;
}
.tag-clouds a small{
	margin-left: 5px;
}
.tag-clouds a:hover{
	color: #fff;
	background-color: #4DAAE6;
}



/* article nav
 * ====================================================
*/
.article-nav {
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 14px;
	color: #bbb;
}
.article-nav span {
	float: left;
	position: relative;
	width: 50%;
}
.article-nav span.article-nav-next {
	float: right;
	text-align: right
}
.article-nav span.article-nav-next::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: block;
	width: 1px;
	background-color: #eee;
}
.article-nav a {
	color: #999;
	margin-right: 10px;
	display: inline-block;
}
.article-nav span.article-nav-next a {
	margin-left: 10px;
	margin-right: 0;
}
.article-nav a:hover {
	color: #61B3E6;
}


.relates ul{
	list-style: disc;
	margin-left: 18px;
	color: #bbb;
	margin-bottom: 30px;
	padding-top: 5px;
}
.relates li{
	margin-top: 12px;
}
.relates a{
	color: #777;
}
.relates a:hover{
	color: #005faf;
	text-decoration: underline;
}


/**** list ****/
.thumb{max-width: 100%}


.excerpt{
	border: 1px solid #eaeaea;
	border-color: #eaeaea #fff #eaeaea #fff;
	padding: 20px 20px 20px 255px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: -1px;
}
.excerpt-1{border-radius: 4px 4px 0 0}
.excerpt-10{border-radius: 0 0 4px 4px}
.excerpt:hover{
	background-color: #FAFDFF;
	border-color: #005faf;
	position: relative;
	z-index: 2;
}
.excerpt .focus{
	float: left;
	margin-left: -235px;
	width: 220px;
}
.excerpt .thumbnail{
	width: 220px;
	height: 150px;
	border: none;
	padding: 0;
}
.excerpt header{
	margin-bottom: 10px;
}
.excerpt .cat{
	color: #fff;
	background-color: #45BCF9;
	padding: 3px 6px;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 6px;
}
.excerpt .cat:hover{
	opacity: 0.85;
	filter:alpha(opacity=85);
}
.excerpt .cat i{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #45BCF9;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.excerpt h2{
	display: inline;
	font-size: 18px;
	line-height: 24px;
	margin-top: 0;
	font-weight: bold;
}
.excerpt h2 a{
	color: #555;
}
.excerpt h2 a:hover{
	color: #005faf;
}
.excerpt time, .excerpt .pv, .excerpt .pc{
	margin-right: 20px;
}
.excerpt .note{
	display: block;
	font-size: 12px;
	color: rgb(102,102,102);
	word-wrap:break-word;
	line-height: 1.6em;
    background-color: #f8f8f8;
    margin: 8px 0 0 0;
    padding: 8px 10px;
}
.excerpt .meta{
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;
}
.excerpt .rmore{
	width:100%;
	display:block;
	text-align:right;
	color: #333;
}
.excerpt .rmore a{
	font-size: 12px;
	line-height: 26px;
	padding: 0 10px;
	color: #333;
}
.excerpt .rmore a:hover{
	color: #005faf;
}
.excerpt .meta .fa{
	margin-right: 4px;
}
.excerpt .meta a{
	color: #999;
	text-decoration: underline;
}
.excerpt .meta a:hover{
	color: #61B3E6;
}

.post-tags{
	color: #ddd;
}
.post-tags a{
	color: #999;
	text-decoration: underline;
}
.post-tags a:hover{
	color: #61B3E6;
}


.excerpt h2 b,
.excerpt .note b{
	font-weight: normal;
	color: #FF5549;
}

.excerpt-multi {
	padding: 20px;
}
.excerpt .thumbnails {
	position:relative;
	margin:0 -10px 0 0;
	overflow: hidden;
}
.excerpt .thumbnails .item {
	float: left;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 10px;
}
.excerpt .thumbnails .thumb-span {
	margin-right: 10px;
	display: block;
	position:relative;
	font-family: 'Glyphicons Halflings';
	overflow: hidden;
}
.excerpt .thumbnails .thumb-span::before {
	content:"";
	background-color:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2
}
.excerpt .thumbnails .thumb-span:hover::before {
	background-color:rgba(0,0,0,.4);
}
.excerpt .thumbnails .thumb-span:hover::before {
	background-color:rgba(0,0,0,.4);
}

/**** ��Ʒ����˵� ****/
/*.side-menus {
	position: fixed;
	width: 200px;
}*/
.side-menu-box{
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	background-color: #fff;
	overflow: hidden;
}
.side-menu-catname{
	display: none;
	padding: 12px 20px;
	background: #005faf;
	border-radius: 4px 4px 0 0;
}
.side-menu-catname h3{
	font-size: 20px;
	margin: 0;
	color: #fff;
}
.side-menu-catname i{
	color: #C1D1F2;
	margin-top: 4px;
	margin-right: 8px;
}

.side-menu li.top-menu a {
	display: block;
	padding: 12px 20px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.side-menu li.top-menu a:hover {
	color: #005faf;
	background: #F0F7FF;
}
.side-menu li.top-menu-active a,
.side-menu li.top-menu-active a:hover {
	color: #fff;
	background-color: #005faf;
	margin: 0 -1px;
}
.side-menu li:last-child a {
	border-bottom: none;
}
.product-category {
	float:left;
	width:100%;
	height:100%;
	_display:inline;
	position:relative;
	display:block;
	_overflow:hidden;
	border: 1px solid #eaeaea;
	border-radius: 0 0 4px 4px;
}
.product-category h3 {
	position:relative;
	clear:both;
	width:100%
	height:38px;
	line-height:38px;
	text-indent:35px;
	z-index:0;
	cursor:pointer;
	font-weight: 400;
	color:#000;
	font-size: 1em;
	display: block;
	margin: 0;
}
.product-category h3 a {
	color:#000;
	display: block;
}
.product-category h3 a:hover {
	color:#f60;
	text-decoration:none;
}
.product-category_on {
	width:0;
	padding:0;
}
.product-category_on div {
	visibility:hidden;
	_display:none
}
.product-category .top_menu {
	clear:both;
	width:100%;
	position:relative;
	z-index:0;
	height:38px;
	height:line-38px;
	cursor:pointer;
	color:#000;
	display: block;
	font-size:14px;
	background:#eee;
	border-bottom: 1px solid #ddd;
}
.product-category .top_menu a {
	color:#333;
	font-size: 14px;
	line-height: 38px;
	padding-left:35px;
	display:block;
	text-decoration:none;
	background:url(img/icon_category.png) no-repeat 16px -75px;
}
.product-category .top_menu a:hover {
	color:#f60;
	text-decoration:none;
}
.product-category li.current {
}
.product-category li.current a {
	color:#3c5b9b;
	font-size: 1.0em;
	margin-left: -1px;
	border-left: 2px solid #3c5b9b;
	background-color:#fff;
}
.product-category li.current a:hover {
	text-decoration:none;
}
.product-category .menu-box {
	zoom:1;
	clear:both;
	background: #eee;
	border-bottom: 1px solid #ddd;
}
.product-category .menu-box h3 a{
	padding: 0;
}
.product-category .menu {
	zoom:1;
	clear:both;
	display:none;
}
.product-category .menu li {
	width:auto;
	height:auto;
	position:relative;
	display:block;
	margin-bottom:1px;
	border-top: 1px solid #eaeaea;
	margin-top: -1px;
}
.product-category .menu li a {
	color: #333;
	height: auto;
	line-height: 35px;
	padding: 0 3px 0 48px;
	*zoom:1;
	background: #fff url(img/icon_category.png) no-repeat 38px -115px;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
.product-category .menu li span {
	display:block;
	position:absolute;
	background:url(img/icon_category.png) -280px -804px no-repeat;
}
.product-category .menu li.current {
	font-weight:bold;
	background:url(img/icon_category.png) 0px top no-repeat;
}
.product-category .menu li.current a {
	color:#005faf;
	padding-left: 46px;
	border-left: 2px solid #005faf;
}
.product-category .menu li.current a:hover {
	text-decoration:none;
}
.product-category .menu li a:hover {
	color:#005faf;
	text-decoration:none;
}
.product-category .menu li .icon {
	position:absolute;
	right:20px;
	top:5px;
	background:url(img/icon_category.png) -30px -193px no-repeat;
}
.product-category .menu li.subCur a {
	margin-left: -1px;
	color: #fff;
	background-color: #005faf;
}
.product-category .menu-open,
.product-category .menu-close {
	position:absolute;
	width:13px;
	height:13px;
	text-indent:-2010px;
	line-height:normal;
	cursor:pointer;
	top: 12px;
	left: 16px;
	overflow: hidden;
	background:url(img/icon_category.png) no-repeat scroll 0 0;
	display:block;
}
.product-category .menu-box-open{background: #fff;}
.product-category .menu-open {
	background-position:0 0;
}
.product-category .menu-close {
	background-position:0 -43px;
}

.mod-side-contact{
	padding: 80px 20px 10px;
	line-height: 24px;
	background: #F6F6F6 url(img/contact.jpg) no-repeat center top;
}
.mod-side-contact strong{
	font-weight: bold;
}


/***** ͼƬ�б� *****/
.pic-list{
	width: 100%;
	padding: 35px 0;
}
.pic-list-item{
	float: left;
	display: inline-block;
	width: 24.99%;
	height: auto;
	margin-bottom: 20px;
}
.pic-list-cont{
	display: block;
	background: #fff;
	margin: 0 10px;
	padding: 20px 20px 15px;
	text-align: center;

	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-animation: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.pic-list-item .pic-list-img {
	display: inline-block;
	height: 216px;

	/*
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-animation: all 0.3s linear;
	-o-transition: all 0.3s linear;
	*/
}
/* ͼƬ���»���Ч��
.pic-list-item:hover .pic-list-img {
	transform:translateY(5px);
	-moz-transform:translateY(5px);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
}
*/
.pic-list-item .title{
	text-align: left;
	line-height: 1.2em;
	font-size: 18px;
	font-weight: 400;
}
.pic-list-item .desc{
	text-align: left;
	line-height: 1.3em;
	padding: 0.2em 0 0;
	font-size: 1em;
	font-weight: normal;
	color: #888;
}
.pic-list-item:hover .title{
	color: #005faf;
}
.pic-list-item:hover .pic-list-cont{
	z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -o-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);

    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}


.pic-list-col-3 .pic-list-item{
	width: 33.3%;
	height: 342px;
}


/*----- // ҳ�渡����� -----*/
body,html {	_background: url(about:blank);}
#fixed-panel {
	width:58px;
	height: auto;
	text-align: center;
	position: fixed;
	left: 50%;
	bottom: 30px;
	margin-left: 600px;
	z-index: 10000;
	_position: absolute;
	_top: expression(documentElement.scrollTop + 300);
}
#fixed-panel li {
	padding-top: 2px;
	position: relative;
	float: left;
}
#fixed-panel li #go-top{
	opacity: 1;
	display: block;
}
#fixed-panel li .fixed-panel-item {
	background: #363636;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	width:58px;
	height:58px;
	overflow: hidden;
	display: block;
	font-size: 12px;
}
#fixed-panel li .fixed-panel-item:hover {
	color: #FFF;
	text-decoration: none;
	background: #005eae;
}
#fixed-panel li .fixed-panel-item i{
	display: block;
	font-size: 28px;
	margin-top: 5px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}
#fixed-panel .pop-panel {
	position: absolute;
	right:70px;
	bottom:0;
	z-index:10000;
	display: none;
	width: 194px;
	height: 212px;
	background: #fff;
	text-align: center;
	border: solid 1px #C9CACA;
	box-shadow: 0 1px 2px 0 rgba(210,210,210,.31);
	-webkit-box-shadow: 0 1px 2px 0 rgba(180,180,180,.5);
}
#fixed-panel .pop-panel:before,
#fixed-panel .pop-panel:after {
	border-color: transparent transparent transparent #C9CACA;
	border-style: dashed solid dashed dashed;
	border-width: 8px;
	height: 0;
	right: -16px;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	width: 0;
	content: ' ';
}
#fixed-panel .pop-panel:after {
	right: -14px;
	border-color: transparent transparent transparent #fff ;
}
#fixed-panel .pop-panel img {
	width:174px;
	height:174px;
	border:none;
	padding:5px 5px 0px 5px;
}
#fixed-panel .pop-panel p {
	font-size:12px;
	color: #666;
	line-height: 20px;
	padding-top: 5px;
	letter-spacing:1px;
}




/**** ��Ӧʽ���� ****/
.navbar-brand,
.site-navbar,
.site-search,
.widget-navcontent .item,
.navbar-nav .fa-angle-down,
.rollbar li,
.rollbar h6,
.btn,
.search-btn,
.pads h4,
.company-name,
.pageside,
.show-title,
a{
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-ms-transition:all 0.25s;
	-o-transition:all 0.25s;
	transition:all 0.25s;
}
/*********** ��Ӧʽ start **********/



@media (max-width: 1240px) {
	.container{margin: 0 15px;}

	.page-banner{height: 140px; background-size: 100%;}
	.page-banner .banner-text{ margin-top: 30px;}
	.page-banner .banner-text .catname{ font-size: 22px;}
}

@media (max-width: 1024px) {
	.content{margin-right: 0;}
	.sidebar{display: none;}
	.site-search-form{padding: 25px 0;}
	.navto-nav, .navto-design{display: none;}

	.pic-list-item{ width: 33.3%;}
	.page-banner{height: 120px; background-size: 110%;}
}

@media screen and (max-width: 991px) {
	.product-feature{ margin-top: 20px; margin-right: 0;}
	.product-feature .swiper-slide{ overflow-x:Scrollbar;}
}


@media screen and (min-width: 769px) and (max-width: 991px) {
	.container { width: 100%; margin: 0;}
	.navbar-brand .logo{height: 56px;}
	.product-feature{ margin-right: 0;}
}

@media (max-width: 850px) {
	.brand{display: none;}
	.topmenu .red{display: none;}
	.page-banner .banner-text{ margin-top: 30px;}
	.page-banner .banner-text .catname{ font-size: 18px; padding: 8px 15px;}
}

@media (max-width: 768px) {
	body{ padding-top: 60px;}
	.header{position: fixed;top: 0;left: 0;right: 0;text-align: center;padding: 0;z-index: 99;}
	.site-top{ display: none;}
	.navbar{padding: 0;}
	.navbar-brand{line-height: 45px; height: 45px;}
	.navbar-brand .logo{height: 30px;}
	.navbar-brand .logo-text{font-size: 22px;}

	.container-page{ padding-left: 155px;}
	.pageside{width: 140px;}

	.side-menu-catname h3{font-size: 16px;}
	.side-menu li.top-menu a,
	.side-menu li.top-menu-active a,
	.side-menu li.top-menu-active a:hover{padding: 8px 16px; font-size: 14px;}
	.page-banner{height: 118px; background-size: 140%;}
	.page-banner .banner-text{ margin-top: 30px;}
	.page-banner .banner-text .catname{ font-size: 20px;}

}

@media (max-width: 680px) {
	.site-navbar{margin-top: 0;}
	.company-name{ display: none; }

	.pic-list-item{ width: 49.9%;}
	.pic-list-cont{ padding: 10px; margin: 0 5px;}
	.pic-list-item .title{ padding: 0.4em; border-top: 1px solid #f0f0f0;}
}

@media (max-width: 640px) {
	.header{position: fixed;top: 0;left: 0;right: 0;text-align: center;padding: 0;z-index: 99;}
	.navbar{padding: 0;}
	.navbar-brand{line-height: 45px; height: 45px;}
	.navbar-brand .logo{height: 30px;}
	.navbar-brand .logo-text{font-size: 22px;}

	.side-menu-catname{ padding: 8px 14px;}
	.side-menu-catname h3{font-size: 14px;}
	.side-menu-catname h3 .fa{ display: none;}
	.side-menu li.top-menu a,
	.side-menu li.top-menu-active a,
	.side-menu li.top-menu-active a:hover{padding: 8px 16px; font-size: 14px;}

	.container{margin: 0 10px;}
	.single .container{margin: 0;padding: 0 10px;}
	.site-search{top: -100px;}
	.navto-search{display: none;}
	.topbar{display: none;}
	.carousel-control{display: none;}

	.single .content{padding: 0;border: none;}
	.article-header{text-align: left; padding: 15px 0;}
	.article-title{font-size: 18px;font-weight: bold;margin-bottom: 5px;}
	.article-meta .item{margin-right: 10px;}

	.article-content img{border-radius: 5px;}
	.post-copyright{display: none;}
	.action-share{display: none;}
	.rollbar{right: -120px;}
	.article-content{font-size: 15px;line-height: 24px;}
	.article-content p,
	.article-content h2,
	.article-content h3,
	.article-content h4{margin-bottom: 15px;}
	.article-content h2{font-size: 16px;font-weight: bold;margin: 15px -10px 15px -10px;line-height: 18px;padding-left: 10px;border-left:none}
	.article-content ul, .article-content ol{margin-left:20px;}

	.pagetitle{padding: 10px 10px 6px;}
	.pagetitle h1{font-size: 16px;font-weight: bold;}

	.excerpt{padding: 10px 10px 10px 180px;}
	.excerpt .focus{width: 160px;margin-left: -170px;}
	.excerpt .thumb{width: 160px;height: 109px;}
	.excerpt .note{display: none;}
	.excerpt .cat{display: none;}
	.excerpt h2{font-size: 16px;line-height: 18px;}
	.excerpt-multi{ padding-left: 10px;}
	.excerpt-multi .thumb-span .thumb{ height: auto; }

	.page-template-pagesthemes-php .pageheader{margin-top: 0;}
	.pageheader{padding: 10px;margin-bottom: 0;}
	.pageheader h1{font-weight: bold;font-size: 18px;}
	.pageheader .note{font-size: 12px;}
	.pageheader .share{display: none;}

	.container-page{padding-left: 100px;}
	.container-page .content{padding: 10px;}
	.container-page .content::after{display: none;}
	.pageside{width: 95px;}
	.side-menu{margin-bottom: 5px;}
	.side-menu li a{padding: 8px 10px;font-size: 14px;}

	.topbar-user{display: none;	}

	.site-navbar{float: none;margin-top: 0;position: absolute;top: -1100%;left:0;right: 0;background-color: #444;text-align: left;padding: 20px 0;opacity: 0}
	.site-navbar{display: ;/* margin-top: 0; */margin: 0;line-height: 32px;font-size: 16px;}
    .site-navbar li{float: none;text-align: ; margin-left: 0;}
    .site-nav li:hover > .sub-menu{display: none;}
    .site-nav .fa{display: none;}
    .site-navbar li a{display: block;padding: 10px 20px;background-color:;margin: 0;}
    .site-navbar li.active a, .site-navbar li.active a:hover{background-color: #444;color: #fff;border-bottom:none}

    .site-navbar .sub-menu{display: none;position: relative;top: 0;box-shadow:none;background-color:transparent;border:none;border-radius:0;width: auto;margin-top: 0;}
    .site-navbar .sub-menu li a{padding-left: 40px;}

    .navto-home, .navto-nav, .navto-ads{display: block;}

	.topbar-user{position:relative;margin:20px 20px 0 10px;}

	.branding{padding: 50px 10px;}
	.branding h1, .branding h2{font-size: 24px;margin-bottom: 10px;}

	.newmsgs{display:none}

	.pagetitle h1, .pagetitle h2, .pagetitle h3{font-size:16px;font-weight:bold;}
	.title h3{font-size:16px;}
	.title .more{display: none;}

	.footer nav{display: none;}

	.footer{padding:15px 10px;}
	.footer .container{height:32px;overflow:hidden;line-height:16px;}
	.footer a:first-child{display:block;}


	.m-mask{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0);z-index: 98;overflow: hidden}
	.m-nav-show .m-mask{display: block;}

	.m-icon-nav{display:block;position:absolute;top:0;left:0;font-size: 19px;line-height: 40px;padding: 2px 10px 0;color: #999;}
	.m-nav-show .m-icon-nav{color: #005faf;}
	.m-nav-show .site-navbar{-webkit-transform:translate3d(0,143%,0);opacity: 1}

	.product-feature{ overflow-x: scrollbar;}
	.product-feature table{font-size: 12px;}
	.show-title{ font-size: 1.4em;}
}

@media (max-width: 480px) {
	#homeslider{margin-bottom: 15px;}
	.product-pic-box{ height: auto;}
	.pads{margin-right:-3%;}
	.pads li{width: 47%;margin-right:3%;}
	.pads h4{font-size: 12px;}

	.cat-first{padding: 10px 10px 10px 170px;}
	.cat-first .thumbnail{margin-left: -160px;width: 150px;}
	.cat-first .note{display: none;}
	.cat-first .meta .pc{display: none;}
	.cat-first h2{font-size: 16px;line-height: 20px;}

	.cat-posts li{width: 50%;}
	.cat-posts li a{padding: 10px;}
	.cat-posts li:nth-child(1){border-radius: 0}
	.cat-posts li:nth-child(1), .cat-posts li:nth-child(2){border-bottom: none;}
	.cat-posts li:nth-child(3){border-left: 1px solid #eaeaea;border-radius: 0 0 0 4px;}

	.excerpt{padding: 10px 10px 10px 120px;}
	.excerpt .focus{width: 100px;margin-left: -110px;}
	.excerpt .thumb{width: 100px;height: 68px;}
	.excerpt .note{display: none;}

	.excerpt h2 {
        overflow: hidden;
        display: block;
        position: relative;
    }

    .excerpt h2:before {
        content:"";
        float: left;
        width: 5px;
    }

    .excerpt h2, .excerpt h2:before{height: 36px;}

    .excerpt h2 > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px;
    }

    .excerpt h2:after {
        content: "\02026";

        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;

        float: right; position: relative;
        top: -18px; left: 100%;
        width: 3em; margin-left: -3em;
        padding-right: 5px;

        text-align: right;

        background: -webkit-gradient(linear, left top, right top,
            from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    }

}

@media (max-width: 346px) {
	.cat-ebox li{width: 100%;border-right: none;}
	.cat-ebox li:first-child{border-bottom: 2px solid #eaeaea;}

	.cat-posts li a{height: 170px;}

	.article-header{padding: 10px 0;text-align: left;}
	.article-meta .item:nth-child(2){display: none;}
	.article-title{font-size: 16px;}

	/*.excerpt h2, .excerpt h2:before{height: 28px;}*/
	.excerpt h2{font-size:14px;line-height:18px;}
	.excerpt .pc{display:none}
	.excerpt .pv{margin-right:0;}

	.pagination ul > li{display:none}
	.pagination ul > li.prev-page,
	.pagination ul > li.next-page{display:inline}
	.pagination ul > li.next-page a{background-color:#61B3E6;color:#fff;}

	.btn-lg{padding:8px 20px;font-size:14px;}

	#commentform{padding-left: 0;}
    #respond{overflow: hidden;width: 100%}
    .comt{padding-left: 0;}
    .comt-title{width: auto;float: none;margin-left: 0;overflow: hidden;margin-bottom: 10px;}
    .comt-avatar{width: 30px;height: 30px;float: left;margin-right: 5px;}
    .comt-avatar .avatar{width: 30px;height: 30px;border-radius: 50%;}
    .comt-comterinfo{width: 100%;}
    .comt-comterinfo .text-muted{display: none;}
    .comt-comterinfo input{width: 100%;margin-right: 0;box-shadow: none;}
    .comment-reply-link, .comt-info{position: relative;top: 0;display: inline-block;margin-left: 10px;}
    .comt-main{margin-right: 0;margin-left:40px;}
    .comt-f{display: none;}
    .commentlist > .comment .children{margin-left: 0;}
    .commentlist > .comment.depth-1 > .children{margin-left: 46px;}
    .comt-author{display: inline-block;}

	.branding{padding: 30px 10px;}
	.branding h1,
	.branding h2{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
	.branding p{font-weight:normal}

	.product-feature table{font-size: 10px;}
	.product-feature table td,
	.product-feature table th{padding:1px 2px}
	.show-title{ font-size: 1.2em;}
}
/*********** ��Ӧʽ end **********/


.footer {
	background: #34383b;
 padding-bottom: 40px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	margin-top: 60px;
	border-top-color: rgb(159, 157, 156);
	border-top-width: 1px;
	border-top-style: solid;
}.left2 {
	 overflow: hidden;
	 float: left; width: 80%;
 }.left2 ul {
	width: 18%;

	  float: left;
  }.left2 h1 {padding-top: 40px;
	   color: #ffffff;
	   margin-bottom: 20px;
	   display: inline-block;
	   position: relative;
	   font-weight: 500;padding-bottom: 8px;    font-size: 14px;
   }.foot_line {
		background: #797b7d;
		width: 100%;
		height: 1px;
		bottom: 0px;
		position: absolute;
	}.left2 ul li a {
		 color: #edebeb;
		 font-size: 13px; line-height: 25px;
	 }.right2 {
		  float: right;
	  }.right2 p {
		   text-align: left;
		   color: rgb(255, 255, 255);
		   margin-top: 30px; font-size: 18px;
	   }.zp2 {
			overflow: hidden;
			font-size: 12px;
		}.zp2 .kefu {
			 float: left;
		 }.zp2 span {
			  font-size: 16px; line-height: 25px;
			  display: block;
		  }.zp2 span {
			   font-size: 16px;
			   display: block;
		   }.right2 p img {
				margin-right: 30px;
				vertical-align: middle;padding-top: 10px;
																				  float: left;
			}
.footer-wrap{
	width: 1012px;
	height: auto;
	margin:0 auto;
}
.footer h2{
	font-size: 17px;
	color:#fff;
	display: block;
	line-height: 24px;
	margin: 0;
}
.contactLinks{
	width: 320px;
	float:left;
	height: 200px;
}
.contactLinks p{
	margin: 0;
	line-height: 20px;
}
.sns-link{
	display: block;
	width: 100%;
	padding-top:10px;
}
.sns-link a{
	width: 40%;
	line-height:25px;
	display:inline-block;
	margin-bottom:6px;
}

.footerLinks{
	width: 270px;
	float:left;
	height: 200px;
	border-left:1px solid #434343;
}

.footer-ul{
	padding-left: 15px;
	overflow: hidden;
}
.footer-ul li{
	width: 100%;
	height:24px;
	line-height:24px;
	text-indent:14px;
	background:url(img/bulletcontent.png) no-repeat 0 center;
}
.footer h3{
	display: block;
	text-indent:14px;
	line-height: 26px;
	font-size:15px;
	color:#fff;
	margin: 0;
}
.footer a{
	color:#C1C1C1;
}
.footer a:hover{
	color:#00a0e9;
}

.page-bottom{
	width:100%;
	height:26px;
	line-height:26px;
	color:#C1C1C1;
	background:#000;
}

.page-bottom-a a{
	display: inline-block;
	text-indent:12px;
	padding-right:15px;
	color:#fff;
	color:#C1C1C1;
	background:url(img/bulletcontent.png) no-repeat 0 center;
}
.page-bottom-a a:hover{
	color:#f60;
}




/****** ������� *****/
#partner{
	background: #fff;
	overflow: hidden;
}
.part-title{
	margin: 0 auto;
	width: 260px;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
.part-title h2{
	font-size: 38px;
	line-height: 1em;
	color: #005faf;
	font-weight: 400;
}
.part-title h4{
	font-size: 24px;
	line-height: 1em;
	padding: 5px 0 20px;
	color: #999;
	font-weight: 200;
}
.part-title .line-blue{
	width: 40px;
	height: 0;
	display: block;
	margin: 0 auto;
	margin-bottom: -2px;
	position: relative;
	border-bottom: 2px solid #005faf;
}
.part-title .line-gray{
	width: 100%;
	display: block;
	height: 0;
	border-bottom: 1px solid #fff;
}


/* ͼƬ���� */
.picScroll {
	position:relative;

	margin-top: 40px;
	margin-bottom:10px;
}
.picScrollBd{
	width: 100%;
	overflow: hidden;
}
.picScroll ul {
	overflow:hidden;
	zoom:1;
}
.picScroll ul li {
	float:left;
	margin-right:32px;    margin-bottom: 15px;
	width:200px;
	overflow:hidden;
	display:inline;
}
.picScroll ul li img {
	width: 180px;
	height: 80px;
	border: 1px solid #ddd;    padding: 8px;
	background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}
.picScroll .prev,
.picScroll .next {
	position:absolute;
	left: -26px;
	top: 50%;
	display:block;
	width:16px;
	height:49px;
	margin-top: -25px;
	overflow:hidden;
	background:url(../images/slide_arrow.png) 0 -49px no-repeat;
	cursor:pointer;
}
.picScroll .next {
	left:auto;
	right: -26px;
	background-position:-16px -49px;
}
.picScroll .prevStop {
	background-position:0 0;
}
.picScroll .nextStop {
	background-position:-16px 0;
}


#partner{
	padding:45px 0 65px;
}
.promo_detailed{background: #fff;}

.sidebar {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 130px;
	width: 55px;
	background: rgba(0,0,0,0.3);
	padding: 0;
	border-radius:8px 0 0 8px;
	z-index:99999;
}
.sidebar li {
	height: 50px;
	width: 160px;
	padding-left: 17px;
	border-radius:8px 0 0 8px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sidebar li img {
	display: block;
}
.sidebar li:hover {
	margin-left: -105px;
	background: rgba(0,0,0,0.6);
}
.get-started-label{
	position: fixed;
	right: 55px;
	top: 50%;
	margin-top: -150px;
	width: 80px;
	height: 70px;
	display: block;

	z-index:999999;
}




/***** footer *****/
.btn2fr{overflow:hidden;background:#000;margin:0px auto;padding:0 0 10px 0;}
.btn2fr a{ color:#fff}
.btn2fr a:hover{ color:#00a0e9}
.btn2fr .btn2{padding-top:20px;}
.btn2fr p{line-height:22px; color:#fff; font-size:14px; line-height:22px;}
.btn2fr p.p0{ width: 1160px; margin: 0 auto; color:#fff; padding:18px 0; text-align:center;}
.btn2fr p.p0 span{ color:#999; padding:0 6px;}
.btn2fr p.p0 a{ font-size:12PX; color:#fff}
.btn2fr p.p0 a:hover{ color:#005faf}
.btn2fr p.p1{width:100%;line-height:20px;overflow:hidden;text-align:center;color:#4d4d4d;margin-top:17px;}
.btn2fr p.p1 a{color:#4d4d4d; font-size:12px;}
.btn2fr p.p1 a:Hover{color:#00a0e9;}
.btn2fr p.p1 i{font-size:11px;margin:0px 7px;color:#fff;}
.btn2fr p.p2{text-align:center;color:#fff; font-size:12px; line-height: 24px;padding:0; padding-top: 10px;}
.btn2fr p.p3{text-align:center; line-height: 24px;padding:0;}
.btn2fr p.p3 a{color:#005faf;margin:0px 5px; font-size:12px;}
.btn2fr p.p3 a:hover{text-decoration:underline;}
.btn2fr p.p4{width:100%;overflow:hidden;text-align:center;margin-top:10px;}
.btn2fr .footer-link{ width: 100%; border-bottom:1px solid #666; margin-bottom: 12px;}
/**** ͣ ****/
body,
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 1160px;
}
.container {
  width: 1160px !important;
  max-width: none !important;
}

#about-main{
	padding: 50px 0 70px;
}
.content-main{
	width: 680px;
}
.content-pic{
	width: 450px;
}

#about-team{
	padding: 0;
	background:#3c3c3b;
}


.parallax {
    background: fixed url(img/about-pic.jpg) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    color: #FFF;
}
.parallax .inner {
    padding-top: 200px;
    padding-bottom: 200px;
}
.parallax a {
    color: #549dc5
}
.parallax a:hover {
	color:#009eea;
}
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6 {
    color: #fff
}
.parallax.mobile {
    background-attachment: scroll !important
}
.parallax a {
    color: #FFF
}
.parallax h1 {
	font-size: 28px;
    font-weight: 600;
}
.share-button {
    display: inline-block;
    border-bottom: 1px solid #549dc5;
    padding-bottom: 5px;
    color: #2e2e2e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
}
.parallax .share-button {
    color: #FFF !important
}
.facts i {
    font-size: 50px;
    color: #009eea;

    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.facts h4 {
	margin-top: 15px;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 200;
}
.facts p {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}




#about-partners{
	padding: 40px 0 40px;
	background: #fff;
	width: 100%;
}
#about-partners .part-title{
	border: none;
}
#about-partners .part-title h2{
	color: #005faf;
	font-size: 30px;
}
#about-partners .part-title h4{
	color: #666;
	line-height: 20px;
	font-size: 16px;
}
.partners-list li{
	width: 180px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	margin: 15px 65px 15px 0;
	overflow: hidden;
	box-shadow: 1px 1px 12px rgba(0,0,0,.295);
}
.partners-list li img{
	max-height: 80px;
	max-width: 180px;
}


#qualification{
	padding: 30px 0 50px;
	background: #f3f4f4;
	width: 100%;
}
#qualification .part-title{
	border: none;
}
#qualification .part-title h2{
	font-size: 30px;
	font-weight: 400;
}
#qualification .part-title h4{
	color: #666;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
}
.qualification-list li{
	width: 275px;
	float: left;
	background: #fff;
	text-align: center;
	margin: 15px 20px 0 0;
	box-shadow: 1px 1px 12px rgba(0,0,0,.295);
}
.qualification-list li img{
	max-height: 395px;
	max-width: 275px;
}

/*!Ϊʲôѡ������ begin ��ҳ */

.products-why{background-color: #eaeaea;height:auto;padding:80px 0 0 0;}
.products-why-con{width:1200px;height:327px;margin:0 auto;position: relative;}
.products-why-con-01{height:85px;text-align: center;}
.products-why-con-01 .title{color: #005faf;font-size: 30px;line-height: 30px;font-weight: normal;}
.products-why-con-01 p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;}

.products-why-con-02 div{width: 390px;float: left; text-align:left; line-height:25px;}
.products-why-con-02 div h4{font-size:24px; font-weight:normal;margin-top:20px; text-align:left; padding-top:30px;}
.products-why-con-02 div img{margin:0 auto; margin-top:20px; float:left;}
.products-why-cell{display: block; position: relative;text-decoration: none;}
.products-why-cell{color: #666; font-size:16px;}
.products-why-cell p{font-size:14px; margin:0; line-height: 1em;}
.products-why-cell u{ display: block; color:#2f89e6; text-decoration:none; font-size:14px;}
.products-why-cell u:hover{ color:#f87500; font-size:14px; text-decoration:underline;}
.products-why-con-02 span.span-line{width: 5px; float: left;height: 179px;}

@font-face {
	font-family: 'font-icons';
	src:url('fonts/font-icons.eot');
	src:url('fonts/font-icons.eot') format('embedded-opentype'),
		url('fonts/font-icons.svg') format('svg'),
		url('fonts/font-icons.woff') format('woff'),
		url('fonts/font-icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.font-icons {font-family:"font-icons";}
.products-why-con-02 span.number-box{
	width: auto;
	height: 120px;
	margin:0 auto;
	margin-top:12px;
	float:left;
	position: relative;
}
.count-number {
	width: 100%;
	height:60px;
	display: block;
	font-family:"font-icons";
	font-size:86px;
	color:#005FAF;
	text-align:center;
	line-height:104px;
	-moz-line-height: normal;
}
.count-number:after {
	position: absolute;
	display:block;
	left:0;
	top:48px;
	height:0;
	width:100%;
	content:" ";
	border-bottom:3px solid #EAEAEA;
}
.count-mc {
	font-family:"font-icons";
	 display:block;
	 width:32px;
	 height:32px;
	 line-height:32px;
	 text-align:center;
	 font-size:22px;
	 color:#005FAF;
	 position:absolute;
	 top:0;
	 right:10px;
}
.count-mc:before { content:"\e610"; }
.count-fonts {font-size:18px; color:#fff; line-height:20px; padding-top:24px;}

/*!Ϊʲôѡ������ end ��ҳ */


#sc-services-class{
	padding: 15px 0 30px;
	height: 380px;
	overflow: hidden;
}
.services-class{
	width: 100%;
	clear: both;
	padding: 40px 0 0;
}
.services-class li{
	width: 248px;
	height: auto;
	float: left;
	margin-right: 54px;
	position: relative;
	top: 400px;
}
.services-class li a{
	width: 248px;
	height: 248px;
	position: relative;
	display: block;
}
.services-class li .services-class-icon{
	width: 248px;
	height: 248px;
	display: block;
	text-align: center;
	box-shadow: 1px 1px 12px rgba(0,0,0,.195);
	background: #fff;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.services-class li .services-class-icon img{
	margin-top: 60px;
	width: 120px;
	height: auto;
}
.services-class li h5{
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 2em;
}
.services-class li .icon-dui{
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	background: url(img/dui.png) no-repeat left top;
	background-size: cover;
}
.services-class li a:hover .services-class-icon{
	box-shadow: 1px 1px 18px rgba(0,0,0,.395);
}
.services-class li a:hover h5{
	color: #005faf;
}

.in_nr6_fr{width:100%;height:329px;overflow:hidden;background-color:#f2f2f2;}
.in_nr6{width:100px;overflow:hidden;margin:0px auto;padding:0px;}
.in_nr6_l{ overflow:hidden;float:left; overflow:hidden;}
.in_nr6_l p.p1{width:100%;line-height:63px; text-align: left; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.in_nr6_l p.p1 a{float:right;line-height:34px;margin-top:20px;color:#c8c8c8;}
.in_nr6_l p.p1 a:hover{text-decoration:underline; color: #005faf;}
.in_nr6_l p.p1 span{float:left;font-size:24px;color:#005faf;}
.in_nr6_l ul{width:100%;}
.in_nr6_l ul li{width:100%;line-height:37px;overflow:hidden;text-align: left; border-bottom:1px solid #e4e4e4;font-size:14px;}
.in_nr6_l ul li span{width:102px;display:inline-block;color:#aaa; font-size:12px; }
.in_nr6_l ul li i{color:#005dae; display:inline-block; margin-right:5px; font-size:12px;}
.in_nr6_l ul li a{color:#333; font-size:12px;}
.in_nr6_l ul li a:hover{color:#005dae;}

.in_nr6_r{width:370px;height:240px;padding: 0;overflow:hidden;float:right;margin-top:26px;position:relative;}
.in_nr6_r .hd{ position:absolute; text-align:center; left:50%; bottom:10px; margin-left:-25.5px;}
.in_nr6_r .hd ul li{width:12px;height:12px;overflow:hidden;float:left;background:url("http://img.cndns.com/siteimages/silde_off.png") no-repeat;margin-right:5px;cursor:pointer; line-height:40px;}
.in_nr6_r .hd ul li.on{background:url("http://img.cndns.com/siteimages/silde_on.png") no-repeat;}
.in_nr6_r .cd{ position:absolute; width:100%; left:0; top:50%; height:40px; margin-top:-20px; }
.in_nr6_r .cd a{ display:block; width:40px; height:40px; background:#000; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; position:relative;}
.in_nr6_r .cd a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65;}
.in_nr6_r .cd a i{ display:block; width:15px; height:24px; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-7.5px;}
.in_nr6_r .cd a.prev i{background:url(http://img.cndns.com/siteimages/jt_t.png) left bottom;}
.in_nr6_r .cd a.next i{ background:url(http://img.cndns.com/siteimages/jt_t.png) left top;}
.in_nr6_r .cd a.prev{ margin-left:5px}
.in_nr6_r .cd a.next{ margin-right:5px}


.page-main{
	width: 950px;
	float: left;
}
.page-widget{
	width: 180px;
	float: right;
}
.widget-link{
	display: block;
	width: 100%;
	height: 180px;
	background: #F1F1F1;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 4px;
}
.widget-link .fa{
	font-size: 6em;
	color: #2F2F2F;
	margin: 30px auto 20px;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.widget-link h6{
	font-size: 1.2em;
	font-weight: 400;
	color: #2F2F2F;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.widget-link:hover .fa,
.widget-link:hover h6{
	color: #005FAF;
}

.btn-cta{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 18px;
	margin-right: 0 !important;
	white-space: normal;
	position: relative;
	text-align: left;
	background: #005FAF;
	min-width: 200px;
	min-height: 40px;
    font-weight: 700;
    padding: 6px 12px;
    vertical-align: middle;
	padding-right: 20px;
	line-height: 1.42857143;
    border-radius: 4px;
}
.btn-cta:before {
	position: absolute;
	right: 0;
	top: 50%;
	content: '>';
	font-size: 30px;
	width: 40px;
	margin-top: -23px;
	text-align: center;
}
/*.btn-cta:hover{
	color: #fff;
	background: #00A0E9;
}*/

.article-content{font-size:15px;line-height:25px;padding: 30px 0 50px; word-wrap:break-word;}
.article-content img{margin: 5px 0; display:inline-block;max-width:100%;height:auto}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5{padding:10px 0;margin-bottom:18px;color: #555;font-weight:bold;}
.article-content h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom: 1px solid #eaeaea;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:15px;}
.article-content h5{font-size:14px;}
.article-content ul, .article-content ol{margin:0 0 18px 46px}
.article-content ul{list-style: disc;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 6px;}
.article-content p{margin-bottom:18px;word-wrap:break-word}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #ccc;border-left:solid 1px #ccc;width:100%;margin-bottom:18px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,
.article-content table th{border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:8px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 18px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption:hover .wp-caption-text{color: #61B3E6;}
.article-content a{text-decoration:underline;}

.summary{
	display: block;
	padding: 8px 15px;
	line-height: 1.6em;
    background-color: #f8f8f8;
    padding: 8px 10px;
}
.article-content pre,
.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.article-content blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article-content blockquote p{margin:0;padding:0;margin-bottom: 10px;}
.article-content hr{ width: 100%; border-top: 1px solid #ddd; }
.post-copyright {
	background-color: #eee;
	padding-right: 30px;
	font-size: 12px;
	padding: 3px 0;
	border-radius: 3px;
	color: #aaa;
	text-align: center;
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none;
}
.post-copyright:hover {
	background-color: #61B3E6;
	color: #fff;
}
.post-copyright:hover a {
	color: #fff;
}

.article-pics {
	text-align: center;
}
.article-pics img{
	margin: 5px auto;
	max-width:100%;
	height:auto;
}



/**** ���� ****/
.abs-modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 1;
	left: 0;
	top: 0;
	z-index: 9999;
}
.abs-modal .wrapper {
	position: relative;
	border-radius: 2px;
	background-color: #FFF;
	width: 50%;
	margin: 100px auto;
	padding: 30px;
	max-height: 80%;
	height: 80%;
	top: 10%;
	margin: 0 auto;
}
.abs-modal .wrapper .gform_wrapper {
	height: 100%;
	overflow: scroll;
	margin: 0;
	max-width: 100%;
}
.abs-modal .wrapper .abs-close {
	position: absolute;
	background-color: #000;
	border: 2px solid white;
	width: 24px;
	height: 24px;
	color: white;
	right: -12px;
	top: -12px;
	border-radius: 24px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	text-align: center;
	line-height: 18px;
	display: inline-block;
	padding-left: 1px;
	cursor: pointer;
	font-weight: 800;
}
.abs-modal .wrapper .gform_wrapper input[type="text"],
.abs-modal .wrapper .gform_wrapper input[type="url"],
.abs-modal .wrapper .gform_wrapper input[type="email"],
.abs-modal .wrapper .gform_wrapper input[type="tel"],
.abs-modal .wrapper .gform_wrapper input[type="number"],
.abs-modal .wrapper .gform_wrapper input[type="password"] {
	font-size: 14px;
}
.abs-modal .wrapper .gform_wrapper .top_label input.medium,
.abs-modal .wrapper .gform_wrapper .top_label select.medium {
	width: 100%;
}
.abs-modal .wrapper .gform_wrapper .gform_footer {
	text-align: center;
}
.abs-modal .wrapper .gform_wrapper .gform_footer input.button,
.abs-modal .wrapper .gform_wrapper .gform_footer input[type=submit] {
	border-radius: 2px;
}
span.wpcf7-form-control-wrap {
	display: block !important;
	position: relative;
}

.uneditable-input {
	width: 100%;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 25px;
    color: #2e2e2e;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.22);
    background: none;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
.uneditable-input:focus {
	outline: 0 !important;
    border-bottom: 1px solid #549dc5;
}
.uneditable-input::selection {
    background: #fefac7; /* Safari */
    color: #2f2f2f;
}
.uneditable-input::-moz-selection {
    background: #fefac7; /* Firefox */
    color: #2f2f2f;
}
.uneditable-input::-webkit-input-placeholder {
   color: #2e2e2e;
}
.uneditable-input:-moz-placeholder {
   color: #2e2e2e;
}
.uneditable-input::-moz-placeholder {
   color: #2e2e2e;
}
.uneditable-input:-ms-input-placeholder {
   color: #2e2e2e;
}
.btn-submit {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: 120px;
    color: #fff !important;
    background: #005faf;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 11px 20px 11px 20px;
    font-weight: 600;
    font-size: 14px;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}
.btn-submit:hover{
	background: #00A0E9;
}
.btn-close {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: 120px;
    color: #fff !important;
    background: #888;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 11px 20px 11px 20px;
    font-weight: 600;
    font-size: 14px;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}
.btn-close:hover{
	background: #555;
}

.section-crumbs{
}
.section-crumbs .crumbs{
	color: #005FAF;
	line-height: 16px;
	padding-bottom: 15px;
	padding-top: 0;
	font-size: 14px;
}
.catgroy-name{
	display: none;
	width: 100%;
	line-height: 1.8em;
	padding-bottom: 20px;
	font-size: 24px;
	color:#005faf;
	text-align: center;
}



.yweb_box_one{background-color:#fff;width: 1158px; border:1px solid #e5e5e5;margin-bottom:40px;}
.yweb_sprites_one{background-image:url(img/yweb_sprites_one.png); background-repeat:no-repeat;}
.yweb_title{padding:40px 0 40px 20px;border-bottom:1px solid #f3f3f3;}
.yweb_title .t1{font-size: 75px;color:#fff;position:relative;width:100px;height:100px;background-color:#005faf;text-align:center;font-weight:bold;float:left;line-height: 70px;}
.yweb_title .t1 span{  font-size: 37px;font-weight: normal;line-height: 37px; float: right; padding: 25px 7px 0 0;}
.yweb_title .t1 s{width:0;height:0;font-size:0;border-width:10px;border-style:solid solid dashed dashed; border-color:#005faf #005faf transparent transparent;position:absolute;right:10px;bottom:-10px;}
.yweb_title .t2 {font-size:24px;font-weight:bold;float:left;margin-top:45px;margin-left:30px;}
.yweb_title .t3{background-color:#005faf;font-size:18px;}
.yweb_title .t3 s{border-color:#005faf #005faf transparent transparent;}
.yweb_title .t4{float:left;margin-top:15px;margin-left:30px;}
.yweb_title .t5{background-color:#855094;font-size:18px;}
.yweb_title .t5 s{border-color:#855094 #855094 transparent transparent;}
.yweb_title .t6{background-color:#8dc027;font-size:18px;}
.yweb_title .t6 s{border-color:#8dc027 #8dc027 transparent transparent;}
.yweb_title .p1{font-size:30px;text-align: center; padding-top:15px; color:#fff;line-height: 40px;}
.yweb_title .p2{text-align: center; color:#fff;font-size: 18px;line-height: 34px;}
.yweb_title .p3{font-size:24px;font-weight:bold;margin-bottom:2px;}
.yweb_title .p4{font-size:18px;color:#e00000;margin-bottom:5px;}
.yweb_title .p5{color:#808080;font-size:14px;}
.yweb_title p{margin: 0;}
.yweb_main_one {padding:56px 0 35px 0; overflow:hidden;text-align: center;}
.yweb_main_one .o1{}
.yweb_main_one ul{float: none;font-size: 14px;color: #3e3e3e;line-height: 38px;}
.yweb_main_one li{display:inline-block; width: 156px;}
.yweb_main_one .o2{font-size:14px;line-height:24px;padding:35px 0 0 0;}
.yweb_main_one .o3{width:240px;height:236px;float:left;margin-left:45px;margin-right:60px;}
.yweb_main_one .o4{float:left;width:592px;font-size:14px;line-height:24px;margin-top:30px;}

.yweb_main_two{padding:45x 0; overflow:hidden;}
.yweb_color{margin-top:40px;margin-left:20px;position:relative;height:300px;}
.yweb_color .c{position:absolute;color:#fff;}
.yweb_color .c span{display:inline-block;width:60px;height:50px;}
.yweb_color .c .p1{font-size:24px;margin-top:33px; color:#fff;}
.yweb_color .c .p2{color:#000;opacity:0.4;filter:alpha(opacity=40);zoom:1;}
.yweb_color .c1{left:0;top:0;width:367px;height:115px;background-color:#e8443a;}
.yweb_color .c1 span{background-position:0 0;margin:32px 15px 0 22px;float:left;}
.yweb_color .c2{left:377px;top:0;width:296px;height:115px;background-color:#aa5096;}
.yweb_color .c2 span{background-position:0 -51px;margin:32px 15px 0 22px;float:left;}
.yweb_color .c3{left:683px;top:0;width:171px;height:300px;background-color:#1ca1e2;text-align:center;}
.yweb_color .c3 .p2{text-align:center;}
.yweb_color .c3 span{background-position:0 -102px;margin:32px 0 0 0;}
.yweb_color .c3 .p1{width:30px;line-height:26px;margin:20px auto 30px;}
.yweb_color .c4{left:864px;top:0;width:238px;height:115px;background-color:#ffd302;}
.yweb_color .c4 span{background-position:0 -153px;margin:32px 10px 0 10px;float:left;}
.yweb_color .c5{left:0;top:125px;width:178px;height:175px;background-color:#0c6db2;text-align:center;}
.yweb_color .c5 span{background-position:-61px 0px;margin:32px 0 0 0;}
.yweb_color .c5 .p1{margin-top:20px;text-align:center;}
.yweb_color .c5 .p2{text-align:center;}
.yweb_color .c6{left:188px;top:125px;background-color:#9b4c13;width:178px;height:175px;text-align:center;}
.yweb_color .c6 span{background-position:-61px -51px;margin:32px 0 0 0;}
.yweb_color .c6 .p1{margin-top:20px;text-align:center;}
.yweb_color .c6 .p2{text-align:center;}
.yweb_color .c7{left:377px;top:125px;width:296px;height:175px;background-color:#8dc027;text-align:center;}
.yweb_color .c7 .p2{text-align:center;}
.yweb_color .c7 span{background-position:-62px -102px;margin:32px 0 0 0;}
.yweb_color .c7 .p1{margin-top:20px;text-align:center;}
.yweb_color .c8{left:864px;top:125px;width:238px;height:175px;background-color:#ff0198;text-align:center;}
.yweb_color .c8 .p2{text-align:center;}
.yweb_color .c8 span{background-position:-62px -153px;margin:32px 0 0 0;}
.yweb_color .c8 .p1{margin-top:20px;text-align:center;}
.yweb_main_two ul{margin:30px 20px;}
.yweb_main_two li{background:url(img/yweb_sprites_one.png) no-repeat 0 -371px;font-size:14px;color:#757575;padding-left:25px;margin-bottom:25px;}


.jp_0825_rmcp_wrap{background:#f7f6f5;padding:30px 0 ;margin-top:20px;}
.jp_0825_rmcp_wrap_in{width:1160px;margin:0 auto; position:relative;}
.jb_nrk{ width:100%; height:auto; }
.jb_sdld_k { width:1160px; height:230px;margin:0 auto;overflow:hidden;}
.jb_sdld_bt { width:1160px; color:#989898;font-size:30px;margin:40px auto 20px;}
.jb_sdld_bt1 { width:1160px;height: 40px; display: block; font-size:30px;margin:0 auto;color:#989898;}
.jb_sdld_bt h1 { color:#da0000; font-size:36px; float:left; font-weight:bold;margin-left:10px;}
.jb_sdld_bt h2{ color:#999999; font-size:24px; padding-top:10px; margin-left:5px }
.x_main_lx_nav{position:absolute;top:11px;right:0;}
.x_main_lx_ul{overflow: visible;}
.x_main_lx_nav{position:absolute;top:11px;right:0;}
.x_main_lx_ul{overflow: visible;}
.x_main_lx_ul li{min-width:58px;height:28px;float:left;margin-left:7px;background:#959595; overflow: visible; position: relative; cursor:pointer;color: #fff; line-height: 26px;padding:0 5px 0 5px; border-radius: 2px;}
.x_main_lx_ul li.cur{background-color:#005faf;}
.x_main_lx_ul li img{ padding-right: 5px}
.x_main_lx_ul i{display: none; position:absolute;width: 0px;height: 0px; border:5px solid transparent;border-right-color: #005faf; top:23px; left: 5px; }
.x_main_lx_ul li.cur i{display: block; }
.x_main_lx_con{position: relative;}
.x_main_lx_con .btn{display:block;height:55px;position:absolute;top:108px;width:35px;z-index:200;cursor:pointer;background:url("http://1.rc.xiniu.com/img/site/x_main_icon.png") no-repeat 0 0; }
.x_main_lx_con .prev{ background-position:0 -1px;left:0;}
.x_main_lx_con .prev:hover{background-position:0 -56px;}
.x_main_lx_con .next{ background-position:0 -112px;right:0;}
.x_main_lx_con .next:hover{background-position:0 -167px;}
.x_main_lx_count{border-left:1px solid #dfdfdf;}
.jp_0825_gmlc_wrap{overflow:hidden;width:1000px;margin:40px auto 0;}
.jp_0825_gmlc_title{font-size:30px;color:#989898;float:left;padding-top:9px;}
.jp_0825_gmlc_main{float:right;}
.jp_0825_gmlc_main li{float:left;width:140px;height:120px;text-align:center;margin-left:30px;position:relative; overflow:visible;}
.jp_0825_gmlc_main li p{color:#8f8f8f;font-size:14px;text-align:center;margin-top:15px;}
.jp_0825_gmlc_main li s{margin-top:5px;font-size:12px;text-decoration:none;color:#8f8f8f;}
.jp_0825_gmlc_main .s1,.jp_0825_gmlc_main .s2{position:absolute;left:-15px;top:12%;width:0;height:0;font-size:0;border-width:16px;border-style:dashed  dashed  dashed solid  ;border-color:transparent transparent transparent #e0e0e0;display:inline-block;color:#fff;}
.jp_0825_gmlc_main .s2{left:-17px;border-left-color:#fff;margin-top:-16px;_left:-20px;_margin-top:-18px;}
.jp_0825_zxzx_wrap{width:100%;margin-top:35px;border-top:1px solid #dcdcdc;margin-bottom:40px;}
.x_main_lx_con{clear:both; position: relative; padding: 20px 0 0;}

.x_main_lx{clear: both; margin:0 auto;overflow:hidden;}
.x_main_lx_sub{ width:232px;height:340px;float:left;border:1px #dfdfdf solid;border-left: none;  text-align:center; background-color:#fff; }

.x_main_lx_sub1 .dd1,.x_main_lx_sub1 .dd2{background-color:#b7b940;}
.x_main_lx_sub2 .dd1,.x_main_lx_sub2 .dd2{background-color:#47bf82;}
.x_main_lx_sub3 .dd1,.x_main_lx_sub3 .dd2{background-color:#6e8bd6;}
.x_main_lx_sub4 .dd1,.x_main_lx_sub4 .dd2{background-color:#ad53c4;}
.x_main_lx_sub5 .dd1,.x_main_lx_sub5 .dd2{background-color:#e05d6d;}
.x_main_lx_sub6 .dd1,.x_main_lx_sub6 .dd2{background-color:#efa340;}
.x_main_lx_sub7 .dd1,.x_main_lx_sub7 .dd2{background-color:#52bcd3;}
.x_main_lx_sub8 .dd1,.x_main_lx_sub8 .dd2{background-color:#47bf82;}
.x_main_lx_sub9 .dd1,.x_main_lx_sub9 .dd2{background-color:#ad53c4;}
.x_main_lx_sub a:hover,
.x_main_lx_sub a:hover .dd1,
.x_main_lx_sub a:hover .dd2{ background:#005faf;-webkit-transition:all 0.5s ease-out;-moz-transition :all 0.5s ease-out;-o-transition :all 0.5s ease-out;transition :all 0.5s ease-out;}
.x_main_lx_sub a:hover strong,.x_main_lx_sub a:hover dd,.x_main_lx_sub a:hover .dd3 span,.x_main_lx_sub a:hover{color:#fff;}
.x_main_lx_sub a{display:inline-block;height:100%;width:100%; cursor:pointer;}
.x_main_lx_sub_c{}
.x_main_lx_sub_c  img{width:50px;height:50px;}
.x_main_lx_sub_c .dd1{width:100%; height:75px; text-align:center; padding-top:25px; }
.x_main_lx_sub_c .dd2{ width:100%;text-align:center;padding-top:15px;padding-bottom:25px;color: #fff;font-size: 24px;}
.x_main_lx_sub_c .dd3{text-align: left;color: #999;margin: 5px 0 18px 25px;}
.x_main_lx_sub_c .dd3 strong{font-weight:normal;}
.x_main_lx_sub1 .dd3{color:#b7b940;}
.x_main_lx_sub2 .dd3{color:#47bf82;}
.x_main_lx_sub3 .dd3{color:#6e8bd6;}
.x_main_lx_sub4 .dd3{color:#ad53c4;}
.x_main_lx_sub5 .dd3{color:#e05d6d;}
.x_main_lx_sub6 .dd3{color:#efa340;}
.x_main_lx_sub7 .dd3{color:#52bcd3;}
.x_main_lx_sub8 .dd3{color:#47bf82;}
.x_main_lx_sub9 .dd3{color:#ad53c4;}
.x_main_lx_sub_c .dd3 span{}
.x_main_lx_sub_c  span{font-size:12px;margin-left:5px;}
.x_main_lx_sub_c  span.span1{ font-size:28px;margin-left:0;line-height:28px;}
.x_main_lx_sub_c .dd4{ width:155px; line-height:20px; text-align:left;margin-left:25px;color:#999;}
.x_main_lx_sub_c .dd5{ width:159px; line-height:20px; text-align:center; color:#999; margin-top:10px; font-size:12px;display:none;}
.x_main_lx_sub_c .dd5 a:hover{ text-decoration:underline;}
.x_main_lx_sub_c .dd5_xzcj{color: #e10b15; margin-left: 20px;}

.win_light.three{height: 572px; background-color: #f0f0f0;}
.three .left{float: left; width: 464px; padding-left: 36px; height: 580px;padding-top: 145px; position: relative; color: #3e3d3c; font-size: 36px; }
.three li{float: left;width: 148px;font-size: 13px;color: #fff;text-align: center;padding: 48px 0; line-height: 25px;}
.three li p{color: #fff;font-size: 23px;font-weight: bold;}
.three li#title{font-size: 32px;font-weight: bold;color: #fff;width:460px;height: 193px;padding: 0;padding-top: 20px;height: 130px; line-height: 42px;}
.three div.right{float: right; width: 500px;text-align: center;margin-top:72px;font-size: 28px;color: #a0a0a0;  position: relative;}
.three div.right ul{
	overflow: hidden; background:url(img/win_three_bg.png) no-repeat left 0; margin-left: 10px; height: 435px;
}
.three div.left p.text1{ height: 40px; margin-top: 90px}
.three div.left p.text2{color: #005faf;font-size: 48px;font-weight: bold;}
.three .right .right{float: right; margin-right: 28px;}
.three .win_num_icon{background-position:0 -290px; margin-bottom: 10px;}



.originality_lump {
	min-height: 435px;
	width: 1160px;
	margin: 20px auto 30px;
}

.originality_lump ul {
	list-style: none;
	margin: 0;
	width: 1200px;
	height: 445px;
	overflow: hidden
}

.originality_lump ul:nth-child(2) {
	margin-top: 10px
}

.originality_lump ul li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	list-style: none;
	display: inline-block;
	width: 270px;
	height: 433px;
	padding: 0;
	margin: 10px 37px 0 0;
	border: 1px solid #ddd;
	overflow: hidden;
	float: left;
	position: relative;
	overflow: hidden;
}
.originality_lump ul li.last{
	margin-right: 0;
}
.originality_lump ul li:last-child {
	margin: 10px 0!important
}

.originality_lump ul li:hover {
	margin-top: 0!important;
	box-shadow: 0 6px 20px 0 #7E7E7E;
	-moz-box-shadow: 0 6px 20px 0 #7E7E7E;
	-webkit-box-shadow: 0 6px 20px 0 #7E7E7E;
	-o-box-shadow: 0 6px 20px 0 #7E7E7E;
	border: 1px solid #7E7E7E
}

.originality_lump ul li img {
	width: 100%;
	height: 100%
}

.originality_lump ul li .hot_oper_lump {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.originality_lump ul li .hot_oper_lump:hover .hot_c_oper {
	top: 0
}

.originality_lump ul li .hot_oper_lump .hot_c_oper {
	width: 100%;
	height: 100%;
	position: relative;
	top: -435px;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.originality_lump ul li .hot_oper_lump .hot_masking {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .5;
	background-color: #000;
	z-index: 10
}

.originality_lump ul li .hot_oper_lump .place {
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 75px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.originality_lump ul li .hot_oper_lump .place.preview {
	top: 160px
}

.originality_lump ul li .hot_oper_lump .place.create {
	top: 240px
}

.originality_lump ul li .hot_oper_lump .hot_btn {
	text-align: center;
	text-align: center;
	background-color: #000;
	opacity: .6;
	z-index: 11
}

.originality_lump ul li .hot_oper_lump .btn_font {
	display: block;
	z-index: 12;
	text-align: center;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s
}

.originality_lump ul li .hot_oper_lump .btn_font:hover {
	box-shadow: 0 0 20px 0 #fff;
	-moz-box-shadow: 0 0 20px 0 #fff;
	-webkit-box-shadow: 0 0 20px 0 #fff;
	-o-box-shadow: 0 0 20px 0 #fff
}

.originality_lump ul li .up_bar {
	position: absolute;
	bottom: 42px;
	left: 0;
	width: 100%;
	height: 24px;
	line-height: 14px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	text-indent: 10px;
	overflow: hidden;
	z-index: 18
}

.originality_lump ul li .up_bar .hot_number {
	width: 150px;
	margin-top: 4px;
	float: left
}

.originality_lump ul li .up_bar .icon-fire:before {
	font-size: 23px
}

.originality_lump ul li .up_bar span {
	float: right;
	margin-right: 10px
}

.originality_lump ul li .down_bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42px
}

.originality_lump ul li .down_bar .name_qr {
	width: 100%;
	height: 42px;
	line-height: 42px;
	z-index: 16;
	position: relative
}

.originality_lump ul li .down_bar .name_qr .name_masking {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	float: left
}

.originality_lump ul li .down_bar .name_qr .bar_masking {
	width: 42px;
	height: 100%;
	background-color: #000;
	opacity: .7;
	float: right
}

.originality_lump ul li .down_bar .name_qr .cr_name {
	position: absolute;
	z-index: 16;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	text-indent: 10px;
	overflow: hidden
}

.originality_lump ul li .down_bar .name_qr .cr_qr {
	position: absolute;
	z-index: 14;
	margin: 0;
	padding: 0;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	cursor: pointer
}

.originality_lump ul li .down_bar .name_qr .cr_qr.icon-twoCode:before {
	font-size: 32px;
	position: absolute;
	top: -2px;
	left: 2px;
	z-index: 16;
	cursor: pointer
}

.originality_lump ul li .down_bar .name_qr .cr_qr:hover .qrcode_lump {
	top: -392px
}

.originality_lump ul li .down_bar .name_qr .cr_qr .qrcode_lump {
	display: block;
	position: relative;
	width: 270px;
	height: 433px;
	z-index: 10;
	top: 42px;
	left: -228px;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s
}