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

/*banner*/
.flexslider{position:relative; overflow:hidden;}
/* @keyframes uk-scale-kenburns {
	0% {	transform:scale(1.2)
}
100% {
	transform:scale(1)
}
} */
.slides{position:relative;z-index:1;margin-top: 138px;}
.slides li{height:100%;/*transform: : scale(1.2);transition: all 5s;*/}
.slides li img{width:100%;height:100%;}
.slides li p{text-align: center;color: #fff;font-size: 48px;position: absolute;top: 20%;width: 100%;}
.flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center;display: none;}
.flex-control-nav li{display:inline-block;width:36px;height:10px;margin:0 5px;*display:inline;zoom:1;}
/* .flex-control-nav a{display:inline-block;width:36px;height:10px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;
cursor:pointer;} */
.flex-control-nav .flex-active{background-position:0 0;}

.slides li.flex-active-slide img.bannerpic{animation-name: uk-scale-kenburns;animation-duration: 15s;}
.flexslider .src{position: absolute;z-index: 9;width: 100%;left: 0;bottom: 35px;text-align: center;}
.flexslider #mouse {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
}
.flexslider #mouse #mouse-move {
    animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:33%;}
.flex-direction-nav li a{display:block;width:36px;height:5px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a {width: 40px; height: 40px; margin: 11% 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;background-size: auto 100%;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 20px; }
.flex-direction-nav .flex-prev {left: 20px;}

#wap-banner{display: none;}
/*banner-end*/
/*首页标题*/
.sy-title{text-align: center;padding: 20px 0 50px;}
.sy-title h3{color: rgba(51, 51, 51, 1);font-size: 30px;white-space: nowrap;line-height: 80px;display: block;margin: 0;}
.sy-title span{display: block;margin: 0 auto;width: 35px;height: 4px;background: #E50012;}
.sy-title p{font-size: 14px;color: #999;margin-top: 20px;}

/*首页产品*/
.wap-in-cp{display: none;}
.indexcp{width: 100%;background: #f7f7f7;}
.sycp-ul{text-align: center;}
.sycp-ul li{width: 50%;display: inline-block;position: relative;float: left;height: 270px;}
.sycp-ul li:nth-child(2n){float: right;}
.sycp-ul li figure{width: 50%;position: absolute;left: 0;top: 0;overflow: hidden;}
.sycp-ul li figure img{width: 100%;}
.sycp-ul li:hover figure img{transform: scale(1.05);}
.sycp-ul li .sycp-text{width: 52%;background: url(../images/index_1.png) no-repeat;position: absolute;top: 0;right: 0;background-size: 100% 100%;z-index: 9;height: 270px;
text-align: left;padding: 0 30px 0 45px;}
.sycp-ul li .sycp-text h4{font-size: 18px;font-weight: 400;color: #000000;line-height: 48px;margin: 0;padding: 35px 0 0;}
.sycp-ul li .sycp-text span{display: block;width: 33px;height: 1px;background: #E50012;margin-bottom: 20px;}
.sycp-ul li .sycp-text p{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.sycp-ul li:nth-child(3) figure,.sycp-ul li:nth-child(4) figure{left: auto;right: 0;}
.sycp-ul li:nth-child(3) .sycp-text,.sycp-ul li:nth-child(4) .sycp-text{right:auto;left: 0;background: url(../images/index_2.png) no-repeat;padding: 0 45px 0 30px;}
.sycp-a{width: 150px;height: 50px;line-height: 50px;background: #E50012;margin: 45px auto;text-align: center;transition: all 0.3s;}
.sycp-a a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
.sycp-a:hover{background: #000;}
.sycp-a:hover a{color: #fff;}

.in-cp{}
.in-cp li{background: #fff;overflow: hidden;border: 5px solid #f7f7f7;}
.in-cp li .in-cp-div{width: 100%;padding: 10px;overflow: hidden;}
.in-cp li .in-cp-div h4{font-size: 24px;font-weight: 400;color: #000000;line-height: 48px;margin: 0;}
.in-cp li .in-cp-div span{display: block;width: 33px;height: 1px;background: #E50012;margin-bottom: 20px;}
.in-cp li .in-cp-div .indexclass{height: 170px;font-size: 18px;}
.in-cp li .in-cp-div figure{width: 100%;overflow: hidden;}
.in-cp li .in-cp-div figure img{width: 100%;transition: all 0.5s;}
.in-cp li .in-cp-div figure:hover img{transform: scale(1.05);}
/*.in-cp li:nth-child(3) .in-cp-div .indexclass a,.in-cp li:nth-child(4) .in-cp-div .indexclass a{width: 100%;}*/

/*首页解决方案*/
.wap-in-jjfa{display: none;}
.indexfa{width: 100%;background: url(../images/index_3.png) no-repeat center;height: 850px;}
.indexfa .sy-title h3,.indexfa .sy-title p{color: #fff;}
.indexfa .sy-title span{background: #fff;}
.focus {width: 100%;position: relative;}
.focus .tip-bg {width: 100%;height: 1px;background: rgba(255, 255, 255, 0.6);position: absolute;left: 0;z-index: 12;top: 50px;}
.focus #tip {width: 100%;position: absolute;z-index: 13;text-align: center;top:34px;cursor: pointer;}
.focus #tip ul li{width: 30px;height: 30px;background: url(../images/index_4.png) no-repeat center;display: inline-block;margin: 0 10%;}
.focus #tip ul li.on{background: url(../images/index_5.png) no-repeat center;}
.focus #pic {width: 100%;overflow: hidden;}
.focus #pic ul {}
.focus #pic li {height: 420px;margin-top: 130px;}
.focus #pic li .pic-text{width: 100%;position: relative;}
.focus #pic li .pic-text .pic-text-num{position: absolute;z-index: 9;width: 140px;height: 140px;background: #000;text-align: center;top: 0;left: 0;line-height: 140px;}
.focus #pic li .pic-text .pic-text-p{width: 58%;background: rgba(227, 0, 17, 0.9);color: #fff;padding: 0 75px 45px;position: absolute;left: 120px;}
.focus #pic li .pic-text .pic-text-p h4{font-size: 24px;margin: 0;padding: 100px 0 0;}
.focus #pic li .pic-text .pic-text-p p{font-size: 14px;line-height: 30px;text-align: justify;margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.focus #pic li .pic-text .pic-text-p a{display: block;float: right;background: #fff;width: 130px;height: 40px;line-height: 40px;text-align: center;color: #E50012;font-size: 14px;
margin-top: 65px;}

.infa-927{width: 100%;}
.infa-927 .infa-927-div{width: 100%;border-radius: 20px;overflow: hidden;position: relative;text-align: center;}
.infa-927 .infa-927-div figure{width: 100%;overflow: hidden;}
.infa-927 .infa-927-div figure img{width: 100%;transition: all 0.5s;}
.infa-927 .infa-927-div:hover figure img{transform: scale(1.05);}
.infa-927 .infa-927-div .infa-927-text{position: absolute;top: 35%;width: 100%;}
.infa-927 .infa-927-div .infa-927-text em img{width: 70px;}
.infa-927 .infa-927-div .infa-927-text h4{font-size: 28px;color: #fff;margin-top: 24px;}

/*首页合作伙伴*/
.hzhb-ul{text-align: center;margin-bottom: 80px;}
.hzhb-ul li{display: inline-block;background: #fff;border: 1px solid #f6f7f8;overflow: hidden;transition: all 0.5s;margin: 0 7px 30px;width: 11.111%;}.hzhb-ul li img{width: 100%;}
.hzhb-ul li:hover{border: 1px solid #E50012;box-shadow: 0 6px 10px rgba(227, 0, 17, 0.2);}
.hzhb-ul li:hover img{width: 100%;}
#wap-hzhb{display: none;}


.transition {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}
.home-rz {
	margin-bottom:45px;
	background:url(../images/Frame81.png) no-repeat center top;
}
.home-rz ul {margin-bottom: 0;}
.home-rz li {
	float: left;
	border: 1px #000 solid;
	width: 256px;
	padding-bottom: 39%;
	background-size: cover;
	position: relative;
	cursor: pointer;
	-webkit-transition: all ease .9s;
	-moz-transition: all ease .9s;
	-ms-transition: all ease .9s;
	-o-transition: all ease .9s;
	transition: all ease .9s;
}
.home-rz li:last-child {
	margin-right: 0;
}
.home-rz li .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.5);
	color: #FFFFFF;
}
.home-rz li .text .con {
	
	width: 100%;
	vertical-align: middle;
	text-align: center;
	width: 40px;
	text-align: center;
	font-weight: bold;
	margin:0 auto; margin-top:20px;
}
.home-rz li .text .con+i {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.home-rz li .text .con span {
	font-size: 36px;
	font-style: italic;
}
.home-rz li .text .con em {
	margin-top: 25px;
	height: 17px;
	display: inline-block;
	width: 25px;
	background: url(../images/text_wline.png) no-repeat;
}
.home-rz li .text .con p {
	margin-top: 14px;
	width: 40px;
	font-size: 22px;
	display: inline-block;
	color: #c2261d;
	line-height: 28px;
}

.rz-box {
	display: none;
	position: absolute;
	/*bottom: 40px;*/
	left: 60px;
	width: 100%;
	height: 173px;
	background: url(../images/orange_bg.png);
	color: #FFFFFF;
	padding: 22px 65px 0 35px;
}
.rz-box .con {
	padding-right: 66px;
	position: relative;
}
.rz-box .con h2 {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
 margin-top: 60px;
font-size: 36px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 42px;

}
.rz-box .con .des {
	margin-top: 15px;

	line-height: 18px;
	margin-bottom: 20px;
font-size: 24px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 28px;

}

.rz-box .con p{
font-size: 16px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 32px;
}
.rz-box .con .price {
	position: absolute;
	top: 5px;
	right: 0;
	padding-right: 25px;
}
.rz-box .con .price:after {
	content: "";
	width: 38px;
	height: 24px;
	position: absolute;
	top: 0;
	right: -20px;
	background: url(../images/ico_xianshi.png);
}
.rz-box .con .price span {
	font-style: italic;
	font-size: 24px;
}
.rz-box .con .price span i {
	font-style: normal;
	font-size: 12px;
}
.rz-box .con .price .oldprice {
	text-decoration: line-through !important;
}
.rz-box .bt {
	margin-top: 25px;
}
.rz-box .bt a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
}
.rz-box .bt a:nth-child(1) {
	float: left;
}
.rz-box .bt a:nth-child(2) {
	float: right;
}
.home-rz li.active .rz-box {
	display: block;
}
.home-rz li.active {
	width: 670px;
	overflow: hidden;
	-webkit-transition: all ease .95s;
	-moz-transition: all ease .95s;
	-ms-transition: all ease .95s;
	-o-transition: all ease .95s;
	transition: all ease .95s;
	background: rgba(8, 45, 134, 0.6);
}
.home-rz li.active .text {
	display: none;
}
.news_one_top{ overflow:hidden;}
.news_one{ border-radius:0 0 10px 10px; overflow:hidden;}
.news_one:hover{ text-decoration:none;}
.news_one:hover img{transform: scale(1.09);}
.news_one_top .pc_img{width:100%;}
.news_one_top .pc_img{ border-radius:10px 10px 0 0;
    transition: all 0.5s ease-in-out;}
.news_one_bottom{ padding:24px 20px; background:#fff; border-radius:0 0 10px 10px;}
.news_t1 { font-size:18px; color:#000; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.news_t2{ font-size:14px; color:#999999;overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; line-height:23px;}
.news_t3{ font-size:14px; color:#999;display: flex;
    justify-content: space-between;}
.news_one:hover .news_t1,.news_one:hover .news_t3{color:#0059eb}

.wap-in-news,.wap-in-about{display: none;}

@media (max-width: 1600px){
	.sycp-ul li .sycp-text h4{padding: 20px 0 0;}
	.sycp-ul li,.sycp-ul li .sycp-text{height: 252px;}
	.sycp-ul li figure,.sycp-ul li .sycp-text{width: 51%;}
	
	.home-rz li{width: 16%;}
	.home-rz li.active {width: 50%;}
	.rz-box .con h2{font-size: 30px;}
	.rz-box .con .des{font-size: 20px;}
	.rz-box .con p {font-size: 14px;}
	
}
@media (max-width: 1500px){
	.sycp-ul li,.sycp-ul li .sycp-text{height: 240px;}
	.hzhb-ul li{margin: 0 5px 30px;width: 11%;}
}

@media (max-width: 1450px){
	.sycp-ul li,.sycp-ul li .sycp-text{height: 225px;}
	
	.infa-927 .infa-927-div .infa-927-text h4{font-size: 22px;}
}

@media (max-width: 1366px){
	.sycp-ul li,.sycp-ul li .sycp-text{height: 210px;}
	.sy-title h3{font-size: 26px;line-height: 60px;}
	.sy-title p{margin-top: 13px;}
	.sy-title {padding: 25px 0;}
	.slides li p{font-size: 30px;}
	
	.infa-927 .infa-927-div .infa-927-text{top: 31%;}
	.infa-927 .infa-927-div .infa-927-text em img {
	    width: 60px;
	}
}

@media (max-width: 1200px){
	.slides{margin-top: 0;}
	.sycp-ul li{width: 100%;height: auto;}
	.sycp-ul li:nth-child(1n) figure{position: initial;float: left;width: 50%;}
	.sycp-ul li .sycp-text {width: 52%;height: 379px;}
	.sycp-ul li:nth-child(2n) figure{float: right;}
	.sycp-ul li:nth-child(2n) .sycp-text{right: auto;left: 0;background: url(../images/index_2.png) no-repeat;background-size: 100% 100%;
	padding-left: 20px;padding-right: 50px;}
	.sycp-ul li:nth-child(3) .sycp-text{background: url(../images/index_1.png) no-repeat;left: auto; right: 0;background-size: 100% 100%;
	padding-left: 50px;padding-right: 20px;}
	#wap-banner{display: block;margin-top: 60px;}
	#pc-banner{display: none;}
	
	.infa-927 .infa-927-div .infa-927-text h4{font-size: 20px;}
}

@media (max-width: 760px){
	.sl_width2 { padding:0 15px;}
	.sycp-ul li .sycp-text {height: 270px;}
	.focus #pic li .pic-text .pic-text-num{position: inherit;width: 100px;height: 100px;line-height: 100px;}
	.focus #pic li .pic-text .pic-text-num img{width: auto;max-width: 100%;}
	.focus #pic li .pic-text .pic-text-p{left: 0;width: 100%;padding: 0 15px 30px;}
	.focus #pic li .pic-text .pic-text-p h4{padding:30px 0 0;font-size:18px;}
	.focus #pic li .pic-text .pic-text-p p{margin-top: 15px;}
	.focus #pic li .pic-text .pic-text-p a{margin-top: 35px;}
	#wap-hzhb{display: block;}
	#pc-hzhb{display: none;}
	.hzhb-ul li{width: 45%;float: left;}
	.hzhb-ul li:nth-child(2n){float: right;}
	.slides li p{font-size: 22px;}
	
	.infa-927 .infa-927-div{margin-bottom: 30px;}

	.pc-in-cp{display: none;}
	.wap-in-cp{display: block;}
	.wap-in-cp-div{margin-bottom: 20px;}
	.wap-in-cp-pt{display: flex;justify-content: space-between;width: 100%;}
	.wap-in-cp-pt h2{font-size: 18px;margin: 0;}
	.wap-in-cp-pt a{font-size: 14px;}
	.wap-in-cp ul{}
	.wap-in-cp ul li{}
	.wap-in-cp ul li a{display: block;width: 100%;overflow: hidden;margin-top: 20px;}
	.wap-in-cp ul li a figure{width: 100%;height: 120px;background: #fff;overflow: hidden;display: flex;justify-content: center;align-items: center;}
	.wap-in-cp ul li a figure img{width: 100%;}
	.wap-in-cp ul li a h3{font-size: 14px;text-align: center;margin: 10px 0 0;}

	#pc-in-news{display: none;}
	.wap-in-news{display: block;}
	.wap-in-news .swiper{padding-bottom: 20px;}
	.wap-in-news .swiper .swiper-pagination-bullet-active{background: #E50012;}

	.wap-in-jjfa{display:block;}
	#pc-in-jjfa{display: none;}
	.wap-in-jjfa ul{}
	.wap-in-jjfa ul li{display: flex;justify-content: space-between;margin-bottom: 15px;}
	.wap-in-jjfa ul li figure{width: 100%;height: 70px;background: #fff;overflow: hidden;display: flex;justify-content: center;align-items: center;}
	.wap-in-jjfa ul li figure img{width: auto;height: 100%;}
	.wap-in-jjfa ul li .wap-in-jjfa-l{width: 26%;}
	.wap-in-jjfa ul li .wap-in-jjfa-r{width: 69%;}
	.wap-in-jjfa ul li .wap-in-jjfa-r h4{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.wap-in-jjfa ul li .wap-in-jjfa-r p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.wap-in-about{display: block;}
	.wap-in-about-t img{width: 100%;}
	.wap-in-about-p p{text-align: justify;font-size: 14px;line-height: 25px;}
	.wap-in-about-t a{display: block;width: 120px; height: 40px;line-height: 40px;background: #E50012;margin: 45px 0;text-align: center;transition: all 0.3s;
		color: #fff;font-size: 16px;}
}

@media (max-width: 640px){
	.sycp-ul li .sycp-text {height: 228px;}
	.focus #tip ul li{margin: 0 5%;}
	.indexfa{height: auto;}
}

@media (max-width: 510px){
	.sycp-ul li .sycp-text {height: 182px;padding: 0 10px 0 20px;}
	.sycp-ul li:nth-child(2n) .sycp-text{padding-left: 10px; padding-right: 20px;}
	.sycp-ul li .sycp-text h4 {padding: 4px 0 0;}
	.sycp-ul li:nth-child(3) .sycp-text{padding-left: 20px;padding-right: 10px;}
	.sycp-ul li .sycp-text p{line-height: 22px;}
	.sycp-ul li .sycp-text span{margin-bottom: 10px;}
	.sycp-a{width: 130px;height: 40px;line-height: 40px;}
	.sycp-a a{font-size: 14px;}
	.flexslider .src{bottom: 15px;display: none;}
	.hzhb-ul{margin-bottom: 30px;}
	.flex-direction-nav .flex-prev {
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		right: 10px;
	}
	.flex-direction-nav li a {
		width: 20px;
		height: 20px;
		margin: 6% 0 0;
	}
}

@media (max-width: 480px){
	.sycp-ul li .sycp-text {height: 170px;}
	.sycp-ul li .sycp-text p{
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
	}
}

@media (max-width: 375px){
	.sycp-ul li .sycp-text {height: 135px;}
}