[v-cloak] {
	display: none;
}
/*左浮动*/
.floatLeft{
	float: left!important;
}

/*右浮动*/
.floatRight{
	float: right!important;
}

/*去除margin*/
.marginNone{
	margin: 0!important;
}

.marginLeft0{
	margin-left: 0!important;
}

.marginRight0{
	margin-right: 0!important;
}

.marginTop0{
	margin-top: 0!important;
}

.marginBottom0{
	margin-bottom: 0!important;
}

/*去除padding*/
.padding0{
	padding: 0!important;
}

.paddingLeft0{
	padding-left: 0!important;
}

.paddingRight0{
	padding-right: 0!important;
}

.paddingTop0{
	padding-top: 0!important;
}

.paddingBottom0{
	padding-bottom: 0!important;
}

/*显示隐藏*/
.displayBlock{
	display: block!important;
}

.displayNone{
	display: none!important;
}

/*文本位置*/
.textAlignCenter{
	text-align: center!important;
}

.textAlignLeft{
	text-align: left!important;
}

.textAlignRight{
	text-align: right!important;
}

/*溢出隐藏*/
.overflowHidden{
	overflow: hidden!important;
}

/*清浮动*/
.clearFloat:after {
	clear: both;
	content: '.';
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
	visibility: hidden;
}


/*去除border*/
.border0{
	border: 0!important;
}

.borderTop0{
	border-top: 0!important;
}

.borderbottom0{
	border-bottom: 0!important;
}

.borderLeft0{
	border-left: 0!important;
}

.borderRight0{
	border-right: 0!important;
}


body{
	position: relative;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

.dot1row{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dot2row{
	width: 100%;
	overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
	text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
	display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
	-webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
	-webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.dot3row{
	width: 100%;
	overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
	text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
	display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
	-webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/
	-webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.bannerBox {
	display: flex;
	width: 100%;
	height: 310px!important;
	display: flex;
	/* align-items: center; */
	justify-content: center;
}

.bannerBox img{
	display: block;
	max-width: 100%;
}


/* header */
.header{
	width: 100%;
	height: auto;
}

.header .inner{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	display: flex;
	flex-direction: column;
}

.header  .top{
	width: 1200px;
	margin: 0 auto;
	height: 82px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.header .top img{
	display: block;
}

.header .top .headTopRightBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}

.headTopRightBox span{
	margin-right: 10px;
}

.headTopRightBox .headCompany{
	margin-left: 35px;
}


.header .bottom {
	width: 100%;
	height: 60px;
	background: #0391DF;
}

.header .bottom .inner{
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	/* padding-left: 63px;
	padding-right: 77px; */
	box-sizing: border-box;
	font-size: 16px;
	color: #fff;
}

.header .bottom .inner .headNav{
	width: 145px;
	height: 100%;
	color: #fff!important;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .bottom .inner .headNav a{
	color: #fff!important;
}

.header .bottom .inner div.active{
	background: #0282C8!important;
}

.header .bottom .inner .headNav:hover{
	background: #0282C8;
}

.header .bottom .inner .headNav .dropBox{
	height: 80px;
	background: #69BDED;
	position: absolute;
	left: 0;
	bottom: -80px;
	z-index: 999;
	padding-left: 30px;
	padding-right: 46px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	display: none;
}

.header .bottom .inner .headNav:hover .dropBox{
	display: flex;
}

.header .bottom .inner .headNav .dropBox .dropNav{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 36px;
	float: left;
	white-space: nowrap;
}

.header .bottom .inner .headNav .dropBox .dropNav:last-child{
	margin-right: 0;
}

.header .bottom .inner .headNav .dropBox .dropNav span{
	margin-left: 3px;
	color: #fff;
}

.header .bottom .inner .headNav .dropBox .dropNav span:hover{
	font-weight: bold;
}


/* footer */
.footer{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

.footer .footerTop{
	width: 100%;
	height: 513px;
	background: url(../img/bottomBg.jpg) no-repeat;
	padding-top: 61px;
	box-sizing: border-box;
	background-size: 100% 100%;
}

.footer .footerTop .inner{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.footer .footerTop .inner h1{
	padding-bottom: 28px;
	padding-left: 19px;
	border-bottom: 1px solid #708F9E;
	opacity: .4;
	margin-bottom: 37px;
}

.footer .footerTop .inner .footerList{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.footer .footerTop .inner .footerList .listColumn{
	display: flex;
	flex-direction: column;
}

.footer .footerTop .inner .footerList .listColumn h2{
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-bottom: 30px;
}

.footer .footerTop .inner .footerList .listColumn a{
	font-size: 14px;
	color: #fff;
	margin-bottom: 16px;
	line-height: 1;
}

.footer .footerTop .inner .footerList img{
	align-self: baseline;
}

.footerList .qrCode{
	width: 108px;
	height: 108px;
}

.footer .footerBottom{
	width: 100%;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 14px;
	color: #94AAB6;
	background: #354B57;
	font-weight: 500;
}


/* 内页左侧导航 */
.container{
	width: 100%;
	height: auto;
	padding-top: 39px;
	background: #f8f8f8;
	padding-bottom: 143px;
}

.container .commonInner{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	display: flex;
	flex-direction: column;
}

.container .commonInner .commonBreadBox{
	width: 100%;
	display: flex;
	flex-direction: row;
	font-size: 13px;
	color: #8a8a8a;
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 1;
	margin-bottom: 104px;
	position: relative;
}

.container .commonInner .commonBreadBox  a{
	color: #8a8a8a;
}

.container .commonInner .commonBreadBox .back{
	display: flex;
	width: 100px;
	height: 36px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #0E76BD;
	background: #fff;
	border-radius: 2px;
	position: absolute;
	right: 0;
}
.container .commonInner .commonBreadBox .back img{
	margin-left: 14px;
}

.container .commonInner .commonBreadBox .back span{
	margin-right: 17px;
}

.container .commonInner .inner{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.container .commonInner .commonBreadBox{
	font-size: 13px;
	color: #8a8a8a;
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 1;
	padding-bottom: 28px;
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 25px;
}

.container .commonInner .commonBreadBox a.active{
	color: #000;
}


.container .inner .leftNavBox{
	width: 267px;
	height: auto;
	display: flex;
	flex-direction: column;
}

.container .inner .leftNavBox .breadBox{
	font-size: 13px;
	color: #8a8a8a;
	display: flex;
	flex-direction: row;
	align-items: center;
	line-height: 1;
	margin-bottom: 104px;
}

.container .inner .leftNavBox .breadBox a{
	color: #8a8a8a;
}

.container .inner .leftNavBox .breadBox a.active{
	color: #000;
}

.container .inner .leftNavBox .navBox{
	display: flex;
	flex-direction: column;
	width: 267px;
	height: auto;
	background: #fff;
	border-radius: 4px;
	padding-top: 50px;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.container .inner .leftNavBox .navBox img{
	align-self: baseline;
	margin-left: 39px;
	margin-bottom: 33px;
}

.container .inner .leftNavBox .navBox a{
	display: block;
	width: 100%;
	height: 48px;
	border-left: 6px solid #fff;
	display: flex;
	flex-direction: column;
	padding-left: 35px;
	box-sizing: border-box;
	justify-content: center;
	margin-bottom: 26px;
}

.container .inner .leftNavBox .navBox a.active{
	border-color: #0283CA;
}

.container .inner .leftNavBox .navBox a .cn{
	font-size: 16px;
	color: #000;
}

.container .inner .leftNavBox .navBox a .en{
	font-size: 12px;
	color: #000;
	opacity: .3;
}


.sprite { background:url(../img/sprite.png) no-repeat; }
.online { position:fixed; z-index:10; right:1%; top: 94px;display:block; width:38px;height:auto;border:1px solid #666666 ; margin-left:630px; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;background: #fff;zoom:1.5; }
.onlineShow { opacity:1; filter:Alpha(opacity=1); }
.online .linkWrap .link{display: block;background-position:0 0;width:38px; height:38px;border-bottom:1px solid #666;position:relative ;}
.online .linkWrap .link:hover{background-position:-41px 0;}
.online .linkWrap .linktel{display: block;background-position:0 -43px;width:38px; height:38px;border-bottom:1px solid #666;position:relative ;}
.online .linkWrap .linktel:hover{background-position:-41px -43px;}
.online .linkWrap  .icov01 {display: block;background-position:0 -700px;width:38px; height:38px;border-bottom:1px solid #666;}
.online .linkWrap  .icov01:hover {background-position:-44px -700px;}
.online .linkWrap .link:hover,
.online .linkWrap .link:visited,
.online .linkWrap .link:active { position:relative; display:block; width:38px; height:38px; border-bottom:1px solid #666; color:#3B5483; }
.online .linkWrap .link:hover { background-color:#3B5483; }
.online .linkWrap .link:first-child,
.online .linkWrap .link:first-child:hover,
.online .linkWrap .link:first-child:visited,
.online .linkWrap .link:first-child:active { border-top:0; }
.online .linkWrap .link .ico { position:relative; top:1px; display:block; width:30px; height:30px; margin:0 auto; }
.online .linkWrap .link .ico1 { background-position:-50px -880px; }
.online .linkWrap .link .ico2 { background-position:-100px -880px; }
.online .linkWrap .link .ico3 { background-position:-150px -880px; }
.online .linkWrap .link .ico4 { background-position:-200px -880px; }
.online .linkWrap .link .ico5 { background-position:-250px -880px; }
.online .linkWrap .link .ico6 { background-position:-300px -880px; }
.online .linkWrap .link .ico7 { background-position:-400px -880px; }
.online .linkWrap .link:hover .ico1 { background-position:-50px -920px; }
.online .linkWrap .link:hover .ico2 { background-position:-100px -920px; }
.online .linkWrap .link:hover .ico3 { background-position:-150px -920px; }
.online .linkWrap .link:hover .ico4 { background-position:-200px -920px; }
.online .linkWrap .link:hover .ico5 { background-position:-250px -920px; }
.online .linkWrap .link:hover .ico6 { background-position:-300px -920px; }
.online .linkWrap .link:hover .ico7 { background-position:-400px -920px; }
.online .linkWrap .link .tip { position:absolute; right:38px; top:-1px; display:block; width:0; height:38px; overflow:hidden; line-height:38px; background-color:#0e76bd; text-align:center; }
.online .linkWrap .link .tip1 { position:absolute; right:39px; top:-62px; display:block; width:0px; height:163px; overflow:hidden;text-align:center;color:#313131;font-size:14px ; background: #fff;}
.online .linkWrap .link .tip1 img{ display: block;width: 112px;height:112px ;margin:5px 0 0 13px; }
.online .linkWrap .link .tip1 span{ display: block;width: 137px;height:20px ; padding-top:10px ;}
.online .linkWrap .link:hover .tip1 { width:143px; border:none ;height:160px ;overflow: hidden;}
.online .linkWrap .link:hover .tip { width:180px; border:1px solid #666666 ;color: #fff;font-size:14px ;}
.online .linkWrap .link:hover .tip2 { width:74px; }
.online .linkWrap .link:hover .tip3 { width:110px; }
.online .linkWrap .link .tipQQ { height:auto; }
.online .linkWrap .link .tipQQ a,
.online .linkWrap .link .tipQQ a:hover,
.online .linkWrap .link .tipQQ a:visited,
.online .linkWrap .link .tipQQ a:active { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; background-color:#D8E2F5; text-align:center; color:#3B5483; border-bottom:1px solid #FAFAFA; }
.online .linkWrap .link .tipQQ a:hover { color:#F99300; }
.online .backTop { display:block; width:38px; height:105px; background-position:0 -86px; cursor:pointer; }
.online .backTop:hover {background-position:-41px -86px; cursor:pointer; }
.onlineService { position:fixed; z-index:10; left:50%; bottom:146px; width:38px; height:133px; margin-left:-648px; }
.onlineService .btn { display:block; width:38px; height:133px; background-position:-350px -820px; cursor:pointer; }
.onlineService .btn .arrow { position:absolute; left:15px; bottom:12px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #FFF; border-right:0; }
.onlineService .btn .arrow1 { border-left:0; border-right:8px solid #FFF; }
.onlineService .list { position:absolute; right:38px; top:0; width:79px; height:121px; padding:5px 0; border:1px solid #FF6568; border-right:0; background-color:#FFF; }
.onlineService .list a,
.onlineService .list a:hover,
.onlineService .list a:visited,
.onlineService .list a:active { display:block; width:64px; height:34px; padding-bottom:6px; margin:0 auto; border-top:1px solid #E6E6E6; }
.onlineService .list a:first-child,
.onlineService .list a:first-child:hover,
.onlineService .list a:first-child:visited,
.onlineService .list a:first-child:active { border-top:0; }
.onlineService .list a .text { height:20px; line-height:20px; color:#B9B9B9; }
.onlineService .list a:hover .text { color:#FF6568; }
.onlineService .list a .ico { width:63px; height:14px; background-position:-400px -820px; }
.cmnMore,
.cmnMore:hover,
.cmnMore:visited,
.cmnMore:active { display:block; width:118px; height:22px; line-height:22px; text-indent:10px; font-size:12px; border:1px solid #555; color:#555; }
.cmnMore:hover { border:1px solid #FFAE00; color:#FFAE00; }
.cmnMore1,
.cmnMore1:hover,
.cmnMore1:visited,
.cmnMore1:active { border:1px solid #FFF; color:#FFF; }
.cmnMore1:hover { background-color:#FFF; color:#64AB30; }
.sideBnr,
.sideBnr:hover,
.sideBnr:visited,
.sideBnr:active { display:block; margin-bottom:30px; background-color:#FAFAFA; }
.sideBnr img { display:block; width:100%; background-color:#FAFAFA; }
.boxTitle { margin-bottom:15px; line-height:36px; font-size:18px; color:#261D66; border-bottom:2px solid #BFBFBF; }


.share{width:auto;height: 50px;position: fixed;top:150px;right: 0;z-index:3 ;}
.onshare{width:34px ;height: 50px;float: left;background-position:-177px 0 ;}
.sharecnt{width:156px ;height: 48px;float: left;border-bottom:1px solid #0e76bd ;border-top:1px solid #0e76bd ;background-color:#fff ;display: none;}
.sharecnt .sina{width:26px ;height: 21px;background-position:-222px -15px;display: block;float: left;position: relative;top:13px;left: 0;margin-left:18px ;}
.sharecnt .WeChat{width:28px ;height: 21px;background-position:-254px -15px;display: block;float: left;position: relative;top:13px;left: 0;margin-left:18px ;}
.sharecnt .qq{width:22px ;height: 21px;background-position:-288px -15px;display: block;float: left;position: relative;top:13px;left: 0;margin-left:18px ;}
.sharecnt .sina:hover{ height:22px;background-position:-222px -35px;}
.sharecnt .WeChat:hover{background-position:-254px -35px;}
.sharecnt .qq:hover{background-position:-288px -35px;}