#cmsFloatPanel{overflow:hidden;}
#cmsFloatPanel .ctrolPanel{width:50px;height:203px;background: url(../images/panel-bg.png) no-repeat left top;position:fixed;right:20px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .ctrolPanel a{width:50px; height: 50px; font-size:12px;color:#ff3300;text-align:center;overflow:hidden; text-decoration:none;}
#cmsFloatPanel .ctrolPanel a:hover{background: rgba(255,255,255,0.3);}
#cmsFloatPanel .ctrolPanel .arrow{line-height:28px;display:block;margin:1px auto;}
#cmsFloatPanel .ctrolPanel .arrow span{display:none;}
#cmsFloatPanel .ctrolPanel .arrow:hover{}
#cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;}
#cmsFloatPanel .ctrolPanel .service{display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;}
#cmsFloatPanel .ctrolPanel .message{display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;}
#cmsFloatPanel .ctrolPanel .qrcode{display:block;margin:2px auto;}
#cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;}

#cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}

#cmsFloatPanel .servicePanel{width:128px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .servicePanel .servicePanel-inner{width:128px;position:relative;overflow:visible;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{display: none; width:10px;height:30px;position:absolute;right:1px;top:50px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #348ee3; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:128px;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:128px;height:31px;background:url(../images/top.png) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:128px;background:url(../images/middle.png) repeat-y left top;overflow:hidden;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:100px;margin:0 15px; padding:4px 0px 4px 0px; text-align: center; line-height: 20px;}
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup a{font-size: 12px; color: #000;}
.qqimg{ margin-bottom:-3px;}

#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:128px;height:22px;background:url(../images/bottom.png) no-repeat left top;overflow:hidden;}

#cmsFloatPanel .messagePanel{width:280px;height:90px;position:fixed;right:70px;top:255px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .messagePanel .messagePanel-inner{width:280px;position:relative;overflow:visible;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:15px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #fff;left:1px;}
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:270px;background:#fff;position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:7px 15px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p{font-size:12px;color:#666;line-height:22px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;}

#cmsFloatPanel .qrcodePanel{width:210px;height:240px;position:fixed;right:70px;top:143px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:210px;position:relative;overflow:visible;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:180px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #fff;left:1px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:200px;background:#fff;border:position:absolute;left:0;top:0;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{max-width:200px;border:none;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;}

.index_pro{width: 100%;position: relative;padding: 20px 0 20px 0;text-align: center;}
.pro_box{padding-top: 10px;}
.tab_pro{overflow: hidden;}
.tab_pro ul{text-align: center;position: relative;}
.tab_pro li{width: 180px;line-height: 50px;background: #ffffff;display: inline-block;font-size: 16px;color: #343434;margin: 0 12px;position: relative;cursor: pointer;}
.tab_pro li a{display: block;}
.tab_pro li.on{background-color: #fd2d00;background-size: 100% 100%;color: #ffffff;}
.con_pro{overflow: hidden;}
.con_pro ul{position: relative;}
.con_pro li{float: left;width: 23.5%;margin: 2% 1.5% 0 0;}
.con_pro li:nth-child(4n){margin-right: 0;}
.con_pro li a{display: block;}
.con_pro li .pic{border: 1px solid #dcdcdc;width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.con_pro li .pic img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.con_pro li p{font-size: 16px;color: #333333;line-height: 50px;background: #e8e8e8;text-align: center;}
.con_pro li a:hover p{background: #fd2d00;color: #ffffff;}
@media screen and (max-width:767px){
.index_pro {padding: 0px 0 0px 0;}
    .tab_pro li {font-size: 14px;float: left;width: 49%;margin: 0 2% 2% 0;line-height: 40px;}
    .tab_pro li:nth-child(2n){margin-right: 0;}
    .con_pro li {width: 49%;margin: 2% 2% 0 0!important;}
    .con_pro li:nth-child(2n){margin-right: 0!important;}
    .con_pro li p{line-height: 35px;}
}
@media screen and (max-width:1499px){

    
    .index_pro1{padding: 60px 0 60px 0;}
    .pro_box1 {padding-top: 30px;}
}
*{margin:0;padding:0;border-width:0;box-sizing:border-box;font-weight:normal;}

.index_pro1{width: 100%;position: relative;padding: 20px 0 20px 0;text-align: center;}
.pro_box1{padding-top: 10px;}
.tab_pro1{overflow: hidden;}
.tab_pro1 ul{text-align: center;position: relative;}
.tab_pro1 li{width: 180px;line-height: 50px;background: #ffffff;display: inline-block;font-size: 16px;color: #343434;margin: 0 12px;position: relative;cursor: pointer;}
.tab_pro1 li a{display: block;}
.tab_pro1 li.on{background-color: #fd2d00;background-size: 100% 100%;color: #ffffff;}
.con_pro1{overflow: hidden;}
.con_pro1 ul{position: relative;}
.con_pro1 li{float: left;width: 23.5%;margin: 2% 1.5% 0 0;}
.con_pro1 li:nth-child(4n){margin-right: 0;}
.con_pro1 li a{display: block;}
.con_pro1 li .pic{border: 1px solid #dcdcdc;width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.con_pro1 li .pic img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.con_pro1 li p{font-size: 16px;color: #333333;line-height: 50px;background: #e8e8e8;text-align: center;}
.con_pro1 li a:hover p{background: #fd2d00;color: #ffffff;}
@media screen and (max-width:767px){
.index_pro1 {padding: 20px 0 20px 0;}
    .tab_pro1 li {font-size: 14px;float: left;width: 49%;margin: 0 2% 2% 0;line-height: 40px;}
    .tab_pro1 li:nth-child(2n){margin-right: 0;}
    .con_pro1 li {width: 49%;margin: 2% 2% 0 0!important;}
    .con_pro1 li:nth-child(2n){margin-right: 0!important;}
    .con_pro1 li p{line-height: 35px;}
}
@media screen and (max-width:1499px){

    
    .index_pro1{padding: 0px 0 0px 0;}
    .pro_box1 {padding-top: 30px;}
}
*{margin:0;padding:0;border-width:0;box-sizing:border-box;font-weight:normal;}


.index-new {
	min-width: 1300px;
	padding-top: 40px;
	padding-bottom: 65px;
	background: #E8E8E8;
}

.index-new-title h5 {
	font-size: 32px;
	color: #333333;
	margin-bottom: 10px;
	text-align: center;
}

.index-new-title h6 {
	font-size: 16px;
	color: #595959;
	text-align: center;
}

.index-new-switch {
	font-size: 15px;
	color: #666;
	text-align: center;
	margin-top: 15px;
}

.index-new-switch li {
	display: inline-block;
	text-align: center;
	padding-left: 32px;
	padding-right: 32px;
	position: relative;
}

.index-new-switch li span {
	cursor: pointer;
}

.index-new-switch li span:hover {
	color: #026bbc;
}

.index-new-switch li.on span {
	color: #026bbc;
}

.index-new-switch .li {
	max-width: 1600px;
	font-size: 0;
	margin: 0 auto;
	margin-top: 48px;
}

.index-new-switch-title {
	display: none;
}

.new-more {
	display: block;
	width: 379px;
	height: 51px;
	margin: 0 auto;
	margin-top: 30px;
	background: url(/static/images/case_icon_0.png);
	transition: all .3s ease;
}

@media screen and (max-width: 1500px) {
	.new-more {
		margin-top: 50px;
	}
}

@media screen and (max-width: 1400px) {
	.new-more {
		margin-top: 40px;
	}
}

.new-more:hover {
	opacity: .7;
}


@media screen and (max-width: 1400px) {
	.new-more {
		margin-top: 40px;
	}
}
.index-new-switch .li .left {
	position: relative;
	width: 578px;
height: 426px;
	display: inline-block;
	vertical-align: top;
	transition: all .4s ease-out;
}

.index-new-switch .li .left:hover {
	transform: translate3d(0, -5px, 0);
}

.index-new-switch .li .left:hover .swiper-slide-text .text h5 {
	color: #026bbc;
}

.index-new-switch .li .left-box {
	background:#f3f3f3;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;

	box-sizing: border-box;
}

.index-new-switch .li .left-box-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-new-switch .li .left .swiper-slide-text .date {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	background: #026bbc;
	text-align: center;
}

.index-new-switch .li .left .swiper-slide-text .date .d {
	font-size: 58px;
	color: #FFF;
	font-family: "CG";
	line-height: 58px;
	margin-top: 6px;
}

.index-new-switch .li .left .swiper-slide-text .date .ym {
	margin-top: 2px;
	line-height: 16.4px;
	font-size: 16.4px;
	font-family: "Arial";
	color: #FFF;
}

.index-new-switch .li .right {
	margin-left: 22px;
	width: 1600px;
height: 426px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.index-new-switch .li .right-li {
	position: relative;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 33%;
	height: 140px;
	transition: all .4s ease-out;
}

.index-new-switch .li .right-li:nth-child(even) {
	padding-left: 2px;
	box-sizing: border-box;
}

.index-new-switch .li .right-li:nth-child(n+3) {
	padding-top: 1px;
	box-sizing: border-box;
}

.index-new-switch .li .right-li-box {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #fbfbfb;
}

.index-new-switch .li .right-li:hover {
	z-index: 100;
	box-shadow: 0 8px 35px rgba(0, 0, 0, .2);
}

.index-new-switch .li .right-li:hover .date .d {
	color: #026bbc;
}

.index-new-switch .li .right-li:hover .date .ym {
	color: #026bbc;
}

.index-new-switch .li .right-li:hover .text h5 {
	color: #026bbc;
}

.index-new-switch li+li:before {
	content: "";
	position: absolute;
	left: -8px;
	top: 11px;
	width: 15px;
	height: 1px;
	background: #BABABA;
}

.index-new-switch .li .right .shadow {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	background-size: 100% 100%;
}

.index-new-switch .li .right .date {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 100%;
	padding-top: 35px;
	padding-right: 25px;
	padding-left: 25px;
	box-sizing: border-box;
	text-align: center;
}

.index-new-switch .li .right .date .d {
	font-size: 42px;
	color: #555;
	font-family: "Arial";
	line-height: 42px;
	margin-top: 6px;
	transition: color .3s ease;
}

.index-new-switch .li .right .date .ym {
	margin-top: 2px;
	line-height: 14px;
	font-size: 14px;
	font-family: "Arial";
	color: #333;
	transition: color .3s ease;
}

.index-new-switch .li .right .text {
	display: inline-block;
	vertical-align: top;
	width: 333px;
	height: 100%;
	text-align: left;
	padding-top: 35px;
	box-sizing: border-box;
}

.index-new-switch .li .right .text h3 {
	font-size: 15px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .3s ease;
}

.index-new-switch .li .right .text p {
	margin-top: 10px;
	color: #888;
	font-size: 13px;
	line-height: 25px;
	height: 50px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

@media screen and (max-width: 1620px) {
	.index-new-switch .li .left {
		width: 508px;
	}
	.index-new-switch .li .left-box {
		padding-left: 15px;
		padding-right: 15px;
	}
	.index-new-switch .li .right {
		margin-left: 15px;
	}
	.index-new-switch .li .right {
		width: 900px;
	}
	.index-new-switch .li .right .date {
		padding-left: 20px;
		padding-right: 12px;
		width: 90px;
	}
	@media screen and (max-width: 1450px) {
	.index-new-switch .li .left {
		height: 480px;
		width: 458px;
	}
	.index-new-switch .li .left .swiper-slide-box {
		width: 428px;
		height: 280px;
	}
	.index-new-switch .li .left .swiper-slide-text {
		width: 428px;
	}
	.index-new-switch .li .left .swiper-slide-text .text {
		width: 338px;
	}
	.index-new-switch .li .left-box {
		padding-top: 23px;
		padding-bottom: 30px;
	}
	.index-new-switch .li .right {
		width: 800px;
		height: 480px;
	}
	.index-new-switch .li .right .date {
		padding-left: 20px;
		padding-right: 12px;
		padding-top: 45px;
		width: 90px;
	}
	.index-new-switch .li .right .text {
		width: 233px;
		padding-top: 45px;
	}
	.index-new-switch .li .right-li {
		height: 160px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.w1200,
	.w1400,
	.w1600{
		width: 100% !important;
	}
		.index-new-switch .li .left{
		display: none;
	}
	.index-new-switch .li .right{
		width: 100%;
		margin-left: 0;
	}
		.index-new-switch .li .right .text{
		width: 100%;
	}
		.index-new{
		min-width: 1px;
	}
		.index-new{
		padding: 20px 1%;
	}
	.index-new-title h5{
		font-size: 20px;
		margin-bottom: 0;
	}
	.index-new-title h6{
		display: none;
	}
	.index-new-title{
		margin-bottom: 20px;
	}
	.index-new-switch{
		margin-top: 0;
	}
	.index-new-switch li{
		padding: 0 10px;
	}
	.index-new-switch .li{
		max-width: 100%;
		margin-top: 20px;
	}
	.index-new-switch .li .right{
		height: auto;
	}
	.index-new-switch .li .right-li{
		height: auto;
		padding: 10px 0 !important;
		width: 100%;
		background: #fbfbfb;
		border-bottom: 1px solid #ccc;
	}
	.index-new-switch .li .right .date .d{
		margin-top: 0;
	}
	.index-new-switch .li .right-li-box{
		height: auto;
	}
		.index-new-switch .li .right .date{
		width: 25%;
		padding-top: 0;
		height: auto;
	}
	.index-new-switch .li .right .text{
		width: 75%;
		padding-top: 0;
		height: auto;
	}