@charset "utf-8";
/* CSS Document */

.inbanner { height:400px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.inbanner .swiper-slide { background-position: center; background-size: cover;}


.inpage{ padding:60px 0; background-color:#f3f3f3;}

.leftbox{ width:22%; float:left; margin-right:50px;}
.leftbox .name{ background:#275ba3; color:#fff; text-align:center; height:62px; line-height:62px; font-size:20px; font-weight:bold;}
.leftbox ul li{ background:#fff; text-align:center; height:49px; line-height:49px; border-bottom:1px solid #e0e0e0;}
.leftbox ul li a{ font-size:15px; color:#555;}
.leftbox ul li a:hover{ color:#d40000; text-decoration:none;}
.leftbox ul li.on a{ color:#d40000;}
.leftbox .tel{ background:#d40000; color:#ebebeb; text-align:center; padding:21px 0;}
.leftbox .tel h4{ font-size:24px;}
.leftbox .tel span{ font-size:14px;}

.local{ background: url(../images/local.jpg); padding:20px; position:relative;}
.local .en{font-size: 12px;text-transform: uppercase;text-decoration: none;color: #283440; margin-bottom: 5px; }
.local .cn{font-size: 20px; font-weight: bold; color: #283440; letter-spacing:1px;}
.local .local-c{ position:absolute; top: 20px; right:20px; font-size:12px;   }

.rightbox{ width:calc(100% - 22% - 50px); background-color:#fff; float:right; border-top: 2px solid #275ba3;}
.rightbox .content{
	padding: 30px 40px;
    font-size: 15px;
    line-height: 180%;
}


/*资质*/
.honorlist{}
.honorlist .item{ float:left; width:30%; margin-right:5%; margin-bottom:2%;}
.honorlist .item:nth-child(3n){ margin-right:0;}
.honorlist .item .pic{ overflow:hidden;}
.honorlist .item .name{ text-align:center; font-size:14px;}


/*客户反馈*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #d0d0d0; color: #333; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #275ba3; }


/*高德地图*/
#map {
	width:100%;
	height: 400px;
	z-index: 4;
}
#map .info {
	border: solid 1px silver;
}
#map div.info-top {
	position: relative;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	background: none repeat scroll 0 0 #F9F9F9;
}
#map div.info-top div {
	display: inline-block;
	padding: 0 10px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 31px;
}
#map div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}
#map div.info-top img:hover {
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#map div.info-middle {
	padding: 6px;
	font-size: 14px;
	line-height: 20px;
}
#map div.info-bottom {
	clear: both;
	width: 100%;
	height: 0;
	text-align: center;
}
#map div.info-bottom img {
	position: relative;
	z-index: 104;
}
#map span {
	margin-left: 5px;
	font-size: 11px;
}
#map .info-middle img {
	float: left;
	margin-right: 6px;
}


/*联系我们*/
.contact-box{}
.contact-box .text{ margin-bottom:10px;}
.contact-box .text h3{
	color: #333;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 20px;
}


/*产品展示*/
.probox{ padding:30px;}
.probox .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.probox .item:nth-child(3n){ margin-right:0;}
.probox .item .pic{ overflow:hidden; border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee;}
.probox .item .pic img{ display:block; max-width:100%;}
.probox .item .info{ background:#f6f6f6; border-bottom:1px solid #e90000; height:40px; line-height:40px;}
.probox .item .info .more{ float:left; background:#e90000; color:#fff; text-align:center; width:60px;}
.probox .item .info .name{ float:left; width:calc(100% - 60px); text-align:center; font-size:15px; color:#555;}

/*新闻动态*/
.newslist .item{ border-bottom:1px solid #d6d6d6; padding-bottom:25px; margin-bottom:28px;}
.newslist .item .name{ font-size:18px; color:#275ba3; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist .item .name a{ color:#275ba3;}
.newslist .item .text{ font-size:14px; color:#555; margin-bottom:14px;}
.newslist .item .more{ display:inline-block; font-size:14px; color:#d40000; border-bottom:1px solid #d40000;}

@media (max-width: 1200px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
	.inbanner { height:250px;}
	.leftbox{ width:100%; box-sizing:border-box; margin-bottom:20px;}
	.leftbox .name{ height:auto; line-height:normal; padding:15px 0;}
	.leftbox ul li{ float:left; width:50%; height:auto; line-height:normal; padding:10px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.leftbox ul li a{ font-size:14px;}
	.rightbox{ width:100%; box-sizing:border-box;}
	.leftbox .tel{ display:none;}
}
@media (max-width: 425px){
	.probox{ padding:10px;}
	.probox .item{ width:48%; margin:1%;}
	.probox .item:nth-child(3n){ margin-right:1%;}
	.honorlist .item{ width:100%; margin:2%;}
	.honorlist .item:nth-child(3n){ margin-right:2%;}
	.inbanner{ height:200px;}
	.probox .item .info .more{ display:none;}
	.probox .item .info .name{ width:100%; padding:0 5px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.contact-box .text .fr{ float:left;}
}