.cont_hearer{
	text-align: center;
}
/*箭头向上*/
.arrow-up{
	float: left;
	width: 0;
	height: 0;
	border: 7px solid;
	border-color: transparent transparent #fff transparent;
}
/*箭头向左*/
.arrow-left{
	float: left;
	width: 0;
	height: 0;
	border: 7px solid;
	border-color: transparent #fff transparent transparent;
}

.cont_hearer h3{
	font-size: 35px;
	color: #2c2c2c;
	font-weight: bold;
}

.cont_hearer p{
	font-size: 25px;
	color: #2c2c2c;
}
.edition{
	text-align: center;
}
.edition div{
	display: block;
	margin: 0 auto;
	padding: 2px 10px;
	color: #fff;
	font-size: 30px;
	width: 150px;
	font-weight: bold;
}


.epoch>div{
	width: 50%;
	height: 220px;
	text-align: center;	
}
.epoch .ep_left{
	background-color: #c7000a;
	float: left;
	padding:36px 0px;

}
.epoch .ep_left h1{
	font-size: 53px;
	font-weight: bold;
	color: #fff;
}

.epoch .ep_left p{
	font-size: 33px;
	color: #fff;
}
.epoch .ep_right{
	float: right;
	padding: 75px 0px;
}
.epoch .ep_right p{
	font-size: 24px;
}
.epoch .ep_right p span{
	font-size: 36px;
	font-weight: bold;
	color: #01072b;
}
.epoch .ep_right p label{
	font-size: 51px;
	color: #c7000a;
}
.epoch>.clear{
	height: 0px;
}

.wave_gj img{
	width: 100%;
}

.bennefit{
	padding: 20px 0px 30px 0px;
}

.bennefit .bf_t {
	margin-top: 30px;
}
.bennefit .bf_t ul li{
	float:left;
	width: 20%;
	padding: 40px 16px;
	text-align: center;
	height: 300px;
}
.bennefit .bf_t ul li h6{
	color: #595959;
	font-size: 18px;
	font-weight: bold;
}
.bennefit .bf_t ul li p{
	color: #595959;
	font-size: 14px;
}
.bennefit .bf_t ul li:nth-child(2n){
	border:1px #e4ecf1 solid;
	border-radius: 15px;
	box-shadow:4px 4px 5px 3px #e4ecf1; 
}
.server img{
	width: 100%;
}
.advantage{
	margin-top: 20px;
}
.advantage .edi1{
	background-color: #214b95;
}
.advantage .edi2{
	background-color: #c7000a;
}

.advantage>.cont_hearer{
	margin-bottom: 60px;
}
.advantage .adv_video{
	margin: 40px 0px 70px 0px;
}
.advantage .adv_video .v_left{
	float: left;
	width: 50%;
	padding-top:28px;
}
.advantage .adv_video .v_left img{
	width: 100%
}
.advantage .adv_video .v_right{
	float: right;
	color: #2c2c2c;
	font-size: 25px;
	width: 50%;
	padding: 0px 0px 0px 40px;
	
}
.advantage .adv_video .v_right h3{
	font-weight: bold;
	font-size: 25px;
}
.advantage .adv_video .v_right p{
	font-size: 25px;
}
.advantage .edi2_p {
	font-size: 25px;
	text-align: center;
	margin:25px 0px 55px 0px;
}
.advantage .edi2_p span{
	background: url(../img/xuni/rise.png) no-repeat;
	text-indent:27px;
}
.advantage .content ul li{
	width: 31%;
}

.advantage .content ul li .cont_text{
	background: #fff;
}
.advantage .content ul li .cont_text p{
	font-size: 24px;
	color:#2c2c2c;
	text-align: center;
}


.advantage .content ul li .case{
	width: 100%;
	position: relative;
}
.advantage .content ul li .case img{
	width: 100%;
	height: 215px;
}
.advantage .content ul li .case .hid {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/xuni/opaque.png);
}

.advantage .content ul li .case .hid i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -12px;
    width: 35px;
    height: 35px;
    background: url(../img/xuni/icon_play.png) no-repeat center;
}

.advantage .content ul li .case .hid i{
 -webkit-transition: all .3s;

   -moz-transition: all .3s;

    -ms-transition: all .3s;

     -o-transition: all .3s;

        transition: all .3s;
    }

.advantage .content ul li:hover .case .hid{
	opacity: 0.5;
}
.advantage .content ul li .case .hid i:hover{
	background-image:url("../img/xuni/icon_play2.png");
}

.spectacle .spe_t ul li{
	float:left;
	width: 16.6666666666%;
}
.spectacle .spe_t ul li>.tu{
	position: relative;
	
}
.spectacle .spe_t ul li>.tu img{
	height: 350px;
	width: 100%;
}
.spectacle .spe_t ul li .tu div{
	display: block;
	background: #000;
	opacity:0.32;
	filter: alpha(opacity=0.32);
	position: absolute;
	top:0;
	width: 100%;
	height: 100px;
	width: 100%;
}
.spectacle .spe_t ul li .tu>p{
	color: #fff ;
	text-align: center;
	font-size: 24px;
	height: 100px;
	width: 100%;
	line-height: 100px;
	opacity:1;
	position: absolute;
	display: block;
	top:0;
}
.spectacle .spe_t ul li .ca_text{
	text-align: center;
}
.spectacle .spe_t ul li .ca_text .ca_tex_ca{
	width: 240px;
	margin:0px auto;
}
.spectacle .spe_t ul li .ca_text p{
	color:#fff;
	font-size: 15px;
	text-align: center;
	padding-top: 20px;
	float: left;
}
.spectacle .spe_t ul li .ca_text p span{
	float:left;
}
.spectacle .spe_t ul li .ca_text p .arrow-left{
	margin: 0px 0px 0 -4px
}

.spectacle .spe_t ul li .ca_text p .arrow-up{
	margin: 0px 0px 0 0px
}

.spectacle .spe_t ul .case1{
	padding-top: 120px;
}
.spectacle .spe_t ul .case2,.case3,.case4,.case5{
	background: #113778;
}
.spectacle .spe_t ul .case2 .ca_text{
	height: 295px;
}
.spectacle .spe_t ul .case3 .ca_text{
	height: 165px;
}
.spectacle .spe_t ul .case4 .ca_text{
	height: 65px;
}
.spectacle .spe_t ul .case5 .ca_text{
	height: 360px;
}

.spectacle .spe_t ul .case3  .empty_case{
	width: 100%;
	height: 130px;
	background: #fff;
}

.spectacle .spe_t ul .case4  .empty_case{
	width: 100%;
	height: 230px;
	background: #fff;
}

.spectacle .spe_t ul .case5  .empty_case{
	width: 100%;
	height: 15px;
	background: #fff;
}

.spectacle .spe_t ul .case6  .empty_case{
	width: 100%;
	height: 240px;
	background: #fff;
}
.caseshow{
	margin-top: -94px;
}
.caseshowbg{
	height: 178px;
	width: 100%;
	background: url(../img/xuni/showcase_bg.jpg) no-repeat;
}
.caseshow .cont_hearer{
	background: #282828;
	padding: 10px 0px 10px 0px;

}
.caseshow .cont_hearer h3{
	color: #fff;
}
.caseshow .cont_hearer p{
	color: #fff;
}

.numbershow ul{
	padding: 20px 50px;
}
.numbershow ul li{
	width: 25%;	
	float: left;
}
.numbershow ul li h3{
	font-weight: bold;
	font-size: 58px;
	color: #e30000;
	text-align: center;
}
.numbershow ul li p{
	padding: 0px;
	text-align: center;
	color: #2c2c2c;
	font-size: 25px;
}

.future img{
	width: 100%;
}

.activity{
	background:url(../img/xuni/huodong_01.jpg) no-repeat;
	width: 100%;
	height: 930px;
}
.activity  .cat_case{
	padding: 105px 0  0 137px;
}
.activity  .cat_case h2{
	font-size: 50px;
	color: #c9926c;
	font-weight: bold;
}
.activity .cat_case h2 span{
	font-size: 35px;
}
.activity .cat_case p{
	color: #2c2c2c;
	font-size:25px;
}
.activity .cat_case a{
	font-size: 25px;
	background: #c9926c;
	display: block;
	text-align: center;
	width: 150px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	border-radius: 20px;
	text-decoration: none;
	margin-top:25px;
}
.activity .cat_case a:hover{
	background: red;
}

.showroom{
	background: url(../img/xuni/showroom_01.jpg) no-repeat;
	width: 100%;
	height: 800px;
}
.showroom .sr_case{
	width: 665px;
	padding: 170px 0px 0px 230px;
}
.showroom .sr_case .sr_ca_left{
	color: #fff;
	width: 400px;
	text-align: left;

}
.showroom .sr_case .sr_ca_left h1{
	font-size: 50px;
	font-weight: bold;
}
.showroom .sr_case .sr_ca_left h3{
	font-size: 35px;
	font-weight: bold;
}
.showroom .sr_case .sr_ca_left p{
	font-size: 25px;
	line-height: 20px
}

.showroom .sr_case a{
	font-size: 25px;
	background: #00e3ff;
	display: block;
	text-align: center;
	width: 156px;
	height: 45px;
	line-height: 50px;
	color: #0e1843;
	font-weight: bold;
	border-radius: 20px;
	text-decoration: none;
	margin-top: 73px;

}
.showroom .sr_case a:hover{
	background: red;
	color: #fff;
}
.exhibition .scroll_horizontal2{
	height: 666px;
	width: 100%;
	padding:10px 28px;
}
.exhibition .scroll_horizontal2 .box{
	height: 666px;
	width: 100%;
}

.exhibition .scroll_horizontal2 .next{
	top: 304px;
	background-image: url(../img/xuni/xuni_right.png);
	background-repeat: no-repeat;
	width: 41px;
	z-index: 99999;

}

.exhibition  .scroll_horizontal2 .prev {
    top: 304px;
    background-image: url(../img/xuni/xuni_left.png);
    background-repeat: no-repeat;
    left: -2px;
    width: 41px;
    z-index: 99999;
}

.exhibition .scroll_horizontal2 .prev:hover { background-position: 0px 0px; }
.exhibition .scroll_horizontal2 .next:hover { background-position: 0px 0px; }

.exhibition .vido .scroll_horizontal2 .box .list li{
	width: 311px;
}
.exhibition .vido .scroll_horizontal2 .box .list li p{
	text-align: center;
	font-size: 25px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	bottom:0;
	opacity: 0.7;
}
.competitive .cont_hearer h3{
	color:#38556c;
	font-size: 50px;
}
.competitive .cont_hearer p{
	font-size: 26px;
	color:#2c2c2c;
}
.competitive .com_c{
	width: 330px;
}
.competitive .com_case{
	margin-top: 20px;
}
.competitive .com_case li{
	float: left;
	width: 25%;
}
.competitive .com_case h6{
	font-size: 20px;
	color:#2c2c2c;
	font-weight: bold;
}
.competitive .com_case p{
	font-size: 13px;
	color: #2c2c2c;
}
.competitive .com_case li .com_case_t{
	border-left: 3px solid #2c2c2c;
	padding-left: 5px;
}


.platform{
	margin-top:100px;
}
.platform .pla_case li {
	float: left;
	width: 20%;
}
.platform .pla_case li>div{
	text-align: center;
	margin-top:70px;
}
.platform .pla_case li p{
	font-size: 25px;
	color: #2c2c2c;
}
.platform .pla_case li img{
	margin: 0 auto;
}

.flowpath{
	margin-top: 100px;
}
.flowpath .flow_case img{
	width: 100%;
}
	
.vidoefooter{
	margin-top: 20px;
}
.vidoefooter .vide_left{
	float:left;
	width:50%;
	padding-top: 80px;
}
.vidoefooter .vide_left h3{
	font-size: 30px;
	color:#2c2c2c;
	font-weight: bold;
}
.vidoefooter .vide_left .vide_txt p{
	font-size: 20px;
	color: #2c2c2c;
	line-height: 17px;

}
.vidoefooter .vide_right{
	float:right;
	width: 50%;
}
.vidoefooter .vide_ewm {
	margin-top: 20px;
}
.vidoefooter .vide_ewm img{
	float: left;
	width: 150px;
	height: 150px;
}
.vidoefooter .vide_ewm_right{
	float: left;
	width: 380px;
	margin-left: 20px;
	padding-top: 20px;
}
.vidoefooter .vide_ewm_right .kuang{
	border: 1px solid #089ebc;
	color: #089ebc;
	padding:15px 25px;
	font-size: 26px;
	font-weight: bold;
}
.vidoefooter .vide_ewm_right .title{
	font-size: 48px;
	text-indent: 2em;
	font-weight: bold;
	color: #089ebc;
	font-weight: bold;
}
.vidoefooter .vide_ewm_right>p{
	color: #089ebc;
	font-size: 26px;
	font-weight: bold;
	margin-top: 10px;

}
.vidoefooter .vide_ftxt{
	text-align: center;
	font-size: 25px;
	color: #2c2c2c;
}
.vidoefooter .vide_ftxt{
	padding:60px 0px 50px 0px;
}


@media (max-width: 1450px){
  .spectacle .spe_t ul li {
	width: 240px;
	}
	.spectacle .spe_t{
		width: 1450px;
	}
}