﻿@charset "utf-8";
body{font-size:16px}
a{color:#333}
a:hover,a:focus{color:#666;text-decoration:none}
.navbar{border:none;margin-bottom:0;background:#fff}
.navbar-collapse{padding-left:0;padding-right:0}
.navbar-nav-container{background:#044A88}
.navbar-brand{font-weight: bold;}
.navbar-nav{float:none}
.navbar-nav>li>a{font-size:16px;line-height:30px;color:#fff;padding-left:30px;padding-right:30px}
.nav>.open>a{color:#044A88}
.nav>li>a:focus,.nav>li>a:hover{background:rgba(0,0,0,.2)}
.navbar-logo{display:block;margin:30px 0}
.navbar-logo>img{max-width: 100%}
.icon-bar{background:#000}
.dropdown-menu>li>a{line-height:2}
.navbar-nav>li>.dropdown-menu{border:none;border-radius:0;}
@media screen and (min-width: 1080px){
	.navbar .container {
		width: 1080px
	}	
}
.info-item .info-name {
	float: left;
	width: 100px;
}
.toggle-lang {
	position: absolute;
	right: 1em;
	top: .5em;
	font-size: 12px;
}

.footer .contact > .list {
	line-height: 2;
	padding: 0;
	list-style: none;
}

@media (max-width: 767px) {
	.toggle-lang {
		text-align: right !important;
		position: inherit !important;
		padding: 2px 10px !important;
		font-size: 12px !important;
		background: #f4f4f4 !important;
		right: 1em !important;
		top: .5em !important;
		font-size: 12px !important;
	}
}

.contact.col-xs-12.col-sm-6 {
	list-style: none;
}

/*导航条*/
.breadcrumb-container {
	position: absolute;
	top: 35px;
	right: 0px;
	text-align: right;
	color: #999;
	vertical-align: middle;
	font-size: 14px;
}
.breadcrumb{background:0;padding:0;margin:0}
	/*.breadcrumb:before{content:"\5f53\524d\4f4d\7f6e\ff1a"}*/
.breadcrumb>li>a{color:#000}
/*标题*/
.section-header {
	text-align: center;border-bottom: 1px solid #c2c2c2;
	width: 600px;
	margin: 0 auto 20px;
}
	.section-header > .title {
		font-size: 24px;
		font-weight: normal;
		margin-top: 0;
		color: #044fa0;
		border-bottom: 3px solid #044fa0;
		display: inline-block;
		padding-bottom: 20px;
		margin: 0px;
	}
.section-header>.subtitle{color:#666;margin-bottom:20px;font-size:16px;line-height:1.5;white-space:nowrap;text-transform:uppercase;font-family:times}
.section-header>.subtitle:before,.section-header>.subtitle:after{content:'';width:80px;border-top:solid 1px #666;display:inline-block;vertical-align:middle;margin:0 10px}
/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3>img,.proportion-constrain-16b9>img{position:absolute;width:100%;height:100%;object-fit:cover}
/*图片缩放动画*/
.zoomable{overflow:hidden;}
.zoomable>img{-ms-transform:-ms-transform .3s;-moz-transition:-moz-trasnform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zoomable>img:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

.banner{height:140px;background:#eee no-repeat center;background-size:cover}
@media screen and (min-width:480px){.banner{height:200px}}
@media screen and (min-width:768px){.banner{height:300px}}
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:14px;}
/****************/
.case-item .proportion-constrain-4b3,
.product-list .proportion-constrain-4b3,
.related-case-list .proportion-constrain-4b3{border: solid 1px #ccc;}
/****************/
.footer {
	font: 12px/24px "Microsoft Yahei", Arial, sans-serif;
	color: #999;
}
.footer-wrap{padding:20px 0;border-bottom:1px solid #0d0e0d}
.footer .list{list-style:none;margin:0;padding:0;line-height:2}
.footer a{color:#999}
.footer a:hover{color:#aaa}
.footer .friend-link{/*margin-bottom:40px;*/line-height: 3}
.friend-link>a{margin:0 10px}
.footer .head{margin-top:0}
.feedback .btn-submit{background:#009FE9;color:#fff;border-radius:0}
.feedback textarea{resize:none}
.feedback-container h2{margin-bottom:20px}
.feedback-code-wrapper{padding:0;margin-top:6px}
.form-group-lg>.feedback-code-wrapper{margin-top:12px}
.feedback-code-wrapper>img{padding: 0;width: auto}
.feedback-code-wrapper>a,.feedback-code-wrapper>a:hover{color:#fff;}
.feedback .form-control{background:0;border-radius:0}

.form-horizontal .form-group-lg .control-label{font-size:16px;}
.form-group-lg .form-control{font-size:16px}

.copyright-wrap{padding:20px 0;border-top:1px solid #2a2d2b}
.copyright{font-size:14px;line-height:1.5;text-align:center}
.copyright-item,.nb-item>a{display:block}
.fixed-navbar-bottom{height:50px;margin-top:20px;}
.fixed-navbar-bottom>.navbar-bottom{position:fixed;height:50px;width:100%;left:0;bottom:0;z-index:999;line-height:50px;text-align:center;background:#fff;box-shadow:0 0 2px #000}
.navbar-bottom>.nb-item{float:left;width:25%}
.nb-item>a>img,.nb-item>a>b{font-weight:normal;vertical-align:middle}
@media screen and (max-width: 767px){
	.footer .contact {
		color: #333;
		background: #fff;
		padding: 10px 10px 20px;
		font-size:14px;
	}
	.footer .feedback {border-top:solid 15px #eee;padding-top:30px/*;background: #333;*/}
	.footer .copyright-wrap{/*background:#333*/}
	.footer .footer-wrap{padding:0}
	.footer .contact .head {text-align: center;font-size: 16px;font-weight: bold;margin: 0;margin-bottom: 10px;}
	.footer .contact>.list {line-height: 2.5;}
}
@media screen and (max-width: 991px){
	/*手机端*/
	body{font-size:14px}
	.carousel-inner>.item>a>img{height:200px; object-fit:cover; }
	.section-header>.title{font-size:16px;font-weight:bold}
	.section-header>.subtitle{font-size:12px}
	.section-header>.subtitle:empty{display:none}

	.advantage-list>.advantage>.adv-desc{font-size:14px;}
	.advantage-list>.advantage>.adv-desc>h3{font-size:14px;font-weight:bold}

	.news-item .news-info>.news-info-title{font-size:14px;font-weight:bold}

	.breadcrumb-container{background:#fff}
	.footer {
		border-top: solid 15px #eee;
	}
	h1,h2,h3,h4,h5,h6{font-weight:bold}
	h1{font-size:18px}
	h2 {
		font-size: 16px;
		color: #0657b2;
	}
		h2 a {
			color: #0657b2;
		}
	h3,h4,h5,h6{font-size:14px}
}
@media screen and (min-width: 768px){
	
	.rec-item:nth-child(n+5){display:block}
	.copyright-item{display:inline}
}
@media (min-width: 1080px) {
	.container {
		width: 1080px
	}
}
.pagination-container {text-align:center}
/*个人信息*/
.personal-info{line-height:2.5}
.personal-info>.info-bar{height:120px;line-height:2;padding-top:10px;text-align:center;font-weight: bold;color: #fff;background:url(../imgs/info-bg.jpg) no-repeat left top/cover;}
.personal-info>.info-bar>p{height: 64px;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 0 auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.personal-info>.info-bar>img{border:solid 2px #fff;border-radius:50px}
.personal-info>.info-wrapper{margin-top:50px;overflow:hidden}
.info-wrapper>.info-item{padding:0 15px}
.info-wrapper>.info-item::after{content:'';display:block;border-bottom:solid 1px #ddd;clear:left}
.info-item>.info-name{float:left;width:100px;}
.info-item>.info-btn{float:right;font-size:14px;}
.info-title>.info-name{font-size:18px;font-weight:bold;padding-left:20px;background:url(../imgs/info-icon.png)no-repeat left center/ 20px;}
.info-more-link{text-align:center}
.personal-info>.fixed-wx{display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 1;}
.fixed-wx>img{position: absolute;width: 80%;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);}
.article img {
	max-width: 100%;
}
.wx-code {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	z-index: 999;
}
	.wx-code img {
		display: block;
		max-width: 80%;
		margin: 0 auto;
		top: 50%;
		position: relative;
		transform: translateY(-50%);
	}
@media screen and (max-width: 767px) {
	.banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}