html,body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family: "微软雅黑"
}
li{
    list-style-type: none;
}
a{
    text-decoration: none !important;
    color:inherit;
}
.texteli{
    text-overflow:ellipsis;
    overflow:hidden; 
    white-space:nowrap; 
}
.backgroundimg{
    width:100%;
    min-width:1200px;
    background-image: ;
    background-size: 100% 100%;
}
.bodybox{
    width:1200px;
    margin:0 auto;
    box-sizing:border-box;
    
}
.voicelogo{
    width:340px;
    height:72px;
    margin-bottom:30px;
    background-image: url(/uploads/image/o14images/logo.png);
    background-size: 100% 100%;
}
.mainpagehead{
    width:100%;
    height:60px;
}
.replacecon{
    width:100%;
}
.headnav{
    width:100%;
    height:60px;
}
.headnav{
    display:flex;
    padding:0;
    margin:0;
    box-sizing: border-box;
    font-family: '微软雅黑';
    font-size: 20px;
    color:white;
    background:black;
    position:relative;
}
.navunit{
    width:-webkit-calc(100% / 7);
    width:-moz-calc(100% / 7);
    width:-ms-calc(100% / 7);
    width:-o-calc(100% / 7);
    width:calc(100% / 7);
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    float:left;
    cursor:pointer;
    position: relative;
    z-index:10;
}
.navunit>a{
    width:100%;
    height:100%;
    display: inline-block;
    font-family: '微软雅黑';
    font-size: 20px;
    color:white;
    display:flex;
    align-items: center;
    justify-content: center;
}
.navlogo{
    display: inline-block;
    width:42px;
    height:42px;
    background-image: ;
    background-size: 100% 100%;
    margin-left:5px;
    
}
.redblock{
    display:block;
    width:0;
    height:100%;
    position: absolute;
    z-index: 5;
    background:red;
}
.activered{
    background:red;
}
.headbannerbox{
    width:100%;
    height:330px;
    background:lightcyan;
}
/*------轮播图——头部2------*/
#wrapper{
    width:100%;
    height:100%;
    
}
#slider-wrap{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
#slider{
    box-sizing: border-box;
    margin:0;
    padding:0;
}
#slider-wrap ul#slider{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;		
}
#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:1200px;
	height:100%;	
}
#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}
#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}
#slider-wrap ul#slider li > div span{
	font-family: neucha, arial, sans serif;
	font-size:21px;
}
#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}
/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:100px;
    top:-webkit-calc(50% - 30px);
    top:-moz-calc(50% - 30px);
    top:-ms-calc(50% - 30px);
    top:-o-calc(50% - 30px);
    top:calc(50% - 30px);
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
    -ms-user-select: none;
    user-select: none;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.btns:hover{
	background:rgba(0,0,0,0.3);	
}
#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}
#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}
/*bar*/
#pagination-wrap{
	min-width:20px;
    position: absolute;
    right: 50px;
    bottom: 40px;
	height:15px;
	text-align:center;
}
#pagination-wrap ul {
    width:100%;
    box-sizing:border-box;
}
#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}
#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}
/*header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: neucha, arial, sans serif; font-size:18px; margin-bottom:30px;} 
/*animation*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}
#slider-wrap ul#slider li img{
    width:100%;
    height:100%;
}
.bannerbi{
    width:100%;
    height:100%;
}
.change{
    opacity: 0.5;
}
.bannerimgtitle{
    display:inline-block;
    width:70%;
    position: absolute;
    bottom:15px;
    left:25px;
    color:white;
    font-size:18px;
}
.mainpagebody{
    width:100%;
    height:460px;
    margin-top:45px;
    display: flex;
}
.pagebodyleft{
    width:930px;
    height:100%;
    display: inline-flex;
}
.bodyleftcontent{
    width:49%;
    height:100%;
    display: inline-block;
    padding-right:40px;
    box-sizing: border-box;
}
.titlebar{
    display: inline-block;
    width: 5px;
    height:28px;
    vertical-align: bottom;
    background:red;
}
.titletext{
    font-size: 24px;
    color:black;
}
.garycolor{
    color:#b7b7b7;
}
.textmore{
    font-size: 16px;
    color:#b7b7b7;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}
.textmore a{
    color:inherit;
}
.contentcontent{
    width:100%;
    margin-top:15px;
}
.contentline{
    width:100%;
    line-height: 35px;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contenttext{
    display:inline-block;
    width:85%;
    font-size:16px;
    color:black;
}
.contenttextdate{
    font-size: 16px;
    color:#b7b7b7;
}
.pagebodyright{
    width:-webkit-calc(100% - 936px);
    width:-moz-calc(100% - 936px);
    width:-ms-calc(100% - 936px);
    width:-o-calc(100% - 936px);
    width:calc(100% - 936px);
    height: 100%;
    display: inline-block;
    position: relative;
}
.bodyrighthead{
    width:100%;
    height:140px;
    padding: 10px 18px;
    box-sizing: border-box;
    background: #f7f7f7;
    border:1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.insidebox{
    width:50%;
    height:100%;
}
.ewmtitle{
    color: #666;
    text-align: center;
    margin-bottom: 5px;
}
.ewmimg1{
    width:90px;
    height:90px;
    background-image: url(/uploads/image/o14images/ewm_01.png);
    background-size: 100% 100%;
    margin:0 auto;
}
.ewmimg2{
    width:90px;
    height:90px;
    background-image: url(/uploads/image/o14images/ewm_02.png);
    background-size: 100% 100%;
    margin:0 auto;
}
.bodyrightbody{
    width:100%;
    margin-top:10px;
    height:310px;
    border:1px solid #e9e9e9;
}
.bordertop{
    display: block;
    width:100%;
    height:2px;
    background:-webkit-linear-gradient(to right,red 0%,#feb930 100%); 
    background:-moz-linear-gradient(to right,red 0%,#feb930 100%); 
    background:-ms-linear-gradient(to right,red 0%,#feb930 100%); 
    background:-o-linear-gradient(to right,red 0%,#feb930 100%); 
    background:linear-gradient(to right,red 0%,#feb930 100%); 
}
.rightbodybody{
    width:100%;
    height:100%;
    padding:15px;
    box-sizing: border-box;
}
.insidetop{
    width:100%;
    height:75px;
    border-bottom:1px solid #e5e5e5;
}
.photoblock{
    width:100%;
    height:190px;
    margin-top:60px;
}
/*----底部轮播---*/
.box {position: relative;width:100%;padding:0  54px;box-sizing: border-box;margin-top: 45px;}
.box .content {width: 100%;margin: 0 auto;}
.box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.box .box_con {position: relative;}
.box .box_con .btnl {position: absolute;}
.box .box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.box .box_con .btnl {width:22px;height:39px;background: url(/uploads/image/o14images/bot-banner_left.png) no-repeat center;left: -60px;top:40px;}
.box .box_con .btnr {width:22px;height:39px;background: url(/uploads/image/o14images/bot-banner_right.png) no-repeat center;right: -60px;top:40px;}
/* .box .box_con .btnl:hover {background:  no-repeat center;}
.box .box_con .btnr:hover {background:  no-repeat center;} */
.box .box_con .conbox {position: relative;overflow: hidden;}
.box .box_con .conbox ul {position: relative;list-style: none;min-width:2000px !important;}
.box .box_con .conbox ul li {margin:0 15px;float: left;width: 90px;height: 90px;margin-left: 20px;overflow: hidden;border-radius:90px;}
.box .box_con .conbox ul li:first-child {margin-left: -40px;}
.box .box_con .conbox ul li img {display: block;width: 100%;height: 100%;}
/* .box .box_con .conbox ul li:hover img {transform: scale(1.1);} */

.box .boxswitch {margin-top: 30px;text-align: center;}
.box .boxswitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.box .boxswitch span.cur {background: red;}

.contactblock{
    width:100%;
    margin-top:60px;
    margin-bottom:60px;
}
.contecttel{
    display: inline-block;
    width:24px;
    height:24px;
    background-image: url(/uploads/image/o14images/contact_tel.png);
    background-size: 100% 100%;
    vertical-align: sub;
}
.contecttext{
    color:black;
    font-size: 24px;
}
.contectloc{
    display: inline-block;
    width:24px;
    height:24px;
    background-image: url(/uploads/image/o14images/contact_loc.png);
    background-size: 80% 100%;
    background-repeat: no-repeat;
    vertical-align: sub;
}
.contacttel{
    margin-left:80px;
}
.pageboot{
    width:100%;
    height:170px;
    background:#464646;
}
.bootinside{
    width:1000px;
    height:100%;
    margin:0 auto;
    padding-top: 40px;
    box-sizing: border-box;
}
.linkline{
    width:100%;
    text-align: center;
    color:#eaeaea;
    margin-bottom: 30px;
}
.linkline span{
    color:#eaeaea;
    font-size:14px;
    margin:0 5px;
}
.linkline span a{
    color:inherit;
}
.botcons{
    width:100%;
    text-align: center;
    font-size:14px;
    color:#999;
}
.weibopic{
    width:64px;
    height:64px;
    background-image: url(/uploads/image/o14images/webologo.jpg);
    background-size: 100% 100%;
    display:inline-block;
}
.weibocon{
    float: right;
    height:64px;
    width:calc(100% - 64px);
    display: inline-block;
}
.weiboname{
    font-size:16px;
    color:#276ecd;
    margin-left:10px;
}
.weiboloc{
    font-size:14px;
    color:#999;
    margin-left:20px;
}
.weibobtn{
    margin-top:20px;
    margin-left:10px;
}
.insidebot{
    width:100%;
    height:200px;
    font-size:14px;
    margin-top:10px;
    position: relative;
}
.insidebot .get_blog_link {
    color: #0078b6!important;
    text-decoration: none!important;
    font-size: 12px;
    position: absolute;
    bottom:5px;
}
.insidebot .blog_time{
    font-size:12px;
    color:#999;
    position: absolute;
    width:100%;
    text-align: right;
    right:0;
    bottom:5px;
}
.blog_content{
    max-height:142px;
    overflow: hidden;
}
.replacecon{
    min-height:900px;
}
.hiddencard{
    width:100%;
    background:rgba(0,0,0,0.5);
    position: absolute;
    top:60px;
    left:0;
    display:none;
}
.cardline{
    width:100%;
    height:45px;
    color:white;
    font-size:18px;
    display:flex;
    align-items: center;
    justify-content: center;
}