/*
 ===============================
 * @authro      : 
 ===============================
 */
@charset "UTF-8";


/**
 * 文章详细页（标题、时间、内容、附件）
 * @author 杨朝杰
 * @return
 */
#articleContent section{
	margin: 0 auto !important;
}
.pageBox{
	min-height:425px;
	height:auto !important;
	height:425px;
	overflow:hidden;
	padding: 30px 50px;
	background:#fff;
	}
.articleTitle{
	padding:20px 150px 10px 150px;
    font-size:32px;
    line-height:46px;
    color:#333;
    text-align: center;
	font-weight:bold;
	}
.articleTime{
    line-height:36px;
    text-align:center;
    font-size:0px;
}
.articleTime .center{
    display: inline-block;
    overflow: hidden;
}
.articleTimeTxt{
    font-size: 14px;
}
.newsShare{
    padding-left: 15px;
    margin-top: 2px;
}
.newsShare span{
    font-size: 14px;
}
.articleBox {
    overflow:hidden;
    font-size: 16px;
    color: #454545;
    line-height: 40px;
	padding:20px 0 0 0;
}
.articleBox img{ max-width:100%;}
.articleBox video{
	width: 800px;
	outline: none;
}
.articleHand{
    clear:both;
    font-size:16px;
    overflow: hidden;
	padding:10px 0 0 0;
    }
.articleHand a{
    display:block;
    line-height:32px;
    padding:10px 20px 10px 30px;
    float:left;
	background:url(../images/file.png) no-repeat left center; 
}
.articleHand a.word{background:url(../images/word.png) no-repeat left center; color:#37a6ff !important; }
.articleHand a.ppt,.articleHand a.pptx{background:url(../images/ppt.png) no-repeat left center; color:#ff7735 !important;}
.articleHand a.excel{background:url(../images/excel.png) no-repeat left center; color:#15bf44 !important; }
.articleHand a.pdf{background:url(../images/pdf.png) no-repeat left center; color:#1369c0 !important; }
.articleHand a.zip{background:url(../images/zip.png) no-repeat left center; color:#ff9779 !important; }

.codeBox{
	clear:both;
	background:#fff;
	text-align:center;
	padding:20px;
	}
.codeBox p{
	display:block;
	line-height:40px;
	font-size:14px;
	}
	
/**
 * 文章阅读页-内容上部大图
 */
#play{
    width:800px;
    height:535px;
    position:relative;
    overflow: hidden;
    background:#fff;
    border:1px solid #e9e9e9;
    padding:5px;
    margin:20px auto 0 auto;
}
#play .change_a {
    width:40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background:url(about:blank);
}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}
#play .prev_a span {background: url(../images/article_icon.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/article_icon.png) no-repeat -30px -50px;right: 0;}

#play .img_ul {
    position: relative;
    z-index: 1;
    width:800px;
    height:535px;
}
#play .img_ul li{
    position: relative;
    z-index: 1;
    width:800px;
    height:535px;
    background:#fff;
    margin:0 0 5px 0;
}
#play .img_ul li img{position:absolute;}


.imgMove{width:800px;clear:both;margin:20px auto;position:relative;}

.img_hd {
	margin:0 auto;
	overflow: hidden;
	height:90px;
	position:relative;
}
.img_hd ul {
	position: absolute;
	z-index: 1
}
.img_hd ul li {
	float: left;
	width:124px;
	height:82px;
	padding:3px;
	margin:0 5px;
	cursor: pointer;
	background:#fff;
	border:1px solid #d4d4d4;
	position:relative;
}
.img_hd ul li p{
	width:124px;
	height:82px;
	display:block;
	background:#fff;
	position:relative;
	}
.img_hd ul li i{
	display:block;
	clear:both;
	line-height:20px;
	padding:0 5px;
	background:#000;
	color:#fff;
	position:absolute;
	right:3px;
	bottom:3px;
	z-index:99999999999999;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	}
.img_hd ul li img {position:absolute;width:90px;width:124px;
	height:82px;}
.img_hd ul li.on {border:1px solid #cc0000;background:#cc0000;}
.imgMove .prev_a {margin-top: 15px; display:block;width:30px; height:60px; position:absolute; left:0px; top:0px; background:url(../images/article_icon.png) no-repeat 10px 15px;}
.imgMove .next_a {margin-top: 15px;display:block; width:30px; height:60px; position:absolute; right:0px; top:0px; background:url(../images/article_icon.png) no-repeat -37px 15px;}

.articlePage{
    clear:both;
    text-align:center;
	overflow:hidden;
    }
.articlePage a{
    display: inline-block;
    padding: 8px 15px;
    color: #444;
    border-radius: 2px;
    margin: 0 2px;
    background: #E2E2E2;
    }
.articlePage a:hover,.articlePage a.hover{
    color:#fff;
    background:#666;
    }
	
.pageUp{
	clear:both;
	overflow:hidden;
	line-height:35px;
	font-size:16px;
	padding:20px 0;
}

/**
 * 分享
 * @author 杨朝杰
 * @return
 */
.ShareBox {
	overflow: hidden;
	clear:both;
}
.ShareBox p {
	display: block;
	overflow: hidden;
	float: left;
}
.ShareBox i {
	clear:both;
	display: block;
	font-size:12px;
	color:#666;
	text-align: center;
	overflow: hidden;
	margin:5px 0px;
	display:none;
}
.ShareBox span {
    font-size: 14px;
    line-height: 30px;
	float:left;
}
.ShareBox a{
	padding: 0 !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 7px 0 0 !important;
	}
.ShareBox .bds_weChat{background: url(../images/share/shareBt5.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tsina{background: url(../images/share/shareBt1.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_tqq{background: url(../images/share/shareBt2.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_qzone{background: url(../images/share/shareBt3.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_douban{background: url(../images/share/shareBt4.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .bds_sqq{background: url(../images/share/shareBt6.png) no-repeat center center !important;background-size:100%!important;}
.ShareBox .f_more{background:url(../images/footShare.png) no-repeat -111px 0px !important;}
	
/**
 * 404页面
 * @author 杨朝杰
 * @return
 */
.alert{width:695px;height:355px;clear:both;position:absolute;left:50%;top:50%;margin:-177px 0 0 -348px;background:url(../images/404.jpg) no-repeat;}
.alertTitle1{clear:both;text-align:center;line-height:40px;font-size:14px;padding:70px 0 0 100px;}
.alertTitle2{clear:both;text-align:center;line-height:40px;font-size:14px;padding:0 0 0 100px;}
.alertTitle2 strong{font-size:20px;padding:0 10px;color:#ff0000;}
.alertBt{width:137px;lin-height:36px;height:36px;border:none;cursor:pointer;position:absolute;left:280px;bottom:75px;color:#454545;font-size:14px;text-align:center;font-family:"microsoft yahei";display:block;background: none;}
.infoInput{line-height:26px;border:1px solid #d7d7d7;outline:medium;padding:3px 0;}
.formlist td{padding:5px 0;}
.buttonface2{width:80px;line-height:26px;cursor:pointer;text-align:center;font-family:"microsoft yahei";font-size:14px;border:1px solid #d7d7d7;}
	
	
/**
 * 列表分页
 * @author 杨朝杰
 * @return
 */
.page{padding:5px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:8px 12px;color:#999999;border-radius:3px;background: #fff;}
.page a:hover{background: #cc0000;color: #fff;}
.page a.hover{background: #cc0000;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageH.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageH.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageH.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageH.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}

/**
 * 全文列表1
 * @author 杨朝杰
 * @return
 */
.textList1{
	clear:both;
	overflow:hidden;
	}
.textList1 dd{
	overflow:hidden;
	clear:both;
    -o-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    position: relative;
}
.textList1 dd a{
    display: block;
    padding:50px 0;
    border-bottom:1px solid #ccc;
}
.textList1 dd .date{
    font-family: Arial;
    width:100px;
    margin-right:45px;
	float:left;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    text-align: right;
}
.textList1 dd .date span{
    font-size: 16px;
    line-height: 45px;
    color: #666;
	display:block;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    padding-top: 5px;
    position: relative;
}
.textList1 dd .date span:after{
    content: '';
    display: block;
    border-bottom: 1px solid #d2d2d2;
    position: absolute;
    width: 25px;
    right: 0;
    bottom: 0;
}
.textList1 dd .date em{
    display: block;
	line-height:25px;
    font-size: 32px;
	color:#888;
    font-family: auto;
}
.textList1 dd .txtBox h3{
    font-size: 18px;
    margin-bottom: 15px;
    color: #454545;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	font-weight:normal;
	}
.textList1 dd .txtBoxCon{
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    color: #848484;
	font-size:14px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.textList1 dd:hover{ background:#fff; top: -1px; z-index: 9;}
.textList1 dd:hover a{ border-color:#fff;}

.textList1 dd:hover .date em{ color:#cb0202;}
.textList1 dd:hover .date span{ color:#cb0202;}
.textList1 dd:hover .date span:after{ border-color:#cb0202;}

.textList1 dd:hover .txtBox h3{ color:#cb0202;}
.textList1 dd:hover .txtBoxCon{ color:#666;}

/**
 * 全文列表2
 * @author 杨朝杰
 * @return
 */
.textList2 dd{
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #dbdbdb;
	height: 50px;
	line-height: 50px;
}
.textList2 dd span{
	display:inline;
	float:right;
	font-size:15px;
	color: #666666;
	background-image: url(../images/icon18.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.textList2 dd .listTit{
	display:block;
	overflow: hidden;
	color: #666666;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:0 15px 0 10px;
}

.textList2 dd .listTit:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 4px;
	width: 4px;
	margin-top: -2px;
	background: #aaaaaa;
}
.textList2 dd .listTit:hover{color: #cb0202}
.textList2 dd .listTit:hover:after{background: #cb0202}
.textList2 .downBtn{
	background: url(../images/downIco.png) center center no-repeat;
	height: 72px;
	width: 25px;
	float: right;
	display: inline;
	cursor: pointer;
}

.textList2 .downBtn a{
	display: block;
	height: 100%;
}
.textList2 .downBtn:hover{
	background-image: url(../images/downIco_h.png)
}
/**
 * 图文列表1
 * @author 杨朝杰
 * @return
 */
.textImg1{
    border-bottom: 1px solid #ddd;
	position:relative;
	z-index:9;
}
.textImg1 dd{
    padding:20px 0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	overflow:hidden;
	clear:both;
	border-top:1px solid #e6e6e6;
    position: relative;
    z-index: 3;
}
.textImg1 dd:hover{
	background: #fff;
}

.textImg1 dd .wrap{
    position: relative;
    z-index: 3;
    overflow: hidden;
} 
.textImg1 dd .picture{
	display:block;
	width:383px;
	height:256px;
	overflow:hidden; 
	position:relative;
    float: left;
	margin:0 20px 0 0;
	}
.textImg1 dd .picture img{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	transform: scale(1);
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	}
.textImg1 dd .picture .jqthumb{
	transition: 0.4s ease;
}
.textImg1 dd:hover .jqthumb{
	transform: scale(1.05);
}
.textImg1 .listData{
    overflow: hidden;
}
.textImg1 h3{
    font-size:18px;
    color:#191919;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 30px;
	font-weight: normal;
}
.textImg1 p{
	margin:15px 0;
    line-height:30px;
	overflow:hidden;
	font-size:14px;
	color:#848484;
}
.textImg1 dd:hover .picture img{transform: scale(1.05)}
.textImg1 dd:hover h3 a{color: #cb0202;}
.textImg1 dd h6{
	font-weight: normal;
	padding:0 0 0 26px;
	float:left;
	overflow:hidden;
	background:url(../images/date.png) no-repeat left center;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
	}
.textImg1 dd h6 span{
	padding:0 0 0 26px;
	margin:0 0 0 20px;
    background: url(../images/read.png) no-repeat left center;
}

/**
 * 图文列表2
 * @author 杨朝杰
 * @return
 */
.textImg2{overflow:hidden;margin: 0px -7px 0 -8px !important;}
.textImg2 dd{
	float:left; 
	width:33.333%; 
	-webkit-animation:gfadeIn 0.6s 0.8s both; 
	-moz-animation:gfadeIn 0.6s 0.8s both; 
	animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
	overflow:hidden;
	}
.textImg2 dd:nth-of-type(1){-webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.textImg2 dd:nth-of-type(2){-webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.textImg2 dd:nth-of-type(3){-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.textImg2 dd:nth-of-type(4){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.textImg2 dd:nth-of-type(5){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.textImg2 dd:nth-of-type(6){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.textImg2 dd:nth-of-type(7){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.textImg2 dd:nth-of-type(8){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.textImg2 dd:nth-of-type(9){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.textImg2 dd:nth-of-type(10){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.textImg2 dd:nth-of-type(11){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.textImg2 dd:nth-of-type(12){-webkit-animation-delay:2.4; -moz-animation-delay:2.4; animation-delay:2.4s;}

.textImg2 dd a{
	display:block; 
	height:100%;
	margin:8px 7px 20px 8px;
	background:#fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
	}
.textImg2 dd .picture{display:block; padding-top:56.25%; width:100%; overflow:hidden; position:relative;}
.textImg2 dd .picture img{
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
	}	
a .ui-s-cover { background: #000; position: absolute; width: 100%; top: 0; left: 0; height: 100%; filter: alpha(opacity=40); opacity: 0.4; transition: all 0.2s ease-in-out; z-index: 5; }
a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }	

.ui-s-add{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: -100%;
    left: 0px;
    background: rgba(0,0,0,0.5) url(../images/carImg.png) no-repeat center center;
    z-index: 3;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
}
a:hover .ui-s-add{top:0;}
.flashBg{
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: -100%;
    z-index: 1;
    background: #88b829;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
}
a:hover .flashBg{bottom:0;}

.textImg2 dd .newsText{
	position:relative; 
	height:120px; 
	padding:15px; 
	background:#fff; 
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	position:relative;
	overflow:hidden;
	}
.textImg2 dd .newsText h2{margin-bottom:10px; color:#333; font-size:18px; font-weight:normal;}
.textImg2 dd .newsText p{height:44px; color:#999; font-size:13px; overflow:hidden; line-height:1.8;}
.textImg2 dd .newsText span{ width:100%;position:absolute; bottom:20px; left:0; color:#999; height:16px; line-height:16px;}
.textImg2 dd .newsText span em{
	display:block;
	line-height:16px;
	float:left;
	padding:0 0 0 20px;
	font-style:normal;
	margin:0 0 0 20px;
	background:url(../images/date.png) no-repeat left center;
	}
.textImg2 dd .newsText span i{
	display:block;
	line-height:16px;
	float:right;
	padding:0 0 0 20px;
	font-style:normal;
	margin:0 20px 0 0;
	color:#999;
	background:url(../images/read.png) no-repeat left center;
	}
.textImg2 dd a:hover{
    box-shadow: 0 0px 15px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

/**
 * 全图列表1
 * @author 杨朝杰
 * @return
 */
.imgList1{margin: 0 -8px; overflow:hidden;position:relative;}
.imgList1 dd{
	float:left; 
	width:33.3333%; 
	padding:8px 0 8px 0; 
	-webkit-animation:gfadeIn 0.6s 0.8s both; 
	-moz-animation:gfadeIn 0.6s 0.8s both; 
	animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    /*border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
	overflow:hidden;
	}
.imgList1 dd:nth-of-type(1){-webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.imgList1 dd:nth-of-type(2){-webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.imgList1 dd:nth-of-type(3){-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.imgList1 dd:nth-of-type(4){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.imgList1 dd:nth-of-type(5){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.imgList1 dd:nth-of-type(6){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.imgList1 dd:nth-of-type(7){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.imgList1 dd:nth-of-type(8){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.imgList1 dd:nth-of-type(9){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.imgList1 dd:nth-of-type(10){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.imgList1 dd:nth-of-type(11){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.imgList1 dd:nth-of-type(12){-webkit-animation-delay:2.4; -moz-animation-delay:2.4; animation-delay:2.4s;}

.imgList1 dd a{
    display:block; 
    margin: 0 8px; 
    height:100%; 
    transition: 0.3s ease;
    background: #fff;
    padding: 10px;
}
.imgList1 dd .picture{
	display:block; 
	padding-top: 66.66666%;
	width:100%; 
	overflow:hidden; 
	position:relative;
    background: #fff;
}
.imgList1 dd .picture img{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
    object-fit: cover;
}	
.imgList1 .videoPlay{
	height: 45px;
	width: 45px;
	background: url(../images/paly.png) center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	z-index: 9;
}
a .ui-s-cover { background: #000; position: absolute; width: 100%; top: 0; left: 0; height: 100%; filter: alpha(opacity=40); opacity: 0.4; transition: all 0.2s ease-in-out; z-index: 5; }
a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }	
.imgList1 dd span{
    padding:15px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	font-size:15px;
	display:block;
	text-align:center;
	}
.imgList1 dd a:hover{
    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

/*
* 全图列表2
* kis2
*/
.imgDiv{
    display: block;
    padding-top: 66.66667%;
    overflow: hidden;
    position: relative;
}
.imgDiv img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.scaleImg img{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.scaleImg:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.imgList_dl{
    overflow: hidden;
    margin: 0px -10px;
}
.imgList_dl dd{
    width: 33.333333%;
    overflow: hidden;
    float: left;
    display: inline;
    padding: 10px 0px;
}
.imgListBox{
    overflow: hidden;
    margin: 0px 10px;
    position: relative;
    padding-bottom: 115px;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.imgListDeta{
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -80px;
    text-align: center;
    background: #fff;
    padding: 20px 0px;
    -webkit-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
.imgListBox .imgDiv{
    padding-top: 58.3941606%;
}
.imgListBox .listName{
    font-size: 18px;
    color:#333;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.imgListBox .listIntr{
    font-size: 14px;
    color:#666;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    padding: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.listBtBox{
    overflow: hidden;
    width: 280px;
    margin: 0px auto;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.listBtBox a{
    display: block;
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
    font-size: 0px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.listBtBox a span{
    display: inline-block;
    font-size: 16px;
    color:#fff;
    padding-left: 35px;
}
.bt1:after{
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    background: #fff;
}
.bt1 span{
    background: url(../images/proIcon.png) no-repeat left center;
}
.bt2 span{
    background: url(../images/VRIcon.png) no-repeat left center;
}
.imgList_dl dd:hover .imgListDeta{
    background: #dd0800;
}
.imgList_dl dd:hover .listBtBox{
    border-color: #fff;
}
.imgList_dl dd:hover .listName,
.imgList_dl dd:hover .listIntr{
    color:#fff;
}

/*
* 全图列表3 3:4
*/
.imgList3{margin: 0px -10px; overflow:hidden;}
.imgList3 dd{
    float:left; 
    width:25%;
    /*border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
    overflow:hidden;
    padding: 10px 0px;
    }
.imgList3 dd a{
    display:block;
    margin: 0px 10px;
    background:#fff; 
    -webkit-animation:gfadeIn 0.6s 0.8s both;
    -moz-animation:gfadeIn 0.6s 0.8s both; 
    animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}
.imgList3 dd .picture{display:block; width:100%;padding-top:133.333333%; overflow:hidden; position:relative;}
.imgList3 dd .picture img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    transition:0.3s;
    }   
a.ui-s-cover { background: #000; position: absolute; width: 100%; top: 0; left: 0; height: 100%; filter: alpha(opacity=40); opacity: 0.4; transition: all 0.2s ease-in-out; z-index: 5; }
a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }   
.imgList3 dd span{
    padding:15px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-size:15px;
    display:block;
    text-align:center;
    }
.imgList3 dd:hover a{
    box-shadow: 0 0px 25px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

/*
* 全图列表4 16:10
*/
.imgList4{margin: 0px -10px; overflow:hidden;}
.imgList4 dd{
    float:left; 
    width:33.3333333%;
    /*border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
    overflow:hidden;
    padding: 10px 0px;
    }
.imgList4 dd a{
    display:block;
    margin: 0px 10px;
    background:#fff; 
    -webkit-animation:gfadeIn 0.6s 0.8s both;
    -moz-animation:gfadeIn 0.6s 0.8s both; 
    animation:gfadeIn 0.6s 0.8s both;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    padding: 10px;
}
.imgList4 dd .picture{display:block; width:100%;padding-top:62.5%; overflow:hidden; position:relative;}
.imgList4 dd .picture img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    transition:0.3s;
    z-index: 2;
    }   
.ui-s-video{ 
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    background: url(../images/video.png) no-repeat center center;
}
a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }   
.imgList4 dd span{
    padding:15px 15px 5px 15px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-size:15px;
    display:block;
    text-align:center;
    }
.imgList4 dd:hover a{
    box-shadow: 0 0px 25px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

/**
 * 领导列表
 * @author 杨朝杰
 * @return
 */
.leadershipDl dd{
	clear: both;
	overflow: hidden;
	padding: 20px;
	background: #fff;
	height: 280px;
	background-image: url(../images/bg4.jpg);
	background-repeat: no-repeat;
	background-position:220px center;
	margin-bottom: 10px;
}
.leadershipDl dd .pic{
	width: 200px;
	height: 280px;
	overflow: hidden;
	margin-right: 50px;
}
.leadershipDl dd .pic img{
	display: block;
	width: 200px;
	height: 280px;
}
.leadershipDl dd .divR{overflow: hidden}
.leadershipDl dd .divR .divT{
	clear: both;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	color: #333333;
	font-size: 26px;
	text-align: center;
	text-align: center;
}
.leadershipDl dd .divR .txt{
	width: 660px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
}


/**
 * 人才招聘详细页
 * @author 杨朝杰
 * @return
 */
.jobInfo{
	clear:both;
	overflow:hidden;
	line-height:36px;
    font-size: 16px;
	padding:10px 0 0 0;
	}
.jobTitle{
    font-size: 17px;
    color: #333;
    border-bottom: solid 1px #E7E7E7;
    line-height: 30px;
    margin-top:30px;
    padding-bottom: 10px;
	}
.jobTitle i{
    width: 3px;
    background:#666;
    height: 20px;
    display: block;
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.jobBt{
	clear:both;
    width: 180px;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF !important;
    background:#cc0000;
    display:block;
    font-size: 18px;
	margin:0 auto;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
}
.jobBt:hover{background:#ee0000;}
.jobField{clear:both;overflow:hidden;line-height:36px;font-size:16px;padding:15px 0 0 0;}
.jobField dd{width:33%;float:left;}
.jobName{font-weight:bold;font-size:24px;clear:both;padding:0 0 10px 0;}
.jobTime{font-size:14px;line-height:30px;padding:0 0 10px 0;color:#999;border-bottom: solid 1px #E7E7E7;}
/**
 * 人才招聘（应聘表单提交）
 * @author 杨朝杰
 * @return
 */
 .subPopBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top:0px;
    background: rgba(0, 0, 0, 0.65);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#65000000', endColorstr='#65000000')\9;
    z-index: 999999;
    display: none;
}
.subPopCont {
    width: 790px;
    height: 555px;
    /*overflow: hidden;*/
    border:10px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    position: relative;
    left: 50%;
    top:50%;
    margin-left: -395px;
    margin-top: -277px;
}
.joinForm {
    overflow: hidden;
    padding: 20px 40px;
}
.joinFormTit {
    display: block;
    font-size: 24px;
    color:#333;
    text-align: center;
    overflow: hidden;
}
.joinForm_dl {
    overflow: hidden;
}
.joinForm_dl dd {
    clear: both;
    /*height: 32px;
    line-height: 32px;*/
    /*overflow: hidden;*/
    padding-left: 70px;
    position: relative;
    margin-bottom: 10px;
}
.joinFormName {
    display: block;
    width: 70px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    text-align: right;
    font-size: 12px;
    color:#444;
    position: absolute;
    left: 0px;
    top:0px;
}
.joinFormName i {
    font-style:normal;
    padding-right:3px;
    color:#cc0000;
}
.joinFormInp {
    display: block;
    width: 203px;
    height: 30px;
    overflow: hidden;
    border:1px solid #ddd;
    padding: 0px 5px;
    font-size: 12px;
    color:#666;
    font-family:"microsoft yahei";
    line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.customUpload{
	width: 100% !important;
	height: 100% !important;
}
.joinForm_dl dd label {
    margin-right: 15px;
}
.joinForm_dl dd label span {
    padding-left: 6px;
}
.joinFormInp[disabled="disabled"] {
    background: #fff;
}
.joinForm_dl dt {
    overflow: hidden;
    position: relative;
    padding-left: 70px;
    margin-bottom: 10px;
}
.joinForm_dl dt textarea {
    width: 580px;
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
    border:1px solid #ddd;
    padding: 5px 10px;
    font-size: 12px;
    color:#666;
    line-height: 20px;
}
.joinFile {
    display: block;
    width: 110px;
    height: 30px;
    overflow: hidden;
    background: #535353;
    font-size: 14px;
    color:#fff;
    line-height: 30px;
    text-align: center;
}
input.w_100 {
    width: 100px;
}
.joinCode {
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    margin-left: 10px;
}
.joinCode img {
    display: block;
    height: 32px;
    float: left;
}
.joinCode i {
    display: block;
    height: 32px;
    overflow: hidden;
    float: left;
    padding-left: 10px;
    color:#666;
}
.joinCode i:hover {
    color:#d70112;
}
.closeSubPop {
    width: 30px;
    height: 28px;
    overflow: hidden;
    background:url(../images/closeVideoPop.png) no-repeat center center;
    position: absolute;
    right:10px;
    top:10px;
}
.bbsBt {
    display: block;
    width: 90px;
    height: 40px;
    overflow: hidden;
    margin:0px auto;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:#fff !important;
    background: #e75a19;
}

/* 招聘页 start */
.recruitTitle{padding-left: 30px;}
.recruitTitle dd{ font-size: 16px;  float: left;display: inline; width: 110px;height: 60px;line-height: 60px;}
.recruitTitle dd+dd{ text-align: center; margin-left: 75px;}
.recruitList{ overflow: hidden;}
.recruitList dd{ overflow: hidden; margin-bottom: 10px;}
.recruitList dd .recruitT{ overflow: hidden; height: 60px; line-height: 60px; padding: 0 0 0 30px; background: #f5f5f5; color: #656565; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.recruitList dd .recruitT a{ color: #666; display: block; overflow: hidden;}
.recruitList dd .recruitT a:hover{ color: #fff; }
.recruitList dd .recruitT .text{ font-size: 16px; overflow: hidden; float: left; display: inline; width: 110px; margin-right: 75px;}
.recruitList dd .recruitT .text+.text{ text-align: center;}
.recruitList dd .recruitT .btn{ float: right; display: inline; width: 75px; height: 60px; background: url(../images/zpShow.png) no-repeat center center;}
.recruitList dd .recruitT .btn a{display: block; color: #666;}
.recruitList dd .recruitC{ overflow: hidden; font-size: 14px; color: #888; line-height: 30px; display: none; padding:20px; background:#FFF;}
.recruitList dd .recruitC strong{color: #333;}
.recruitTable{ font-size: 14px; color: #555555; padding: 0px 0; border-bottom: 1px solid #ddd;}
.recruitTable table{ border:none;}
.recruitTable table tr{ border:none; height: 50px;}
.recruitTable table tr td{ border:none;}
.recruitTable table b{ margin-right: 20px;}
.recruitBtn{ overflow: hidden; padding-top: 20px;}
.recruitList dd:hover .recruitT{ background: #cb0202; color: #FFF;}
.recruitList dd:hover .recruitT .text{ color: #FFF;}
.recruitList dd:hover .recruitT .btn{ color: #FFF;}
.recruitList dd.active .recruitT{ background: #cb0202; color: #FFF;}
.recruitList dd.active .recruitT .btn{  background: url(../images/zpHide.png) no-repeat center center;}
/* 招聘页 end */

/**
 * 表单
 * @author 杨朝杰
 * @return
 */
.fromBox{overflow:hidden;}
.fromTip{font-size: 14px;color:#999;overflow: hidden;}
.fromTip em{color:#cc3333;padding-right: 5px;}
.form1{ padding-left: 100px; clear:both;}
.form1 dd{padding:10px 0;}
.form1L{width:115px;height:40px;line-height: 40px;text-align: right;vertical-align: top;color: #666;padding:0 10px 0 0;font-size:14px;float:left;}
.form1L em{color:#cc0000;padding:5px 5px 0 0;font-style:normal;}
.form1Input{width:280px;padding:5px;position:relative;zoom: 1;height:28px;line-height:28px;background: #fff;border: 1px solid #ebebeb;font-size: 14px;color:#888;}
.form1Input[readonly="readonly"]{background: #fafafa;color:#666;}
.form1Input.w400{width:400px;}
.form1Input.w200{width:200px;}
.form1Input.w100{width:100px;}
.codeSrc{margin: 0 0 0 10px;height:40px; cursor: pointer;}
.form1Textarea1{ resize: none; width:400px;height:80px;padding:5px;position:relative;zoom: 1;line-height:20px;background: #fff;border: 1px solid #ebebeb;outline: none;}
.form1Textarea1.w600{width:600px;height:200px;}
.form1Textarea1.w700{width:697px;height:200px;}
.form1R{float:left;}
.form1Bt{overflow:hidden;padding:15px 0 20px 225px;}
.form1Bt a{
	display: block;
	height: 34px;
	background:#cb0202;
	text-align: center;
	line-height: 34px;
	color: #fff !important;
	font-size:14px;
	border-radius: 2px;
	padding:5px 78px;
	float:left;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.form1Bt a:hover{opacity: 0.8;}
.form2Bt{text-align: center;}
.form2Bt a{
	display: inline-block;
	width: 150px; 
	margin: 0 10px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	background: #cb0202;
}
.form2Bt a.btn2{
	background: #e6e6e6;
	color: #666;
}
.form2 dd{
	float: left;
	display: inline;
	clear: none;
	margin-bottom: 25px;
}
.form2 .form1L{
	height: 50px;
	line-height: 50px;
}
.form2 .form1Input{
	height: 38px;
	line-height: 38px;
	width: 380px;
}
.form2 .codeSrc{
	height: 50px;
}

.msgSex{ text-align: left}
.msgSex input.inputradio { width: 18px;height: 18px;margin: 0 6px 0 0;}
.msgSex label { cursor: pointer; display: inline;line-height: 36px;font-style: normal;font-size: 14px;color: #666666;margin-right: 20px;}

/**
 * 留言板
 * @author 杨朝杰
 * @return
 */
.msgTitle{font-size:16px;clear:both;font-weight:bold;color:#000;padding:0 0 10px 0;border-bottom:2px solid #d5d5d5;}
.msgList{clear:both;overflow:hidden;padding:30px 0 0 0;font-size:14px;}
.msgList dd{clear:both;padding:15px 0;overflow:hidden;position:relative;}
.msgTitle{clear:both;line-height:30px;}
.msgTitle span{padding:0 0 0 30px;}
.msgInfo{clear:both;line-height:30px;}
.msgReply{clear:both;line-height:30px; border-top:1px dotted #d5d5d5; margin-top:10px;}
.msgName{width:100px;padding:10px 0 0 0;position:absolute;left:10px;top:10px;}
.msgName strong{display:block;clear:both;font-size:14px;}
.msgName span{display:block;line-height:20px;padding:5px 0 0 0;}
.msgList_r{border:1px solid #d5d5d5;background:#fff;padding:15px;position:relative;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin:0 0 0 100px;}
.msgList_jt{width:11px;height:18px;position:absolute;left:-11px;top:20px;background:url(../images/jiantou.jpg) no-repeat;}

/*招聘列表*/
.rmtT{
	clear: both;
	height: 46px;
	overflow: hidden;
	line-height: 46px;
	text-align: center;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.rmtT.cf{color: #fff}
.rmtBox{
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.rmtBoxL{
	width: 420px;
	position: relative;
	z-index:-1;
}
.rmtBoxL img{
	display: block;
	max-width:650px;
}
.rmtBoxR{
	overflow: hidden;
	font-size:16px;
	line-height:36px;
	padding-left:25px;
	margin-top: 55px;
	color:#666;
}
.rmtBox2{
	height: 750px;
	overflow: hidden;
	background-image: url(../images/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.rmtSlide{position: relative}
.rmtSlide .bd{
	width: 1200px;
	height: 425px;
	overflow: hidden;
}
.rmtSlide .bd dl{width: 1300px}
.rmtSlide .bd dl dd{
	display: inline;
	float: left;
	width: 375px;
	height: 426px;
	overflow: hidden;
	background: #fff;
	margin-right: 36px;
}
.rmtSlide .bd dl dd .divT{
	clear: both;
	height: 58px;
	overflow: hidden;
	text-align: center;
	line-height: 58px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #e6e6e6;
}
.rmtSlide .bd dl dd .txtBox{
	height: 330px;
	overflow: hidden;
	margin: 0 10px 0 20px;
}
.rmtSlide .bd dl dd .txtBox .txtBoxC{
	width:344px;
	height: 335px;
	padding-right:15px;
	overflow: hidden;
	overflow-y: auto;
	color: #666666;
	font-size: 14px;
	line-height:30px;
}
.rmtSlide .bt{
	display: block;
	width: 17px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	background-image: url(../images/icon19.png);
	background-repeat: no-repeat;
	display: none;
}
.rmtSlide .bt.prev{left:-38px;background-position:left top}
.rmtSlide .bt.next{right:-38px;background-position:right top}
.rmtSlide .bt.prev:hover{background-position:left bottom}
.rmtSlide .bt.next:hover{background-position:right bottom}
.rmtForm{
	width:890px;
	margin: 0 auto;
	overflow: hidden;
}
.rmtForm dd{clear: both}
.rmtForm dd .inputT{
	width: 402px;
	height: 50px;
	border: 1px solid #e6e6e6;
	line-height: 50px;
	font-family: "microsoft yahei";
	color: #666;
	font-size: 14px;
	padding-left: 25px;
	padding-right:5px;
}
.rmtForm dd .inputT::-webkit-input-placeholder{color:#cccccc}    /* 使用webkit内核的浏览器 */
.rmtForm dd .inputT:-moz-placeholder{color:#cccccc}                  /* Firefox版本4-18 */
.rmtForm dd .inputT::-moz-placeholder{color:#cccccc}                  /* Firefox版本19+ */
.rmtForm dd .inputT:-ms-input-placeholder{color:#cccccc}  
.rmtForm dd textarea{
	width:853px;
	height:240px;
	border: 1px solid #e6e6e6;
	line-height:24px;
	font-family: "microsoft yahei";
	color: #666;
	font-size: 14px;
	padding-left: 25px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.rmtForm dd textarea::-webkit-input-placeholder{color:#cccccc}    /* 使用webkit内核的浏览器 */
.rmtForm dd textarea:-moz-placeholder{color:#cccccc}                  /* Firefox版本4-18 */
.rmtForm dd textarea::-moz-placeholder{color:#cccccc}                  /* Firefox版本19+ */
.rmtForm dd textarea:-ms-input-placeholder{color:#cccccc}           /* IE浏览器 */
.rmtForm dd .bt{
	display: block;
	width: 150px;
	height: 52px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	background: #cb0202;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: linear;
}
.rmtForm dd .bt:hover{background: #f6c016;}
/*发展历程 start*/
.event{
    padding: 40px 60px;
}
.eventBox .bd{
    overflow: hidden;
}
.event_ul1{
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.event_ul1 li{
    overflow: hidden;
    min-height: 100px;
}
.event_dl{
    overflow: hidden;
    position: relative;
}
.event_dl dd{
    overflow: hidden;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
}
.eventImg{
    overflow: hidden;
    width: 225px;
    height: 160px;
}
.eventImg img{
    display: block;
    width: 100%;
    height: 100%;
}
.eventCont{
    overflow: hidden;
}
.odd .eventCont{
	float: right;
}
.eventMonth{
    font-size: 18px;
    color:#333;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    overflow:hidden;
}
.eventDeta{
    overflow: hidden;
    font-size: 14px;
    color:#666;
    line-height: 25px;
    min-height: 100px;
    width: 360px;
}
.event_dl dd.even{
    padding-left:240px;
}
.even .eventImg{
    float: left;
    display: inline;
    margin-right: 65px;
}
.even .eventMonth{
    padding-left: 75px;
    background: url(../images/evenIconL.png) no-repeat left center;
}
.even .eventDeta{
    padding-left: 75px;
}
.event_dl dd.odd{
    padding-right: 244px;
}
.odd .eventImg{
    float: right;
    display: inline;
    margin-left: 60px;
}
.eventImg a{
    display:block;
    width: 225px;
    height: 160px;
    position:relative;
    overflow:hidden;
}
.odd .eventMonth{
    padding-right: 75px;
    text-align: right;
    background: url(../images/evenIconR.png) no-repeat right center;
}
.odd .eventDeta{
    padding-right: 75px;
    text-align: right;
}
.event_dl dt{
    width: 1px;
    height: 100%;
    overflow: hidden;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 0px;
    z-index: 1;
}


.event .hd{
    position: relative;
    width: 752px;
    margin: 0 auto;
}
.event .hd:after{
    position: absolute;
    content: '';
    border-bottom: 1px solid #e1e1e2;
    width: 100%;
    left: 0;
    bottom: 6px;
}
.event_dot{
    overflow: hidden;
    position: relative;
    z-index: 9;
    height: 60px;
    padding-top: 50px;
}
.event_dot li{
    float: left;
    width: 150px;
    display: inline;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    padding-bottom: 30px;
    line-height: 30px;
    height: 30px;
    transition: 0.4s ease;
}
.event_dot li.on{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    
}
.event_dot li.on span{
    background: #cb0303;
    border-radius: 50%;
    height: 62px;
    line-height: 62px;
    display: block;
    width: 62px;
    margin-left: 41px;
    position: relative;
    top: -35px;
    border: 6px solid #f7cccf;
}
.event_dot i{
    display: block;
    background: #e1e1e2;
    width: 9px;
    height: 9px;
    border: 3px solid;
    border-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    transition: 0.4s ease;
    border-radius: 50%;
}
.event_dot li.on i{
    background: #cb0303;
}
.event_dot i:after{
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1px solid #e1e1e2;
    transition: 0.4s ease;
    margin-left: -1px;
}
.event_dot li.on i:after{
    border-color: #cb0303;
    height: 20px;
}
.event .bt2{
    position: absolute;
    bottom: -8px;
    width: 30px;
    height: 30px;
    transition: 0.4s ease;
}
.event .prev{
    left: -30px;
    background: url(../images/arrowL2.png) center center no-repeat;
}
.event .next{
    right: -30px;
    background: url(../images/arrowR2.png) center center no-repeat;
}
.event .prev:hover{
    background: url(../images/arrowL2_h.png) center center no-repeat;
}
.event .next:hover{
    background: url(../images/arrowR2_h.png) center center no-repeat;
}


/*发展历程 end*/
/*
* 地图 begin
*/
.taxMapHead{
    overflow: hidden;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.1);
}
.taxMapLogo{
    display: block;
    overflow: hidden;
    padding: 20px 0px 20px 20px;
}
.taxMapLogo img{
    display: block;
    height:40px;
}
.goHome{
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 25px;
    font-size: 16px;
    color:#fff !important;
    margin:25px 20px 15px 0;
    background: url(../images/goHome.png) no-repeat left center;
}
.taxMapFoot{
    height: 40px;
    overflow: hidden;
    text-align: center;
    background: #fdfdfb;
    font-size: 14px;
    color:#666;
    line-height: 40px;
}
.taxMapFoot a{
    color:#666;
}
.taxMapBox{
    overflow: hidden;
    position: relative;
}
.taxMapLeft{
    width: 430px;
    height: 100%;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 1;
    display: none;
    background: #fff url(../images/bgOpa95.png) repeat left top;
}
.mapInfo{
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -210px;
    right: 30px;
    padding: 40px 35px 20px 35px;
    width: 325px;
    color: #666;
    line-height: 36px;
    font-size: 14px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.2);
    border-radius: 5px;
    overflow: hidden;

}
.mapInfoTit{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.mapInfo1{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px;
}
.qj720{
	text-align: center;
	color: #d00;
	font-size: 14px;
	line-height: 40px;
	padding-top: 10px;
}
.taxMap_dl{
    overflow: hidden;
    background:#fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0;
    overflow-y: auto;
    padding-right: 20px;
    margin-right: -20px;
}
.taxMap_dl::-webkit-scrollbar-thumb {width:8px;background:#cacaca;}
.taxMapSel{
    padding: 30px 20px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    z-index: 9; 
}


.selBox{
    position: relative;
    height: 45px;
    line-height: 45px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    transition: 0.4s ease;
}
.selText{
    font-size: 16px;
    color: #666;
    padding:0 18px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    background: #fff;
}
.selBtn{
    background:#f5f5f5 url(../images/selArrow.png) center center no-repeat;
    width: 55px;
    height: 45px;
    cursor: pointer;
    overflow: hidden;
    z-index: 9;
}

.selList{
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    border: 1px solid #f5f5f5;
    max-height: 140px;
    overflow-y: auto;
    background: #fff;
    display: none;
}
.selList dd{
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666;
    padding: 0 18px;
    cursor: pointer;
    transition: 0.2s ease;
}
.selList dd:hover{
    background: #f5f5f5;
}
.selList dd.hover{
    background: #f5f5f5;
}
.selBox.show{
    box-shadow: 0px 3px 7px 0 rgba(0,0,0,0.1);
}
.selBox.show .selList{
    box-shadow: 0px 3px 7px 0 rgba(0,0,0,0.1);
}
.panorama{
    padding: 25px 20px;
    overflow: hidden;
    
    display: none;
}
.taxMapTitle{
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -20px;
    padding: 0 20px 20px 20px ;
}
.taxMapTitle .title{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.taxMapTitle .data{
    font-size: 16px;
    color: #666;
} 
.taxMapTitle .data i{
    color: #d40002;
    font-weight: bold;
}
.taxMap_dl dt{
    display:block;
    clear:both;
    line-height:40px;
    font-size:14px;
    background: url(../images/jtL.png) no-repeat 175px center;
    padding:0 0 0 20px;
    cursor:pointer;
}
.taxMap_dl.hover dt{
    background:#f2f2f2 url(../images/jtD.png) no-repeat 175px center;
}
.taxMap_dl.hover dd{ display:block;}
    
.taxMap_dl dd{
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 15px;
}
.taxMap_dl dd a{
    display: block;
    overflow: hidden;
    position: relative;
}
.taxMap_dl dd.hover a,
.taxMap_dl dd a:hover{
    color:#ac0d25;
    background: url(../images/taxMapIcon.png) no-repeat left center;
}
.taxMap_dl .listTit{
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    background: #f5f5f5\9;
    line-height: 26px;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.taxMap_dl .listTit span{
    display: block;
    padding: 0 10px;
}
.taxMap_dl .listVR{
    background: #d40005;
    color: #fff;
    width: 140px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 2px;
}
.taxMapLeftBt{
    display: block;
    width: 13px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    left: 200px;
    top:50%;
    margin-top: -20px;
    border:solid #ccc;
    border-width: 1px 1px 1px 0px;
    z-index: 2;
    background: url(../images/taxMapLeftBt.png) no-repeat 0px 0px;
    display: none;
}
.taxMapLeftBt.show{
    background: url(../images/taxMapLeftBt.png) no-repeat -13px 0px;
}
/*.BMap_bubble_title{
    padding-top: 265px;
}*/
.BMap_bubble_title .title{
    width: 365px;
}
.mapImg{
    width: 365px;
    position: absolute;
    top: 12px;
    left: 0;
    overflow: hidden;
}
.mapImg:after{
    content: '';
    display: block;
    padding-top: 66.666666%;
}
.mapImg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mapLook{
    padding-left: 36px;
    background: url(../images/look.png) left center no-repeat;
}
/*地图end*/
/*产品优荐 start*/
.screen{
    padding: 20px;
}
.screenBox{
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.screenTit{
    color: #666;
    font-size: 14px;
    line-height: 28px;
}
.screenBox1 .screenTit{
    line-height: 50px;
}
.screenList{overflow: hidden;}
.screenList dd{
    float: left;
    display: inline;
}
.screenList1 dd{
    padding: 0 10px;
}
.screenList1 dd a{
    display: block;
    color: #666;
    font-size: 14px;
    padding: 0 5px;
    line-height: 28px;
    border-radius: 3px;
}

.screenList1 dd a:hover{
    color: #e60012;
}
.screenList1 dd.hover a{
    background: #e60012;
    color: #fff;
}
.screenList2 dd{
    padding:0 15px;
    margin-bottom: 15px;
}
.screenList2 a{
    display: block;
    border: 1px solid #eaeaea;
    transition: 0.3s ease;
}
.screenList2 .pic{
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-top: 36.9231%;
    width: 130px;
}
.screenList2 .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.screenList2 a:hover{
    border: 1px solid #e60012;
}
.screenList2 dd.hover a{
    border: 1px solid #e60012;
}
.commendList{
    margin: 0 -13px;
    overflow: hidden;
    padding: 5px 0;
}
.commendList dd{
    float: left;
    width:25%;
    display: inline;
    margin-bottom: 25px;
}
.commendList a{
    display: block;
    margin: 0 12px;
    position: relative;
    border: 2px solid ;
    border-color: transparent;
    transition: 0.4s ease;
}
.commendList a:hover{
    border-color: #e60012;
    transform: translateY(-4px);
}
.commendList .pic{
    position: relative;
    overflow: hidden;
    padding-top: 75%;
    background: #fff;
}
.commendList .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commendInfo{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    padding:10px 20px;
    background: #fff;
}
.commendInfo .info{
    color: #888;
}
.commendInfo .info1{
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.commendInfo .info2{
	padding-left: 22px; 
	background: url(../images/commendIco2.png) left center no-repeat;
	display: none;
}
.commendInfo .info3{background: url(../images/commendIco3.png) left center no-repeat;}


/*产品优荐 end*/

/* 项目详情页 start */
.pro_dl{
	margin: 0px -5px;
	padding:5px 0px;
	text-align: center;
	font-size: 0;
}
.pro_dl dd{
    display: inline-block;
    padding:0 10px;
}
.pro_dl dd a{
    line-height:40px;
    display: block;
    font-size: 16px;
    color:#666;
    background:#fff;
    text-decoration: none;
    padding: 0 35px;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #e5e5e5;
}
.pro_dl dd.hover a ,
.pro_dl dd a:hover{
    background:#d6000f;
    color: #fff;
    border-color: #d6000f;
}
.proTitle{
    text-align: center;
    font-size: 0;
}
.proTitle .titBox{
    position: relative;
    display: inline-block;
}
.proTitle .titBox:before,
.proTitle .titBox:after{
    content: '';
    display: block;
    border:1px solid #999; 
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform: scaleY(0.5);
}
.proTitle .titBox:before{
    left: -220px;
    border-left-color: transparent;
    border-right-width: 194px;
}
.proTitle .titBox:after{
    right: -220px;
    border-right-color: transparent;
    border-left-width: 194px;
}
.proTitle .cn{
    font-size: 28px;
    color: #333;
}

.proTitle.cfff .en{color: #fff;}
.proTitle.cfff .cn{color: #fff;}
.proTitle.cfff .titBox:before{border-right-color: #d5d5d5;}
.proTitle.cfff .titBox:after{border-left-color: #d5d5d5;}
.proTitle .en{
    font-size: 24px;
    color: #999;
}
.profile .infoText{
    width: 550px;
    margin-right: 100px;
}
.profile .infoTit{
    font-size: 26px;
    color: #333;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
    display: none;
}
.profile .infoTit:after{
    content: '';
    width: 60px;
    border-bottom: 2px solid #333;
    position: absolute;
    bottom: 0;
    left: 0;
}
.profile .infoCon{
    line-height: 26px;
    color: #666;
    font-size: 14px;
}
.infoImg{
    overflow: hidden;
}
.infoImg .imgBox:after{
    padding-top: 57.8313%;
}
.proBusiness{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    position: relative;
    display: none;
}
.proBusiness:after{
    content: '';
    display: block;
    background: url(../images/proMask.png) center center;
    background-repeat: no-repeat;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.business{
    padding: 0 80px;
}
.business dd{
    float: left;
    width: 100px;
    padding: 115px 80px 0 80px;
}
.business span{
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    color: #fff;
}
.business .ico{
    height: 98px;
    width: 98px;
    border: 1px solid #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100px;
}
.business .ico1{background-image: url(../images/proIco1.png);}
.business .ico2{background-image: url(../images/proIco2.png);}
.business .ico3{background-image: url(../images/proIco3.png);}
.business .ico4{background-image: url(../images/proIco4.png);}

.viewer-canvas>img{
    padding: 20px;
    background: #fff;
}
.viewer-toolbar li.viewer-prev{
    position: fixed;
    top: 50%;
    left: 30px;
    width: 40px;
    height: 80px;
    border-radius: 0;
    background: #999 url(../images/arrowL.png) center center no-repeat;
}
.viewer-toolbar li.viewer-next{
    position: fixed;
    top: 50%;
    right: 30px;
    width: 40px;
    height: 80px;
    border-radius: 0;
    background: #999 url(../images/arrowR.png) center center no-repeat;
}
.viewer-toolbar li.viewer-prev:before,
.viewer-toolbar li.viewer-next:before{
    display: none;
}

.viewer-play,
.viewer-flip-horizontal,
.viewer-flip-vertical{
    display: none;
}
.viewer-toolbar{
    width: 150px !important;
}
/* 项目详情页 end */

/* 项目列表 start */
.perjectList{
    position:relative;
    z-index:9;
}
.perjectList dd{
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    overflow:hidden;
    clear:both;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
    background: #fff;
}

.perjectList dd .picture{
    display:block;
    width:263px;
    overflow:hidden; 
    position:relative;
    margin:0 0 0 50px;
    width: 830px;
}
.perjectList dd .picture:after{
    content: '';
    display: block;
    padding-top: 57.8313%;
}
.perjectList dd .picture img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    transform: scale(1);
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    transition:0.3s;
}
.perjectList dd .picture .jqthumb{
    transition: 0.4s ease;
}
.perjectList dd:hover .jqthumb{
    transform: scale(1.05);
}
.perjectList .listData{
    padding: 50px;
}
.perjectList h3{
    font-size:28px;
    color:#191919;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px  0 35px 0;
    font-weight: normal;
    position: relative;

}
.perjectList h3:after{
    content: '';
    display: block;
    width: 46px;
    border-bottom: 4px solid #e60012;
    position: absolute;
    bottom: 0;
    left: 0;
}
.perjectList .listInfo{
    padding: 20px 0 0 0;
    line-height:30px;
    font-size:14px;
    color:#848484;
    height: 180px;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.perjectList dd:hover .picture img{transform: scale(1.05)}
.perjectList dd:hover h3 a{color: #cb0202;}
.perjectList dd .listMore{
    padding-top: 40px;
}
.perjectList dd .listMore a{
    display: block;
    width: 160px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #999;
    transition: 0.4s ease;
}
.perjectList dd .listMore a:hover{
    background: #e60012;
    color: #fff;
    border-color: #e60012;
}
/* 项目列表 end */

/* duty start */
.lxb_social{ width:100%; background-color:#fff; max-height:680px;}  
.public_Box{width: 100%;height:345px;overflow: hidden;position: relative;}
.public_dl{width: 1300px;height: 345px;overflow: hidden;}
.public_dl dd{height: 100%; width: 0px;overflow: hidden;float: left;display: inline;position: relative;text-align: center;font-size: 0px;margin-right: 0px;}
.publicDiv{overflow: hidden;position: relative;height: 100%;}
.publicBg{ background-size: cover !important; width: 100%;height: 345px;overflow: hidden;position: absolute;left: 0px;top: 0px; z-index: 0;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;
    /*transition: all 0.3s linear;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}
.publicF{ width:100%; height:345px; position:relative; z-index:1; text-align:left}
.f01{ background-color:rgba(56,178,127,.8);}
.f02{ background-color:rgba(186,202,203,.8);}
.f03{ background-color:rgba(125,134,131,.8);}
.f04{ background-color:rgba(184,146,33,0.8);}
.f05{ background-color:rgba(40,131,165,.8);}
.f06{ background-color:rgba(126,110,158,.8);}
.pubName{ height:36px; overflow:hidden; padding: 60px 15px 0 20px; font-size:14px; color:#fff; font-family:"microsoft yahei"; line-height:18px;word-wrap : break-word ;word-break : break-all ;}
.pubTitle{ padding: 20px; color:#fff; font-size:18px; font-weight:bold;}
.publicF em{ position:absolute; left:10%; top:50%; width:35px; height:35px; background: url(../images/moreL.png) no-repeat center center}

/* duty end */