﻿/* @import 'https://at.alicdn.com/t/font_1494139_9eyiaf21zv.css' */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
body{font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;}
.iconfont{vertical-align: middle;display: inline-block;margin: 0 4px;}
a{color:#333;font-family: "Microsoft YaHei";transition: all 0.2s;}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;}
a:hover{ color: #0069b3;}
a,img{-webkit-touch-callout:none;}
img{border:none;vertical-align:top;}
ol,ul,li{list-style:none;}
address{font-style:normal;}
address,i,em{font-style:normal;}
strong,b,h1,h2,h3,h4,h5,h6{font-weight:normal;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
table{border-collapse:collapse;}
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zonm:1;}
.containers {
  width: 1000px;
  margin: 0 auto;
  display: block;
}
.containers2 {
  width: 1240px;
  margin: 0 auto;
  display: block;
}

.distable {
  display: table
}

.distable>div {
  display: table-cell;
  vertical-align: middle;
}

.disilbox {}

.disilbox>* {
  display: inline-block;
  vertical-align: middle
}

.disilboxT {}

.disilboxT>* {
  display: inline-block;
  vertical-align: top
}

.fl {
  float: left
}

.fr {
  float: right
}

.mgl20 {
  margin-left: 20px
}

.mgr20 {
  margin-right: 20px
}
.mgr10 {
  margin-right: 10px
}
.mgl10 {
  margin-left: 10px
}
.mgt10 {
  margin-top: 10px
}
.mgb10 {
  margin-bottom: 10px
}
.pdt10 {
  padding-top: 10px
}
.mgt20 {
  margin-top: 20px
}
.mgt30 {
  margin-top: 30px
}
.mgt40 {
  margin-top: 40px
}
.mgt80 {
  margin-top: 80px
}

.mgb20 {
  margin-bottom: 20px;
}
.mgb40 {
  margin-bottom: 40px;
}
.mgl60 {
  margin-left: 60px
}
.mgl160 {
  margin-left: 160px
}
.mgb60 {
  margin-bottom: 60px
}

.pdtb20 {
  padding: 20px 0
}
.mgtb60{margin: 60px 0;}
.pd40{padding: 40px;}
.col333 {
  color: #333!important;;
}
.col666 {
  color: #666!important;;
}
.col999 {
  color: #999!important;;
}
.bgc666{background-color: #666 !important;}
.bgc-ea{background-color: #eaeaea !important;}
.bgc-tr{background-color: transparent !important;}
.bgc-blue{background-color: #0069b3 !important;}
.col-blue {
  color: #0069b3 !important
}
.col-blue2{
	    color: #0885dd !important;
}
.col-fff{
  color: #fff !important; 
}

.boderbCls {
  border-bottom: 2px solid #9fa0a0
}

.bigTitle {
  border: 5px solid #0069b3;
  display: inline-block;
  width: 80px;
  /* height: 100px; */
  position: relative;
  border-right: none;
}
.bigTitle::after,.bigTitle::before{
  content: '';
  position: absolute;
  right:0;
  width:5px;
  background: #0069b3;
}
.bigTitle::after{
  top:0;
  height:10px;
}
.bigTitle::before{
  bottom:0;
  height:5px;
}
.bigTitle.hCls{
	 border: 5px solid #898989;
	 border-right: none;
}
.bigTitle.hCls::after,.bigTitle.hCls::before{
  background: #898989;
}
.bigTitle.type-fff{
  border: 5px solid #fff;
  border-right: none;
 
}
.bigTitle.type-fff::after,.bigTitle.type-fff::before{
  background:#fff;
}

.bigTitle.type-fff .txt{
  color:  #fff;
}
.bigTitle .txt {
  color: #0069b3;
  /* background: #fff; */
  padding: 6px;
  top: 50%;
  margin-left: 10px;
/*  margin-top: -38px;
  position: absolute; */
  margin-top: 4px;
  font-size: 34px;
  font-weight: bold;
  font-family: Arial !important;
}
/* .bigTitle .txt>span{font-weight: 400;} */

.fwb {
  font-weight: bold !important
}
.fz9{font-size: 9px !important;}
.fz10{font-size: 10px !important;}
.fz12{font-size: 12px !important;}
.fz15{font-size: 15px !important;}
.fz16{font-size: 16px !important;}
.fz20 {
  font-size: 20px !important;
}
.fz24 {
  font-size: 24px !important;
}
.fz28 {
  font-size: 28px !important;
}
.fz30 {
  font-size: 30px !important;
}
.fz34 {
  font-size: 34px !important;
}
/* .fz50 {
  font-size: 50px !important;
}
 */
.df {
  margin-right: -20px;
  overflow: hidden;
}

.df>* {
  float: left;
  padding-right: 20px;
  box-sizing: border-box;
  background-clip: content-box;
}

.df2>* {
  width: 50%;
}

.df3>* {
  width: 33.33%;
}
.df3>*:nth-child(3n-1) {
 padding: 0 10px;
}
.df3>*:nth-child(3n) {
 padding-left: 20px;
 padding-right: 0;
}
.df4>* {
  width: 25%;
}

.df>*:first-child {
  /* margin-left: 0 */
}
.imgTxtBox{
  text-align: center;
  position: relative;
  display: block;
  transition: all 0.6s;
}
.imgTxtBox .imgCenter{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
/* .imgTxtBox::after{
  content:'';
  display: inline-block;
  vertical-align: middle;
} */
.imgTxtBox .foot{
  transition: all 0.6s;
  background-color: #535353;
  line-height: 50px;
  opacity: 0.72;
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  color:#fff
}
.homeImgTxt .imgTxtBox:hover{
  background-color: #000000 !important;
  opacity: 0.6;
}
.homeImgTxt .imgTxtBox:hover .foot{
  background-color: #535353;
	opacity: 0.72;
}
.carousel3df .imgTxtBox{text-align: left;position: relative;}
.carousel3df .imgTxtBox>div{text-align: left;}
.carousel3df .title{margin: 20px 0;position: relative;}
.carousel3df .title::after{content: '';bottom:-10px;left:0;width:25px;height:2px;background: #0069b3; position: absolute;}
.siderContent .sider{width: 248px;float: left;padding: 40px 24px; box-sizing: border-box;}
.siderContent .content{margin-left: 268px;}
.pCls{color: #595757;line-height: 24px;margin-bottom: 20px;line-height: 150%;}
.textareaCls,.iptCls{background-color:rgba(89, 87, 87, 0.5);color:#fff;font-size: 12px;text-indent: 2em;width:49%;line-height: 36px;height: 36px;border: none;}
.btnCls{background-color: rgba(0, 105, 179, 1);color:#fff;font-size: 12px;line-height: 36px;border: none;cursor: pointer;}
.textareaCls{width:99%;height: 111px;margin-top: 16px;;}
.textareaCls::-webkit-input-placeholder,.iptCls::-webkit-input-placeholder {
  color: #fff;
}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.headerBox{position: relative;z-index: 999;height: 400px;width: 100%;}
.bodyBox{position: absolute;z-index: 1;top:150px;width: 100%;}
.pdtb10{padding: 10px 0;}
.pdtb40{padding: 40px 0;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.showImgList{
  overflow: hidden;
}
.showImgList>div{
  float: left;
  width: 33.33%;
  text-align: center;
  margin-top: 50px;
}
.showImgList>div img{
	width: 296px;
	height: 384px;
	box-shadow: 1px 1px 38px 0px 
		rgba(14, 5, 9, 0.17);
}
.bannerSecond{width:100%;height:330px;background: url('../images/banner2Bg.jpg') no-repeat; background-size:cover;}
.disilb-middle,.breadcrumbCls{display: inline-block;vertical-align: middle;}
.breadcrumbCls>a{padding-right: 2px;font-size: 12px;}
.breadcrumbCls>a::after{
	content: '>';
	display: inline-block;
	/* vertical-align: middle; */
	font-size: 14px;
	margin-left: 2px;
}
.breadcrumbCls>a:last-child::after{content: '';}
iframe+iframe{margin-top: -4px;}
.legend{
	border-top: 1px solid #9fa0a0;
	position: relative;
	margin: 40px 0;
}
.legend span{
		font-size: 24px;
		color: #9fa0a0;
		background: #fff;
		padding: 20px;
		position: absolute;
		width: 280px;
		text-align: center;
		left: 50%;
		margin-left: -140px;
		top:-41px;
		box-sizing: border-box;
}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-ellipsisd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;}
.text-ellipsis-more2{display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
.text-ellipsis-more3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
.text-ellipsis-more12{display: -webkit-box;-webkit-line-clamp:12;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
.shareLinkList{margin-top: 55px;}

/* 侧边栏 */
.block_fr_01 { width:auto; overflow:hidden; float:right; position:fixed; right:0; top:350px; z-index:99999999}
.block_fr_01 dt { float:left; }
.block_fr_01 dt div { display:none;}

.block_fr_01 dt .smgz { width:274px; height:180px; overflow:hidden; padding:20px; border:#CCC 1px solid; background:#fff; margin-right:10px;}
.block_fr_01 dt .smgz span { float:left; text-align:center; display:inline-block; font-size:14px; margin:5px;}
.block_fr_01 dt .smgz span i { display:block;}
.block_fr_01 dt .smgz em{ width:100%; overflow:hidden; display:block}
.block_fr_01 dt .lyfk { width: 346px;    height: 300px; overflow:hidden; padding:20px; border:#CCC 1px solid; background:#fff; margin-right:10px; position:relative;}
.block_fr_01 dt .lyfk em{ width:100%; overflow:hidden; display:block; line-height:40px;}
.block_fr_01 dt .lyfk #right_form span { width:294px; height:auto; display:block; float:left; margin:3px 0; font-size:14px; line-height:24px; text-indent:6px;}
.block_fr_01 dt .lyfk #right_form input,.block_fr_01 dt .lyfk #right_form textarea { width:226px; display:block; float:right; border:none; border:#CCC 1px solid;}
.block_fr_01 dt .lyfk #right_form input { height:24px;}
.block_fr_01 dt .lyfk #right_form textarea { height:60px;}
.block_fr_01 dt .lyfk #right_form span.fbtn { width:100%; overflow:hidden; display:block; padding-top:5px; padding-left:42px;}
.block_fr_01 dt .lyfk #right_form span.fbtn input { width:60px; background:#bd131c; margin-left:4px; color:#fff; font-size:12px; border:none; float:left;}
.block_fr_01 dt .lyfk .closebt { width:100%; overflow:hidden; display:block; text-align:right; position:absolute; right:0; top:0;}
.block_fr_01 dt .lyfk .closebt span { width:20px; height:20px; overflow:hidden; line-height:16px; display:block; color:#fff; background:#bd131c; float:right; text-align:center; font-size:24px; cursor:pointer;}

.block_fr_01 dd { width:44px; float:left;}
.block_fr_01 dd a { width:44px; height:44px; overflow:hidden; text-align:center; position:relative; display:block; padding:0; margin:0; margin-bottom:4px; padding-bottom:0;}
.block_fr_01 dd a span { width:44px; height:100%; overflow:hidden; display:block; position:absolute; left:0; top:0; background:#0a87d9; color:#fff; font-size:12px; padding-top:5px; display:none;}
.block_fr_01 dd a:hover span{ display:block; text-align:center}
#bdshare { padding-bottom:0; z-index:1; text-align:center; display:inline-block;}
.col-h {
    color: #898989 !important;
}
.layui-nav{float: inherit !important;}
#navDiy{float: left !important;}