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

html {height: 100%;}
body {
	font-family:"微软雅黑"; 
	font-size:14px; 
	color:#333; 
	line-height:24px; 
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,dt,form,p,i,span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}


a {color: #333;text-decoration: none;transition: all .2s ease-in-out;}
a:hover {color: #cc0001; text-decoration: none;}
a:active,a:focus {outline: 0;color: #cc0001; text-decoration: none;}
img {border:0; vertical-align: middle;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}

/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {cursor: pointer;}
.swiper-slide img{max-width: 100%;}


.home-bt {padding: 40px 0; overflow: hidden; text-align: center;}
.home-bt span{display: block;margin-bottom: 30px;color: #333; font-size: 36px;font-weight: bold; }
.home-bt span:after{ 
	content: '';
	position: relative;
	width: 110px;
	height: 3px;
	background: #ff0433;
	display: block;
	margin: 0 auto;
	bottom: -15px;
}
.home-bt small{display: block; font-size: 18px; text-transform: uppercase; color: #999;}

/*我们的实力*/
.p_articles {float: left; width:25%;text-align: center;display: inline-block;height: 460px;position: relative;overflow: hidden;margin: 0;padding: 0;}
.p_articles .lb {
 	width: 100%;
 	text-align: center;
 	display: inline-block;
 	height: 460px;
 	background-size: cover;
 	background-position: center center;
 	background-repeat: no-repeat;
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 }

.p_articles:hover .lb {transform: scale(1.1);}
.p_articles:nth-of-type(2) .lb {background: url(../images/pic01.jpg) no-repeat; background-size: cover;}
.p_articles:nth-of-type(3) .lb {background: url(../images/pic02.jpg) no-repeat; background-size: cover;}
.p_articles:nth-of-type(4) .lb {background: url(../images/pic03.jpg) no-repeat; background-size: cover;}
.p_articles:nth-of-type(5) .lb {background: url(../images/pic04.jpg) no-repeat; background-size: cover;}
.p_articles .fllb {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	margin: 0px;
 	text-align: center;
 	display: inline-block;
 	background-color: rgba(0, 0, 0, 0.5);
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 	cursor: pointer;
 }
.p_articles .fllb a {width: 100%;height: 100%;display: inline-block;}
.p_articles .fllb:hover {background-color: rgba(255, 4, 51, 0.3);}
.p_content {width: 100%;height: auto;}
.p_articles .picture {padding-bottom: 100%;height: 0px;overflow: hidden;position: relative;}
.p_articles .p_images {
 	width: 120px;
 	height: auto;
 	margin: 0 auto;
 	margin-top: 120px;
 	position: relative;
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 }

.p_articles:hover .p_images {margin-top: 100px;}
.p_articles .p_images img {
 	width: 100% !important;
 	height: auto !important;
 	left: 50% !important;
 	top: 50% !important;
 	-webkit-transform: translate(-50%, -50%) !important;
 	-ms-transform: translate(-50%, -50%) !important;
 	transform: translate(-50%, -50%) !important;
 	position: absolute !important;
 }
.p_articles .p_images:after {
 	content: '';
 	width: 30px;
 	height: 2px;
 	display: inline-block;
 	background: rgba(255, 255, 255, 1);
 	margin: 20px auto;
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 	opacity: 1;
 }
.p_articles:hover .p_images:after {display: none;}
.p_articles .p_title {
 	height: 40px;
 	font-size: 22px;
 	line-height: 40px;
 	margin-top: 0px;
 	color: rgba(255, 255, 255, 1);
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 }
.p_articles:hover .p_title {margin-top: 10px;color: rgba(255, 255, 255, 1);}
.p_articles .p_summary {
 	width: 70%;
 	margin: 0 auto;
 	font-size: 13px;
 	line-height: 24px;
 	margin-top: 10px;
 	color: rgba(255, 255, 255, 0);
 	transition: all 0.5s ease 0s;
 	-o-transition: all 0.5s ease 0s;
 	-moz-transition: all 0.5s ease 0s;
 	-webkit-transition: all 0.5s ease 0s;
 	transform: translate3d(0px, -200px, 0);
 }
 .p_articles:hover .p_summary {margin-top: 20px;color: rgba(255, 255, 255, 1);transform: translate3d(0px, 0px, 0);}


/* 首页关于我们*/
.home-aboutbg{overflow: hidden; background: #f4f4f4; clear: both;}
.home-about-l{width: 50%;}
.home-aboutbox{padding: 30px 50px;}
.home-abouttext h2{font-size: 28px;font-weight: bold; margin: 15px 0;}
.home-abouttext p{font-size: 15px; line-height: 26px; text-indent: 2em; color: #999;}
.home-abouttext .more{ margin-top: 30px; border-radius: 30px; width: 140px; height: 42px; line-height: 42px; text-align: center; background: #ff0433;}
.home-abouttext .more a{color: #FFF;}
.home-about-r{width: 50%;}
.home-about-r img{max-width: 100%;}

.home-five{margin-top: 40px;}
.home-five ul{}
.home-five ul li{float: left;text-align: center; width:18.4% ; margin-right:2%;}
.home-five ul li:last-child{margin-right:0;}
.home-five ul li .box{overflow: hidden; background: #FFF;}
.home-five ul li .box:hover{background: #ff0433;}
.home-five ul li i{display: block; font-size: 60px;padding: 10px 0; color: #c9c9c9;} 
.home-five ul li i:hover{color: #FFF;}
.home-five ul li span{display: block; font-size: 15px; color: #999;line-height: 32px; margin-bottom: 20px;}
.home-five ul li .box:hover span{color: #FFF;}

.item{ border: 1px solid #E7E7E7; text-align: center;}
.item span{display: block; font-size: 18px;height: 50px; line-height: 50px; background: #efefef;}
.item:hover span{background: #ff0433;}
.item:hover a{color: #FFF;}
.allpro{ display: block; margin:0 auto; font-size: 22px;margin-bottom: 30px; text-align: center;padding-right: 20px; width: 220px; height: 50px; line-height: 50px; border: 1px solid #E7E7E7; border-radius: 30px;}
.allpro i{ color: #ff0433;position: absolute; font-size: 33px; margin-right: 10px;}

/* 首页产品展示 */
.home-pro { margin-bottom: 60px;}
.home-pro ul {}
.home-pro ul li{float: left;}
.home-pro ul li .list-img{position: relative; height:226px; overflow: hidden; border: 1px solid #E7E7E7;}
.home-pro ul li .list-img:hover{ border: 1px solid #19488e;}
.home-pro ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.home-pro ul li .list-img img:hover{transform: scale(1.2);}
.home-pro ul li span{font-size: 13px; line-height: 40px; text-align: center; display: block; margin-bottom: 10px;}



/* 首页技术支持*/
.home-news{overflow: hidden;margin: 30px 0;}
.home-news ul{}
.home-news ul li{}
.home-news ul li img{max-width: 100%;}
.home-news ul li .text{ border: 1px solid #E7E7E7; padding: 20px;}
.home-news ul li .text span{display: block;font-size: 18px;}
.home-news ul li .text time{display: block; color: #999; border-bottom: 1px solid #E7E7E7;margin: 10px 0;padding-bottom: 10px;}
.home-news ul li .text time i{color: #999; float: left;}
.home-news ul li .text .nr{color: #666; line-height: 26px;}
/* 首页样式结束*/



/*当前位置*/
.here {overflow: hidden;height: 40px; line-height: 40px; border-bottom: 1px solid #f5f5f5;  margin-bottom: 15px; clear: both;}
.here span{font-size: 15px; }
.here span i{color: #19488e; font-size: 22px; }
.here p{float: right; padding-right: 10px; font-size: 12px;}

.web_left{ width: 20%; margin-right: 3%;}
.web_right{ width: 77%;}

.Singlepage{ padding: 30px 0; line-height: 28px;}
.Singlepage img{ max-width: 100%;}

/*左侧样式*/
.left_bt{overflow: hidden; background:#19488e;color: #FFF; text-align: center; padding: 15px 0; border-top: 5px solid #24838e;}
.left_bt span{font-size: 24px; display: block;}
.left_bt em{display: block; font-size: 22px; text-transform: uppercase; line-height: 30px}

/*左侧产品二级样式*/
.left_nav_pro{overflow: hidden; }
.left_nav_pro ul{}
.left_nav_pro ul li{float: left; width: 100%; border-bottom:1px solid #ccc; background: #F5F5F5; height: 46px; line-height: 46px; font-size: 15px;padding-left: 30px;}
.left_nav_pro ul li a{display: block;color: #333;}
.left_nav_pro ul h2{display: block; background: #ececec; border-bottom: 1px dashed #ccc; width: 100%;line-height: 46px; clear: both;padding-left: 30px; font-size: 13px;font-weight: normal;}
.left_nav_pro ul h2 a{ color: #555555;}
.left_nav_pro ul h3{display: block; background: #FFF; border-bottom: 1px dashed #b2b2b2; width: 100%;line-height: 46px; clear: both;padding-left: 50px;font-size: 13px; font-weight: normal;}
.left_nav_pro ul h3 a{ color: #555555;}

/*左侧产品一级样式*/
.left_navbg{background: #F5F5F5;}
.left_nav{overflow: hidden;}
.left_nav ul{}
.left_nav ul li{float: left; width:180px;border-right: 1px solid #E7E7E7; background: #f2f2f2; height: 60px; line-height: 60px; text-align: center; }
.left_nav ul li a{display: block;color: #333; font-size: 16px;}
.left_nav ul li a:hover{display: block;color: #FFF;background: #ff0433;}
.left_nav ul li a.hover{display: block; background: #ff0433; color: #FFF;}



/*产品展示*/
.product{overflow: hidden;margin: 50px 0;}
.product ul{}
.product ul li{ float:left;text-align:center; margin-bottom: 30px;}
.product ul li .list-img{position: relative;height: 340px; overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;}
.product ul li .list-img:hover{border: 1px solid #ff0433;}
.product ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.product ul li .list-img img:hover{transform:scale(1.2);}
.product ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 50px; line-height: 50px;}
.product ul li h2 a{color: #333;}

/*下载中心*/
.downlist{overflow: hidden; margin: 50px 0;}
.downlist ul{}
.downlist ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px; padding: 20px;min-height: 166px;}
.downlist ul li .text{}
.downlist ul li .text h2{font-size: 22px;}
.downlist ul li .text time{display: block;margin: 8px 0; color: #999;}
.downlist ul li .text time i{float: left; font-size: 18px;}
.downlist ul li .gk{clear: both; color: #666; line-height: 26px;}
.downlist ul li .down{ text-align: center;}
.downlist ul li .down i{ color: #ff0433; font-size: 55px;line-height: 30px;}
.downlist ul li .down span{display: block;line-height: 26px;}

/*联系我们*/
.contact-tit{ text-align: center; margin: 50px 0;}
.contact-tit h2{font-size: 32px; font-weight: bold; line-height: 66px;}
.contact-tit p{font-size: 18px; line-height: 34px;}
.contact-tit dl{display: inline-block; margin: 30px 0;}
.contact-tit dl dd{float: left; width: 50%; height: 50px; line-height: 50px;}
.contact-tit dl dd.tel{ width: 240px; font-size: 28px;}
.contact-tit dl dd.tel i{font-size: 48px;float: left;}
.contact-tit dl dd.hr{width: 300px; background: #333; font-size: 16px; margin-left: 30px;}
.contact-tit dl dd.hr a{color: #FFF;}


.contactbg{overflow: hidden; background: #F5F5F5; padding: 70px 0;}
.contactbg .contact-l{ background: #ff0433; min-height: 418px; padding: 50px; color: #FFF; line-height: 30px;}
.contactbg .contact-l h3{font-size: 32px; font-weight: bold;line-height: 55px; margin-bottom: 20px;}

/*新闻资讯*/
.news{overflow: hidden; margin: 50px 0;}
.news ul{}
.news ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px; padding: 20px;min-height: 160px;}
.news ul li .text{}
.news ul li .text h2{font-size: 22px;}
.news ul li .text time{display: block;margin: 8px 0; color: #999;}
.news ul li .text time i{float: left; font-size: 18px;}
.news ul li .text .gk{clear: both; color: #666; line-height: 26px;}

/*相关新闻*/
.showbt{ border-bottom: 1px solid #E7E7E7; height: 40px; line-height: 40px; margin: 30px 0;}
.showbt span{font-size: 20px; font-weight: bold; color: #333;}

.news_show{overflow: hidden;}
.news_show ul{}
.news_show ul li{float: left; width: 49%; border-bottom: 1px dashed #E0E0E0;height: 38px; line-height: 38px; margin-right: 2%;}
.news_show ul li:nth-of-type(2n+0){margin-right: 0;}
.news_show ul li time{float: right; color: #999;}


/*详情页*/
.Details{overflow: hidden; padding: 30px 0;}
.Details h1{ text-align: center; font-size: 28px; line-height: 58px; margin-bottom: 15px;}
.Details dt{ text-align: center; line-height: 58px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}
.Details_content{line-height: 28px;}
.Details_content img{max-width: 100%;}



@media (min-width:1200px) and (max-width:1399px) {

.product ul li .list-img{height: 240px;}

}

@media (min-width:1024px) and (max-width:1199px) {

	.p_articles{height: 330px;}
	.p_articles .p_images{margin-top: 50px;}
    .home-about-l{width: 100%;}
	.home-about-r{width: 100%; margin-top: 30px;}
	.product ul li .list-img{height: 280px;}

}

@media (min-width:768px) and (max-width:1023px) {

	.p_articles{height: 330px;}
	.p_articles .p_images{margin-top: 50px;}
	.home-news ul li{margin-bottom: 30px;}
	.home-about-l{width: 100%;}
	.home-about-r{width: 100%; margin-top: 30px;}
	.product ul li .list-img{height: 240px;}
	.left_nav ul li{width: 140px;}

	
}
@media screen and (max-width:767px) {
		
	.p_articles{width: 50%;}
	.p_articles{height: 330px;}
	.p_articles .p_images{margin-top: 50px;}
	.home-aboutbox{padding: 15px;}
	.home-about-l{width: 100%;}
	.home-about-r{width: 100%; margin-top: 30px;}
	.home-five ul li{width: 31.3%; margin-bottom: 10px;}
	.home-news ul li{margin-bottom: 30px;}
	.left_navbg{display: none;}
	.product ul li{margin-bottom: 0;}
	.product ul li .list-img{height: 180px;}
 
	footer{display: none !important;}
	.copyright{padding-bottom: 70px !important;}

}