﻿body{overflow-x:hidden;}
#sliderMenu{ position: fixed; z-index: 20; height: 208px; width: 50px; top: 50%; right: 0px; margin-top: -104px; }
.hmMenuNum { font: bold 14px Arial; color: #FFF; opacity:0; transition:all 0.4s ease-in-out; }
.active .hmMenuNum{opacity:1;}
.center{ text-align: center;}
.hmMenuLine { height: 1px; width: 10px; background: #FFF; position: absolute; top: 50%; right: 38px; transition:all 0.4s ease-in-out; }
.active .hmMenuLine{ width:26px; height:3px; right:0; margin-top:-1px;}
.sliderMenuStyle .hmMenuNum{color:#888888;}
.sliderMenuStyle .hmMenuLine{background:#888888;}
#sliderMenu li { line-height: 15px; height: 15px; margin: 6px 0px 7px; position: relative; }
.hmPage3L{height:100%; width:50%; float:left;}
.hmPage3R{ height: 100%; width: 50%; float: right; background: url(404.png) no-repeat center center; background-size: cover!important; color: #FFF; position: relative; }

.hmPage5R{ height: 100%; width: 30%; float: right; padding-top:0px; position:absolute; left:0; top:0 }
.hmPage7L{ height: 100%; width: 50%; float: left; background: url(404.png) no-repeat center center; background-size: cover!important; position: relative; }
.hmPage7R{ height: 100%; width: 50%; float: right; position: relative; }
.hmFocus{height:100%;}
.hmFocus .swiper-slide{height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden!important}
.hmFocus .swiper-pagination-bullet{ opacity: 0.6; border-radius: 0; height: 3px; width: 30px; background: #FFF; }
.hmFocus .swiper-pagination-bullet-active{ opacity:1;}
.hmFocus .swiper-pagination{bottom:45px;}
.hmPage2Bg { height: 30%; width: 100%; position: absolute; left: 0px; bottom: 0px; overflow:hidden; }
.canvasBg{height:100%; width:100%; border:none 0; transform:scale(1.3)}
.hmPage2Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}
#particles {width: 100%;height: 100%;overflow: hidden; position:relative; background: url("404.png");}
.hmPage2Box { position: relative; z-index: 5; }
.hmp2_t1 { font-size: 32px; line-height: 50px; height: 50px; color:#FFF }
.hmp2_t2 { text-transform: uppercase; font: bold 40px/48px Arial; color: #fff; padding-bottom: 22px; position:relative }
.hmp2_t2:after{ content:""; width:37px; height:3px;  position:absolute; left:0; bottom:0}
.hmp2_p1 { font-size: 14px; line-height: 24px; color: #808080; min-height: 82px; padding-bottom: 15px; margin-top: 24px; }
.hmp2_ul { margin: 40px -40px 0; text-align: center; }
.hmp2_ul li { display: inline-block; margin: 0px 0px; position: relative; }
.hmp2Itms_a { display: inline-block; border-radius:0.5em;

}
.hmp2_t7{margin-top:25px; line-height:28px; }
.hmp2_t7_bt{font-weight:bold; width:100%; float:left; text-align:center; margin-bottom:8px}
.hmp2_t7_xx{ font-size:15px; color:#CCC}
.hmp2ItmsTxt{
	
	width: 100%;
	height: 100%; overflow: hidden;
	
}
.hmp2ItmsTxt strong { display: block; font: 34px/54px Georgia; height:54px; overflow:hidden }
.hmp2ItmsTxt p { font-size: 14px; line-height: 24px; height:48px; overflow:hidden; color: #666666; width: 105px; display: inline-block; transition:all 0.3s ease }
.hmp2Itms_a:hover p{color:#043491;}
.hmp2_ul li:nth-child(1) .hmp2Itms_a,.hmp2_ul li:nth-child(3) .hmp2Itms_a,.hmp2_ul li:nth-child(5) .hmp2Itms_a,.hmp2_ul li:nth-child(7) .hmp2Itms_a,.hmp2_ul li:nth-child(8) .hmp2Itms_a
{  }
.hmp2Itms_a:hover{ }
.hmp2Empty .hmp2Itms_a:hover{ border: 2px solid #BBBBBB!important; background:none!important; cursor:default;}
.hmp3_t1 { line-height: 50px; font-size: 32px; margin-top:60px; }
.hmP3Txt { position: absolute; top: 50%; transform:translateY(-50%); padding: 0px 22% 0px 21%; left:0; width:100% }
.hmp3_t2 { font: bold 40px/50px Arial; height: 73px; position: relative; text-transform: uppercase; }
.hmp3_t2:after{ content:""; width:37px; height:3px; background:#fff; position:absolute; left:0; bottom:0}
.hmp3Des { font-size: 14px; line-height: 28px; color: #ffd5d1; padding: 20px 0px 25px; }
.hmp3Des p{margin-bottom:15px;}
.w1200{width:1200px; margin:0 auto; display:block}
.hmp4Box { position: absolute; width:100%;  top: 35%; float:left; transform:translateY(-50%); text-align:center }
.pg-canvas{position:absolute; left:0; top:0;}
.hmp4Wrpper { height: 570px; position: relative; z-index:2; }
.hmp4_ul { margin: 0px -20px; }
.hmp4_ul li { padding: 0px 20px; }
.hmp4_aBox { display: block; text-align: center; height: 320px; position: relative; background: rgba(200,200,200,0.45);  overflow: hidden; }
.hmp4Icon { height: 320px; width:278px ;  }
.hmp4Icon img{width:100%; height:auto; text-align:center}
.hmp4LayerBg{ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; background-color:rgba(0,0,0,0.6) ; transition:all 0.5s ease-in-out; opacity:0; transform:translate(0,200px);}
.hmp4Layer { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; color: #FFF; font-size: 13px; line-height: 26px; z-index:1 }
.hmp4LayTxt { position: absolute; top: 50%; left: 16%; right: 16%; transform:translate(0,-200%); transition:all 0.5s ease-in-out; opacity:0; text-align:left; }
.hmp4MoreBtn{width:100%; height:36px; line-height:36px; color:#fff; font-size:16px; border:1px solid #fff; padding:0 15px;}
.hmp4MoreBtn i{position:relative; left:0; text-align:center; transition:all 0.3s ease-in-out 0.5s;}
.hmp4Des{ height:182px; font-size:30px; overflow:hidden; margin-bottom:15px; text-align:center}
.hmp4Des p{font-size:15px; line-height:26px; margin-top:20px ; font-weight:normal; color:#999}
.hmp4_aBox:hover .hmp4LayTxt{ transform:translate(0,-50%); opacity:1; transition-delay:0.1s;}
.hmp4_aBox:hover .hmp4LayerBg{opacity:1; transform:translate(0,0)}
.hmp4_aBox:hover .hmp4MoreBtn i{ left:50%; transform:translateX(-50%)}
.more11{width:100%; float:left; text-align:center; }
.more12{width:100%; float:left; text-align:center; margin-top:80px;  }
.hmP5Lbox { position: absolute; left: 23%; top: 50%; right: 23%; color: #FFF; transform:translateY(-50%) }
.hmp5_p1 { font-size: 15px; line-height: 28px; padding: 24px 0px; min-height: 168px; border-bottom: 1px solid #FFDDD9; margin-bottom: 28px; }
.hmp5_u1 li { width: 50%; float: left; height: 92px; margin-top: 15px; overflow: hidden; }
.hmp5_u1 li strong { display: block; font: normal 30px/50px Arial; color:#d70c19 }
.hmp5_u1 li p { line-height: 22px; height: 44px; overflow: hidden; max-width:206px }
.hmPage5R li { min-height: 50%; position: relative; }
.hmPage5R li:last-child{
	
	
}
.hmp5Itms { position: absolute; top: 50%; transform:translateY(-50%); left:16%; right:16%; display:block }
.hmp5Icon { float: left; height: 80px; width: 80px; border: 2px solid #959595; border-radius:50%; }
.hmp5Icon1 { background: url(404.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon1 { background: url(404.png) no-repeat center top;}
.hmp5Icon2 { background: url(404.png) no-repeat center bottom; height: 40px; width: 40px; margin-top: 19px; margin-left: 19px; display: block;}
.hmp5Itms:hover .hmp5Icon2 { background: url(404.png) no-repeat center top;}
.hmp5Itms:hover .hmp5Icon{ border:2px solid #043491;}
.hmp5Txt { margin-left: 110px; }
.hmp5Txt strong { line-height: 42px; height: 42px; margin-bottom: 20px; font-size: 28px; color: #000000; font-weight: normal; display: block; }
.hmp5Txt strong span { float: left; position:relative; }
.hmp5Txt strong span:after{ content:""; width: 20px; height: 3px; background: #043491; display: block; position: absolute; right: -30px; bottom: 8px; }
.hmp5Txt p { font-size: 13px; line-height: 26px; color: #888888; margin-bottom: 25px; }
.hmMore { height: 31px; width: 131px; display: block; position: relative; padding-left: 37px; line-height: 31px; text-transform: uppercase; color: #043491; transition:all 0.5s ease; }
.hmMore:before{ content: ""; height: 31px; width: 110px; border: 1px solid #043491; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease; }
.hmMore:after{ content: ""; background: url(404.png) no-repeat left top; height: 7px; width: 45px; position: absolute; margin-top: -4px; top: 50%; right: 0px; transition:all 0.5s ease; }
.hmp5Itms:hover .hmMore{ color: #FFF; background: #043491; padding-left: 28px; }
.hmp5Itms:hover .hmMore:before{ width: 100%; }
.hmp5Itms:hover .hmMore:after{ background: url(404.png) no-repeat right center; width: 30px; right: 23px; }
.hmp4_t1{margin-top:30px;}
.hmp6_icon1 { background: url(404.png) no-repeat; height: 190px; width: 988px; position: absolute; left: 50%; top: 0px; margin-left:-494px; }
.hmp6_icon2 { background: url(404.png) no-repeat left top; height: 552px; width: 374px; position: absolute; left: 0px; bottom: 13%; }
.hmp6_icon3 { background: url(404.png) no-repeat; height: 172px; width: 666px; position: absolute; left: 50%; bottom: 0px; margin-left:-333px; }
.hmp6_icon4 { background: url(404.png) no-repeat; height: 258px; width: 428px; position: absolute; right: 7%; top: 23.6%; }
.hmp6_t1 { font-size: 32px; line-height: 50px; text-align: center; height: 50px; margin-top: 60px; }
.hmp6_t2 { text-transform: uppercase; font: bold 40px/48px Arial; color: #043491; padding-bottom: 22px; position: relative; text-align: center; }
.hmp6_t2:after{ content:""; width:37px; height:3px; background:#333333; position:absolute; left:50%; margin-left:-19px; bottom:0}
.hmp6Imts {width: 1200px; margin:0px  auto ;  padding: 80px 0px 0px 0px; color:#FFF;}
.hmp6Txt { font-size: 15px; line-height: 30px; text-align: center; color: #fff; margin: 0px auto; padding: 34px 15px 18px; max-width: 1200px; }
.hmp6More { line-height: 14px; font-size:14px; border: 1px solid #333; text-align: center; padding-top: 22px; height: 66px; width: 66px; text-transform: uppercase; display: block; margin: 0px auto; color: #fff; border-radius:50%; position:relative; z-index:10 }
.hmp6More:hover{ color: #FFF; background:#F00; }
.hmp6_w1 {  width:230px;height:360px;   margin:0px 5px;  padding:10px;  text-align:left; background:rgba(0,0,0,0.5); }

.hmp6Imts li{ padding-bottom: 6px; float: left;display:block; text-align: center; padding-top:15px }
.hmp6Imts .text-center strong { width:100%; float: left; font-size: 30px; line-height: 46px; display: block; height: 46px; font-weight: normal; }
.hmp6Imts .text-center p { font-size: 15px; line-height: 24px; color: #fff; width:100%; float: left;  display:block }
.hmP7Lbox { position: absolute; left: 23%; top: 50%; right: 23%; color: #FFF; transform:translateY(-50%) }
.hmp7_p1 { font-size: 14px; line-height: 24px; color: #FFF; padding: 24px 0px 40px; }
.hmp7_t1 { line-height: 44px; height: 44px; margin-top: 34px; display: block; font-size: 16px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hmp7Dlbox{width:50%; float:left}
.hmp7_dl dt { color: #FFF; line-height: 24px; background: url(404.png) no-repeat left center; padding-left: 15px; position: relative; height: 24px; }
.hmp7_dl dt span{line-height:24px; height:24px; overflow:hidden; display:block;}
.hmp7_dl dt span:hover{text-decoration:underline;}
.hmp7_dl dd { line-height: 22px; padding: 15px; color: #FFF; background: rgba(34,34,34,0.85); border-radius: 0.4em; margin-top: 8px; position:relative; }
.hmp7_dl dd:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgba(34,34,34,0.85); position:absolute; left:30px; top:-8px;}
.hmp7Layer { width: 100%; padding: 20px 25px; position: absolute; left: 0; bottom: 36px; font-size: 12px; line-height: 22px; color: #FFF; background: rgba(34,34,34,0.85); border-radius:0.5em; }
.hmp7Layer:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid rgba(34,34,34,0.85); position:absolute; bottom:-8px; left:30px; margin-top:-8px;}
.hmP7Rbox{ position: absolute; top: 50%; left: 12.5%; right: 12.5%; transform: translateY(-50%); }
.hmp7LgList{ padding-bottom: 15px; padding-top:10px;}
.hmp7Lg{ text-align: center; height: 70px; margin: 30px 0px; }
.hmp7Lg img{transition:all 0.5s ease-in-out; max-width:80%;
	height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.hmp7Lg img:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4; }
.hmp7Lg:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmp7LgList .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.hmp7LgList .swiper-pagination-bullet-active{ opacity: 1; background: #043491; border: 1px solid #043491; }
.hmp7LgList .swiper-pagination{bottom:0;}
.hmp8_ul { position: relative; padding-top: 38px; }
.hmp8_more { font-size: 14px; color: #043491; line-height: 28px; height: 32px; width: 114px; border: 2px solid #043491; text-align: center; position: absolute; right: 0px; top: -60px; }
.hmp8_more:hover{ color: #fff; background: #043491; }
.hmp8_aBox { display: block; height: 378px; }
.hmp8_ul { margin: 0px -30px; }
.hmp8_ul li { padding: 0px 30px; }
.hmp8Time { text-align: center; width: 60px; font-size: 14px; color: #666666; line-height: 24px; height: 52px; font-weight: bold; float: left; transition:all 0.3s ease  }
.hmp8Time span { font-size: 56px; display: block; line-height: 52px; font-weight: normal; }
.hmp8Sbx { padding-top: 37px; }
.hmp8Txt { margin-left: 85px; }
.hmp8Txt .ellipsis { line-height: 26px; margin-bottom: 15px;  padding-bottom: 12px; text-align:left; font-size: 14px; border-bottom: 1px solid #C2C2C2;
	display: block; transition:all 0.3s ease }
.hmp8Txt p { line-height: 24px; color: #777777; height: 95px; overflow: hidden; font-size:13px; text-align:left }
.hmp8_aBox:hover .hmp8Txt .ellipsis{ font-weight: bold; }
.hmp8_aBox:hover .hmp8Time{ color: #ffffff; }
.hmp8_aBox:hover .hmMore{ color: #FFF; background: #043491; padding-left: 28px; }
.hmp8_aBox:hover .hmMore:before{ width: 100%; }
.hmp8_aBox:hover .hmMore:after{ background: url(404.png) no-repeat right center; width: 30px; right: 23px; }
.hmWelcom { background: #f0f0f0; height: 100%; width: 100%; position:fixed; z-index: 999; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmWelcomBox { width: 100%; position: absolute; top: 50%; left: 0px; transform:translateY(-70%); transition:all 0.3s ease-in-out; opacity:0 }


.hmWelcomBoxAnimate {opacity:1;}
.hmWelcomBoxAnimate .hmWel_s1,.hmWelcomBoxAnimate .hmWel_s2,.hmWelcomBoxAnimate .hmWel_s3{transform:scale(1);}
.hmWelcomBoxAnimate .hmWel_t {opacity:1; transform:translate(0px,0px)}
.hmWelcomBoxAnimate .hmWel_p {opacity:1; transform:translate(0px,0px)}
.hmWelcom.hmWelcomFedeOut{ transform:scale(0);}
.continue{ font-size:18px; color:#ff3e2b; font-family:Arial; text-transform:uppercase; width:260px; height:50px; border:2px solid #ff3e2b; border-radius:25px; display:block; margin:10px auto; line-height:50px; cursor:pointer; overflow:hidden; position:relative; z-index:1; top:10px;}
.continue span{ position:relative; z-index:1; display:block; top:-2px;
-webkit-animation-name:scalexx;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:0;
-webkit-animation-iteration-count:infinite;
-webkit-animation-play-state:running;
animation-name:scalexx;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0;
animation-iteration-count:infinite;
animation-play-state:running;
text-align:center;
}
@keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
@-webkit-keyframes scalexx {
	0% {
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);
	}
	100% {
		transform:scale(1,1);
		-webkit-transform:scale(1,1);
	}
}
.continue:after{ display:block; content:""; position:absolute; left:50%; top:-1px; width:0; height:52px; background:#ff3e2b; transform:skew(45deg); -webkit-transform:skew(45deg); transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.continue:hover{ color:#FFF;}
.continue:hover:after{ left:-10%; width:120%;}





@media (min-width:768px){
.hmPage2 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage2 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage2 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage2.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmPage2 .hmp2_ul li{opacity:0; transform:translate(0px,200px); transition:all 0.5s ease-in-out;}
.hmPage2 .hmp2_ul li:nth-child(2n){ transform:translate(0px,-200px);}
.hmPage2.active .hmp2_ul li{ opacity:1; transform:translate(0px,0px);
	
	transition-delay:0.9s;}
.hmPage3.active .hmPage3L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }
.hmPage3.active .hmPage3R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn;}

.hmPage3 .hmp3_t1{opacity:0; transform:translate(0px,5px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage3 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage3 .hmp3Des{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp3Des{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage3 .hmp3MoreBox{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out; display:inline-block;}
.hmPage3.active .hmp3MoreBox{ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmPage3 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage3 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage3 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp4_ul li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp4_ul li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp4_ul li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp4_ul li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmp4_ul li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp4_ul li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1.3s;}
.hmp4_ul li:nth-child(4){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage3.active .hmp4_ul li:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:1.5s;}
.hmPage5.active .hmPage5L{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInLeft; }
.hmPage5.active .hmPage5R{ animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInLeft;}
.hmPage5 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage5 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage5 .hmp5_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp5_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage5 .hmp5_u1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active .hmp5_u1{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmPage5R li:nth-child(1){opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active li:nth-child(1){ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage5R li:nth-child(2){opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage5.active li:nth-child(2){ opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmPage6{overflow:hidden;}
.hmp6Wrapper{text-align:center}
.hmPage6 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage6.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage6 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage6.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage6 .hmp2_t3{opacity:0; transform:translate(0px,200px); transition:all 0.8s ease-in-out;}
.hmPage6.active .hmp2_t3{ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage6 .hmp2_t4{opacity:0; transform:translate(0px,200px); transition:all 1.0s ease-in-out;}
.hmPage6.active .hmp2_t4{ opacity:1; transform:translate(0px,0px); transition-delay:1.0s;}
.hmPage6 .hmp2_t5{opacity:0; transform:translate(0px,200px); transition:all 1.2s ease-in-out;}
.hmPage6.active .hmp2_t5{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmPage6 .hmp2_t6{opacity:0; transform:translate(0px,200px); transition:all 1.4s ease-in-out;}
.hmPage6.active .hmp2_t6{ opacity:1; transform:translate(0px,0px); transition-delay:1.4s;}

.hmPage6 .hmp2_t7{opacity:0; transform:translate(0px,200px); transition:all 1.4s ease-in-out;}
.hmPage6.active .hmp2_t7{ opacity:1; transform:translate(0px,0px); transition-delay:1.4s;}


.hmPage6.active .hmp6_icon1{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown; }
.hmPage6.active .hmp6_icon2{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInLeft; }
.hmPage6.active .hmp6_icon3{ animation-duration: 1s; animation-delay:0.4s; animation-fill-mode: both; animation-name: fadeInUp; }
.hmPage6.active .hmp6_icon4{ animation-duration: 1s; animation-delay:0.2s; animation-fill-mode: both; animation-name: fadeInRight; }
.hmPage7.active .hmPage7L{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInDown;}
.hmPage7.active .hmPage7R{ animation-duration: 1s; animation-delay:0s; animation-fill-mode: both; animation-name: fadeInUp;
background-color: #d4d8da;}
.hmPage7 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage7 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage7 .hmp7_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmPage7 .hmp7_bom{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7_bom{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage7 .hmp7LgList{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage7.active .hmp7LgList{ opacity:1; transform:translate(0px,0px); transition-delay:1s;}
.hmPage8 .hmp3_t1{opacity:0; transform:translate(0px,5px); transition:all 0.9s ease-in-out;}
.hmPage8.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}

.hmPage8 .hmp2_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.hmPage8 .hmp2_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage8 .hmp2_p1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp2_p1{ opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmp8_newsList li:nth-child(1){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp8_newsList li:nth-child(2){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:1.1s;}
.hmp8_newsList li:nth-child(3){opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage8.active .hmp8_newsList li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:1.3s;}
.hmPage9 .hmp3_t1{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_t1{ opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage9 .hmp3_t2{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_t2{ opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage9 .hmp3_adrInfo{opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp3_adrInfo{ opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage9 .hmp9Map{opacity:0; transform:translate(50px,0px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9Map{ opacity:1; transform:translate(0px,0px); transition-delay:1.0s;}
.hmPage9 .hmp9Bom{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9Bom{ opacity:1; transform:translate(0px,0px); transition-delay:1.2s;}
.hmBomItms{ transform:translate(50px, 0px); opacity:0; transition:all 0.5s ease-in-out;}
.active .hmBomItms{ transform:translate(0px, 0px); opacity:1; transition-delay:1.2s;}
}



.hmPage7.active .hmPage7R .more{ position:absolute; top:51rem; left:30rem;}
.hmPage7.active .hmPage7R .more a{ color:#015bac}
.hmPage7.active .hmPage7R .more a:hover{ background: #015bac; color:#fff;}
.hmPage7.active .hmPage7R .more a:hover:before{ border: 1px solid #015bac;}
.hmPage7.active .hmPage7R .more a:hover:after{background: url(404.png) no-repeat right center; width: 30px; right: 23px;}
.hmPage7.active .hmPage7R .more a:before{ border:1px solid #043491;}
.hmPage7.active .hmPage7R .more a:after{ background: url(404.png) no-repeat left top; }


.hmp9_newsList{text-align:center; color:#FFF}
.hmp9_newsList .one{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9_newsList .one{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp9_newsList .two{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9_newsList .two{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmp9_newsList .three{opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;}
.hmPage9.active .hmp9_newsList .three{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}

.Chairman{ text-indent: 2em;}

.swiper-pagination{ bottom:3rem; }

.ipad{ display: none;}
.ipad-s{ display: none;}




#full-screen-slider { width:100%; float:left; position:relative;}
#slides { display:block; width:100%; height:905px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:840px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

.bt_logo { margin:0 auto}
.top_30{margin-top:205px; float:left; width:100%}
.top_80{margin-top:205px; float:left; width:100%}
.nav-heard{width:100%; float:left; background:#e6210a; z-index:99999; padding:15px  0; display:block;  position:absolute;}

.nav-heard01{width:100%; float:left; background:#e6210a; z-index:99999; padding-top:15px; display:block;  position:absolute;}

 .navbar-brand {
        padding: 15px 0 0 25px;
    }



.section-btn {
	width:14px;
	position:fixed;
	right:4%;
	top:50%
}
.section-btn li {
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:#fdbe07;
	text-align:center;
	color:#fff;
	cursor:pointer
}
.section-btn li.on {
	background:#fff
}



.ny_nav{width:100%; float:left; display:block; margin-top:15px; border-top:1px solid #FFF; background: #e23641; padding:10px 0}
.ny_nav_list{left:840px; float:right; display:block; }
.ny_nav_list li{ float:left; margin: auto 35px ; text-align:center; list-style-type:none;}
.ny_nav_list li a{color:#FFF}
.ny_nav_list li a:hover{font-weight:bold}
.list_jl{ margin-right:15%}
.list_jl01{ margin-right:10%}

.ny_box{width:100%; float:left}
.ny_box1200{width:1200px; margin:0 auto}
 .nw-news{ font-size:14px;  }
 .nw-news a{ display:block; color:#646464; float:left; width: calc((100% - 40px)/2); margin:10px; position:relative; overflow:hidden; transition:600ms; -webkit-transition:600ms; font-size:14px; } 
 .nw-news .pic{ height:100%; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; background: #eee; } 
 .nw-news .pic img{ width:100%; display:block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; transition: 600ms; } 
 .nw-news a:hover .pic{ transform:scale(1.09); -webkit-transform:scale(1.09); } 
 .nw-news .txts_1{ position:absolute; bottom:0; left:0; right:0; background:rgba(180, 44, 44, 0.8); color:#e6e6e6; padding:15px 5%; transition:600ms; -webkit-transition:600ms; font-size:16px; font-weight:bold }
  .nw-news .txts_1 .date{ width:25%; float:left; } .nw-news .txts_1 .tx{ width:100%; float:left; text-align:center;  overflow:hidden; } .nw-news a:hover .txts_1{ bottom:-100%; opacity:0; } .nw-news .txts_2{ position:absolute; width:90%; height:90%; top:5%; left:5%; background:rgba(180, 44, 44, 0.8); color:#e6e6e6; padding:0 5% 0 5%; overflow:hidden; transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0; display:none\9; transition:600ms; -webkit-transition:600ms; } .nw-news .txts_2 .date{ position:absolute; bottom:15px; left:5%; } .nw-news .txts_2 .ti{ border-bottom:1px solid #fff; padding-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:10px; font-size:16px; text-align:center; font-weight:bold } .nw-news .txts_2 .tx{ line-height:25px; height:75px; overflow:hidden; padding-top:5px; text-align:justify; } .nw-news .txts_2 .arrow{ width:12%; height:10px; background:url(../image/CgI9F1i_cRGEdyGUAAAAAMSNXdI318.png) no-repeat left center; position:absolute; right:0; bottom:25px; } .nw-news a:hover .txts_2 { transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
  
  
  #c_news_list-15229127885376429 .p_articles{ margin:0px; } #c_news_list-15229127885376429 .p_CommonSummaryBoxA{ text-align:center; } #c_news_list-15229127885376429 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_news_list-15229127885376429 >div{ animation-fill-mode:both; } #c_news_list-15229127885376429 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15229127885376429 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15229127885376429 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15229127885376429 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_news_list-15229127885376429 .nw-news a{ width:calc((100% - 60px)/3); height:380px; } #c_news_list-15229127885376429 .nw-news .txts_2{background:rgba(215,12, 25, 0.8); padding:10%; } #c_news_list-15229127885376429 .nw-news .txts_1{background:rgba(215,12, 25, 0.8); } #c_news_list-15229127885376429 .p_page .pageNum.active{ text-decoration:none; background-color:#d70c19; color:rgba(255,255,255,1); } #c_news_list-15229127885376429 .p_page .pageNum:hover{ text-decoration:none; background-color:#d70c19; color:rgba(255,255,255,1); } #c_news_list-15229127885376429 .p_page .next{ background-color:#d70c19; } #c_news_list-15229127885376429 .p_page .pre:active{ background-color:#d70c19; } #c_news_list-15229127885376429 .p_page .pre:hover{ background-color:#d70c19; }
  
  .c_news_list-56002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-56002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-56002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-56002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-56002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-56002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-56002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }


.p_OccupyBox { width: 100%; float:left;height: auto; padding: 0; border: none; overflow: hidden; } 
.e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; }
 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .p_OccupyBox a { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .p_page .next { display: inline-table; float: left; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); cursor: pointer; text-decoration: none; background-color: rgba(101,190,186,1); } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .p_OccupyBox a.page2 { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255,255,255,1); } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum .iconfont:before { content: ""; } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } 
 
 


.pages{ clear:both; margin:50px auto; text-align:center; padding-bottom:50px}
.pages a:link {color:#666; background:#f2f2f2; padding:5px 10px;font-size:14px;text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a:visited {color:#666; background:#f2f2f2;padding:5px 10px;font-size:14px;text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a:hover {color: #fff; background:#d70c19;padding:5px 10px; font-size:14px;   text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a:active {color:#666; background:#f2f2f2;padding:5px 10px;font-size:14px;  text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a.page2:link {color:#fff; background:#d70c19; padding:5px 10px;  font-size:14px;text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a.page2:visited {color:#fff; background:#d70c19; padding:5px 10px; font-size:14px;text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a.page2:hover {color:#fff; background:#d70c19; padding:5px 10px; font-size:14px;   text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}
.pages a.page2:active {color:#fff; background:#d70c19; padding:5px 10px; font-size:14px;  text-decoration: none;font-family:微软雅黑,宋体,Verdana, Arial, Helvetica, sans-serif;}



.ab-list备分{
	width: 1200px;
	margin: 46px auto 38px;
	height: 134px;
}
.ab-list备分 a{
	display: block;
	float: left;
	width: 134px;
	height: 134px;	margin: 0px 30px;

}
.ab-list{
	width: 1200px;
	margin: 46px auto 38px;
	height: 88px;
}
.ab-list a{
	display: block;
	float: left;
	width: 248px;  font-size:24px; text-align:center; line-height:88px;
	height: 88px;	margin: 0px 25px;

}
.ab-list .a1{ 
	background: url(../image/xgicon113.png) center top no-repeat;color:#FFF;
}
.ab-list .a1:hover{
	background: url(../image/xgicon113.png) center top no-repeat; color:#000;
}
.ab-list .a2{
	background: url(../image/xgicon113.png) center top no-repeat;
}
.ab-list .a2:hover{
	background: url(404.png)  center top no-repeat;
}
.ab-list .a3{
	background: url(../image/xgicon113.png) center top no-repeat;
}
.ab-list .a3:hover{
	background: url(404.png) center top no-repeat;
}


.ab-list .a4{ 
	background: url(../image/xgicon113.png) center top no-repeat;
}
.ab-list .a4:hover{
	background: url(404.png) center top no-repeat;
}
.ab-list .a5{
	background: url(404.png) center top no-repeat;
}
.ab-list .a5:hover{
	background: url(404.png)  center top no-repeat;
}
.ab-list .a6{
	background: url(404.png)  center top no-repeat;
}
.ab-list .a6:hover{
	background: url(404.png) center top no-repeat;
}

 .footer{width:100%; float:left; display:block; background:#2a2a2a; font-size:13px; color:#FFF; padding:15px 0; text-align:center}
 
 .new_bg{ background:url(../image/abbg.jpg) repeat}
  .playBox{width:100%; float:left; margin-top:35px}
  .playBox li{background: #fff;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0,.05);margin-bottom: 20px;padding: 40px;} .playBox li .content{ width:60%; padding-left: 40px; float:left; } .playBox .img00 { position: relative; width: 100%; height: auto; padding-bottom: 50%; vertical-align: middle; text-align: center; overflow: hidden; } .playBox li .pic { overflow: hidden; position: relative; width:40%; float:left; } .playBox ul .img00 { transition: 600ms; -webkit-transition: 600ms; } .playBox ul li:hover .img00 { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); } .playBox img { width: 100%; transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms; height: auto !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute !important; } .playBox ul li h3{color: #333;margin: 20px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .playBox ul li p{color: #999;text-align: justify;height: 50px;overflow: hidden;font-size: 16px;margin-bottom: 38px;line-height: 1.5;} .playBox ul li span{color: #333;} 
  
 .p_NewsDetail{width:100%; float:left; margin-top:35px; background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.05);margin-bottom: 35px;padding: 40px;}
 .b_NewsDetail{width:100%; text-align:center; font-size:32px; padding-bottom:25px; border-bottom:1px solid #f4f4f4}
 .n_NewsDetail{ margin-top:25px; font-size:16px; color:#999; line-height:30px}
 .tips{ font-size:14px; color:#ccc; margin-bottom:5px}
 
 .xx_tj {
   margin-top:30px;
    width: 100%;
	float:left;
	
}.xx_tj li{display:block; float:left}
.xx_tj_l{width:90%;}
.xx_tj_l span{width:100%; float:left; line-height:30px; font-size:14px; color:#666}
.xx_tj  a{color:#666}
.xx_tj  a:hover{ color:#F00}
.xx_tj_r{width:9%; text-align:right; padding-top:10px}

.section3{
	width: 100%;
	position: relative;
	padding:50px 0;
	float:left; 
}
.section3 .w1200{
	width:1200px; margin:0 auto; 

}

	
	.pw01{ 
	
	width:1200px; float:left;
	position:relative;
	} 
	
	.braList .pic{
	width:40%; margin-top:30px
	}
.braList .item1 .pic{
	float:left;
	}
.braList .item2 .pic{
	float:right;
	}
.braList .txts{
	width:55%; color:#4c4b4b;
	}
.braList .item1 .txts{
	float:right;
	}
.braList .item2 .txts{
	float:left;	font-size:16px;
	line-height:36px !important;
	}	
.braList li{
	height:650px
	}
.braList .txts .pa{
	padding:10px 20px 0 20px;opacity:0.6;	background:#fff;
	}
.braList .txts .tx{
	font-size:16px;
	line-height:36px !important;
	margin-top:25px;
	}
 .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


	.scapic:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	}
	
	.braTitle2{
	border-bottom:1px solid #ab171d;
	padding-bottom:3px;
	}
.braTitle2 .bodr{
	border-bottom:1px solid #ab171d;
	padding-bottom:4px;
	}
.braTitle2 .ch{
	font-size:24px;
	color:#ab171d;
	font-weight:bold;
	float:left;
	line-height:36px;
	}
.braTitle2 .en{
	font-size:18px;
	font-style:italic;
	color:#999;
	text-transform:capitalize;
	font-family:Arial;
	float:left;
	line-height:36px;
	margin-left:10px;
	margin-top:5px;
	}

.braTitle2 .bodr,
.braTitle2{
	padding-bottom:2px;
	border-color:#d6d6d6;
	}
	.ch{
	line-height:1.4;
	}
.en{
	line-height:1.1;
	}.pic{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	}
.pic img{
	display:block;
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	}