/*加载外部通用CSS*/
@import url("normalize.css");
/*index.css*/
.header{height: 415px;background: url(images/banner.jpg) no-repeat center top;}
.center{width: 1000px;margin: 0 auto;}
.hide-pc{display: none;}

.slide-top{height: 507px;background-size: 100% 100%;position: relative;}
.slide-top h1{height: 54px;background: url(images/slide-top-h1.jpg) no-repeat center 160px;padding-top: 160px;}
.slide-top p{color: #281914;font-size: 32px;text-align: center;padding-top: 68px;line-height: 32px;}
.slide-top i{position: absolute;background: #ff0101;}
.slide-top i.i1{width: 4px;height: 0;left: 65%;top: 0}
.slide-top i.i2{width: 0;height: 4px;left:65%;top: 13%}
.slide-top i.i3{width: 4px;height: 0;right: 0;top: 13%}
.slide-top i.i4{width: 0;height: 4px;right: 0;top: 83%}
.slide-top i.i5{width: 4px;height: 0;right: 43%;top: 83%}
.slide-top i.i6{width: 0;height: 4px;left: 0;top: 83%}
.slide-top i.i7{width: 4px;height: 0;left: 0;top: 13%}
.slide-top i.i8{width: 0;height: 4px;right: 44%;top: 13%}

.slide-top i.i1.i1-show{width: 4px;height: 13%;transition:0.24s all;}
.slide-top i.i2.i2-show{width: 35%;height: 4px;transition:1.2s all;}
.slide-top i.i3.i3-show{width: 4px;height: 70%;transition:1.1s all;}
.slide-top i.i4.i4-show{width: 43%;height: 4px;transition:1.4s all;}
.slide-top i.i5.i5-show{width: 4px;height: 17%;transition:0.4s all;}
.slide-top i.i6.i6-show{width: 45%;height: 4px;transition:1.6s all;}
.slide-top i.i7.i7-show{width: 4px;height: 70%;transition:1.1s all;}
.slide-top i.i8.i8-show{width: 56%;height: 4px;transition:2s all;}

.big-pic{height: 624px;background: url(images/pic01.jpg) no-repeat center top;}

.title1{font-size: 42px;text-align: center;line-height: 42px;padding: 53px 0 56px 0;transition:0.5s all;*width:1000px;*margin:0 auto;}
.title1 i{display: inline-block;padding: 5px 10px;background: #ff0101;color: #fff;margin-right:50px;transition:0.5s all;*float: left;}
.title1 p{display: inline-block;transition:0.5s all;*float: left;*margin-top: 6px}
.title1 p span{color: #ff0101;transition:0.5s all;}
.title1.cur i{background: none;color: #333;}
.title1.cur p span{color: #333;}

.big-pic .article{width: 1000px;margin: 0 auto}
.big-pic .article img,.article .img{width: 600px;height: 400px;}
.big-pic .article .txt{width: 400px;background: url(images/txt-bg.png) repeat;height: 400px;}
.big-pic .article .txt h1{text-align: center;font-size: 36px;padding: 33px 0 30px 0}
.big-pic .article .txt p{font-size: 22px;line-height: 48px;padding-right:15px;padding-left: 28px;}

.slide-cen{width: 386px;height: 292px;background: url(images/slide-cen.jpg) no-repeat;margin: 0 auto}

.essay{position: relative;padding-bottom: 105px;}
.essay .img{width: 600px;height: 400px;}
.essay .img.left{margin-right: 40px;}
.essay .img.right{margin-left: 40px;}
.essay h1{font-size: 36px;color: #281914;text-align: center;line-height: 36px;padding-bottom: 30px;}
.essay h2{font-size: 30px;color: #281914;text-align: center;line-height: 48px;padding-bottom: 30px;}
.essay p{font-size: 18px;line-height: 36px;}
.essay i{position: absolute;height: 105px;width: 4px;background: #ff0101;left: 50%;margin-left: -2px;bottom: 0;*bottom: -8px}

.more{text-align: center;}
.more em{padding: 12px 70px;color: #fff;background: #ff0101;font-size: 36px;line-height: 36px;opacity: 0.9;filter:alpha(opacity=90);}
.more em:hover{opacity: 1;filter:alpha(opacity=100);}
.more a{color:#fff;}




.bottom{background: #E8E8E8;padding-top: 34px;padding-bottom: 24px;border-top: 1px solid #dedede;}
.bottom .u-4-4{width: 1000px;margin: 0 auto;overflow: hidden;}
.bottom .u-1-4{width: 25%;float: left;}
.bottom h3{font-size: 18px;margin-bottom: 20px;}
.bottom .u1 h1{font-size: 30px;text-align: center;margin-bottom: 20px;}
.bottom .u1 h2{font-size: 20px;text-align: center;margin-bottom: 20px;}
.bottom .u2{border-right: 1px solid #f0f0f0;padding-left: 24px;}
.bottom .u2 ul{line-height: 30px;overflow: hidden;}
.bottom .u2 ul li{float: left;width: 70px;}
.bottom .u2 ul li a{color: #999;}
.bottom .u3{border-right: 1px solid #f0f0f0;border-left: 1px solid #cbcbcb;padding-left: 24px;}
.bottom .u3 dl{line-height: 30px;overflow: hidden;}
.bottom .u3 dl dd{float: left;width: 100px;}
.bottom .u3 dl dd a{color: #999;}
.bottom .u3 dl dt{color: #999}
.bottom .u4{border-left: 1px solid #cbcbcb;padding-left: 24px;}
.footer{border-top: 1px solid #e8e8e8;margin-top: 40px;}
/*通用底部代码*/
.glbbot{background: #333;padding: 20px 0}
#glbbot{border:0;color: #fff;margin: 0 auto;}
#glbbot a:link{color: #fff;}
#glbbot a:visited,#glbbot a:hover{color: #fff;text-decoration: underline;}




.toTop{width: 45px;height: 45px;bottom: 20px;right:2%;position:fixed;cursor:pointer;z-index:999999;}
.toTop img{display: block;width: 100%;height: 100%;}
/*.toTop p{line-height: 30px;text-align: center;padding-top: 79px;}*/










/**/
@-webkit-keyframes zoomIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
}
.zoomIn_show{
	-webkit-animation: zoomIn 2s;
        animation: zoomIn 2s;
}
@media screen and (max-width: 1000px) {
	.hide-pc{display: block;}
	.hide-xs{display: none;}
	.header,.big-pic .article,.big-pic .article img,.article .img,.bottom .u-4-4,.bottom .u-1-4,.slide-cen img{width: 100%;height: auto;}
	.main,#glbbot,.center{width: 95%;height: auto;padding: 0 2.5%;}
	.bottom h3{margin-top: 20px;}
	.bottom .u2{border-left: 1px solid #cbcbcb;}
	#glbbot{padding: 20px 0}
	.header{background: none;height: auto}
	.header img{width: 100%;height: auto;}
	.big-pic{background: none}
	.title1{width: 100%;padding: 0.3em 0;text-align: center;font-size: 18px;background: #ff0101;color: #fff!important;margin-bottom: 20px;}
	.title1 i{display: inline;margin: 0;}
	.title1 p{display: inline}
	.title1 p span{display: inline;color: #fff;}
	.title1.cur{background: none}
	.title1.cur i,.title1.cur p span{color: #fff;}
	img{width: 100%;}
	embed{width: 100%; margin-bottom:20px;}
	iframe{width: 100%; height:250px; margin-bottom:20px;}
	.essay .img{width: 100%;height: auto}
	.big-pic .article .txt{width: 100%;}
	.big-pic .article .txt p{padding: 0}
	.slide-cen{background: none;height: auto}
	.slide-cen-mini{width: 105%;height: auto;margin-left: -2.5%;}
	.slide-cen-mini img{display: block;margin-top: 30px}
	.slide-cen-mini span{display: block;height: 12px;background: #f3f3f3;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
	.big-pic{height: auto}
	.essay{padding-bottom: 0;}
	.essay i{display: none;}
	.essay .title{overflow: hidden;font-size: 24px;margin: 30px 0}
	.essay .title strong{color: #fff;background: #ff0101;padding: 5px 5px 5px 10px;float: left;display: block;line-height: 24px;font-weight: normal;margin-right: 15px;}
	.essay .title span{line-height: 34px;float: left;display: block;}
	.essay img{margin-bottom: 20px;}
	.essay .line{width: 105%;margin-left: -2.5%;display: block;border-top: 1px solid #d5d5d5;margin-top: 20px;}
	.more em{font-size: 20px;width: 50%;padding: 0;margin-top: 30px;}
	.slide-top h1{background: url(images/slide-top-h1.jpg) no-repeat center 85px;padding-top: 100px;background-size: 80% auto}
	.slide-top p{padding: 0 0 70px 0;font-size: 16px;}
}
@media screen and (max-width: 374px){
	#slidebar{padding-top: 10px;height: 100%;}
	.peo-talk{font-size: 16px;}
	#slidebar{max-height: 100%}
	.slidebar .p2{line-height: 26px;}
	.slidebar .p1{margin: 10px 0 18px 0}
}
