@import url('font-awesome.css');
	@import url('animate.css');
	body {
	font-family:"Microsoft Yahei",'Open Sans',Arial,sans-serif;
	font-size:14px;
	line-height:1.6em;
	background:#f9f9f9;
	color:#555;
}
a{
	color:#555;
}
a:active,
a:focus,
a:visited {
	outline:0;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#00499e;
}
.clear {
	clear:both;
}
ul,li {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
h1 {
	font-weight:700;
	color:#333;
	margin-bottom:20px;
}
h2 {
	color:#333;
	font-size:36px;
	font-weight:700;
	margin-bottom:10px;
}
h3 {
	font-size:23px;
	font-weight:700;
	margin-bottom:10px;
}
h4 {
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
}
h5 {
	font-size:16px;
	font-weight:700;
}
h6 {
	color:#333;
	margin-bottom:20px;
}
p {
	line-height:2;
	font-size:14px;
}
input,button,select,textarea {
	border-radius:0px !important;
}
#wrapper {
	width:100%;
	margin:0;
	padding:0;
}
.gray-bg {
	background:#f1f1f1;
	padding:100px 0 60px;
}
.noborder {
	border:none !important;
}
.section-padding {
	padding:100px 0 60px;
}
.section-title {
	text-align:center;
	margin-top: 60px;
    margin-bottom: 30px;
}
.section-tab {
	margin:30px 0 20px;
	text-align:center;
}
.section-tab li {
	display:inline-flex;
	margin:5px 10px;
	padding:0 20px;
	border-radius:100px;
	background:#f0f0f0;
	font-size:15px;
	color:#333;
	line-height:34px;
	cursor:pointer;
}
.section-tab.no li{
	padding:0;
}
.section-tab li a{
	color:#333;
	text-decoration: none;
}
.section-tab.no li a{
	padding:0 20px;
	border-radius:100px;
}
.section-tab li.active,.section-tab li:hover {
	background:#00499e;
	color:#fff;
}.section-tab li.active a,.section-tab li:hover a{
	background:#00499e;
	color:#fff;
}
.section-tab-body>div{
	display: none;
}
.section-tab-body>div.active{
	display: block;
}
.section-tab-body img{
	max-width: 100%;
}
.section-foot {
	text-align:center;
}
.section-foot a{
	margin-top: -10px;
    margin-bottom: 30px;
}
.row,.row-fluid {
	margin-bottom:30px;
}
.row .row,.row-fluid .row-fluid {
	margin-bottom:30px;
}
.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}
.about-image img {
	width:100%;
}
img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}
.navbar-default .navbar-toggle {
	border-color:#ddd;
	margin-top:10px;
}
/* Header ==================================== */
 .topbar {
	background-color:#fff;
	padding:10px 0;
	color:#fff;
	min-height:90px;
}
.topbar .container .row {
	margin:0;
	padding:0;
}
.topbar .container .row .col-md-12 {
	padding:0;
}
header .navbar {
	margin-bottom:0;
}
.navbar-default {
	border:none;
}
.navbar-brand img {
	height:48px;
}
.navbar-brand {
	color:#222;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	line-height:1em;
	letter-spacing:-1px;
	margin-top:10px;
	padding:0 0 0 15px;
}
.navbar-contact {
	display:flex;
	align-items:center;
	margin-top:18px;
	color:#1b1b1b;
}
.navbar-contact img {
	width:80px;
	margin-right: 5px;
}
.navbar-contact span {
	font-family: 'impact';
	font-size: 20px;
	letter-spacing: 1px;
	color: #666
}
.navbar-contact b {
	font-family:auto;
	font-size:26px;
	margin-left:5px;
}
.navbar-default .navbar-brand {
	color:#1891EC;
}
header .navbar-collapse ul.navbar-nav {
	float:right;
	margin-right: -20px;
}
header .navbar {
	min-height:70px;
	padding:18px 0;
	background:#fff;
}
.home-page header .navbar-default {
	background:#00499e;
	/* position:absolute;
	*/
     width:100%;
}
header .nav li a:hover,header .nav li a:focus,header .nav li.active a,header .nav li.active a:hover,header .nav li a.dropdown-toggle:hover,header .nav li a.dropdown-toggle:focus,header .nav li.active ul.dropdown-menu li a:hover,header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
header .navbar-default .navbar-nav > .open > a,header .navbar-default .navbar-nav > .open > a:hover,header .navbar-default .navbar-nav > .open > a:focus {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
header .navbar {
	min-height:50px;
	padding:0;
	background:#00499e;
}
header .navbar-nav > li {
	padding-bottom:12px;
	padding-top:12px;
	padding:0 !important;
}
header .navbar-nav > li > a {
	margin:0 20px;
	font-weight:200;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.dropdown-menu li a:hover {
	color:#fff !important;
	background:#6f6f6f !important;
}
header .nav .caret {
	border-bottom-color:#a51451;
	border-top-color:#fff;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
	background-color:#fff;
}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {
	background-color:#fff;
}
.dropdown-menu {
	box-shadow:none;
	border-radius:0;
	border:none;
}
.dropdown-menu li:last-child {
	padding-bottom:0 !important;
	margin-bottom:0;
}
header .nav li .dropdown-menu {
	padding:0;
}
header .nav li .dropdown-menu li a {
	line-height:28px;
	padding:3px 12px;
}
/* --- menu --- */
 .flex-caption p {
	line-height:22px;
	font-weight:300;
	color:#221d2e;
}
header .navigation {
	float:right;
}
header ul.nav li {
	border:none;
	margin:0;
}
header ul.nav li a {
	font-size:15px;
}
header ul.nav li ul li a {
	font-size:14px;
}
.navbar .nav > li > a {
	color:#ffffff;
	text-shadow:none;
}
.navbar .nav a:hover {
	background:none;
	color:#1976d2;
}
.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	background:none;
}
.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:700;
}
.navbar .nav li .dropdown-menu {
	z-index:2000;
}
header ul.nav li ul {
	margin-top:1px;
}
header ul.nav li ul li ul {
	margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}
.navbar .nav > li > .dropdown-menu:before {
	display:inline-block;
	border-right:none;
	border-bottom:none;
	border-left:none;
	border-bottom-color:none;
	content:none;
}
.navbar-default .navbar-nav a {
	color:#ffffff;
	border-bottom:3px solid transparent;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
	color:#ffffff;
	border-bottom:3px solid #e20013;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
	color:#ffffff;
	border-bottom:3px solid #e20013;
}
ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}
select.selectmenu {
	display:none;
}
.page-title {
	text-align:center;
}
.panel-body {
	color:#FFF;
}
.home-about h3 {
	color:#fff;
}
.lineBtn {
	background:transparent;
	color:#666;
	border:1px solid #ccc;
	padding:4px 20px;
	border-radius:2px;
	margin:15px 0;
	display:inline-block;
	text-decoration:none !important;
	font-size:12px;
}
.lineBtn.light {
	color:#fff;
	background:#00499e;
	border:1px solid #fff;
}
.lineBtn:hover {
	color:#fff;
	background:#00499e;
	border:1px solid #00499e;
}
.lineBtn.light:hover {
	color:#666;
	background:#fff;
	border:1px solid #00499e;
}
#banner {
	width:100%;
	background:#000;
	position:relative;
	margin:0;
	padding:0;
}
/* carousel */
 #quote-carousel {
	padding:0 10px 30px 10px;
	margin-top:30px;
	text-align:center;
}
/* indicator position */
 #quote-carousel .carousel-indicators {
	right:50%;
	top:auto;
	bottom:-10px;
	margin-right:-19px;
}
/* indicator color */
 #quote-carousel .carousel-indicators li {
	background:#c0c0c0;
}
/* active indicator */
 #quote-carousel .carousel-indicators .active {
	background:#333333;
	height:10px;
	width:10px;
	margin-bottom:1px;
}
/* typography */
 h1 {
	text-align:center;
	margin-bottom:-20px !important;
}
.tc-main {	
	margin-top: 20px;
}
/*  ========================首页 ==================================== */
/* 首页Sliders ==================================== */
/* --- flexslider --- */
 #main-slider:before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(43,150,204,0.05);
	z-index:1;
	position:absolute;
}
.flex-direction-nav a {
	display:none;
}
.flexslider {
	padding:0;
	background:#00499e;
	position:relative;
	zoom:1;
	overflow: hidden;
}
.flexslider img {
	max-height:600px;
	min-height:350px;
}
.flex-direction-nav .flex-prev {
	left:0px;
}
.flex-direction-nav .flex-next {
	right:0px;
}
.flex-caption {
	zoom:1;
	background-color:transparent;
	color:#fff;
	position:absolute;
	left:50%;
	margin-left:-650px;
	width:1300px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.flex-caption h3 {
	color:#fff;
	letter-spacing:2px;
	margin-bottom:0;
	margin-top:0px;
	font-size:36px;
	font-weight:bold;
}
.flex-caption h5 {
	color:#fff;
	letter-spacing:2px;
	margin-bottom:30px;
	font-size:16px;
}
.flex-caption p {
	color:#fff;
	font-size:13px;
}
/* 首页Counter ----------------------------------*/
#counter {
	position: relative
}
.counter {
	position:relative;
	top:-50px;
	background:#fff;
	z-index:999;
	box-shadow:0px 0px 20px 4px rgb(0 0 0 / 5%);
	-webkit-box-shadow:0 0 20px 4px rgb(0 0 0 / 5%);
	padding: 0 10px;
}
.counter .box-area {
	margin:50px 0;
	width:100%;
}
.counter h2 {
	font-size:36px;
	font-weight:700;
	margin-bottom:10px;
}
.counter h2 sup {
	font-size:10px;
	font-weight:normal;
	top:-1.5em;
}
/* 首页About ----------------------------------*/
#about {
	padding:20px 0;
	position: relative;
    top: -50px;
	margin-bottom: -50px;
	margin-top: 10px;
}
#about h3 {
	margin-bottom:20px;
}
/* 首页Brand ----------------------------------*/
#person {
	background:#00499e;
	color:#fff;
}
.person-item {
	display: flex;
	text-align: left;
	align-items: center;
	background: #fff;
	padding: 20px;
	margin-bottom: 15px;
	min-height: 150px
}
.person-item .person-box {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	background: #ecf5ff;
}
.person-item .person-img {
	margin: 25px auto;
}
.person-item .person-body {
	margin-left: 20px;
}
.person .person-text {
	color:#666;
}
/* 首页Custom ----------------------------------*/
.custom-item{
	text-align:center;
	margin-bottom:20px;
}
.custom-item img:hover {
	transition: all .2s linear;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
}
/* 首页Advantage ----------------------------------*/

.advantage .box-item {
	display: block;
	color: #555;
	background:#fff;
	overflow:hidden;
	margin-bottom:25px;
}
.advantage .box-item:hover{
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1.1);
}
.advantage .box-img img {
	width:100%;
	height:190px;
}
.advantage .box-item .box-content {
	position:relative;
	padding:15px;
}
.advantage .box-item:hover .box-content{
	background:#00499e;
	color:#fff;
}
.advantage .box-item:hover .box-contents .box-text{
	color:#00499e;
}
.advantage .box-item .iconfont {
	position:absolute;
	right:20px;
	top:20px;
}
.advantage .box-item .box-text {
	position:relative;
	z-index:2;
}
.advantage .box-item .box-text h5{
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.advantage .box-item label {
	display:none
}
.advantage .box-item:hover label {
	display:block;
	position:absolute;
	left:-5px;
	bottom:6px;
	font-size:100px;
	color:#1e4bc3;
	z-index:0;
}
/* 首页System ----------------------------------*/
#system {
	background:url(../images/system_bg.png) no-repeat;
	background-position:top center;
	background-size:100% 315px
}
#system .section-title {
	color:#fff;
}
.system {
	background: #fff;
}
.system .row {
	margin:0;
}
.system .box-item {
	position:relative;
	display:flex;
	margin:0 -15px;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	padding:70px 20px;
	color: #333;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
    transition: all .2s linear;
}
.system .box-item .icon {
	font-size:50px;
	line-height:50px;
}
.system .box-item .box-text {
	font-size:14px;
	line-height:36px;
}
.system .box-item:hover .icon{
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	font-size:50px;
}
.system .box-item .ricon {
	display:none;
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:22px;
}
.system .box-item:hover {
	background:#00499e;
	color:#fff;
	border-right:1px solid #00499e;
    transform: scale(1.05);
	z-index:99;
}
.system .box-item:hover .ricon {
	display:block;
}
#map {
	height: 500px;
}
.case .item{
	
	display:block;
	margin-bottom:25px;
}
.case .item:hover {
    transition: all .2s linear;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
}
.case .item .text{
	line-height:1.5; 
	text-align:center;
	padding: 20px 0;
}
/* 首页Feedback ----------------------------------*/
.feedback  {
	margin-top:30px;
}
.feedback .item {
	margin-bottom:25px;
	overflow:hidden;
}
.feedback .item img {
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1);
	height:200px;
}
.feedback .item:hover img {
	transform: scale(1.1);
}
/* 首页News ----------------------------------*/
#news{
	background:#fff;
}
.news {
}
.news .box-item {
	display: block;
	position:relative;
	margin-top:20px;
	color: #555;
	box-shadow:0px 0px 20px 4px rgb(0 0 0 / 5%);
	-webkit-box-shadow:0 0 20px 4px rgb(0 0 0 / 5%);
}
.news .box-item img{
	height: 305px;
}
.news .box-content {
	padding:10px 15px 15px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.news .box-tip {
	position:absolute;
	top:10px;
	right:10px;
	color:#fff;
	font-size:15px;
}
.news .box-text {
	display: block;
	padding:20px;
	position:relative;
	display: flex;
}
.news .box-text:hover{
	transition: all .2s linear;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);	
}
.news .box-text .left{
	flex:1;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.news .box-text .left h5,
.news .box-content h5{
	font-size: 15px;
    font-weight: normal;
	color: #333;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.news .box-text .left span{
	color: #888;
}
.news .box-text .right{
	width: 120px;
	margin-left: 20px
}
.news .box-item:hover, 
.news .box-text:hover {
    text-decoration: none;
    color: #00499e;
}
.news .box-text .box-tip {
	color:#888;
	top:8px;
}
.news .box-text .ricon {
	position:absolute;
	right:10px;
	bottom:30px;
	font-size:22px;
}
/* 首页Faq ----------------------------------*/
#faq {
	background:#fff;
	padding:20px;
}
.faq {
	margin-top:20px;
}
.faq .box-text {
	display:block;
	margin:15px 0;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
.faq .box-text:hover {
	text-decoration:none;
	color:#00499e;
}
.faq .box-text .iconfont {
	color:#999;
	font-size:18px;
	position:relative;
	top:3px;
}


/* 悬浮客服 ----------------------------------*/
.suspension{position:fixed;z-index:9999;right:0;top:50%;width:70px;height:240px;margin-top:-120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#fff;cursor:pointer;outline:none;border:1px solid #eee;border-top:none}
.suspension .a.active,
.suspension .a:hover{background:#00499e;border-color:#00499e}
.suspension .a i{font-size: 20px;color:#999}
.suspension .a span{font-size: 12px;line-height:14px; display:none;color:#fff}
.suspension .a:hover i{display:none}
.suspension .a:hover span{display:block}

.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #eee;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d-qrcode{top:0;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode p{font-size:12px;color:#93959c;}
.suspension .d-qrcode img{width:100%;}

.suspension .d-service{top:78px;width: 400px;}
.suspension .d-service .inner-box{padding: 10px 20px 20px;}
.suspension .d-service .inner-box .row{margin:0;}
.suspension .d-service .section-title{font-size:18px;font-weight:700;margin: 15px}
.suspension .d-service .messlist input{width:270px}
.suspension .d-service .messlist textarea{width:270px}
.suspension .d-service .messlist.yzms input{width:100px}
.suspension .d-service .messsub{margin-top: 20px;padding: 0 0 0 75px;}
.suspension .d-service .btn{padding: 5px 30px;margin-top:10px;background:#00499e!important}
.suspension .d-service label{font-weight:normal;width: 75px;}


.suspension .d-service-phone{top:34px;}
.suspension .d-service-phone .inner-box{padding: 20px; padding-top: 10px;}
.suspension .d-service-phone h4{font-size: 16px;}

.suspension .a-top{display:none;}

/*  ========================关于我们 ==================================== */
.about-list>.row {
	padding:40px 0 20px;
	border-top:1px solid #eee;
}
.honor-list {
	margin:50px auto;
}
.honor-list .honor-item {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	margin:0 -8px;
	background:#fff;
	text-align:center;
	margin-bottom:14px;
	padding:15px;
}
.honor-list .honor-item:hover {
	box-shadow:0px 0px 20px 4px rgb(0 0 0 / 5%);
	-webkit-box-shadow:0 0 20px 4px rgb(0 0 0 / 5%);
}
.honor-list .honor-item img {
	height:160px
}
.develop-list {
	position:relative;
	overflow:hidden;
	margin:50px auto;
}
.develop-list:after {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#00499e;
	position:absolute;
	left:50%;
	top:0px;
	margin:0 0 0 -1px;
}
.develop-list li {
	width:50%;
	position:relative;
}
.develop-list li:after {
	content:"";
	display:block;
	width:11px;
	height:11px;
	background:#fff;
	border:1px solid #00499e;
	border-radius:100%;
	left:-6px;
	position:absolute;
	top:0px;
	z-index:2;
}
.develop-list li .date {
	font-size:18px;
	font-weight:bold
}
.develop-list li .name {
	line-height:20px;
	color:#666666;
	margin:15px 0 0;
}
.develop-list li:nth-child(2n) {
	float:left;
	padding-right:30px;
	text-align:right;
	margin-top:60px;
	height:60px;
}
.develop-list li:nth-child(2n):after {
	left:auto;
	right:-5px;
}
.develop-list li:nth-child(2n-1) {
	float:right;
	padding-left:30px;
	text-align:left;
	margin-top:60px;
	height:60px;
}
.develop-list li:nth-child(2n-1):after {
	right:-5px;
}
.develop-list li:nth-child(2n-1) .date {
	text-align:left;
}
.develop-list li:first-child {
	margin-top:0px;
}
.develop-list li:last-child {
	padding-bottom: 80px;
}
/*  ========================案例展示 ==================================== */
.case-list {
	margin-top:30px;
}
.case-list .box-item {
	color:#666;
	display:block;
	background:#fff;
	overflow:hidden;
	margin-bottom:25px;
}
.case-list .box-img img {
	width:100%;
	height:160px;
}
.case-list .box-item:hover {
	background:#00499e;
	color:#fff;
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1.1);
}
.case-list .box-item .box-content {
	position:relative;
	padding:10px 15px 15px;
}
.case-list .box-item .iconfont {
	position:absolute;
	right:20px;
	top:20px;
}
.case-list .box-item .box-text {
	position:relative;
	z-index:2;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
.case-list .box-item .box-text h4 {
	font-size:15px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
	margin-right:25px;
}

/*  ========================图片讯中心 ==================================== */
.gallery-list {
	margin:50px auto;
}
.gallery-list .gallery-item {
	display: block;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	margin:0 -8px;
	background:#fff;
	text-align:center;
	margin-bottom:14px;
	padding:15px;
}
.gallery-list .gallery-item:hover {
	box-shadow:0px 0px 20px 4px rgb(0 0 0 / 5%);
	-webkit-box-shadow:0 0 20px 4px rgb(0 0 0 / 5%);
}
.gallery-list .gallery-item img {
	width: auto;
	height:160px
}

/*  ========================资讯中心 ==================================== */
.news-list {
	margin-top:30px;
}
.news-list .box-item {
	color:#666;
	display:block;
	background:#fff;
	overflow:hidden;
	margin-bottom:25px;
}
.news-list .box-item:hover {
	background:#00499e;
	color:#fff;
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1.1);
}
.news-list .box-img img {
	width:100%;
	height: 150px;
}
.news-list .box-item .box-content {
	padding:10px 16px;
}
.news-list .box-item .box-text {
	padding-bottom:8px;
	border-bottom:1px solid #eee;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
.news-list .box-item .box-text h4 {
	font-size:14px;
}
.news-list .box-item .box-tips {
	position:relative;
	font-size:18px;
	font-weight:bold;
	color:#ccc;
	margin-top:8px;
}
.news-list .box-item .box-tips .iconfont {
	position:absolute;
	right:0;
	top:0;
	font-size:18px;
}

.pagination-list{
	text-align: center;
}
.pagination-list .pagination{
	margin: 0 0 30px 0;
}
.pagination-list .pagination>li>a, 
.pagination-list .pagination>li>span{
	color: #555;
}
.detail-content{
	margin-bottom: 50px;
}

/*  ========================产品中心 ==================================== */
.product-list {
	margin-top:30px;
}
.product-list .box-item {
	position:relative;
	color:#666;
	display:block;
	background:#fff;
	overflow:hidden;
	margin-bottom:25px;
}
.product-list .box-item:hover {
	background:#00499e;
	color:#fff;
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1.05);
}
.product-list .box-img img {
	width:100%;
	height: 240px;
}
.product-list .box-item .box-content {
	padding:10px 16px;
}
.product-list .box-item .box-text {
	padding-bottom:8px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.product-list .box-item .box-text h4 {
	font-size:14px;
}
/*  ========================团队风采 ==================================== */
.team-list .box-item {
	position:relative;
	color:#666;
	display:block;
	background:#fff;
	overflow:hidden;
	margin-bottom:25px;
}
.team-list .box-item:hover {
	background:#00499e;
	color:#fff;
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	transform: scale(1.05);
}
.team-list .box-img img {
	width:100%;
}
.team-list .box-item .box-content {
	padding:10px 16px;
}
.team-list .box-item .box-text {
	padding:8px 0;
	line-height: 1.5;
	font-size: 15px;
}
.team-list .box-item .box-text h4 {
	font-size:14px;
}
.team-list .box-item .box-tips {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	font-size:18px;
	color:#fff;
	background:#00499e;
	display: none;
	align-items:center;
	flex-direction:column;
	justify-content:center;
}
.team-list .box-item .box-tips p{
	margin: 0;
}
.team-list .box-item:hover .box-tips{
	display: flex;
}

/*  ========================研究院 ==================================== */
.aca-item {
	padding:16px;
	background:#ffffff;
	margin-bottom:20px;
}
/*  ========================最新咨询 ==================================== */
.faq-item{
	display:flex;
	padding: 20px 30px;
	margin: 10px 0;
	border-bottom: 1px solid #eee;
}
.faq-item.active{
	background: #fff;
	border-bottom: none;
	box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 0 0 20px 4px rgb(0 0 0 / 5%);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.faq-body{
	flex: 1;
	line-height: 2.5em;
	overflow: hidden;
}
.faq-body i{
	position: absolute;
	display: block;
	margin-top: 2px;
	font-size: 18px;
}
.faq-body span{
	display: block;
	margin-left: 25px;    
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.faq-item.active .faq-body span{
	white-space: unset;
}
.faq-body .title{
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}
.faq-body .content{
	color: #777;
}
.faq-body .content i{
	color: #00499e;
}
.faq-button{
	width: 80px;
	line-height: 2.5em;
	text-align: right;
	cursor: pointer;
	zoom: 1;
}
.faq-button i{
	font-size: 13px;
	margin-left: 5px;
}
.faq-item .faq-button-a{
	display: none;
}
.faq-item.active .faq-button-a{
	display: block;
}
.faq-item.active .faq-button-b{
	display: none;
}












.skill-home {
	margin-bottom:50px;
}
.c1 {
	border:#ed5441 1px solid;
	background:#ed5441;
}
.c2 {
	border:#24c4db 1px solid;
	background:#24c4db;
}
.c3 {
	border:#1891EC 1px solid;
	background:#1891EC;
}
.c4 {
	border:#609cec 1px solid;
	background:#609cec;
}
.skill-home .icons {
	color:#1976d2;
	font-size:38px;
	text-align:center;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-table;
	border-radius:50%;
	background:#ffffff;
	width:110px;
	height:110px;
	padding-top:38px;
	border:none;
	font-weight:bolder;
}
.skill-home h2 {
	padding-top:20px;
	font-size:36px;
	font-weight:700;
}
.testimonial-solid {
	padding:50px 0 60px 0;
	margin:0 0 0 0;
	background:#FFFFFF;
	text-align:center;
}
.testi-icon-area {
	text-align:center;
	position:absolute;
	top:-84px;
	margin:0 auto;
	width:100%;
}
.testi-icon-area .quote {
	padding:15px 0 0 0;
	margin:0 0 0 0;
	background:#ffffff;
	text-align:center;
	color:#1891EC;
	display:inline-table;
	width:70px;
	height:70px;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	font-size:42px;
	border:1px solid #1891EC;
	display:none;
}
.testi-icon-area .carousel-inner {
	margin:20px 0;
}
.carousel-indicators {
	bottom:-30px;
}
.text-center img {
	margin:auto;
}
.aboutUs {
	padding:40px 0;
	background:#F2F2F2;
}
img.img-center {
	margin:0 auto;
	display:block;
	max-width:100%;
}
/* Testimonial ----------------------------------*/
 .testimonial-area {
	padding:0 0 0 0;
	margin:0;
	background:url(../img/low-poly01.jpg) fixed center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
}
.testimonial-solid p {
	color:#000000;
	font-size:16px;
	line-height:30px;
	font-style:italic;
}
section.hero-text {
	background:#F4783B;
	padding:50px 0 50px 0;
	color:#fff;
}
section.hero-text h1 {
	color:#fff;
}
/* Clients ------------------------------------ */
 #clients {
	padding:60px 0;
}
#clients .client .img {
	height:76px;
	width:138px;
	cursor:pointer;
	-webkit-transition:box-shadow .1s linear;
	-moz-transition:box-shadow .1s linear;
	transition:box-shadow .1s linear;
}
#clients .client .img:hover {
	cursor:pointer;
	/*box-shadow:0px 0px 2px 0px rgb(155,155,155);
	*/
     border-radius:8px;
}
#clients .client .client1 {
	background:url("../img/client1.png") 0 -75px;
}
#clients .client .client1:hover {
	background-position:1px 0px;
}
#clients .client .client2 {
	background:url("../img/client2.png") 0 -75px;
}
#clients .client .client2:hover {
	background-position:-1px 0px;
}
#clients .client .client3 {
	background:url("../img/client3.png") 0 -76px;
}
#clients .client .client3:hover {
	background-position:0px 0px;
}
/* Content ==================================== */
 #content {
	position:relative;
	background:#fff;
	padding:50px 0 0px 0;
}
.cta-text {
	text-align:center;
	margin-top:10px;
}
.big-cta .cta {
	margin-top:10px;
}
.box {
	width:100%;
}
.box-gray {
	background:#f8f8f8;
	padding:20px 20px 30px;
}
.box-gray h4,.box-gray i {
	margin-bottom:20px;
}
.box-bottom {
	padding:20px 0;
	text-align:center;
}
.box-bottom a {
	color:#fff;
	font-weight:700;
}
.box-bottom a:hover {
	color:#eee;
	text-decoration:none;
}
/* Bottom ==================================== */
 #bottom {
	background:#fcfcfc;
	padding:50px 0 0;
}
/* page headline ==================================== */
 #inner-headline {
	position:relative;
	margin:0;
	padding:0;
	color:#1891EC;
	height:300px;
	background-image: url(../images/inner_bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
 #inner-headline:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}
#inner-headline .page-title {
	position: relative;
	margin-top:100px;
	font-weight:bold;
}
#inner-headline .page-title h2 {
	text-transform:uppercase;
	color:#fff;
}
#inner-headline .page-title p {
	color:#fff;
	font-size:20px;
}
#inner-headline.cooperative {
	background:url(../images/cooperation_bg.jpg) no-repeat;
	background-position:center;
}
#inner-headline.cooperative .page-title h2,#inner-headline.cooperative .page-title p {
	color:#fff;
}
/* --- breadcrumbs --- */
 #inner-breadcrumb .breadcrumb {
	padding:0;
	margin-top:20px;
	background:transparent;
	font-size:14px;
}
#inner-breadcrumb .breadcrumb i {
	font-size:12px;
	margin:0 5px;
}
#inner-breadcrumb .breadcrumb span {
	color:#00499e
}
#inner-body{
}
/* Forms ============================= */
/* --- contact form ---- */
 form#contactform input[type="text"] {
	width:100%;
	border:1px solid #f5f5f5;
	min-height:40px;
	padding-left:20px;
	font-size:13px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
form#contactform textarea {
	border:1px solid #f5f5f5;
	width:100%;
	padding-left:20px;
	padding-top:10px;
	font-size:13px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
form#contactform .validation {
	font-size:11px;
}
#sendmessage {
	border:1px solid #e6e6e6;
	background:#f6f6f6;
	display:none;
	text-align:center;
	padding:15px 12px 15px 65px;
	margin:10px 0;
	font-weight:600;
	margin-bottom:30px;
}
#sendmessage.show,.show {
	display:block;
}
form#commentform input[type="text"] {
	width:100%;
	min-height:40px;
	padding-left:20px;
	font-size:13px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
}
form#commentform textarea {
	width:100%;
	padding-left:20px;
	padding-top:10px;
	font-size:13px;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
}
/* --- search form --- */
 .search {
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}
#inner-headline form.input-append {
	margin:0;
	padding:0;
}
.about-text h3 {
	font-size:22px;
	padding-bottom:20px;
}
.about-text .btn {
	margin-top:20px;
	//font-size:15px;
	//text-align:justify;
}
.about-image img {
	}.about-text ul {
	margin-top:30px;
}
.about-text li {
	margin-bottom:10px;
	//font-weight:bold;
}
.about-text-2 img {
	border:5px solid #ddd;
	margin-bottom:20px;
}
.about-text-2 p {
	margin-bottom:20px;
}
.call-to-action h3 {
	font-size:40px;
	letter-spacing:15px;
	color:#fff;
	padding-bottom:30px;
}
.call-to-action p {
	color:#999;
	padding-bottom:20px;
}
.call-to-action .btn-primary {
	background-color:transparent;
	border-color:#999;
}
.call-to-action .btn-primary:hover {
	background-color:#151515;
	color:#999;
	border-color:#151515;
}
#call-to-action-2 {
	background-color:#1976D2;
	padding:50px 0;
}
#call-to-action-2 h3 {
	color:#fff;
	font-size:28px;
	font-weight:400;
}
#call-to-action-2 p {
	color:#fff;
	font-size:15px;
}
#call-to-action-2 .btn-primary {
	border-color:#FFFFFF;
	background:transparent;
	margin-top:50px;
	color:#fff;
}
section.section-padding.gray-bg {
	background:#F1F1F1;
	padding:60px;
	color:#484848;
}
#accordion-alt3 .panel-heading h4 {
	font-size:13px;
	line-height:28px;
	color:#FFF;
	text-decoration:none;
	font-weight:700;
}
.panel .panel-heading h4 {
	font-weight:400;
}
.panel-title {
	margin-top:0;
	margin-bottom:0;
	font-size:15px;
	color:inherit;
}
.panel-group .panel {
	margin-bottom:0;
	border-radius:2px;
}
.panel {
	margin-bottom:18px;
	background-color:#4b9ef1;
	border:1px solid transparent;
	border-radius:2px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
}
#accordion-alt3 .panel-heading h4 a i {
	font-size:17px;
	line-height:18px;
	width:18px;
	height:18px;
	margin-right:8px;
	color:#3a3a3a;
	text-align:center;
	border-radius:50%;
	margin-left:6px;
	font-weight:bold;
}
.progress.pb-sm {
	height:6px!important;
}
.progress {
	box-shadow:inset 0 0 2px rgba(0,0,0,.1);
}
.progress {
	overflow:hidden;
	height:18px;
	margin-bottom:18px;
	background-color:#f5f5f5;
	border-radius:2px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	height:20px !important;
}
.progress .progress-bar.progress-bar-red {
	background:#ed5441;
}
.progress .progress-bar.progress-bar-green {
	background:#51d466;
}
.progress .progress-bar.progress-bar-lblue {
	background:#32c8de;
}
/* --- portfolio detail --- */
 .top-wrapper {
	margin-bottom:20px;
}
.info-blocks {
	margin:20px 0;
}
.info-blocks i.iconfont {
	float:left;
	color:#1976d2;
	font-size:30px;
	min-width:50px;
	margin-top:7px;
	text-align:center;
	background:#ffffff;
	width:72px;
	height:72px;
	line-height:72px;
	border:1px solid #cecece;
	border-radius:50%;
}
.info-blocks .info-blocks-in {
	padding:0 10px;
	overflow:hidden;
}
.info-blocks .info-blocks-in h3 {
	color:#555;
	font-size:18px;
	line-height:28px;
	margin:0px;
}
blockquote {
	font-size:16px;
	font-weight:400;
	font-family:'Noto Serif',serif;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}
blockquote cite {
	display:block;
	font-size:12px;
	color:#666;
	margin-top:10px;
}
blockquote cite:before {
	content:"\2014 \0020";
}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
	color:#555;
}
/* --- pullquotes --- */
 .pullquote-left {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif',serif;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}
.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif',serif;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}
/* --- button --- */
 .btn {
	text-align:center;
	color:#FFFFFF;
	padding:12px 25px;
	border-radius:0;
	background:#00499e;
}
.btn-theme {
	color:#fff;
	background:transparent;
	border:1px solid #fff;
	padding:12px 30px;
	font-weight:bold;
}
.btn-theme:hover {
	color:#eee;
}
/* --- list style --- */
.link-list {
	margin:20px;
	padding:0;
	list-style:none;
}
.link-list li {
	margin:0;
	padding:5px 0;
	list-style:none;
}
footer {
	background:#212121;
}
.logo-foot img{
	width: 350px;
    max-width: 100%;
}
.link-list {
	text-align: center;
}
.link-list li a {
	color:#8C8C8C;
	text-align: center;
}
.link-list li a {
	color:#cbcbcb;
}
.link-list .dropdowns>a {
	font-size: 16px;
	color: #fff
}
.qrcode-list li {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
.qrcode-list li div {
	color:#cbcbcb;
	margin-top:5px;
}
.qrcode-list li img{
	width: 100%;
	max-width: 120px;
}
/* --- Heading style --- */
 h4.heading {
	font-weight:700;
}
.heading {
	margin-bottom:30px;
}
.heading {
	position:relative;
}
.widgetheading {
	width:100%;
	padding:0;
}
#bottom .widgetheading {
	position:relative;
	border-bottom:#e6e6e6 1px solid;
	padding-bottom:9px;
}
aside .widgetheading {
	position:relative;
	border-bottom:#e9e9e9 1px solid;
	padding-bottom:9px;
}
footer .widgetheading {
	position:relative;
}
footer .widget .social-network {
	position:relative;
}
.team-member h4 {
	text-align:center;
	margin-bottom:5px;
}
.team-member .deg {
	text-align:center;
	display:block;
}
#bottom .widget .widgetheading span,aside .widget .widgetheading span,footer .widget .widgetheading span {
	position:absolute;
	width:60px;
	height:1px;
	bottom:-1px;
	right:0;
}
.box-area {
	padding:0 0;
	/* padding-top:16px;
	*/
}
/* --- Map --- */
 .map {
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}
.map iframe {
	width:100%;
	height:450px;
	border:none;
}
.map-grid iframe {
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}
ul.team-detail {
	margin:-10px 0 0 0;
	padding:0;
	list-style:none;
}
ul.team-detail li {
	border-bottom:1px dotted #e9e9e9;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	list-style:none;
}
ul.team-detail li label {
	font-size:13px;
}
ul.team-detail li h4,ul.team-detail li label {
	margin-bottom:0;
}
ul.team-detail li ul.social-network {
	border:none;
	margin:0;
	padding:0;
}
ul.team-detail li ul.social-network li {
	border:none;
	margin:0;
}
ul.team-detail li ul.social-network li i {
	margin:0;
}
.pricing-title {
	background:#fff;
	text-align:center;
	padding:10px 0 10px 0;
}
.pricing-title h3 {
	font-weight:600;
	margin-bottom:0;
}
.pricing-offer {
	background:#fcfcfc;
	text-align:center;
	padding:40px 0 40px 0;
	font-size:18px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
.pricing-box.activeItem .pricing-offer {
	color:#fff;
}
.pricing-offer strong {
	font-size:78px;
	line-height:89px;
}
.pricing-offer sup {
	font-size:28px;
}
.pricing-container {
	background:#fff;
	text-align:center;
	font-size:14px;
}
.pricing-container strong {
	color:#353535;
}
.pricing-container ul {
	list-style:none;
	padding:0;
	margin:0;
}
.pricing-container ul li {
	border-bottom:1px solid #CFCFCF;
	list-style:none;
	padding:15px 0 15px 0;
	margin:0 0 0 0;
	color:#222;
}
.pricing-action {
	margin:0;
	background:#fcfcfc;
	text-align:center;
	padding:20px 0 30px 0;
}
.pricing-wrapp {
	margin:0 auto;
	width:100%;
	background:#fd0000;
}
.pricing-box-item {
	border:1px solid #e6e6e6;
	background:#fcfcfc;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.03);
	-moz-box-shadow:0 2px 0 rgba(0,0,0,0.03);
	box-shadow:0 2px 0 rgba(0,0,0,0.03);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.pricing-box-item .pricing-heading {
	background:#ffffff;
	text-align:center;
	padding:50px 0;
	display:block;
}
.pricing-box-item.activeItem .pricing-heading {
	background:#1976d2;
	text-align:center;
	border-bottom:none;
	display:block;
	color:#fff;
}
.pricing-box-item.activeItem .pricing-heading h3 {
	color:#fff;
}
.pricing-box-item .pricing-heading h3 strong {
	font-size:28px;
	font-weight:700;
	letter-spacing:-1px;
}
.pricing-box-item .pricing-heading h3 {
	font-size:32px;
	font-weight:300;
	letter-spacing:-1px;
	color:#444;
}
.pricing-box-item .pricing-terms {
	text-align:center;
	background:#fff;
	display:block;
	overflow:hidden;
	padding:11px 0 5px;
	border-top:2px solid #BBBBBB;
	border-bottom:2px dotted #CDCDCD;
}
.pricing-box-item .pricing-terms h6 {
	margin-top:16px;
	color:#1976d2;
	font-size:22px;
}
.pricing-box-item .icon .price-circled {
	margin:10px 10px 10px 0;
	display:inline-block !important;
	text-align:center !important;
	color:#fff;
	width:68px;
	height:68px;
	padding:12px;
	font-size:16px;
	font-weight:700;
	line-height:68px;
	text-shadow:none;
	cursor:pointer;
	background-color:#888;
	border-radius:64px;
	-moz-border-radius:64px;
	-webkit-border-radius:64px;
}
.pricing-box-item .pricing-action {
	margin:0;
	text-align:center;
	padding:30px 0 30px 0;
}
.pricing-action .btn {
	background:#1f73c5;
	color:#fff;
}
/* ===== Widgets ===== */
/* --- flickr --- */
 .widget .flickr_badge {
	width:100%;
}
.widget .flickr_badge img {
	margin:0 9px 20px 0;
}
footer .widget .flickr_badge {
	width:100%;
}
footer .widget .flickr_badge img {
	margin:0 9px 20px 0;
}
.flickr_badge img {
	width:50px;
	height:50px;
	float:left;
	margin:0 9px 20px 0;
}
/* --- Recent post widget --- */
 .recent-post {
	margin:20px 0 0 0;
	padding:0;
	line-height:18px;
}
.recent-post h5 a:hover {
	text-decoration:none;
}
.recent-post .text h5 a {
	color:#353535;
}
footer {
	padding:50px 0 0 0;
	color:#f8f8f8;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:#eee;
}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6 {
	color:#fff;
}
footer address {
	line-height:2em;
	margin:10px;
	color:#cbcbcb;
}
footer h5 a:hover,footer a:hover {
	text-decoration:none;
}
.contact-mobile {
	font-size:18px;
	font-weight:bold;
	margin-top:0;
	color:#999;
}
#sub-footer {
	text-shadow:none;
	color:#f5f5f5;
	padding:0;
	background:#212121;
	border-top:1px solid #333;
}
.copyright {
	text-align:center;
	font-size:12px;
	padding:15px;
}
.copyright a {
	color:#999
}
/* scroll to top */
.scrollup {
	position:fixed;
	width:48px;
	height:48px;
	bottom:0px;
	right:10px;
	background:#1976d2;
}
a.scrollup {
	outline:0;
	text-align:center;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	font-size: 24px;
	line-height:48px;
	color:#fff;
}
a.scrollup i:hover {
	text-decoration:none;
}
.absolute {
	position:absolute;
}
.relative {
	position:relative;
}
.aligncenter {
	text-align:center;
}
.aligncenter span {
	margin-left:0;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
.floatnone {
	float:none;
}
.aligncenter {
	text-align:center;
}
img.pull-left,.align-left {
	float:left;
	margin:0 15px 15px 0;
}
.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}
img.pull-right,.align-right {
	float:right;
	margin:0 0 15px 15px;
}
article img.pull-left,article .align-left {
	float:left;
	margin:5px 15px 15px 0;
}
article img.pull-right,article .align-right {
	float:right;
	margin:5px 0 15px 15px;
}
============================= */
 .clear-marginbot {
	margin-bottom:0;
}
.marginbot10 {
	margin-bottom:10px;
}
.marginbot20 {
	margin-bottom:20px;
}
.marginbot30 {
	margin-bottom:30px;
}
.marginbot40 {
	margin-bottom:40px;
}
.clear-margintop {
	margin-top:0;
}
.margintop10 {
	margin-top:10px;
}
.margintop20 {
	margin-top:20px;
}
.margintop30 {
	margin-top:30px;
}
.margintop40 {
	margin-top:40px;
}
.flex-control-paging {
	z-index:999;
	overflow:hidden;
	bottom:60px;
}
.flex-control-paging li a {
	width:9px;
	height:9px;
	border-radius:100px;
	background:#fff;
	box-shadow:none;
}
.flex-control-paging li a.flex-active {
	width:28px;
	background:#fff;
}
.btn:hover,.btn:focus {
	border:none;
	outline: unset;
}
/*.btn:hover,.btn:focus {
	color:#FFF;
	text-decoration:none;
	background:#eee;
}*/
/*  ========================留言板==================================== */
.guestbook .js-ajax-form{
	display:flex;
    flex-direction: column;
	margin-left: 150px;
}
.guestbook .messlist label{
	
}
.guestbook .messlist input,.guestbook .messlist textarea{
	width:500px;
	border: #dcdcdc 1px solid;
	border-radius:3px !important;
}
.guestbook .messlist{
	height:35px;
	line-height:35px;
}
.guestbook .messlist label{
	font-weight: 500;
}
.guestbook .messlist input{
	height:35px;
	line-height:35px;
}
.guestbook .messlist input:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}
.guestbook .messlist textarea:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}
.guestbook .messsub {
    padding: 0px 0 0 100px;
}
.guestbook .messsub button{
	background: #00499e !important;
	padding: 0 25px !important;
	margin-top: -3px !important;
}
.guestbook .messsub input{
	width:80px;
}

/* Media queries ============================= */
 @media (min-width:1200px){
.container {
    width: 1400px;
}
}
 @media (min-width:980px) and (max-width:1199px) {
}
 @media (min-width:768px) and (max-width:979px) {
	a.detail {
	background:none;
	width:100%;
}
.advantage .box-img img {
	height:200px;
}
.case-list .box-img img{
	height: 200px;
}
.feedback .item img {
	height: 200px;
}
footer .widget form input#appendedInputButton {
	display:block;
	width:91%;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
footer .widget form .input-append .btn {
	display:block;
	width:100%;
	padding-right:0;
	padding-left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:10px;
}
header .navbar-nav > li > a{
	margin: 0 2px;
}
ul.related-folio li {
	width:156px;
	margin:0 20px 0 0;
}
}@media (max-width:767px) {
.row{
	margin-left: -10px;
	margin-right: -10px;
}
.col-xs-6,.col-sm-5,.col-sm-7,.col-md-5,.col-md-7{
	padding-left: 5px;
	padding-right: 5px;
}
.section-title{
	margin-top: 40px;
}
.navbar-default .navbar-collapse {
	border-color:none;
	background:#1b1b1b;
}
#brand img {
	height: 110px;
}
.advantage .box-img img {
	height: 110px;
}
.case-list .box-img img{
	height: auto;
}
.product-list .box-img img {
	height: auto;
}
.feedback .item img {
	height: 180px;
}
.suspension{
	display: none;
}
.page-title{
	margin-top: 30px;
}
.page-title h2{
	font-size: 28px;
}
.page-title p{
	font-size: 16px;
}
#about {
    top: -70px;
	margin-bottom: -100px;
	margin-top: -10px;
}
#map {
	height: 300px;
}
.person-item {
	flex-direction:column;
	padding: 10px;
	margin-bottom: 10px;
}
.person-item .person-box {
    width: 80px;
    height: 80px;
}
.person-item .person-body{
	margin-left: 0;
	text-align: center;
}
.case .item{
	margin-bottom: 10px;
}
.case .item .text{
	line-height:1.5; 
	text-align:center;
	padding: 10px 0;
}
.person .row{
	margin-bottom: 0px;
}
.flex-caption {
	text-align: center;
}
.flex-caption h3 {
	font-size:30px;
}
.flex-caption h5 {
	font-size:18px;
}
.flex-caption p {
	display:none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ffffff;
	border-radius:0;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	background-color:rgba(221,221,221,0);
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
	border: none;
}
.gray-bg img {
	width:80%;
}
body {
	padding-right:0;
	padding-left:0;
}
.topbar {
	min-height:75px
}
.navbar-brand {
	padding-left:0px;
	border-bottom:none;
}
.navbar-brand img {
	height:36px;
	max-width: 100%;
}
.navbar-contact {
	position:absolute;
	left:0;
	bottom:-120px;
	z-index:9999;
}

.navbar-contact span {
	color: #fff;
}
.navbar-header {
	/* margin-top:20px;
	*/
         border-bottom:none;
}
header .navbar-collapse ul.navbar-nav,
.navbar-nav {
	border-top:none;
	float:none;
	width:100%;
	margin:0;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
	border-bottom:3px solid transparent;
}
.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	background:none;
	font-weight:700;
	color:#FFFFFF;
	border-bottom:3px solid transparent
}
header .navbar-nav > li {
	padding-bottom:2px;
	padding-top:3px;
}
header .nav li .dropdown-menu {
	margin-top:0;
}
.dropdown-menu {
	position:absolute;
	top:0;
	left:40px;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	font-size:13px;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #f5f5f5;
	border:1px solid rgba(0,0,0,.15);
	border-radius:0;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
}
li.active {
	border:none;
	overflow:hidden;
	background:#00499e;
}
.box {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px;
}
.flexslider .slide-caption {
	width:90%;
	padding:2%;
	position:absolute;
	left:0;
	bottom:-40px;
}
.flexslider img{
	min-height: 270px;
}
.counter .box-area {
	margin:20px 0;
}
.counter .box-area h2 {
	font-size:24px;
}
.counter .box-area h2 sup {
	top: -0.4em;
    left: 5px;
}
#counter .container,
#news .container,
#system .container{
	padding: 0 10px;
}
.system .box-item{
	padding: 20px 20px;
	border: none;
}
.news .box-item {
	margin: 0;
}
.news .box-item img{
	height: auto;
	max-height: 250px;
}
.news .box-text .box-tip {
	position:relative;
	left:-5px;
	font-size:14px;
	color:#aaa
}
.custom-item{
	margin-bottom:10px;
}
.feedback .item img {
	height: 120px;
}
.link-list{
	display: none;
}
.qrcode-list .row{
	margin-bottom: 0;
}
#inner-headline .breadcrumb {
	float:left;
	clear:both;
	width:100%;
}
.breadcrumb > li {
	font-size:13px;
}
ul.portfolio li article a i.icon-48 {
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
}
.left-sidebar {
	border-right:none;
	padding:0 0 0 0;
	border-bottom:1px dotted #e6e6e6;
	padding-bottom:10px;
	margin-bottom:40px;
}
.right-sidebar {
	margin-top:30px;
	border-left:none;
	padding:0 0 0 0;
}
footer .col-lg-1,footer .col-lg-2,footer .col-lg-3,footer .col-lg-4,footer .col-lg-5,footer .col-lg-6,footer .col-lg-7,footer .col-lg-8,footer .col-lg-9,footer .col-lg-10,footer .col-lg-11,footer .col-lg-12 {
	margin-bottom:20px;
}
#sub-footer ul.social-network {
	float:left;
}
[class*="span"] {
	margin-bottom:20px;
}
}@media (max-width:480px) {
	.bottom-article a.pull-right {
	float:left;
	margin-top:20px;
}
.search {
	float:left;
}
.flex-control-nav{
	bottom: 50px;
	transform: scale(0.8);
}
.flex-caption {
	margin-bottom: 10px;
}
.flex-caption h3 {
	font-size:24px;
}
.flex-caption h5 {
	font-size:15px;
}
.flexslider img {
    min-height: 220px;
}
.cta-text {
	margin:0 auto;
	text-align:center;
}
ul.portfolio li article a i {
	width:20px;
	height:20px;
	font-size:14px;
}
.guestbook .js-ajax-form{
	margin-left: 0;
}
.guestbook .messlist input,.guestbook .messlist textarea{
	width:230px;
}
.guestbook .messlist.yzms input{
	margin-right: 10px !important;
}
.dropdown:hover .dropdown-menu{
	display:none !important;
}
}

.dropdown:hover .dropdown-menu {
	visibility: visible!important;
	top: 100%;
	opacity: 1;
	display: block;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	border-radius: .25rem;
	background:#00499e;
}
.dropdown:hover .dropdown-menu li a{
	color:#fff;
	font-size:13px;
}
.dropdown-menu li a:hover{
	background: none !important;
	color: #ffffff;
	border-bottom: 3px solid #e20013;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	border-bottom: 3px solid #e20013;
	background:none;
}
