/* 1.清除浏览器默认样式 */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
/* 2.针对性处理 */
ol,ul{ list-style:none;}            /*清除列表默认风格*/
input{outline:none;}
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button{  
    -webkit-appearance: none !important;  
    margin: 0;  
}  
textarea{ resize:none;}             /*文本域禁止拖拽*/
img{ border:none; /*display:block;*/}   /*清除图片链接在ie下默认边框，图片底部默认的空白*/
i,em{font-style:normal;}
b,strong{font-weight:normal;}
u{text-decoration:none;}
/* 3.设置全局样式 */
body{ color:#333; font-size:16px; font-family:"微软雅黑";background:#fff;width:100%;}
a{color:#333; text-decoration:none;cursor:pointer;}
li{list-style: none; text-decoration: none;}
/* 4.定义常用类 */
.w{ width:1180px; margin:0 auto; }  /*版心*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.wp1200{width: 1200px; margin: 0 auto;}
/*----------------------------------------------------------------------------------------------------------------*/
.base_tl{width:100%;height:40px;border-bottom:1px solid #d9d9d9;font-size:16px;}
.base_tl .b_one{display:block;color:#666;line-height:40px;}
.base_tl .b_two{display:block;padding-left:22px;box-sizing:border-box;line-height:40px;color:#666;background:url(../images/tel.png) no-repeat center left;margin-right:30px;}
.sub_web{position: relative;margin-right:32px;width:88px;height:40px;z-index:100;}
.sub_web span{display:block;width:88px;height:41px;line-height:40px;color:#666;padding-right:24px;background:url(../images/s_down.png) no-repeat center right;box-sizing:border-box;border-bottom:1px solid #d9d9d9;cursor:default;}
.sub_web:hover span{color:#0e54b0;background:url(../images/s_down1.png) no-repeat center right;}
.web_menu{position: absolute;display:none;z-index:5;background:#fff;width:230px;top:41px;left:-56%;}
.sub_web:hover .web_menu{display:block;}
.web_menu a{display:block;width:50%;line-height:36px;padding:0 0 0 20px;box-sizing:border-box;font-size:14px;float:left;}
.web_menu a:hover{color:#0e54b0;background:#eee;}
.i_two{display:block;width:22px;height:22px;margin-top:9px;}
.i_one{display:block;width:22px;height:22px;margin-top:9px;margin-right:10px;}

.base_hd .logo{display:block; margin-top: 10px;}
.base_hd .w h1{line-height: 110px;font-size: 24px;margin-left: 15px;font-weight:normal;}

.search{width:690px;height:55px;margin-top:28px;z-index:4;}
.search .search_class{width:125px;height:55px;position:relative;z-index:4;}
.search .search_class span{display:block;width:125px;height:53px;line-height:53px;text-align:center;position: relative;color:#666;cursor:pointer;border:1px solid #d9d9d9;letter-spacing:20px;background:#fff;}
.search .search_class span::before{content:"";width:14px;height:13px;background:url(../images/s_down.png) no-repeat center center;position: absolute;top:20px;right:20px;}
.search_class_ul{width:125px;height:270px;position: absolute;top:55px;left:0;background:#fff;border:1px solid #d9d9d9;}
.search_class_ul li{height:54px;line-height:54px;color:#666;text-align:center;cursor:pointer;}
.search_class_ul li:hover{background:#0e54b0;color:#fff;}
.search .search_ipt{position: relative;border:1px solid #d9d9d9;}
.search .search_ipt input{width:300px;height:53px;color:#666;font-size:16px;padding:0 22px 0 22px;border:none;}
.search .search_ipt .sch_link_box{width:285px;background:#fff;padding:25px 30px;position: absolute;left:0;top:55px;z-index:9981;display:none;}
.search .search_ipt .sch_link_box div{display:none;}
.search .search_ipt .sch_link_box div.nowsch{display:block;}
.search .search_ipt .sch_link_box div a{display: block;float: left;padding: 4px 6px;border: 1px solid #d9d9d9;border-radius: 4px;font-size: 12px;margin: 0 10px 14px 0;color: #666;}
.search .search_ipt .sch_link_box div a:hover{border:1px solid #0e54b0;color:#0e54b0;}
.search button{display:inline-block;width:55px;height:55px;border:none;cursor:pointer;background:#0e54b0 url(../images/sch_bt.png) no-repeat center center;}
.d_n{display:none;}

.nav{width:100%;height:50px;background:#ebebeb;z-index:999;}
.nav_menu{width:200px;height:50px;position: relative;}
.nav_menu > span{display:block;width:220px;height:50px;line-height:50px;font-size:18px;color:#0e54b0;/*background:#37312c;*/text-align:center;text-indent:2em;position: relative;cursor:default;}
.nav_menu > span::before{content:"";width:22px;height:16px;background:url(../images/nav_menu.png) no-repeat center center;position: absolute;top:17px;left:68px;}
.nav_menu:hover > span {background:#37312c;}
.menu_box{width:190px;background:#616161;position:absolute;left:0;top:50px;padding:18px 0 30px 30px;z-index:3;display:none;}
.nav_menu:hover .menu_box{display:block;}
.menu_box_li{width:190px;height:49px;}
.menu_box_li>a{display:block;width:190px;height:49px;border-radius:6px 0 0 6px;text-align:center;line-height:49px;color:#fff;font-size:18px;}
.menu_box_li:hover>a{background:#fff;color:#0e54b0;}
.menu_box_li>a:hover{font-weight:600;}
.menu_box_li .li_submenu{width:250px;height:520px;background:#fff;position:absolute;top:0;left:220px;padding-top:18px;display:none;}

.menu_box_li:hover .li_submenu{display:block;}
.menu_box_li .li_submenu a{display:block;height:36px;line-height:36px;text-indent:2em;}
.menu_box_li .li_submenu a:hover{color:#0e54b0;}
.menu_box_li div.case_li{}
.menu_box_li div.case_li a{display:block;height:49px;line-height:49px;color:#000;text-indent:2em;}
.menu_box_li div.sys_li{padding-right:40px;}
.menu_box_li div.sys_li a{display:block;height:49px;line-height:49px;color:#000;text-align:center;float:left;}
.menu_box_li div.cp_li{}
.menu_box_li div.cp_li .submenu_item{width:100%;height:38px;}
.menu_box_li div.cp_li .submenu_item > a{display:block;height:38px;line-height:38px;text-indent:2em;}
.menu_box_li div.cp_li .submenu_item > a:hover{color:#0e54b0;font-weight:bold;}
.menu_box_li div.cp_li .submenu_item:hover > a{background:#f5f5f5;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm{width:278px;height:516px;background:#f5f5f5;padding:22px 0 0 22px;position: absolute;top:0;left:250px;display:none;}
.menu_box_li div.cp_li .submenu_item:hover .submenu_iyem_sm{display:block;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm span{display:block;width:100%;font-size:26px;color:#000;text-align:left;margin-bottom:10px;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm a{display:block;height:34px;line-height:34px;}
.menu_box_li div.cp_li .submenu_item .submenu_iyem_sm a:hover{color:#0e54b0;}
.menu_box_li div.sc_li{}
.menu_box_li div.sc_li .caselist{display:block;width:120px;height:40px;line-height:36px;background:#fff;border-radius:5px;color:#fff;border:1px solid #0e54b0;color:#0e54b0;cursor:pointer;margin-left:2em;margin-top:40px;text-align:center;text-indent:0 !important;}
.menu_box_li div.sc_li .caselist:hover{background:#0e54b0;color:#fff;}
.base_hd{height: 100px;}
.nav_zw{width:100%;}
.nav{position:absolute;left:0;top:140px;}
.nav .w > a{display:block;float:left;width:160px;height:50px;color:#fff;line-height:50px;text-align:center;font-size:18px;}
.nav .w > a:hover{background:#fff;color:#0e54b0;}
.nav_height{float: left;width:100px;height:50px;position: relative;}
.nav_height>a{display:block;width:100px;height:50px;line-height:50px;color:#0e54b0;text-align:center;font-size:16px;}
.nav_height:hover>a{background:#fff;color:#0e54b0;}
.nav_height:hover>a:hover{font-weight:600;}
.nav_height>span{width:160px;position: absolute;top:50px;left:0;background:#fff;font-size:18px;display:none;z-index:100;box-shadow:2px 2px 10px #ccc;}
.nav_height:hover span{display:block;}
.nav_height >span >a{display:block;width:160px;height:50px;line-height:50px;text-align:center;color:#333;font-size:16px;padding:0 12px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nav_height >span >a:hover{background:#eee;}

.tle2 .h3{
	font-size: 32px;
	color: #333333;
	line-height:45px;
}
.tle2 .h3 em{
	color:#b6433e;
}
.tle2 .h4{
	font-size: 36px;
	color: #999999;
	line-height:45px;
	letter-spacing: -1px;
	font-weight: 100;
	font-family: FZYaoti;
	margin-left: 20px;
	text-transform: none;
}

/*系统和产品下拉后续更改的*/
.nav_sys_menu{width:730px;overflow:hidden;position: absolute;left:-220px;top:50px;background:#fff;z-index:3;padding:30px 65px;box-sizing:border-box;display:none;}
.nav_sys:hover .nav_sys_menu{display:block;}
.nav_sys_menu>div{overflow:hidden;}
.nav_sys_menu >.fl{width:1000px;}
.nav_sys_menu >div>span{display:block;height:34px;font-size:18px;line-height:18px;color:#0e54b0;padding-left:36px;padding-bottom:12px;border-bottom:1px solid #0e54b0;background:url(../images/nav_sys_bg1.png) no-repeat top left;box-sizing:border-box;}
.nav_sys_menu >.fl a{display:block;float: left;font-size:16px;padding:12px 0;margin-right:40px;}
.nav_sys_menu >.fl a:nth-of-type( n + 7 ){clear:left;}
.nav_sys_menu >.fl a:hover{color:#0e54b0;}
.nav_sys_menu >.fr{width:596px;position: relative; float: left;}
.nav_sys_menu >div.fr >span{background:url(../images/nav_sys_bg2.png) no-repeat top left;width:100%;}
.nav_sys_menu >.fr .bg_pic{width:596px;height:204px;margin-top:12px;overflow:hidden;position:relative;}
.nav_sys_menu >.fr .bg_pic img{position: absolute;top: -120px;left: -50px;transition: all 1s;}
.nav_sys_menu >.fr .nav_sys_class{width:596px;height: 256px;position: absolute;top: 46px;left: 0;}
.nav_sys_menu >.fr .nav_sys_class span{display:block;}
.nav_sys_menu >.fr .nav_sys_class span a{display:block;color:#fff;text-align:center;line-height:60px;width:140px;height:60px;float:left;border-right:12px solid #f5f5f5;border-bottom:12px solid #f5f5f5;overflow:hidden;}
.nav_sys_menu >.fr .nav_sys_class span a:nth-of-type(4n){border-right:0;}
.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(1),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(2),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(3),.nav_sys_menu >.fr .nav_sys_class span a:nth-last-of-type(4){}
.nav_sys_menu >.fr .nav_sys_class span a:hover{background:#fff;color:#0e54b0;}
.nav_pro_menu{width:1180px;overflow:hidden;position: absolute;left:-380px;top:50px;background:#fff;background:url('../images/nav_meunbg.jpg') no-repeat center center ;z-index:3;padding:10px 43px;box-sizing:border-box;display:none;}
.nav_pro:hover .nav_pro_menu{display:block;}
.nav_pro_li{width:100%;border-bottom: 1px dashed #d9d9d9;line-height:40px;overflow:hidden;margin-bottom:8px;padding-bottom:8px;}
.nav_pro_li .fl{display:block;width:195px;font-size:16px;color:#000;}
.nav_pro_li .fl a:hover,.nav_pro_li .fl:hover{color:#0e54b0;}
.nav_pro_li .fr{width:880px;overflow:hidden;}
.nav_pro_li .fr a{display:block;float:left;font-size:14px;color:#666;margin-right: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav_pro_li .fr a:hover{color:#0e54b0;}

/* 案例名录 */
.caselistbox{background:#fff;padding:24px;box-sizing:border-box;}
.caselistbox .p1{font-size: 22px;line-height: 44px;color: #0e54b0;margin-bottom: 20px;border-bottom: 1px solid #bbb;}
.caselistbox span{color: #0e54b0;display: block;}
.caselistbox ul li{float: left;width:210px;line-height:24px;font-size:14px;padding-right:10px;}

@media (max-height: 800px) {
    .nav_pro_li{line-height:40px;margin-bottom:4px;padding-bottom:4px;}
}

.banner{width:100%;height:700px;position:relative;overflow:hidden;background:#000; padding-top: 50px;}
.banner ul{position: absolute;left:0;top:0;width:1000%;transition:all 0.5s;}
.banner ul li{float:left;height:700px;position:relative;overflow:hidden; padding-top: 50px;}
.banner ul li img,.banner ul li video.video_fm{width:100%;height:700px; overflow: hidden;}
.banner b{display: block;width: 70px;height: 70px;border-radius: 4px;background: url(../images/sybnnr_left.png) no-repeat center center;position: absolute;top: 49%;left: 4%;margin-top: -35px;cursor: pointer;z-index: 2;}
.banner b.next{left: auto;right: 4%;background: url(../images/sybnnr_right.png) no-repeat center center;}
.banner>b:hover{background-color:rgba(14,84,176,.8);}
.banner ol{position: absolute;bottom: 20px;left: 50%;width:200px;margin-left:-100px;z-index:2;text-align:center;}
.banner ol li{display:inline-block;width: 10px;height: 10px;border-radius: 10px;margin: 0 5px;background: #eee;cursor: pointer;}
.banner ol li.ol_current{background:#0e54b0;}
.banner ul li .video_btn{display:block;width:190px;height:56px;box-sizing:border-box;border:1px solid #0e54b0;border-radius:4px;background:rgba(247,214,206,0.7);font-size:18px;color:#0e54b0;line-height:52px;padding-left:26px;position:absolute;top:50%;left:60%;}
.banner ul li .video_btn::after{content:"";width:27px;height:27px;background:url(../images/video_btn_1.png) no-repeat center center;position: absolute;top:13px;right:22px;}
.banner ul li .video_btn:hover{color:#fff;background:#0e54b0;cursor:pointer;}
.banner ul li .video_btn:hover::after{background:url(../images/video_btn_2.png) no-repeat center center;}
/* pro */

.index-solution {
	padding: 80px 0
}

.index-solution .index-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.index-solution .index-title-main {
	margin-right: 30px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 260px;
	-moz-box-flex: 0;
	-ms-flex: 0 0 260px;
	flex: 0 0 260px
}

.index-solution .index-title-menu {
	margin-bottom: 5px
}

.index-solution-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 45px
}

.index-solution-list li {
	padding: 0 15px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index-solution-list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 134.11765%;
	color: #fff;
	overflow: hidden
}

.index-solution-list li a:hover .text-box {
	opacity: 0;
	visibility: hidden
}

.index-solution-list li a:hover .mask-box {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.index-solution-list li .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0
}

.index-solution-list li .text-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 50px 30px 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, transparent, rgba(0,0,0,0.7));
	background: linear-gradient(180deg, transparent, rgba(0,0,0,0.7));
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.index-solution-list li .text-box .more {
	margin-top: 36px
}

.index-solution-list li h3,.index-solution-list li .en {
	line-height: 1.2;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.index-solution-list li h3 {
	height: 28.8px;
	font-size: 24px;
	font-weight: 600
}

.index-solution-list li .en {
	margin-top: 3px;
	height: 16.8px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase
}

.index-solution-list li .more {
	font-size: 12px
}

.index-solution-list li .more i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	font-size: 14px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.index-solution-list li .p {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 56px;
	padding-top: 22px;
	line-height: 30px;
	font-size: 13px
}

.index-solution-list li .p-box {
	max-height: 168px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	word-break: break-word
}

.index-solution-list li .p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 2px;
	width: 50px;
	background-color: #fff
}

.index-solution-list li .mask-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 100px 40px 40px;
	background: rgba(229,1,18,0.95);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 6;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	-o-transition: transform .4s;
	-moz-transition: transform .4s, -moz-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s, -moz-transform .4s
}

.index-solution-list li .mask-box .more {
	margin-top: 30px
}

@media screen and (max-width: 1800px) {
	.index-solution-list li .p {
		margin-top: 30px
	}

	.index-solution-list li .mask-box {
		padding-top: 80px
	}
}

@media screen and (max-width: 1600px) {
	.index-solution-list {
		margin: 0 30px
	}

	.index-solution-list li .text-box .more {
		margin-top: 25px
	}

	.index-solution-list li h3 {
		height: 26.4px;
		font-size: 22px
	}

	.index-solution-list li .en {
		height: 14.4px;
		font-size: 12px
	}

	.index-solution-list li .more {
		font-size: 12px
	}

	.index-solution-list li .mask-box {
		padding-top: 60px
	}
}

@media screen and (max-width: 1440px) {
	.index-solution-list {
		margin: 0 20px
	}

	.index-solution-list li {
		padding: 0 10px
	}

	.index-solution-list li .p {
		margin-top: 25px
	}

	.index-solution-list li .mask-box {
		padding: 50px 30px 30px
	}
}

@media screen and (max-width: 1261px) {
	.index-solution {
		padding: .35rem 0
	}

	.index-solution .index-title {
		display: block;
		margin-bottom: 28px
	}

	.index-solution .index-title-main {
		margin-right: 0
	}

	.index-solution .index-title-menu {
		margin-bottom: 0
	}

	.index-solution-list li .text-box {
		padding: 40px 24px 24px
	}

	.index-solution-list li .text-box .more {
		margin-top: 20px
	}

	.index-solution-list li h3 {
		height: 24px;
		font-size: 20px
	}

	.index-solution-list li .p {
		margin-top: 20px;
		padding-top: 15px;
		line-height: 28px
	}

	.index-solution-list li .p-box {
		max-height: 127px;
		-webkit-line-clamp: 4
	}

	.index-solution-list li .p:before {
		width: 40px
	}

	.index-solution-list li .mask-box {
		padding: 40px 24px 24px
	}

	.index-solution-list li .mask-box .more {
		margin-top: 20px
	}
}

@media screen and (max-width: 1024px) {
	.index-solution .index-title {
		margin-bottom: 20px
	}

	.index-solution-list li .text-box {
		padding: 40px 18px 18px
	}

	.index-solution-list li .text-box .more {
		margin-top: 16px
	}

	.index-solution-list li h3 {
		height: 21.6px;
		font-size: 18px
	}

	.index-solution-list li .p {
		margin-top: 14px;
		padding-top: 12px;
		line-height: 22px;
		font-size: 12px
	}

	.index-solution-list li .p-box {
		max-height: 81px;
		-webkit-line-clamp: 3
	}

	.index-solution-list li .p:before {
		width: 40px
	}

	.index-solution-list li .mask-box {
		padding: 30px 18px 18px
	}

	.index-solution-list li .mask-box .more {
		margin-top: 20px
	}
}

@media screen and (max-width: 750px) {
	.index-solution {
		padding-bottom: .25rem
	}

	.index-solution .index-title {
		margin-bottom: 20px
	}

	.index-solution-list {
		margin: 0 .075rem
	}

	.index-solution-list li {
		margin-bottom: .15rem;
		width: 50%;
		padding: 0 .075rem
	}

	.index-solution-list li .text-box {
		padding: .2rem .15rem .15rem
	}

	.index-solution-list li .text-box .more {
		margin-top: 12px
	}

	.index-solution-list li h3 {
		height: 19.2px;
		font-size: 16px
	}

	.index-solution-list li .en {
		font-size: 11px
	}

	.index-solution-list li .more {
		font-size: 11px
	}

	.index-solution-list li .more i {
		font-size: 13px
	}

	.index-solution-list li .p {
		margin-top: 12px;
		padding-top: 12px
	}

	.index-solution-list li .p-box {
		max-height: 78px
	}

	.index-solution-list li .p:before {
		width: 30px;
		height: 1px
	}

	.index-solution-list li .mask-box {
		padding: .3rem .15rem .15rem
	}

	.index-solution-list li .mask-box .more {
		margin-top: 15px
	}
}

.show_tl{width:100%;position: relative;padding:58px 0;overflow:hidden;}
.show_tl ul{}
.show_tl ul li{float: left;margin-right:40px;}
.show_tl ul li:nth-last-of-type(1){margin-right:0;}
.show_tl ul li a img{display:block;width:100%;}

/*首页系统*/
.sys_case{width:100%;height:760px;}
.sys_case span{display:block;width:100%;height:120px;background:url(../images/sys_tl.png) no-repeat center center;margin-bottom:30px;}
.sys_case .case_ul{width:100%;overflow:hidden;margin-bottom:46px;position:relative;height:446px;}
.sys_case ul{width:3600px;position:absolute;left:-10px;top:0;transition:all 0.5s;}
.sys_case ul li{width:380px;height:446px;background:#eee;margin:0 10px;float: left;}
.sys_case ul li a{display:block;}
.sys_case ul li a img{width:380px;height:376px;display:block;}
.sys_case ul li a p{height:70px;font-size:20px;line-height:70px;text-align:center;}
.sys_case ul li a:hover p{background:#0e54b0;color:#fff;}
.sys_case ol{display:block;width:120px;height:40px;margin:0 auto;cursor:pointer;}
.sys_case ol li{float: left;width:60px;height:40px;background:#eb8a71 url(../images/sys_prev.png) no-repeat center center;}
.sys_case ol li.next{background:#eb8a71 url(../images/sys_next.png) no-repeat center center;}
.sys_case ol li:hover{background-color:#0e54b0!important;}

/*子站首页系统*/
.child-index-sys.sys_case{height:660px;}
.child-index-sys.sys_case .case_ul{height:346px;}
.child-index-sys.sys_case ul li{height:346px;}
.child-index-sys.sys_case ul li a img{height:276px;}
.part_bg{background-color: #555;}
.su_case{width:100%;height:970px;background:url(../images/su_bg.jpg) no-repeat top center;background-size:100% 100%;padding:44px 0 80px 0;}
.su_case .w>span{display:block;width:370px;height:90px;background:url(../images/su_tl.png) no-repeat center center;margin-bottom:50px;}
.case_cont{width:100%;height:780px;}
.case_cont a{display:block;float: left;width:380px;height:350px;margin-right:20px;margin-bottom:20px;position: relative;overflow:hidden;}
.case_cont a:nth-of-type(3n){margin-right:0;}
.case_cont a .case_pic{width:380px;height:279px;overflow:hidden;}
.case_cont a img{width:380px;height:279px;transition: all 1s;}
.case_cont a:hover img{transform:scale(1.2);}
.case_cont a span{display:block;background-image:none;width:380px;height:70px;color:#fff;line-height:20px;padding:15px 16px;box-sizing:border-box;position: relative;overflow:hidden;text-overflow:ellipsis;position: relative;}
.case_cont a span::after{content:'';width:0;height:0;border-bottom:24px solid #0e54b0;border-left:24px solid transparent;position:absolute;right:0;bottom:0;}
.su_case .case_more{display:block;width:180px;height:50px;background:#0e54b0;border-radius:35px;line-height:50px;text-align:center;color:#fff;font-size:20px;margin:0 auto;}