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

/* 改2019.1.17
   ========================================================================== */
.container{width:1205px;margin:0 auto;}
.pcbanner{ width:100%;position:relative;height:550px;background:#fff;  }
.pcbanner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;  }
.pcbanner .bd ul{width:100% !important;}
.pcbanner .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;  }
.pcbanner .bd li a{display:block;height:550px;}
.pcbanner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0; height:30px; line-height:30px;}
.pcbanner .hd ul{ text-align:center;}
.pcbanner .hd ul li{cursor:pointer; display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.pcbanner .hd ul .on{background:#e60012;}

.cbanner{ display:none;}
@media (max-width:768px) {
.pcbanner{ display:none;}
.cbanner {position:relative;z-index:888;overflow:hidden;margin:0px auto;max-width:768px; display:block}
.cbanner .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
.cbanner .hd li {display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px;}
.cbanner .hd li.on {background:#fff;}
.cbanner .bd {position:relative;z-index:0;width:100%}
.cbanner .bd li {position:relative;text-align:center;}
.cbanner .bd li img {vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.cbanner .bd li a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}

.producth{width:1205px;margin:50px auto;}
.producth li{float:left;width:240px;position:relative;overflow:hidden;border:1px solid #e6e6e6;border-right:none;}
.producth li:nth-child(5n){border-right:1px solid #e6e6e6;}
.producth li a{width:100%;display:block;transition:all 0.4s;}
.producth li .proimage{width:100%;height:auto;margin:0 auto;}
.producth li .proimage img{width:100%;}
.producth li H2{text-align:center;padding:24px 0 38px}
.producth li H2 span{font-size:16px;color:#41434f;line-height:30px;transition:all 0.2s;}
.producth li H2 p{font-size:14px;color:#999999;line-height:26px;transition:all 0.2s;}
.producth li.remove{width:241px;}
@media (min-width:641px) {
.producth li:hover{background-color:#e60012;border:1px solid #e60012;border-right:none;}
/*.producth li:hover:nth-child(5n){border-right:1px solid #e60012;}*/
.producth li:hover a{transform:translateY(-05%);
-ms-transform:translateY(-05%); 	/* IE 9 */
-moz-transform:translateY(-05%); 	/* Firefox */
-webkit-transform:translateY(-05%); /* Safari 和 Chrome */
-o-transform:translateY(-05%); 	/* Opera */}
.producth li:hover H2 span{color:#FFF;}
.producth li:hover H2 p{color:#FFF;}
}
@media (max-width:1199px) {
.producth{width:96%;margin:4% auto;}
.producth li{width:20%;}
.producth li.remove{width:20%;}
.producth li H2{padding:10% 0 12%;}
}
@media (max-width:640px) {
.producth li{width:33%; margin-bottom:1%;height:305px;}
.producth li.remove{width:33%;}
}
@media (max-width:480px) {
.producth li{width:50%;margin-bottom:2%;height:318px;}
.producth li:nth-child(2n){border-right:1px solid #e6e6e6;}
.producth li:nth-child(4n){border-right:1px solid #e6e6e6;}
.producth li.remove{display:none;}
.producth li H2{ padding:6% 0 12%;}
}
@media (max-width:375px) {
.producth li{height:270px;}
.producth li H2 span{line-height:24px;}
}
@media (max-width:320px) {
.producth li{height:250px;}
}

.areaIntro,.tech{text-align:center;margin:50px auto;}
.areaIntro h3, .tech h3{font-size:36px;color:#565966;font-weight:bold;}
.areaIntro p, .tech p{font-size:14px;padding-top:17px}
.areaIntro p{color:#666;}

@media (max-width:1199px) {
.areaIntro{margin:4% auto;}
.areaIntro p{ padding-top:1%;}
}
@media (max-width:768px) {
.areaIntro p{ display:none;}
.areaIntro H3{ display:block;font-size:28px;color:#565966}
}
@media (max-width:640px) {
.areaIntro{text-align:left}
.areaIntro H3{font-size:26px;margin:0 auto;width:96%;}
.areaIntro p{ display:none;}
}
@media (max-width:480px) {
.areaIntro H3{font-size:22px;}
}
@media (max-width:375px) {
.areaIntro H3{font-size:20px;}
}


.tech{width:1200px;margin:0 auto;}
.tech .part {float:left;width:48%;margin:2% 1%;height:380px;position:relative;overflow:hidden}
.tech .part2{ margin:0 30px;}
.tech .part img {width:100%;height:auto}
.tech .textLayer {position:absolute;bottom:0;left:0;width:100%;height:50px;transition:all 1.0s;color:#fff}
.tech .textLayer H4{line-height:50px;text-align:center;font-size:20px;position:absolute;width:100%;top:0;transition:all .4s}
.tech .textLayer p{display:none;width:100%;font-size:14px;line-height:28px;padding:0 12.5%;position:absolute;top:48%;transition:all .6s;opacity:0}
.tech .bgBlue{background: #686d71;background-color:rgba(178, 179, 183, 0.9);}
.tech .bgGreen{background:#e60012;background-color:rgba(239, 58, 66, 0.9);}
.tech .bgLightBlue {background:#00c3e5;background-color:rgba(0,195,229,0.9);}

@media (min-width:1199px) {
.tech .part:hover .textLayer {height:490px;transition:all .6s}
.tech .part:hover .textLayer H4{top:34%;transition:all .4s; font-size:28px;}
.tech .part:hover .textLayer p{display:block;opacity:1;transition:all .6s}
}
@media (max-width:1199px) {
.tech{width:96%;}
.tech .part2{margin:0 2%;}
.tech .part{width:32%;height:368px;}
}
@media (max-width:1024px) {
.tech .part{height:314px;}
.tech .textLayer{ height:40px;}
.tech .textLayer p{ display:none;}
.tech .textLayer H4{ font-size:18px; line-height:40px;}
}
@media (max-width:980px) {
.tech .part{height:300px;}
}
@media (max-width:768px) {
.tech .part{height:198px;}
.tech .textLayer{height:34px;}
.tech .textLayer H4{line-height:34px;font-size:16px;}
}
@media (max-width:568px) {
.tech .part{height:auto;}
.tech .textLayer{height:28px; position:inherit}
.tech .textLayer H4{line-height:28px;font-size:14px;position:inherit}
}
@media (max-width:375px) {
.tech .part{width:100%;height:auto;float:none;}
.tech .part2{margin:2% 0;}
.tech .textLayer{height:38px;}
.tech .textLayer H4{line-height:38px;font-size:16px;}
	}
/*公司简介*/
.aboutdj{width:1200px;margin:30px auto;}
.aboutdj h3{font-size:36px;padding:20px 0 40px;color:#565966;text-align:center;font-weight:bold;}
.about{width:105%;margin-left:-4%;}
.aboutdj .aboutdjl{float:left;width:48%;overflow:hidden;position:relative;}
.aboutdj .aboutdjl .bd{position:relative; height:100%;z-index:0;}
.aboutdj .aboutdjl .bd li{zoom:1;vertical-align:middle;}
.aboutdj .aboutdjl .bd p{width:100%;max-height:380px;}
.aboutdj .aboutdjl .bd p img{width:100%;border-radius:10px; box-shadow:2px 5px 5px rgb(209, 220, 245)}
/*.aboutdj .aboutdjl .bd .aboutdjlbj{position:absolute;left:0;bottom:0;width:100%;height:50px;background:#000;filter:alpha(opacity=20);opacity:0.2;z-index:8;overflow:hidden; }*/

.aboutdj .aboutdjr{float:right;width:48%;margin-right:2%;font-size: 30px;color: #c30404;font-weight: bold;}
.aboutdj .aboutdjr li{float:left;width:100%;margin-bottom:35px;}
.aboutdj .aboutdjr li .r{float:right;}
.aboutdj .aboutdjr li .r H4{text-indent:32px;font-size:16px;color:#41434f;line-height:29px;overflow:hidden;width:100%;}
.aboutdj .aboutdjr li:nth-child(3){background: #c30404;color: #fff;width: 30%;font-size: 20px;line-height: 46px;text-align: center;}
.aboutdj .aboutdjr li:nth-child(3):hover{background:#41434f;color:#c30404}
/*公司简介*/
.newscen{width:1200px;margin:30px auto;}
.newscen h3{font-size:36px;padding:20px 0 24px;color:#565966;font-weight:bold;text-align:center;}
.newscen .newscenl{float:left;width:570px;overflow:hidden;position:relative;}
.newscen .newscenl .bd{position:relative; height:100%;z-index:0;}
.newscen .newscenl .bd li{zoom:1;vertical-align:middle;}
.newscen .newscenl .bd p{width:100%;max-height:380px;}
.newscen .newscenl .bd p img{width:100%;}
.newscen .newscenl .bd .newscenlbj{position:absolute;left:0;bottom:0;width:100%;height:50px;background:#000;filter:alpha(opacity=20);opacity:0.2;z-index:8;overflow:hidden; }
.newscen .newscenl .bd H4{position:absolute;bottom:0;color:#FFF;z-index:9;overflow:hidden;line-height:50px;padding:0 20px;}
.newscen .newscenl .prev,
.newscen .newscenl .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #e60012 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;  }
.newscen .newscenl .next{left:auto;right:0%;background-position:-6px -137px; }

.newscen .newscenr{width:105%;margin-left:-4%;}
.newscen .newscenr li{float:left;width:100%;margin-bottom:35px;}
.newscen .newscenr li:nth-child(6){margin-bottom:0px;}
.newscen .newscenr li .time{width:60px;font-size:14px;color:#999;float:left;text-align:center;line-height:24px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.newscen .newscenr li .time span{display:inline-block;}
.newscen .newscenr li .r{float:left;width:1150px;margin-left:15px;}
.newscen .newscenr li .r H4{font-size:16px;color:#41434f;line-height:24px;overflow:hidden;width:100%;}
.newscen .newscenr li .r p{ font-size:14px;color:#999999;margin-top:8px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;}
.newscen .newscenr li:hover .r H4{color:#e60012}
.newscen .newscenr li:hover .time{color:#e60012}
@media (max-width:1199px) {
.newscen{width:96%;margin:3% auto 8%;}
.newscen H3{padding:1% 0 2%;}
.newscen .newscenr{width:90%;}
.newscen .newscenr li{margin-bottom:32px;}
.newscen .newscenr li .r{width:87%;}
}
@media (max-width:1024px) {
.newscen .newscenr li{margin-bottom:4%;}
.newscen .newscenl .bd H4{padding:0 10px;font-size:14px;}
.newscen .newscenl .bd p{max-height:320px;}
}
@media (max-width:980px) {
.newscen .newscenr li .r{width:84%;}
}
@media (max-width:768px) {
.newscen .newscenl{display:none;}
.newscen .newscenr{width:100%;float:none;}
.newscen .newscenr li{margin-bottom:3.4%;}
.newscen .newscenr li .r{width:90%;}
}
@media (max-width:640px) {
.newscen H3{font-size:26px;font-weight:normal;}
}
@media (max-width:568px) {
.newscen H3{ font-size:22px;line-height:40px;height:auto}
.newscen .newscenr li .r{width:84%;}
.newscen .newscenr li .r H4{font-size:16px;}
}
@media (max-width:420px) {
.newscen .newscenr li .r{width:82%;}
}
@media (max-width:375px) {
.newscen H3{ font-size:20px;line-height:32px;}
.newscen .newscenr li .time{ display:none;}
.newscen .newscenr li .r{width:100%; float:none;}
}
/*产品新列表*/
.pro_list{ height:auto; overflow:hidden; width:104%; margin-left:-4%}
.pro_list dl{ float:left; width:23%; height:auto; margin: 0 0 3% 2%;}
.pro_list dl:hover {-moz-box-shadow: 0 5px 10px silver;-webkit-box-shadow: 0 5px 10px silver;box-shadow: 0 5px 10px silver;filter: progid:DXImageTransform.Microsoft.Shadow(color='#AFBEDA',Direction=125,Strength=9)}
.pro_list dl > a{ display:block;  } 
.pro_list dt{ width:100%; float:left; border:#CCD5E9 1px solid; text-align:center; padding:10px 1%;background: #fff url(../images/pro_x.png) repeat;}
.pro_list dt  img{ width:96%; height:auto; margin-bottom:3px;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s; box-shadow:#E2E8FB 0px 3px 10px;background:#fff;}
.pro_list dt a:hover img{filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.pro_list dd h3{ font-size:26px ; margin-bottom:15px; padding:2px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro_list dd h3 a{ color:#475770}

.pro_list dd{ line-height:25px;padding:8% 2% 4% 8%;  /*min-height:152px;width:92.5%;*/  overflow:hidden;background:#d1dcf5;/*box-shadow: 2px 2px 2px rgba(0,0,0,.05);*/
-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
/*.pro_list dd:hover{ background:#d21423;-moz-box-shadow:0 3px 10px rgba(0,0,0,.2); color:#fff;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px}
.pro_list dd:hover h3 a{color:#fff;}*/
.pro_list dd p{ margin:10px 0;font-size:16px; color:#617798}
.pro_list dd:hover p{color:#fff;}
.pro_list{margin-top:20px; }
.pro_list .bj-btn,.pro_list .r_btn{ width:90px; margin: 15px 0 15px;  display: inline-block; text-align: center;  font-size: 14px;   line-height: 36px;}
.pro_list .bj-btn{color: #617798;border:#617798 1px solid;-webkit-transform: skew(-8deg, 0);transform: skew(-8deg, 0); background:#fff}
.pro_list .r_btn{ background: #617798; border:#333 1px solid;color: #fff;}
.pro_list .bj-btn:hover{color: #07284E; background: #fff; border:1px solid #999;}
.pro_list .r_btn:hover{color: #fff; background:#252A3C; border:1px solid #252A3C;}

.casebg{background:url(../images/casebg.jpg) repeat;}
.caseone {
	width:1205px;
	margin:0 auto;
}
.caseone>h3{font-size:36px;font-weight:bold;text-align:center;color:#565966;padding:30px 0;}
.caseone .caseoneul01 {
	width:105%;margin-left:-4%;
}
.caseone .caseoneul01 li {
	float: right;
	width: 31%;
	padding-bottom: 50px;
	margin-left:2%;
}
.caseone .caseoneul01 li .caseonepic {
	clear: both;
	display: block;
	overflow: hidden;
	box-shadow: 2px 5px 5px rgb(209, 220, 245);
	position: relative;
	z-index: 2;
	border-radius: 5px
}
.caseone .caseoneul01 li .caseonepic img {
	clear: both;
	width: 100%;
	transition: all 0.5s
}
.caseone .caseoneul01 li h3 {
	clear: both;
	text-align: right
}
.caseone .caseoneul01 li h3 a {
	clear: both;
	width: 63.42857%;
	line-height: 62px;
	border-radius: 0px 0px 5px 52px;
	display: inline-block;
	background: url(../images/caseicon04.png) no-repeat center bottom #b2c4ec;
	font-size: 24px;
	color: #565454;
	font-weight: 400;
	text-align: left;
	padding-left: 17.85714%;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.caseone .caseoneul01 li h3 a:after {
	content: '';
	position: absolute;
	background: url(../images/caseicon03.png) no-repeat right bottom;
	width: 199px;
	height: 67px;
	background-size: 100%;
	left: -120px;
	bottom: 12px
}
.caseone .caseoneul01 li:hover .caseonepic img {
	transform: scale(1.03)
}
.caseone .caseoneul01 li:hover h3 {
	clear: both;
	text-align: right
}
.caseone .caseoneul01 li:hover h3 a {
	background-color: #ee1930;
	color: #fff
}