﻿/*
 ===============================
 * @authro      : 杨朝杰
 * @created     : 2018-05-26
 * @content     : 
 ===============================
 */
@charset "UTF-8";

/*
* 列表公共部分
*/
.list_a{
	display: block;
	overflow: hidden;
	position: relative;
}
.imgDiv{
	position: relative;
	padding-top: 66.66666667%;
	overflow: hidden;
}
.imgDiv img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.listTit{
	font-size: 16px;
	color:#333;
	overflow: hidden;
	line-height: 20px;
}
.listName{
	font-size: 14px;
	color:#666;
	line-height: 20px;
	overflow: hidden;
}
.listIntr{
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 25px;
}
.listDeta{
	overflow: hidden;
}
.listTime{
	font-size: 14px;
	color:#999;
	overflow: hidden;
	line-height: 20px;
}

.wrap{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.wrap.whiteBg{background:#fff;}
.wrap_1255{padding-left:15px;width:1240px;margin:0 auto;clear:both;}
.wrapCon{width:1120px;margin:0 auto;clear:both;overflow:hidden;background:#fff;padding:40px;}
.minH_400{min-height: 400px;height: auto !important;height: 400px;}
.listColor{background:#f2f2f2;}

/*首部 begin*/
.white{background:#fff;}
.top1{padding:15px 0;line-height: 20px;overflow:hidden;background:#f2f2f2; display: none;}
.top1L{float:left;display:inline;}
.top1L span{display: block;float: left;margin-right: 20px;}
.top1R{overflow:hidden;float:right;}
.top1R .s1{color:#cc0000;font-weight:bold;}
.top1R .s3{color:#cc0000;}
.top1R .s1{display: block;height: 20px;line-height: 20px;background:url(../images/a1_05.jpg) no-repeat left center;background-size: 15px 10x;padding-left:25px;}
.top1R .s2{display: inline-block;height: 20px;line-height: 20px;background:url(../images/a1_07.jpg) no-repeat left center;background-size: 20px 15px;padding-left:20px;}
.menuColor{background:#fff;}
.menu{padding:15px 0;overflow:hidden;}
.logo{margin-left:20px;float:left;}
.menuR{float:right;}
.menuR dd{text-align: center;height:60px;line-height:60px;width:60px;text-align: center;font-size:15px;display: inline-block;float:left;list-style: none;margin-left: 50px;}
.menuR dd.hover a{color:#ff7741;}

/*banner begin*/
.banner img{width:100%;height:650px;}
/*通用标题 begin*/
.titleBox{padding-bottom:37px;text-align:center;}
.titleBox h6{font-size:24px;font-weight:normal;}
.titleBox span{font-size:12px;}
.titleBox.color1{color:#fff;}
.titleBox.color2 span{color:#999;}
/*通用框架 begin*/
.wrapBox{clear:both;overflow:hidden;}
.wrapBox.bg1{background:#fff;}
.wrapBox.bg2{background:#f2f2f2;}
.wrapBox.bg3{background:#428eda;}

/*foot begin*/
.foot{background:#21252b;padding:30px 0 20px 0;}
.footL{width:808px;overflow: hidden;float:left;}
.footL p{font-size:13px;color:#73777a;line-height:35px;}
.footL p a{font-size:13px;color:#73777a;transition: all 0.3s linear;}
.footL p a:hover{color:#fff;}
.footR{float:right;overflow: hidden;}
.footP1{float:left;margin-right:20px;}
.footP1 img{width:100px;margin-bottom:5px;}
.footP1 p{text-align: center;color:#73777a;}
.footP2{float:left;}
.footP2 img{width:100px;margin-bottom:5px;}
.footP2 p{text-align: center;color:#73777a;}

/* demo1 */	
.focus1{width:100%;height:calc(100vh - 140px);overflow: hidden;position: relative;}
.focus1 .center{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}
.focus1 .hd{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;}
.focus1 .hd ul{text-align: center;}
.focus1 .hd ul li{
	cursor: pointer;display: inline-block;*display:inline;zoom: 1;width:30px;height:5px;overflow: hidden;line-height: 999px;margin: 0 2px;
	background:#fff;
	border-radius:2px;
}
.focus1 .hd ul .on{background:#ff7741;}
.focus1 .bd{position:relative;height: 100%;z-index: 0;overflow:hidden;}
.focus1 .bd dd{zoom: 1;vertical-align: middle;height:100%;width: 100%;}
.focus1 .bd dd a{
	display:block;
	height:100%;
	width:100%;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.banScale a{
	-webkit-animation: banScale 7s linear forwards;
	-o-animation: banScale 7s linear forwards;
	animation: banScale 7s linear forwards;
}
@keyframes banScale{
	0%  {transform: scale(1.1);}
	100%{transform: scale(1);}
}
.focus1 .bd .bd_dl{height: 100%;}
.focus1 .prev,.focus1 .next{
	opacity: 0;
	visibility: hidden;
	position: absolute;left:0;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;
	background:#000 url(../images/slider-arrow.png) -110px 5px no-repeat;;
	}
.focus1 .next{left: auto;right:0;background-position: 8px 5px;}
.focus1 .prev:hover, .focus1 .next:hover{filter: alpha(opacity=100);opacity: 1;}
#video{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	object-fit: cover;
    object-position: center center;
}
.videoShadow{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
	background: rgba(0,0,0,0.3);
}
a.scrollOne {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	width:81px;
	height:81px;
	background:url(../images/mouse_guide.png) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	right:0px;
	/*margin-right: -40px;*/
	bottom:0px;
	z-index:8;
	-webkit-animation: jumpto 1.5s linear infinite;
	animation: jumpto 1.5s linear infinite;
	-moz-animation: jumpto 1.5s linear infinite;
	-o-animation: jumpto 1.5s linear infinite;
	-ms-animation: jumpto 1.5s linear infinite;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
}
@keyframes jumpto {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}

/*二级页面公用框架*/.subBanner{padding-top:23.95833333%;}
.locationBox{height: 60px;overflow: hidden;background: #fff;}
.location{clear: both;height: 60px;background: #fff;font-size: 14px;-webkit-box-shadow: 0px 1px 2px rgba(152,152,152,0.16);box-shadow: 0px 1px 3px rgba(152,152,152,0.5);position: relative;z-index: 9;}
.location.fixed{position: fixed;left: 0px;top: 0px;width: 100%;z-index: 99;}
.subLL{float:left;}
.subLL em{display: inline-block;float:left;width:25px;height:60px;background:url(../images/home.jpg) no-repeat center center;}
.subLL i{display: inline-block;float:left;width:25px;height:60px;background:url(../images/arrowRight.jpg) no-repeat center center;}
.subLL span{display: inline-block;float:left;line-height: 60px;color:#999999;font-size:14px;}
.subLL a{display: inline-block;float:left;line-height: 60px;color:#999999;font-size:14px;}
.subLL a:hover{color:#ff7741;}
.subLL a.hover{color:#ff7741;}
.subLR{display:inline-block;float:right;line-height: 57px;margin-left:20px;}
.subLR dd{display:inline-block;float:left;line-height: 57px;margin: 0px 5px;}
.subLR dd a{display:inline-block;line-height: 57px;color:#999999;}
.subLR dd a:hover,.subLR dd.hover a{color:#ff7741;border-bottom:3px solid #ff7741;}
.textListcolor{background:#fff;}
.subTL{margin-right:40px;float:left;margin-left: 20px;}
.subTL p{width:400px;height:265px;overflow:hidden; position:relative;}
.subTL img{margin-left: 20px;width:400px;height:265px;}
.subTR{width:720px;overflow: hidden;}
.subTR:hover a{color:#ff7741;}
.subTR h6 a{display: block;margin:20px 0 30px 0;font-size:24px;color:#333333;font-weight:bold;}
.subTR h6 a:hover{}
.subTR p{display: block;font-size:14px;color:#666666;line-height:30px;height:120px;overflow: hidden;margin-bottom:20px;}
.subTR span{display: block;font-size:12px;color:#999999;float:left;}
.subTR em{display: block;font-size:12px;color:#999999;float:right;}
.subFL{overflow:hidden;}

.wrap.imgTextColor dl{
	width:1240px;
	overflow: hidden;
}

/**
 * 右侧漂浮
 * @author kis2
 * @return
 */
.rightScroll {
	position: fixed;
	right: 10px;
	top: 50%;
	margin-top: -62px;
	z-index:99;
}
.rightScroll_dl dd {
	position: relative;
	margin-bottom: 5px;
}
a.right_a {
	display: block;
	overflow: hidden;
	width: 60px;
	height: 30px;
	padding-top: 30px;
	font-size: 12px;
	color:#fff;
	text-align: center;
	line-height: 30px;
}
.rightHome{background: #a4a7ac url(../images/rightHome.png) no-repeat center 8px;}
.rightTell{background: #a4a7ac url(../images/rightTell.png) no-repeat center 8px;}
.rightScroll_dl dd:hover .rightHome{background: #ff7741 url(../images/rightHome.png) no-repeat center 8px;}
.rightScroll_dl dd:hover .rightTell{background: #ff7741 url(../images/rightTell.png) no-repeat center 8px;}
.rightCont {
	display: none;
	position: absolute;
	right: 60px;
	top: 0px;
	overflow: hidden;
	background: #ff7741;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color:#fff;
	padding: 0px 30px;
	white-space:nowrap;
}
.rightCont span,
.rightCont i,
.rightCont p{
	display: block;
	white-space:nowrap !important;
}
/*
* 首页样式 
*/
/*
* 第一通栏 beign
*/
.ind1st{
	overflow: hidden;
	background: #fff;
}
.titBox{
	overflow: hidden;
}
.tit{
	overflow: hidden;
	text-align: center;
}
.tit_En{
	display: block;
	overflow: hidden;
	font-size: 12px;
	color:#ccc;
	position: relative;
}
.tit_En em{
	display: block;
	width: 30px;
	height: 2px;
	overflow: hidden;
	background: #cd0000;
	position: absolute;
	left: 50%;
	bottom: 2px;
	margin-left: -15px;
}
.tit_Ch{
	overflow: hidden;
	font-size: 24px;
	color:#333;
	padding-bottom: 5px;
}
.c_fff .tit_Ch,
.c_fff .tit_En{
	color:#fff;
}
.ind1stCont{
	overflow: hidden;
}
.ind1stL{
	overflow: hidden;
	width: 700px;
}
.ind1stName{
	overflow: hidden;
	font-size: 18px;
	color:#333;
}
.ind1stIntr{
	height: 90px;
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 30px;
}
a.indMore{
	display: block;
	width: 120px;
	height: 38px;
	overflow: hidden;
	border:1px solid #ddd;
	font-size: 14px;
	color:#999999;
	line-height: 38px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin: 0px auto;
	position: relative;
	z-index: 9;
	background: #fff;
}
.ind1stR{
	display: block;
	overflow: hidden;
	width: 400px;
	height: 245px;
}

/*
* 第二通栏 begin
*/
.ind2nd{
	overflow: hidden;
	position: relative;
}
.ind2ndSlide{
	overflow: hidden;
	position: relative;
}
.ind2ndSlide .bd{
	overflow: hidden;
	height: ;
}
.ind2nd_dl{
	margin: 0px -10px !important;
	overflow: hidden;
}
.ind2nd_dl .list_a{
	margin: 0px 10px;
	background: #fff;
}
.ind2nd_dl dd{
	width: 33.33333333%;
	overflow: hidden;
	float: left;
	display: inline;
}
.ind2nd_dl .imgDiv{
	padding-top: 57.14228571%;
}
.ind2nd_dl .listDeta{
	padding: 10px;
}
.ind2nd_dl .listIntr{
	height: 50px;
}
.ind2ndSlide .bt{
	display: block;
	width: 25px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 135px;
	z-index: 9;
}
.ind2ndSlide .prev{
	left: -25px;
	background: url(../images/btPrev.png) no-repeat center center;
}
.ind2ndSlide .next{
	right: -25px;
	background: url(../images/btNext.png) no-repeat center center;
}



.ind2nd_dl dd .list_a:hover .listTit{
	color:#cd0000;
}
.indMore.active{
	color:#fff;
	border-color:#fff;
}
.indMore.hover,
.indMore:hover{
	color:#cd0000;
	border-color:#cd0000;
}
.imgText h6{
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.imgText dd:hover a h6{
	color:#cd0000;
}
.imgList2 h6{
	padding: 10px;
}
.imgList2 h6 a{
	display: block;
	height: 50px;
	line-height: 25px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-weight: normal;
}
.imgList2 dd:hover h6 a{
	color:#cd0000;
}
.imgList h6 a{
	font-weight: normal;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.imgList dd:hover h6 a{
	color:#cd0000;
}