/*加载外部通用CSS*/
@import url("normalize.css");
/*index.css*/
.header{height: 534px;background: url(images/banner.jpg) no-repeat center top;}
.center{width: 1000px;margin: 0 auto;}

.peo{position: relative;padding: 327px 0 62px 0}
.peo i{font-size: 30px;color: #fff;display: block;position:relative;z-index:2;padding: 7px 12px 8px 12px;background: #c80b0b;float: left;line-height: 30px;margin-right: 20px;}
.peo p{font-size: 24px;color: #fff;line-height: 45px;position:relative;z-index:2;}
.peo img{position: absolute;height:408px;width: auto;right: 0; bottom: 20px;}
.peo-talk{font-size: 52px;color: #fff;line-height: 81px;}


.main{width: 1000px;margin: 0 auto;margin-top: 20px;}
.content{width: 623px;padding-right: 43px;border-right: 1px dashed #e8e8e8;float: left;margin-top: 25px;}

/*.tv-box{width: 100%;height: 415px;box-shadow: 0px 4px 4px #ccc;padding-bottom: 10px;background: #000;border-radius: 0 0 10px 10px;}*/

.lead {margin-top: 40px;}
.lead h1{display: inline-block;font-size: 18px;color: #fff;background: #c71919;padding: 6px 28px 6px 22px;background: url(images/dayu.jpg) no-repeat right center #c71919;*width: 2em}
.lead p{font-size: 18px;line-height: 48px;text-indent: 2em;color: #030303;margin-top: 15px;}

.title1{height: 100px;background: #ededed;margin: 35px 0;}
.title1 i{font-size: 36px;line-height: 46px;color: #fff;background: url(images/title1.jpg) no-repeat right center #c71919;width: 88px;height: 97px;padding: 3px 27px 0 12px;float: left;}
.title1 p{line-height: 100px;font-size: 36px;color: #000;max-height: 100px;}

.article1 .p1{line-height: 36px;text-indent: 2em;color: #030303;margin: 20px 0;}
.article1 .p1 a{color: #ad0c0c}
.article1 .txt .left{width: 192px;position: relative;padding: 20px}
.article1 .txt .left i{position: absolute;width: 24px;height: 45px;background: url(images/line-xie.jpg) no-repeat;}
.article1 .txt .left i.top{top: 0;left: 0;}
.article1 .txt .left i.bottom{bottom: 0;right: 0;}
.article1 .txt .left p{font-size: 16px;color: #ad0c0c;line-height: 36px;}
.article1 .txt .right{width: 324px;}
.article1 .txt .right p{text-indent: 2em;line-height: 36px;padding-top: 20px;}
.article1 .img{position: relative;margin-top: 20px;}
.article1 .img img{width: 100%;height: auto;}
.article1 .img p{position: absolute;bottom: 0;left: 0;width: 100%;height: 26px;line-height: 26px;color: #fff;text-align: center;background: #000;}

.article2{margin-top: 25px}
.article2 img{float: right;margin-left: 50px;width: 40%;height: auto;}
.article2 p{line-height: 36px;text-indent: 2em;margin-top: 18px;color: #030303;}

.article3 p{line-height: 36px;text-indent: 2em;margin-top: 18px;color: #030303;}
.article3 .txts{position: relative;margin: 20px 0}
.article3 .txts img{width: 50%;height: auto;position: relative;z-index: 2;opacity: 1;filter:alpha(opacity=100);float: left;margin-right: 20px;}
.article3 .txts .txt{width: 90%;left: 10%;background: #333333;top: 45px;position: absolute;z-index: 1;}
.article3 .txts .txt p{width: 40%;color: #fff;text-indent: 2em;margin-top: 15px;margin-left: 50%;margin-top: 25px;}

.article4 .img img{width: 100%;height: auto}
.a-q{border: 1px dashed #dadada;padding: 0 20px 0 40px;margin-top: 35px;}
.a-q h1{font-size: 18px;color: #000;line-height: 36px;padding-top: 27px;z-index: 2;position: relative;}
.a-q h1 i{position: absolute;z-index: 5;width: 49px;height: 47px;background: url(images/Q.jpg) no-repeat;left: -65px;top: 20px;} 
.a-q .a-q-line{border-top: 1px dashed #d6d6d6;display: block;margin: 20px 0 15px 0;width: 100%;}
.a-q p{color: #666666;line-height: 36px;position: relative;padding-bottom: 20px;}
.a-q p i{position: absolute;z-index: 5;width: 49px;height: 47px;background: url(images/A.jpg) no-repeat;left: -65px;top: -6px;}

.buttons{text-align: center;margin: 34px 0;overflow: hidden;}
a.button{padding: 10px 20px;font-size: 18px;color: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.button:hover{opacity: 1;filter:alpha(opacity=100);text-decoration: none;}
.buttons .button1{background: #c71919;float: right;margin-right: 86px;}
.buttons .button2{background: #333333;float: right;}

.note{position: relative;}
.note i{font-size: 18px;color: #fff;padding: 13px 25px 13px 51px;background: url(images/edit.png) no-repeat 10px center #c71919;position: absolute;left: -14px;top: 21px;}
.note p{color: #fff;background: #fff;text-indent: 2em;line-height: 36px;padding: 76px 23px 40px 23px;background: #333;font-size: 16px;}

.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;}


.slidebar{width: 300px;float: right;text-align: center;}
.slidebar .img{width: 150px;height: 150px;position: relative;display: inline-block;background: #e7e7e7}
.slidebar .img-cover{position: absolute;width: 150px;height: 150px;background: url(images/img-cover.png) no-repeat;z-index: 2;top: 0;left: 0}
.slidebar img{position: absolute;width: 150px;height: 150px;z-index: 1;top: 0;left: 0;}
.slidebar .p1{font-size: 18px;color: #030303;margin: 17px 0 27px 0;text-align: center;}
.slidebar .p2{color: #666;line-height: 36px;padding: 0 44px 0 10px}
.slidebar .a-link {margin-top: 15px;}
.slidebar .a-link a{display: block;margin-top: 13px;background: #333;color: #fff;padding-left: 60px;background: url(images/a-link.png) no-repeat 8px center #333;height: 35px;line-height: 35px;text-align: left;}
.slidebar .a-link a:hover,.slidebar .a-link a.cur{background: url(images/a-link.png) no-repeat 8px center #c71919;text-decoration: none;}
.slidebar .a-link a:visited{text-decoration: none;}
#slidebar{padding-top: 25px;}
#slidebar.fixed{position: fixed;top: 0;width: 300px;background: #fff;}
#slidebar.fixed .img{display: none;}
#slidebar.fixed .p1{display: none;}
#slidebar.fixed .p2{display: none;}
#slidebar.fixed  .a-link{margin-top: -12px;}
.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;}*/

.peo .imgTit{display:none;}
@media screen and (max-width: 1000px) {
	.hide-xs{display: none;}
	.content,.center,.header,.main,.bottom .u-4-4,.bottom .u-1-4,#glbbot{width: 96%;padding: 0 2%;}
	.glbbot{padding: 0}
	.peo-talk{font-size: 18px;line-height: 36px;}
	#slidebar{position: fixed;top: 0;right: -80%;width: 80%;background: #fff;z-index: 99999;opacity: 0;transition:0.5s all;}
	#slidebar.show-left{top: 0;right: 0;opacity: 1;transition:0.5s all;}
	.title1 p{line-height: 36px;font-size: 20px;padding: 15px 10px;}
	.article2 img{margin-left: 30px;}
	.buttons .button{width: 100%;margin: 10px 0}
	.bottom h3{margin-top: 20px;}
	.bottom .u2{border-left: 1px solid #cbcbcb;}
	#glbbot{padding: 20px 0}
	#slidebar{height: 100%;}
	.slidebar .a-link{display: none;}
}
@media screen and (max-width: 414px){
	.header{background:url(images/banner.jpg) no-repeat -780px top;}
	#slidebar{padding-top: 10px;height: 100%;}
	.peo-talk{font-size: 16px;line-height: 65px; margin-top:15px;}
	#slidebar{max-height: 100%}
	.slidebar .p2{line-height: 26px;}
	.slidebar .p1{margin: 10px 0 18px 0}
	.peo i{float:none; display:inline-block;}
	.peo p{padding-top:10px;}
	.peo img{right: -40px;height: 347px;bottom:-14px;}
	.peo .imgTit{position:absolute; top:40px; left:10px; max-width:80%; height:auto; display:block;}
	.peo{padding: 300px 0 0px 0}
	.header{height: 482px;}
}
