@charset "utf-8";
/* CSS Document */
.Banner{background: #f9f9f9;width: 100%;}
#main{width:100%;overflow:hidden;position:relative;z-index:991;}

.iosSliderDemo {
	clear: both;
	width: 100%;
	/* padding: 0 0 30% 0; */
	padding: 0 0 400px;
	position: relative;
}
.fluidHeight {
	position: absolute;
	width: 100%;
	height: 600px;
}
.sliderContainer {
	height: 100%;
	max-height:600px;
	padding: 0 0;
}
.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
}
.iosSlider .slider .item {
/* PKU	width: 1400px; */
	width: 100%;
   max-width:1400px;
	height: 100%;
	padding: 0 0 0 0;
	text-align: center;
	margin:0 10px;

}
.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width:100%;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.iosSlider .slider .item .inner img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
}
.iosSlider .slider .item .inner .selectorShadow {
	position: absolute;
	left: 0;
	bottom: 0;
	/*background: url(../images/banner_bs.png) repeat ;*/
	width: 120px;
	height: 30px;
}
.iosSlider .slider .item .inner .text1-bg{
	opacity: 0;
	filter: alpha(opacity=0);

   background: none repeat scroll 0 0 #000000;
	position: absolute;

	bottom: 12%;
	padding: 0 12px 0 12px;
	height:50px;
	text-align: left;
}
.iosSlider .slider .item .inner .text1{
	opacity: 0;
	filter: alpha(opacity=0);

	position: absolute;

	bottom: 12%;
	padding: 0 12px 0 12px;
	height:50px;
	text-align: left;
}
.iosSlider .slider .item .inner .text1 span {
	color: #fff;
	font-size:24px;
	font-weight: normal;
	line-height:50px;
	padding: 0 8px;
	font-family:"Microsoft Yahei";
}
.iosSlider .slider .item .inner .text1 span i {
	margin: 0 0 0 5px;
}
.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #000000;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 10px 12px 10px;
	position: absolute;
	left: 100px;
/* PKU	top: 301px; */
	top: 450px;
	text-align: left;
}
.iosSlider .slider .item .inner .text2 span {
	display: block;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5;
	font-weight: 100;
	padding: 0 8px;
	font-family:"Microsoft Yahei"
}
.iosSlider .slider .item .inner .more{
/*	opacity: 0.3;  zb */
	opacity: 0.4;
	background: none repeat scroll 0 0 #fff;
	position: absolute;
	bottom: 6%;
   	right:0;
/*	padding: 0 5px; zb */
	padding: 0 5px 0 2px;
	height:25px;
   	width:55px;
   	z-index:2;
	text-align: center;
}
.iosSlider .slider .item .inner .more a {
	color: #000;
   text-decoration:none;
	font-size:14px;
	line-height:25px;
	font-family:"微软雅黑"
}
.sliderContainer .slideSelectors {
	    margin: 0 auto;
	    z-index: 1;
	    position: relative;
	    max-width: 1400px;
}
.sliderContainer .arrrowBox{position: absolute;top:50%;left: 50%;width: 1400px;margin:0 auto;margin-left: -700px;margin-top: -23px; z-index:9999;}
.sliderContainer .arrrowBox .prev {
	float: left;
	width: 46px;
	height: 46px;
	background: url(../images/lf.png) no-repeat 50% 0;    padding-left: 20px;
}
.sliderContainer .arrrowBox .next {
	float: right;
	width: 46px;
	height: 46px;
	margin: 0 0 0 10px;
	background: url(../images/rt.png) no-repeat 50% 0;    padding-right: 20px;
}
.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	background: #fff;
	margin: 0 0 0 10px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	 /*opacity: 0.25; */
	/*filter: alpha(opacity=25);*/
	border-radius: 50%;
}
.sliderContainer .slideSelectors .item.first {
	margin-left: 1px;
}
.sliderContainer .slideSelectors .selected {
	width: 9px;
	height: 9px;
	margin: 0 0 0 10px;
	background: #fff;
	filter: alpha(opacity=100);
	opacity:1;
	box-shadow: none;
}
.sliderContainer .slideSelectors .selected.first {
	margin-left: 0;
}
.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
/* PKU
	width: 1024px;
*/
	height: 4px;
	margin: 0 auto;
	z-index: 1;
}
.mask{ max-width:1400px; margin:0px auto; position:relative; z-index:3;}

.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
	height: 4px;
	margin: 0 auto;
	z-index: 1;
}

.slideSelectors .slideSelectors_pn{
	position: absolute;
	right: 16px;
	bottom: 20px;
	margin-left: -20px;
}
.slideSelectors .mask-right, .slideSelectors .mask-left {
    background: #fff none repeat scroll 0 0;
    opacity: 0.5;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
    overflow: hidden;
    z-index: 4;
	height: 400px;
	position: absolute;
	width:1047px;
	top:-400px;
}
.slideSelectors .mask-left {
	margin-left:-1648px;
    left:50%;
}
.slideSelectors .mask-right {
	margin-left:599px;
    left:50%;
}
/*banner结束*/

.sliderStills{position: absolute;bottom:-2px;left: 0;width: 100%;background: url(../images/banner_bg.png) repeat-x;height: 105px;}
.sliderStills p{color:#fff;font-weight: bold;font-size: 18px;text-align: left;position: absolute;bottom:20px;left:20px;}



.content{width:100%;overflow:hidden;margin:0px auto;}

.wrap_mode01{width: 100%;background: #f9f9f9; margin: 0 auto;overflow: hidden;}
.mode01{width: 1200px;padding:30px 0;margin:0 auto;overflow: hidden;}
.linkList {border-left:1px solid #ececec;overflow: hidden;}
.linkList li{float: left;text-align: center;width: 14.222222%;*width: 14%;max-height: 80px;}
.linkList li a{display: block;border-right: 1px solid #ececec;text-align: center;}
.linkList li a img{}
.linkList li a span{display: block;font-size: 16px;margin-top: 5px;}
.linkList li a:hover span{color:#be1521;}


.mode02{width: 1400px;margin:30px auto;overflow: hidden;}

.articleTitle{overflow: hidden;margin-bottom: 30px;}
.articleTitle .more{float: right;font-size: 16px;color:#999;margin-top: 33px;}
.articleTitle h2{overflow: hidden;position: relative;border-left:4px solid #eee; padding-left: 20px;padding-top: 27px;}
.articleTitle h2 span{color:#be1521;font-size: 22px;position: relative;z-index:999;}
.articleTitle h2 i{position: absolute;color:#eee;left: 16px;top: -12px;z-index:99;font-size: 62px;font-style: normal;font-family: 'Arial';font-weight:600;}

.articleTitle .more:hover{color:#be1521;}

.NewsBox{overflow: hidden;}
.NewsBox .lf{float: left;width: 50%;overflow: hidden;}
.NewsBox .rt{float: right;width: 47.14%;}
.NewxTop{overflow: hidden;padding-right: 5%;border-right: 1px solid #ddd;}

.NewsImgBox{overflow: hidden;margin-bottom: 10px}
.NewsImgBox a{display: block;}
.NewsImg{float: left;width: 280px;overflow: hidden;}

.NewsImg_info{margin-left:315px;}
.NewsImg_info h3{overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.NewsImg_info h3 span{display: block;height: 48px;font-size: 16px;line-height: 24px;overflow: hidden;}
.NewsImg_info p{font-size: 14px;color:#999;line-height: 22px;height: 132px;overflow: hidden;}
.NewsLfList{overflow: hidden;}
.NewsLfList li{height: 24px;overflow: hidden;margin-top: 10px;}
.NewsLfList li a{display: block;}
.NewsLfList li a span.dateTime{color:#999;font-size: 14px;float: right;}
.NewsLfList li a i{font-size: 16px;font-style: normal;}
.NewsLfList li a:hover i,.NewsLfList li a:hover span.dateTime{color:#be1521;}

.NewsRtList{overflow: hidden;}
.NewsRtList li{height: 24px;position: relative;padding-left: 14px; overflow: hidden;margin-bottom: 18px; }
.NewsRtList li:before{content: '';position: absolute;top:10px;left:0; width: 6px;height: 6px;background:#e5e5e5;border-radius: 50%;}
.NewsRtList li a span.dateTime{color:#999;font-size: 14px;float: right;}
.NewsRtList li a i{font-size: 16px;font-style: normal;}
.NewsRtList li a:hover i,.NewsRtList li a:hover span.dateTime{color:#be1521;}

.NewsImgBox a:hover .NewsImg_info h3 span{color:#be1521;}
.NewsImgBox a .NewsImg img{display: block;width: 100%;	transform:scale(1);
-ms-transform:scale(1); 	/* IE 9 */
-moz-transform:scale(1); 	/* Firefox */
-webkit-transform:scale(1);/* Safari 和 Chrome */
-o-transform:scale(1);	/* Opera */
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease; }
.NewsImgBox a:hover  .NewsImg img{transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.105); 	/* Firefox */
-webkit-transform:scale(1.05);/* Safari 和 Chrome */
-o-transform:scale(1.05);	/* Opera */}


.wrap_mode03{width: 100%; background: url(../images/mode03_bg.jpg) no-repeat center top;margin: 0 auto;background-size:100% 100%;overflow: hidden;*overflow: static; position: relative;}
.wrap_mode03 .wrap_mode03_bg{position: absolute;z-index:99; width: 100%;height: 100%;background: url(../images/mode03_bg1.png) repeat;left: 0;top:0;right:0;bottom: 0;}
.mode03{width: 1400px;margin:0 auto 0;padding:30px 0 20px 0; overflow: hidden;position: relative;z-index:999;}

.articleTitle1 h2{border-left-color:#aaa ; border-left-color: rgba(255,255,255,0.2);*border-left-color: #999;}
.articleTitle1 h2 span{color:#fff;}
.articleTitle1 h2 i{color:#aaa;color:rgba(255,255,255,0.2);*color:#999;}
.articleTitle1 .more{color:#fff;}
.mode03 .lf{width: 60.07%;float: left;overflow: hidden;}
.mode03 .rt{width: 34.35%;float: right;overflow: hidden;}

.NoticeBanner .flexslider {width: 88%;margin: 0 auto;height:  0;padding-bottom: 32.5%;}
.NoticeBanner .flex-control-nav{display: none;}
.NoticeBanner .flex-direction-nav a{width: 40px;height: 100%;background-color: #be1521;margin-top: 0;top:0;}
.NoticeBanner .flex-direction-nav .flex-prev{left:-44px;}
.NoticeBanner .flex-direction-nav .flex-next{right: -44px;}
.NoticeBanner .flex-direction-nav .flex-disabled{opacity: 1 !important;background-color:#ddd;filter:alpha(opacity=100); cursor: default;}
.slidesBox{overflow: hidden;}
.slidesBox .notice{float: left;width: 33.33%;*width: 33%; /* padding:10px 0; */margin-bottom: 30px;}
.slidesBox .notice a{display: block;margin: 0 15px;background:url(../images/notice_bg.png) no-repeat bottom right #fff;padding:20px;


}
.slidesBox .notice a strong{display: block;font-size: 16px;line-height: 24px;height: 45px;overflow: hidden;padding-bottom: 8px;margin-bottom:8px;position: relative;font-weight: normal;}
.slidesBox .notice a strong:after{position: absolute;bottom:0;left:0;content: '';clear: both;width: 30px;height: 1px;background: #ddd}
.slidesBox .notice a span{display: block;font-size: 14px;}
.slidesBox .notice a:hover{background-color: #be1521;background: linear-gradient(-45deg,transparent 5px,#be1521 0) ;}
.slidesBox .notice a:hover strong,.slidesBox .notice a:hover span{color:#fff;}
.slidesBox .notice a:hover strong:after{background: #fff;}


.dataList{width: 102%;overflow: hidden;}
.dataList li{float: left;width: 50%;margin-bottom: 20px;*width: 49%;}
.dataList li .data{margin-right: 20px;text-align: center;}
.dataList li .data span{display: block;background:#fff;padding: 16px 20px;font-size: 42px;font-family: 'Arial';color:#be1521;font-weight: bold;}
.dataList li .data p{background:#be1521;color:#fff;padding:10px;font-size: 16px;}



.mode04{width: 1400px;margin:30px auto 20px;overflow: hidden;position: relative;z-index:999;}
.SecurityBox{overflow: hidden;border-top:1px solid #ddd;padding-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;}

.SecurityList{overflow: hidden;float: left;width: 50%;}
.SecurityList li{border-right: 1px solid #ddd;padding-right:5%}
.SecurityList1 {width: 47%;float: right;}
.SecurityList1 li{padding-right: 0;border-right: none;}
.SecurityList li a{display: block;border-bottom: 1px solid #ddd;padding-bottom: 20px;padding-top: 20px;}
.SecurityList li:last-child a{border-bottom: none;}

.SecurityList li a span{float: left;text-align: center; width: 70px;padding-right:20px;border-right: 1px solid #ddd;height: 97px;}
.SecurityList li a .Security{margin-left: 120px;}
.SecurityList li a span i{display: block;font-size: 23px;color:#999;font-weight: normal;font-style: normal;}
.SecurityList li a span strong{display: block;font-size: 40px;color:#be1521;}
.Security h3{font-size: 16px;height: 20px;overflow: hidden;line-height: 24px; margin-bottom: 15px;}
.Security p{color:#999;font-size: 14px;line-height: 20px;height: 60px;overflow: hidden;}

.SecurityList li a:hover .Security h3{color:#be1521;}



@media screen  and (max-width:1440px) {

	.NoticeBanner .flexslider{height: auto;padding-bottom: 0;}
	.sliderContainer .slideSelectors{width: 100%;}
	.content{width:100%;}
	.mode01,.mode02,.mode03,.mode04{width:90%;margin:30px auto;}
	.mode01{margin:0 auto;}
	.mode03{padding:10px 0;margin-bottom: 10px;}
	.iosSlider .slider .item{margin:0;}
	.sliderContainer .arrrowBox{width: 98%;margin-left: -49%;}
	.dataList li .data span{font-size: 36px;}
	.slidesBox .notice{margin-bottom: 17px;}
	.NoticeBanner .flex-direction-nav a{height: 95%;}

	.wrap_mode03{ background-size:auto 100%;}
}
@media screen  and (max-width:1200px) {
	.NewsBox .lf{width: 59%;}
	.NewsBox .rt{width:37.14%;}
	.mode03 .lf{width: 100%;float: none;}	
	.mode03 .rt{width: 100%;float: none;margin-top: 40px;}
	.dataList li .data span{font-size: 32px;}
	.dataList li .data span{padding:9px 20px;}
	.articleTitle h2 i {top: -8px;font-size: 46px;}
	.articleTitle h2{margin-top: 0px;}
	.articleTitle{margin-bottom: 20px;}
}


@media screen and (max-width: 1024px) {
	.sliderStills p{width: 60%;font-size: 16px;}
	.Banner{}
	.NewsBox .lf{width: 100%;float: none;}
	.NewxTop{border-right: none;padding-right: 0;}

	.NewsBox .rt{width:100%;float: none;margin-top: 15px;}
	/*.NewsRtList li{list-style-type: none;list-style-position: inside;	}*/
	.articleTitle h2 i {    top: -5px;    font-size: 50px;}
	.articleTitle h2 {    padding-top: 17px;}
	.articleTitle .more{margin-top: 20px;font-size: 14px;}
	.articleTitle h2 span{font-size: 20px;}
	.NewsLfList li a i{font-size: 14px;}
	.NewsRtList li a i{font-size: 14px;}
	.NewsImg_info p{font-size: 12px;}
	.articleTitle{margin-bottom: 20px;}
	.SecurityList li a span i{font-size: 20px;margin-top: 20px;	}
	.SecurityList li a span strong{font-size: 30px;}	
	.SecurityList li a span{width: 37px;}	
	.SecurityList li a .Security{margin-left: 85px;}
	.SecurityBox{padding:20px 0;}
	.NewsRtList li{padding-left: 0;}
	.NewsRtList li:before{display: none;}
}
@media screen and (max-width: 800px){

	.linkList li a span{font-size: 14px;}
	.linkList li {width: 33.33%;max-height: 76px;}
	.linkList li a{padding: 10px 0;}
	.slideSelectors .slideSelectors_pn{bottom:10px;}
	.slidesBox .notice{width:49%;}
	.NoticeBanner .flexslider{width: 100%;}
	.slidesBox{margin-top:40px;width: 104%;}
	.NoticeBanner .flex-direction-nav .flex-prev{left: auto;right:35px;height:30px;width: 30px;background-size: 30% auto;}
	.NoticeBanner .flex-direction-nav .flex-next{right:0;height: 30px;width: 30px;background-size: 30% auto;}
	.slidesBox .notice a{margin-left: 0;padding:10px;}
	.dataList li .data span{font-size: 35px;}
	.SecurityList{width: 100%;}
	.SecurityList li{border-right: none;padding-right: 0;}
	.SecurityBox{padding:10px 0;border-bottom: none;}
	.SecurityList li:last-child a{border-bottom: 1px solid #ddd;}
	.articleTitle h2 i{font-size: 35px;}
}

@media screen  and (max-width:640px) {
	.sliderStills p{font-size: 15px;font-weight: normal; bottom: 13px;left: 13px;line-height: 24px;}
	.NewsImg{float: none;width: 100%;}
	.NewsImg_info{margin-left: 0;margin-top: 20px;}
	.NewsImg_info h3 span{height: auto;}
	.NewsImg_info p{height: auto;}
	.NewsLfList li,.NewsRtList li{height: auto;margin-bottom: 10px;margin-top: 0;}
	.NewsLfList li a span.dateTime{float: none;display: block;margin-bottom: 5px;font-size: 12px;}
	.NewsRtList li a span.dateTime{float: none;display: block;margin-bottom: 5px;font-size: 12px;}
	.NewsBox .rt{margin-top: 0;}
	.mode03 .rt{margin-top: 10px;}

}

@media screen and (max-width:480px){
	.linkList li a span{font-size: 12px;}
	.slidesBox .notice{width: 100%;}
	.slidesBox .notice a strong{height: auto;font-size: 14px;}
	.slidesBox .notice a span{font-size: 12px;}
	.dataList li .data span{font-size: 30px;}
	.dataList li .data p{font-size: 14px;}
	.sliderStills{display: none;}

}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	.dataList li{width: 100%;}
	.dataList li .data{margin-right: 0;}
	.dataList{width: 100%;}
}