@charset "utf-8";
/* CSS Document */
/* There are css reset */
/* 公 用样式请勿改动 */
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquoteth,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
#footer{background: #f6f6f6;
	width: 100%;margin-top: 30px;
}
.fixed-bottom{position: fixed;bottom: 0;width:100%;}
body,html{margin:0;padding:0;font-family:"微软雅黑","Microsoft YaHei", Arial,"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", sans-serif; color:#333; font-size:12px;background-color: #ffffff;min-width: 1200px;}
fieldset,img {border:0; vertical-align:middle;}
address,caption, cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
q:before, q:after{content:' ';}
abbr,acronym{border:0;}
.FiroImg{
	transition: 0.3s  all ease-out;
	-webkit-transition: 0.3s  all ease-out;
	-moz-transition: 0.3s  all ease-out;
	-ms-transition: 0.3s  all ease-out;
}
.FiroImg:hover{
	transform:scale(1.08);
	-ms-transform:scale(1.08);	/* IE 9 */
	-moz-transform:scale(1.08);	/* Firefox */
	-webkit-transform:scale(1.08); /* Safari 和 Chrome */
	-o-transform:scale(1.08);	
}
input{
	outline: none;border: 0px;
}
.lp1{
	letter-spacing: 1px;	
}
.lp2{
	letter-spacing: 2px;	
}
.lp3{
	letter-spacing: 3px;	
}
.f_l{
	float:left;
}
.f_r{
	float:right
}
.clear{
	clear:both;
}
.display_none{
	display: none;
}
.ovflow{
	overflow: hidden;
}
a{text-decoration:none; color:#333;}
a:hover{text-decoration: underline;}
/*a:hover{text-decoration:underline;}*/
:active{outline:none;}
:focus{ outline:none;}
.w100_{
	width: 100%;
}
.pb30{
	padding-bottom: 30px;
}
.w1280{
	width: 1280px;
}
.l_h12{
	line-height: 12px;
}
.l_h14{
	line-height: 14px;
}
.fb{
	font-weight: bold;
}
.font12{
	font-size: 12px;
}
.font14{
	font-weight: 14px;
}
.w1232{
	width: 1232px;
}
.margin_auto{
	margin:0px auto;
}
.h100_{
	height: 100%;
}
.h72{
	height: 72px;
}
.h679{
	height: 679px;
}
.mt24{
	margin-top: 24px;
}
.ml30{
	margin-left: 30px;
}
.ml50{
	margin-left: 50px;
}
.mt103{
	margin-top: 103px;
}
.mt100{
	margin-top: 100px;
}
.mb36{
	margin-bottom: 36px;
}
.mr24{
	margin-right: 24px;
}
.l_h26{
	line-height: 26px;
}
.pb100{padding-bottom: 100px;}
.pb74{padding-bottom: 74px;}
/*first*/
.f_Lun{
	position: relative;width: 1280px;height:400px;margin: auto;box-shadow:6px 15px 20px #c6c6c6;
}
.f_LunImg{
	width: 100%;height: 400px;display: block;
}
.f_DivT{
	position: absolute;
	width: 1106px;height: 200px;
	left: 50%;margin-left: -553px;bottom: -100px;border-radius: 12px;box-shadow: 4px 7px 20px #c6c6c6;background: #FFFFFF;
}
.f_DivTChild{
	float:left;margin: 16px;width: 341px;height: 165px;border-radius: 8px;border: 2px solid #666666;overflow: hidden;
}
.f_DivTChild_1{
	padding: 18px 41px 16px 41px;
}
.f_DivTChild_1_p{
	font-family:'微软雅黑';font-size: 14px;line-height:20px;color: #666666;
}
.f_DivTChild_2{
	float:left;margin: 16px 20px 16px 3px;width: 341px;height: 165px;border-radius: 8px;border: 2px solid #00ba0c;overflow: hidden;
}
.f_DivTChild_3{
	float:right;margin: 16px 16px 0px 0px;width: 341px;height: 165px;border-radius: 8px;border: 2px solid #f2be46;overflow: hidden;
}
/*第二部分*/
.Ttitle{
	padding-left:86px;font-size: 36px;font-weight: bold;color: #282828;
}
.TContent{
	position:relative;width: 100%;margin-top: 64px;
}
.tempWrap{
	margin: auto;
}
.TContentD{
	width: 1232px;margin: auto;
}
.TContentDChil{
	width: 1128px;margin: auto;
}
.TDetailL{
	float:left;width: 586px;height: 402px;background: #dce6ee;margin-top: 60px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;
}
.TDetailLTitle{
	margin-left: 104px;margin-top: 40px;font-size: 30px;color: #282828;font-weight: bold;
}
.TDetailLTitleCh{
	margin: 28px 104px 0px 104px;font-size: 18px;color: #282828;line-height: 30px;
}
.TDetailR{
	float:right;
	width: 542px;height: 521px;
}
.TbtnL{
	cursor: pointer;
	position:absolute;top:50%;margin-top: -16px;left: 24px;
}
.TbtnR{cursor: pointer;
	position:absolute;top:50%;margin-top: -16px;right: 24px;
}
.Thd{
	height: 14px;position: absolute;left: 50%;margin-left: -60px;bottom: -60px;
}
.Thd ul li{
	cursor: pointer;
	width: 14px;height: 14px;border-radius: 50%;margin-left: 16px;
    background: #404040;float:left;
}
.Thd ul li.on{
	width: 10px;height: 10px;border-radius: 50%;margin-left: 16px;
	background: #FFFFFF;
    border: 2px solid #333333;
}
/*分页器*/
.swiper-pagination-switch {
  display: inline-block;
  width: 22px;
  height: 4px;
  /*border-radius: 8px;*/
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-pagination-switch{
	width: 14px;height: 14px;border-radius: 50%;background: #404040;
}
.swiper-active-switch{
	width: 12px;height: 12px;border-radius: 50%;background: #FFFFFF;border: 2px solid #333333;
}
/*第三部分*/
.ThCon{
	width: 1232px;margin:280px auto 0;position: relative;
}
.ThConDivT{
 position:relative;width: 1048px;height: 496px;background: #dce6ee;	
}
.ThConDivF{
	position:absolute;width: 1048px;height: 496px;background: #dce6ee;	
    top: 0px;left: 0px;
}
.ThConDivImg{
	position: absolute;width: 637px;height: 362px;left: 130px;top: -200px;
}
.ThConDivFir{
	padding: 222px 263px 102px 155px;
}
.ThConDivFir_1{
	font-size: 40px;color: #282828;
}
.ThConDivFir_2{
	font-size: 18px;color: #282828;line-height: 30px;margin-top:24px;
}
.ThConDivFir_3{
	font-size: 18px;color: #282828;line-height: 30px;
}
.ThConDivR{
	position: absolute;width:338px;height: 368px;background: #f66f6a;border-radius: 10px;top: 50%;margin-top: -184px;right:-169px;
	z-index: 7;
}
.ThConDivRul{
	padding: 110px 50px 110px 72px;
}
.ThConDivRulch{
	font-size: 24px;color: #FFFFFF;margin-bottom: 38px;
}
.ThConDivRulch_1{
	float:left;cursor: pointer;
}
.ThConDivRulch_2{
	float:right;margin-right: 12px;
}
/*第四部分*/
.Fdetail{
	margin-left: 24px;font-size: 21px;color: #666666;
}
.Fcon{
	width:1232px;margin-top: 39px;	
}
.FconD{
	position:relative;width: 634px;height: 448px;float:left;background: #2cb8e2;
}
.FconT{
	position:relative;width: 634px;height: 448px;float:right;background: #2cb8e2;
}
.FconDul{
	padding: 78px 100px;
}
.FconDli{
	float:left;
}
.FconTli{
	float:left;margin-bottom: 36px;
}
.FconDulT{
	padding: 78px 0px 0px 317px;
}
.FconDli_1{
	float:left;font-size: 24px;line-height: 26px;cursor:pointer;
}
.FconDli_2{
	float:left;font-size: 24px;line-height: 26px;cursor:pointer;
}
.FconInr{
	color: #282828;
}
.FconInrzj{
	color: #FFFFFF;
}
.Farrow{
	float:left;margin-right: 24px;line-height: 26px;width: 12px;height: 12px;
}
.FconDR{
	position: relative;
	width: 456px;height: 640px;float:right;background: #dde6ed;border-radius: 8px;
}
.FconDT{
	width: 456px;height: 640px;float:left;background: #dde6ed;border-radius: 8px;
}
.FconDRI{
	display: block;width: 100%;height: 240px;
}
.FconDRIC{
	width:100%;height:400px;
}
.left451{
	left: 451px;
}
.right451{
	right: 451px;
}
.Personsh{
	position: absolute;width: 262px;height: 451px;top: 165px;
	box-shadow: 4px 7px 20px #c6c6c6;
}
.IntroTlist{
	position: absolute;top: 0px;
}
.Personsh{
	transition: all 1s ease;
}
.FconD:hover .Personsh{
	top: 150px;
}
.FconT:hover .Personsh{
	top: 150px;
}
.FconDRICP{
	padding: 49px 25px 49px 24px;
}
.FconTT{
	width:1232px;margin-top: 65px;	
}
.Introlist{
	position:absolute;top: 0px;left: 0px;
}
.z_index_1{
	z-index: -1;
}
.z_index_2{
	z-index: 2;
}
.opcity1{
	opacity: 1;
}
/*第五*/
.FiC{
	width: 1232px;margin:130px auto;position: relative;
}
.FiCUl{
	width:1284px;
}
.FiCUlli{
	float:left;width: 273px;height:281px;background: #dde6ed;position: relative;border-radius: 10px;margin-right: 48px;
}
.FiCUllich{
	padding: 150px 24px 24px 24px;font-size: 24px;line-height: 25px;color: #282828;font-weight: bold;
}
.FiCUllichdetail{
	font-size: 16px;color: #282828;padding: 0px 24px;
}
.FiveContent{
	position:relative;width: 100%;margin-top: 64px;
}
.FiCUlliImg{
	position: absolute;
	top: -90px;width: 100%;
	height: 180px;
	border-top-left-radius: 10px;border-top-right-radius: 10px;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s; 
}
.FiCUlliImgleft{
	left: 0px;
}
.FiCUlli:hover .FiCUlliImgleft{
	left:-24px
}
.smallImg{
	width: 9999px;height: 240px;position: absolute;
}
.smallImg li span{
	z-index:99;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	
}
.smallImgli{
	width: 426.5px;height: 240px;position:relative;
	float:left;cursor: pointer;width:426.5px;
}
.smallImg li.on span{
	position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);
	
}
.SixC{
	width: 1232px;margin:130px auto;position: relative;
}
/*7*/
.Six{
	width: 1232px;margin:40px auto;position: relative;
}
.Sevenc{
	width: 606px;height: 328px;float:left;position: relative;
}
.Sevenc_2{
	width: 606px;height: 328px;float:right;position: relative;
}
.Sevenc_2l{
	position: relative;width: 606px;height: 328px;float:left;
}
.Sevenc_2r{
	position: relative;width: 606px;height: 328px;float:right;
}
.SevencT{
	position: absolute;top:0px;left: 0px;z-index:4;
}
.SevencTp{
	position: absolute;top:0px;left: 0px;z-index:12;
}
.SevencI{transition: all 1.5s ease; 
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease; 
	position: absolute;top:-679px;left: 0px;
	z-index:15;height:679px;width: 100%;
	overflow: hidden;
}
.SevencI_2{
	transition: all 1.5s ease; 
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease; 
	position: absolute;
	bottom:-679px;left: 0px;
	z-index: 10;height:679px;width: 100%;
}
.sixUp:hover .SevencI{
	top:0px;
}
.sixDown:hover .SevencI_2{
	bottom: 0px;
}
.Sevencrgb{
	position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 10;
}
.SevenTitle{
	position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 11;
}
.Sevenfont{
	font-size: 24px;color: #FFFFFF;text-align: center;margin-top: 300px;line-height: 50px;
}
/*底部*/
.bottomT{
	margin-top: 72px;width: 100%;
}
.bottomTc{
	width: 1200px;margin: auto;padding: 42px 0px;
}
.bottomTcu{
	float:left;width: 599px;border-right: 1px solid #e0e0e0;
}
.bottomTculi{
	float:left;font-size: 12px;color: #2b343d;width: 230px;
}
.bottomDe{
	padding-bottom: 30px;line-height: 14px;
	font-weight: bold;font-size: 14px;
}
.bottomfont{
	font-size: 12px;line-height: 12px;
}
.mt17{
	margin-top: 17px;
}
.bottomfontli{
	width: 190px;float: left;
}
.boc{
	font-weight: bold;text-align: center;font-size: 14px;padding-bottom: 30px;line-height: 14px;
}
.boc_1{
	display: block;text-align: center;
	font-size: 12px;
}
.boc_img{
	display: block;width: 94px;height: 94px;margin:10px auto;
}