@CHARSET "UTF-8";

/*头部样式*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #f7f7f7;
	width: 100%;
	z-index: 1000!important;
}

.head {
	padding: 6px 1%;
}

.top {
	position: relative;
}

.logo {
	float: left;
}

.topLink {
	padding-top: 18px;
}

.translate {
	width: 100px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 9999;
}

.tran-in {
	left: 120px;
}

.translate li {
	border: 1px dashed #cccccc;
	line-height: 26px;
	text-align: left;
	background: #fff;
}

.translate li a {
	display: block;
	padding-left: 10px;
	background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
	text-decoration: none;
	color: #275cea;
	cursor: pointer;
}

.translate-en {
	display: none;
	padding: 6px;
	padding-top: 0px;
}

.translate li .translate-en a {
	padding-left: 0px;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
	font-weight: bold;
}

.topLink .k1 {
	padding-top: 3px;
}

.topLink .language {
	font: 600 15px/26px '宋体';
}

.t-share {
	padding-right: 20px;
	padding-left: 10px;
}

.t-share .bdshare-button-style0-16 a {
	width: 26px;
	height: 26px;
	padding: 0;
	margin-top: 0;
}

.t-share .bdshare-button-style0-16 a.bds_weixin {
	background: url(../images/weixin.jpg) no-repeat;
}

.t-share .bdshare-button-style0-16 a.bds_tsina {
	background: url(../images/weibo.jpg) no-repeat;
}

@media (max-width: 1900px) {

	.k1 {
		display: none;
	}

}

@media (max-width: 1500px) {

	.topLink {
		display: none;
	}

}

#menu {
	/* width: 862px; */
	padding-top: 14px;
	margin-left: 12%;
	position: relative;
}

@media (max-width: 1300px) {

	#menu {
		margin-left: 2%;
		/* width: 690px; */
	}

	.navv li a {
		padding: 0 10px;
	}
/* 	
	.footer2{
		display: none;
	}
	
	.footer1{
		display: block;
	} */

}

/*热门搜索*/

.search {}

#formsearch {
	width: 337px;
	margin-top: 5px;
	height: 45px;
	background: url(../images/search.jpg) no-repeat;
}

.hotSearch {
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #666;
	font-size: 16px;
	padding-top: 10px;
}

/*主体样式*/

.bg {
	background: #eaeaea;
	padding: 15px 0 114px;
}

@media (max-width: 1024px) {

	.bg {
		background: #eaeaea;
		padding: 15px 0 30px;
	}

}

#container {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 55px;
}

.aboutbg {
	background: url(../images/aboutbg2.jpg) 50% 0;
	padding-top: 120px;
}

.about {
	max-width: 1470px;
	margin: 0 auto;
	padding-left: 120px;
}

.aboutbox h2 {
	color: #333;
	font: 400 22px/24px "Microsoft Yahei";
	background: url(../images/line3.png) no-repeat 0 100%;
	padding-bottom: 8px;
}

.aboutbox h2 p {
	color: #cc0202;
	font: 600 18px/30px "Microsoft Yahei";
}

.aboutbox h2 p span {
	color: #333;
}

.aboutbox .content {
	color: #333;
	font: 400 16px/24px "Microsoft Yahei";
	padding-top: 35px;
}

.about .more {
	margin-top: 28px;
	display: inline-block;
}

.certy {}

.certy h2 {
	color: #333;
	font: 400 22px/26px "Microsoft Yahei";
	background: url(../images/line3.png) no-repeat 0 100%;
	padding-bottom: 25px;
}

.certy h2 p {
	color: #cc0202;
	font: 600 18px/30px "Microsoft Yahei";
	text-transform: uppercase;
}

.certy h2 p span {
	color: #333;
}

.certy .content {
	padding-top: 22px;
}

.certybox {}

.certybox .img {
	padding-left: 8px;
	padding-top: 22px;
}

.honor {
	max-width: 1470px;
	margin: 0 auto;
	padding-left: 120px;
	margin-top: 55px;
}

.honor .tit {
	position: relative;
}

.honor .tit img {
	max-width: 100%;
	height: auto;
}

.honor .tit .title {
	position: absolute;
	left: 24px;
	bottom: 5%;
	color: #cc0202;
	font: 400 18px/26px "Microsoft Yahei";
}

.honor .tit .title p {
	color: #333;
	font: 600 35px/42px "Microsoft Yahei";
	text-transform: uppercase;
}

.honor .title .more {
	margin-top: 24px;
	display: inline-block;
}

.exhib {
	position: absolute;
	left: 100%;
	top: 0;
	height: 100%;
	width: 50%;
}

.exhib img {
	max-height: 100%;
	width: auto;
}

.exhib .wenz {
	width: 22px;
	position: absolute;
	left: 50%;
	top: 0;
	color: #fff;
	font: 400 16px/24px "Microsoft Yahei";
	padding-top: 40px;
	text-align: center;
}

.honor .col-md-8 {
	padding: 0;
}

@media (max-width: 991px) {

	.aboutbg {
		padding-top: 50px;
	}

	.top {
		padding: 0;
	}

	.about {
		padding: 0;
	}

	.aboutbox {
		margin-bottom: 20px;
	}

	.honor {
		margin-top: 50px;
	}

	.honor {
		padding: 0;
	}

	.exhib {
		display: none;
	}

	.honor .tit .title p {
		display: none;
	}

	.certy h2 p {
		font-size: 24px;
		font-weight: 400;
	}

}

@media (max-width: 1400px) {

	.aboutbg {
		background: none;
	}

}

.pro {
	padding-top: 98px;
}

.pro h2 {
	color: #333;
	font: 400 22px/26px "Microsoft Yahei";
	background: url(../images/line3.jpg) no-repeat 50% 100%;
	padding-bottom: 25px;
	text-align: center;
}

.pro h2 p {
	color: #cc0202;
	font: 600 22px/36px "Microsoft Yahei";
	text-transform: uppercase;
}

.pro h2 p span {
	color: #333;
}

.pro .profile {
	color: #666;
	font: 400 18px/24px "Microsoft Yahei";
	text-align: center;
	padding-top: 18px;
}

.line {
	height: 15px;
	position: relative;
	margin: 15px 0;
}

.line .red {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ffffff;
	left: 50%;
	top: 0;
}

.pros {
	padding-top: 48px;
	position: relative;
}

.pros .content li {
	float: left;
	padding: 0 15px;
	_display: inline;
}

@media (min-width: 568px) {

	.pros .content li {
		width: .5%;
	}

}

@media (min-width: 768px) {

	.pros .content li {
		width: .33%;
	}

}

@media (min-width: 1200px) {

	.pros .content li {
		width: .25%;
	}

}

@media (max-width: 567px) {

	.pros .content li {
		width: 1%;
	}

}

.pros .content a.img {
	display: block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.pros .content img {
	max-width: 100%;
	height: auto;
}

.pros li .listbox {
	position: relative;
}

.pros li h3 {
	height: 100%;
	width: 100%;
	background-color: rgba(204, 0, 1, 0.68);
	padding-top: 10px;
	text-indent: 28px;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 38px 14px 0;
}

.pros li h3 a {
	display: block;
	color: #fff;
	font: 400 16px/46px "Microsoft YaHei";
	position: relative;
	z-index: 99;
}

.pros li h3 p {
	color: #fff;
	font: 400 16px/30px "Microsoft YaHei";
	position: relative;
	z-index: 99;
	border-top: 3px solid #fff;
	padding-top: 10px;
}

.pros li h3 .more {
	margin-top: 15px;
}

.pros .content {
	overflow: hidden;
	max-height: 566px;
	float: left;
}

.prolist {
	width: 10000%;
	position: relative;
}

.pre_left {
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 15px;
	margin-left: -60px;
	width: 45px;
	height: 9px;
	background: url(../images/pre_left.jpg) no-repeat;
	z-index: 999;
}

.pre_right {
	cursor: pointer;
	position: absolute;
	right: 50%;
	top: 15px;
	margin-right: -60px;
	width: 45px;
	height: 9px;
	background: url(../images/pre_right.jpg) no-repeat;
	z-index: 999;
}

.pre_left:hover {
	background: url(../images/pre_left2.jpg) no-repeat;
}

.pre_right:hover {
	background: url(../images/pre_right2.jpg) no-repeat;
}

/*案例*/

.container-fluid {

	padding: 20px 0;

	position: static !important;

}

.box {

	margin-bottom: 20px;

	float: left;

	width: 22%;

	position: relative;

	overflow: hidden;

}

.box img {

	max-width: 100%
}

.box .img2 {
	display: none;
}

.box:hover .img1 {
	display: none;
}

.box:hover .img2 {
	display: block;
}

@media (max-width: 1550px) {

	.box {
		width: 28%;
	}

}

.box h3 {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(204, 0, 1, 0.68);
	text-align: center;
	vertical-align: middle;
}

.box h3:before {

	content: ".";

	height: 100%;

	display: inline-block;

	vertical-align: middle;

	visibility: hidden;

}

.box h3 a {
	display: inline-block;
	color: #fff;
	font: 400 16px/46px "Microsoft Yahei";
	vertical-align: middle;
}

.case {
	background: #f4f4f4;
	margin-top: 75px;
}

.case .tit {
	padding: 100px 7% 50px 50px;
	background: url(../images/aboutbg.jpg) no-repeat;
}

.case .tit h2 {
	color: #333;
	font: 400 22px/26px "Microsoft Yahei";
}

.case .tit h2 p {
	color: #cc0202;
	font: 600 22px/30px "Microsoft Yahei";
	text-transform: uppercase;
	background: url(../images/line3.jpg) no-repeat 0 100%;
	padding-bottom: 25px;
}

.case .tit h2 p span {
	color: #333;
}

.case .tit .content {
	color: #999;
	font: 400 12px/24px "Microsoft Yahei";
	padding-top: 45px;
}

.case .line .red {
	left: 12px;
}

.case .more {
	margin-top: 45px;
	display: inline-block;
}

.case-cate a {
	padding-right: 18px;
	display: inline-block;
	color: #666;
	font: 400 14px/30px "Microsoft Yahei";
}

@media (max-width: 991px) {

	.case .tit {
		background: none;
	}

}

/*新闻*/

.news {
	padding-top: 50px;
}

.news h2 {
	color: #333;
	font: 400 22px/26px "Microsoft Yahei";
	padding-bottom: 40px;
	text-align: center;
}

.news h2 p {
	color: #cc0202;
	font: 600 22px/36px "Microsoft Yahei";
	text-transform: uppercase;
}

.news h2 p span {
	color: #333;
}

.news_list1 li {
	margin-bottom: 20px;
}

.news_list1 li .img {
	display: block;
	margin-top: 25px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.news_list1 li .img img {
	max-width: 100%;
	height: auto;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.news_list1 li:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.news_list1 h3 {
	background: url(../images/line4.jpg) no-repeat 0 100%;
	padding-bottom: 8px;
}

.news_list1 h3 span {
	display: block;
	color: #666;
	line-height: 20px;
}

.news_list1 h3 a {
	display: block;
	color: #333;
	font: 400 16px/26px "Microsoft Yahei";
}

.news_list1 p {
	color: #555;
	font: 400 12px/28px "Microsoft Yahei";
	padding-top: 22px;
}

.news_list1 .more {
	margin-top: 28px;
	display: inline-block;
}

/*联系我们*/

.contacts {
	background: url(../images/aboutbg2.jpg) no-repeat 100% 0;
	margin-top: 48px;
}

.contacts .map img {
	max-width: 100%;
	height: auto;
}

.con-box {
	padding-top: 80px;
}

.con-box h2 {
	color: #333;
	font: 400 22px/26px "Microsoft Yahei";
	background: url(../images/line3.jpg) no-repeat 0 100%;
	padding-bottom: 25px;
}

.con-box h2 p {
	color: #cc0202;
	font: 600 22px/36px "Microsoft Yahei";
	text-transform: uppercase;
}

.con-box h2 p span {
	color: #333;
}

.con-box .content {
	color: #333;
	font: 400 16px/42px "Microsoft Yahei";
	padding-top: 12px;
}

.con-box .content img {
	padding-right: 10px;
}

@media (max-width: 1500px) {

	.search {
		/* display: none; */
	}

}

@media (max-width: 1200px) {

	.con-box {
		padding-top: 50px;
	}

	.con-box .content {
		padding-top: 20px;
	}

	.con-box .content {
		line-height: 36px;
	}

}

@media (max-width: 991px) {

	.contacts {
		background: none;
	}

}

/*----- Common css ------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}

/*友情链接*/

.f_link {
	width: 140px;
	margin: 0 auto;
	margin-top: 8px;
	line-height: 24px;
	background: url(../images/link.png) no-repeat 0 50%;
	text-indent: 9px;
	color: #fff;
	text-align: left;
	position: relative;
}

.f_link .hides {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 24px;
	display: none;
	background-color: rgba(255, 255, 255, .8);
}

.f_link .hides a {
	display: block;
	font: 400 12px/24px "Microsoft Yahei";
}

/*页面底部*/

.foot {
	background: #b92225;
	padding: 42px 0;
}

#footer {
	position: relative;
	padding-top: 8px;
}

#footer a {}

#footer a:hover {
	color: #9c9c9c;
	text-decoration: none;
}

.nav_foot {
	line-height: 24px;
	color: #666;
}

.copyright {
	line-height: 30px;
	color: #999;
	line-height: 24px;
	font-size: 12px;
}

.copyright a {
	color: #ffffff;
}

.ewm {}

.ewm .tit {
	color: #fff;
	font: 600 14px/46px "Microsoft Yahei";
}

.ewm img {
	margin-right: 20px;
}

.ewm .content {
	color: #fff;
	line-height: 46px;
}

.foot-under {
	border-top: 1px solid rgba(255, 255, 255, 0);
	text-align: center;
}

.foot-right {}

.foot-right .col-lg-6 {
	float: right;
}

.hot-rec {
	width: 100%;
	margin-top: 22px;
}

.foot-under {
	color: #ffffff;
	font: 400 12px/30px "Microsoft Yahei";
	padding-top: 10px;
	margin-top: 15px;
}

.foot-under a {
	color: #fff;
}

.underright {
	font: 400 12px/30px "Microsoft Yahei";
	text-align: right;
}

.shares {}

.shares .bdshare-button-style0-16 a {
	width: 38px;
	height: 38px;
	margin: 6px 8px 6px 0;
}

.shares .bdshare-button-style0-16 a.bds_tsina {
	background: url(../images/s1.jpg) no-repeat;
}

.shares .bdshare-button-style0-16 a.bds_sqq {
	background: url(../images/s2.jpg) no-repeat;
}

.shares .bdshare-button-style0-16 a.bds_weixin {
	background: url(../images/s3.jpg) no-repeat;
}

@media (max-width: 1200px) {

	.foot {
		border-top: 5px solid #cc0202;
	}

}

@media (max-width: 1700px) {

	.foot-right {
		display: none;
	}

	.secbox {
		background: none
	}

}

@media (max-width: 1200px) {

	.message2 #name {
		height: 40px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	.message2 #contact {
		height: 40px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	.message2 #content {
		height: 40px;
		line-height: 40px;
	}

	.message2 .m_label {
		line-height: 40px;
	}

	.message2 #checkcode {
		height: 30px;
		line-height: 30px;
		width: 100px;
	}

	.message2 #code {
		padding-top: 5px;
	}

	.message2 .msgbtn {
		height: 40px;
		line-height: 40px;
		margin-top: 10px;
	}

}

@media (max-width: 980px) {

	.foot-under {
		padding-top: 20px;
	}

}

@media (max-width: 414px) {

	.messbox {
		width: 98%;
	}

	#footer {
		width: 98%;
	}

}

.servers {
	width: 52px;
	position: fixed;
	top: 300px;
	right: 1%;
	z-index: 9999;
}

.servers li {
	height: 52px;
	text-align: center;
	margin-bottom: 2px;
	background: #333;
	position: relative;
}

.servers li a {
	display: block;
	width: 100%;
	height: 100%;
}

.servers li:hover a {
	color: #fff;
}

.servers li.sr1 a {
	background: url(../images/sr1.png) no-repeat 50% 50%;
}

.servers li.sr2 a {
	background: url(../images/sr2.png) no-repeat 50% 50%;
}

.servers li.sr3 a {
	background: url(../images/sr3.png) no-repeat 50% 50%;
	position: relative;
}

.servers li.sr4 a {
	background: url(../images/gotop.png) no-repeat 50% 50%;
	position: relative;
}

.servers li:hover {
	background: #cc0202;
}

.pro-hide {
	position: absolute;
	right: 52px;
	top: 0;
	width: 0;
	height: 52px;
	background: #cc0202;
	overflow: hidden;
	color: #fff;
	font: 400 20px/52px "Microsoft Yahei";
}

.pro-hide2 {
	position: absolute;
	right: 52px;
	top: 0;
	width: 0;
	height: 52px;
	background: #cc0202;
	overflow: hidden;
	color: #fff;
	font: 400 14px/52px "Microsoft Yahei";
}

.servers li .pro-hide2 a {
	background: none;
}

/*------------内页-------------------*/

.left .boxx {}

.left .boxx h3 {}

.left .boxx .content {
	padding: 5px 0px;
}

.prodescription {
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	line-height: 24px;
	padding: 10px;
	margin-bottom: 15px;
	text-indent: 20px;
}

.n_banner {
	width: 100%;
}

.n_banner img {
	width: 100%;
	height: auto;
	min-height: 170px;
}

.left {}

.sort_menu {}

.sort_menu h3 {
	color: #333;
	font: 400 16px/30px "Microsoft Yahei";
}

.sort_menu h3 p {
	color: #cc0202;
	font: 600 22px/26px "Microsoft Yahei";
}

.sort_menu h3 span {
	color: #333;
}

.sort_menu h3 .profile {
	color: #333;
	font: 400 18px/36px "Microsoft Yahei";
}

.sort_product {
	margin-top: 10px;
}

.sort_product h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.n_contact {
	margin-top: 10px;
}

.n_contact h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.left .n_contact .content {
	padding: 10px;
	line-height: 24px;
}

.right {
	padding-bottom: 10px;
	background: url(../images/line5.jpg) repeat-y 3px 0;
	padding-left: 40px !important;
	min-height: 377px !important;
}

.sitemp {
	height: 40px;
	color: #cc0202;
	font: 800 20px/40px "Microsoft Yahei";
	position: relative;
}

.sitemp .site {
	position: absolute;
	left: -42px;
	top: 0;
}

.right .content {
	padding: 15px 0 10px;
	overflow: hidden;
	line-height: 24px;
}

@media (max-width: 767px) {

	.right {
		background: none;
		padding: 0 !important;
	}

	.sitemp {
		border-bottom: 1px solid #bbb;
	}

}

/*产品详情*/

.goback {
	border-bottom: 1px solid #999;
	padding-bottom: 30px;
}

.goback a {
	display: inline-block;
	width: 148px;
	text-align: center;
	color: #fff;
	font: 400 14px/31px "Microsoft Yahei";
	background: #cc0202;
}









/*分页*/

.m-page {

	text-align: right;

	font-size: 0;

	height: 38px;

	line-height: 38px;

	padding-right: 10px;

}

.m-page li {

	display: inline
}

.m-page a,
.m-page i {

	display: inline-block;

	font-size: 15px;

	background-color: #b92225;

	padding: 0px 13px;

	height: 36px;

	overflow: hidden;

	text-align: center;

	border: 0px #FFFFFF solid;

	color: #FFFFFF;

	font-family: Arial;

	margin-left: 5px;

	vertical-align: top;

}

.m-page a.next,
.m-page a.prev {

	font-family: 宋体;

	font-size: 16px;

	font-weight: 700;

}

.m-page a:hover,
.m-page li.thisclass a {

	color: #575757;

}

.m-page span {

	font-size: 14px;

	padding-right: 10px;

}