.indexbanner{width:100%;margin:0 auto;}.indexbanner li{float:left;width:100%;}.indexbanner li .pic{width:100%;height:820px;margin:0 auto;text-align:center;}
.indexbanner li{background:url(../images/indexban.jpg) center center no-repeat;background-size:cover;}
.indexbanner li .pic img{padding-top:15%;}.tabli{display:none;}

.indexbanner li.zp{background:url(../images/indexban-zp.jpg) center center no-repeat;background-size:cover;}
.indexbanner li.zp a{display:block;width:100%;height:820px;}
.indexbanner li.zp .content{position:relative;}.indexbanner li.zp .pic img{position:absolute;left:0;padding-top:13%;}

.quickNavigation{position:absolute;top:700px;left:50%;z-index:9;margin-left:-600px;overflow:hidden;}.quickNavigation ul{width:1203px;}
.quickNavigation li{float:left;position:relative;width:338px;margin-right:3px;padding:10px 30px;background:#fff;}
.quickNavigation li a{position:relative;z-index:9;display:block;}.quickNavigation li h3{line-height:40px;font-size:20px;}
.quickNavigation li p{line-height:28px;font-size:14px;color:#666;}
.quickNavigation li i{position:absolute;top:10px;right:0;width:45px;height:45px;background:url(../images/qnicon01.png) no-repeat;transition:right .5s;}
.quickNavigation li i.i02{background-position:0 -45px;}.quickNavigation li i.i03{background-position:0 -90px;}
.quickNavigation li .bg{position:absolute;top:0;left:0;z-index:8;width:0;height:100%;background:#0068ba;transition:width .5s;}
.quickNavigation li:hover{background:none;}.quickNavigation li:hover i{right:10px;background:url(../images/qnicon01.png) -45px 0 no-repeat;}
.quickNavigation li:hover i.i02{background-position:-45px -45px;}.quickNavigation li:hover i.i03{background-position:-45px -90px;}
.quickNavigation li:hover h3,.quickNavigation li:hover p{color:#fff;}.quickNavigation li:hover .bg{width:100%;}

.about{height:722px;background:url(../images/company.jpg) left center no-repeat;}.about dl{padding:0 0 0 440px;overflow:hidden;}
.about dt{float:left;width:540px;margin-top:100px;padding:60px 0 60px 60px;background:#fff;}.about dt .title{text-align:left;}
.about dt p{line-height:30px;padding:15px 0;font-size:16px;color:#666;text-align:justify;}
.about dt a{display:block;width:160px;height:40px;margin-bottom:20px;background:url(../images/more02.png) no-repeat;}
.about dd{float:right}.about:hover dt a{box-shadow:0 2px 20px 0 #ccc;}.change{position:absolute;right:0;bottom:110px;width:220px;height:165px;}
.change .bd li img{width:220px;height:165px;transition:.5s;}.change .bd li:hover img{transform:scale(1.1);}
.change .hd{width:100px;height:60px;margin:-60px 0 0 -50px;text-align:center;background:#fff;}.change .hd a:hover{color:#0068ba;}
.change .hd a{float:left;display:block;width:50px;height:60px;text-align:center;font:30px/60px "宋体";color:#999;cursor:pointer;}

.infobg{height:300px;background:url(../images/infobg.jpg) center top no-repeat;}
.info{display:table;width:100%;height:300px;}.info ul{display:table-cell;vertical-align:middle;}
.info li{float:left;width:210px;text-align:center;}.info li.line{width:120px;height:140px;}
.info li span{display:inline-block;width:100%;height:69px;vertical-align:top;border-bottom:1px solid #666;}
.info li h2 b{font-weight:normal;font-size:70px;color:#fff;}.info li h2 sup{font-size:16px;vertical-align:top;color:#fff;}
.info li p{line-height:24px;font-size:16px;color:#666;}

.videobg{height:784px;background-image:url(../images/videobg.jpg);background-repeat:no-repeat;background-position:center top;}
.videobg .tmbg{position:absolute;top:0;right:0;width:40%;height:100%;background:url(../images/tmbg.png) repeat;}
.video{display:table;height:100%;}.video>div{display:table-cell;vertical-align:middle;}
.video .tit{width:100%;text-align:right;color:#fff;}.video .tit em{text-transform:uppercase;font-size:32px;}.video .tit h3{font-size:46px;}
.video .tit h3 span{display:inline-block;width:250px;height:2px;margin:0 10px;vertical-align:middle;background:#fff;}
.video p{line-height:32px;padding:20px 0;font-size:16px;color:#999;text-align:right;}.video a{float:right;display:block;cursor:pointer;}

.story{width:100%;margin:0 auto;}.story li{float:left;width:100%;height:66px;padding:20px 0;transition:all .5s;}
.story li .time{float:left;width:15%;padding-right:5%;text-align:center;}.story li .time b{display:none;float:left;font-size:30px;}
.story li .time b span{display:inline-block;width:24px;height:3px;margin-right:10px;text-align:left;vertical-align:middle;background:#c0c0c0;}
.story li .time em{display:inline-block;font-size:16px;text-align:left;vertical-align:middle;}.story li .time i{font-size:12px;color:#999;}
.story li .txt{float:left;width:50%;padding:0 5%;}.story li .txt h2{line-height:32px;font-size:16px;}
.story li .txt p{font-size:14px;line-height:22px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.story li .txt img{display:none;width:160px;height:40px;margin:10px 0 0;vertical-align:top;}
.story li .pic{display:none;float:left;width:20%;text-align:center;}.story li .pic img{height:126px;}
.story li.on{height:126px;background:#f6f6f6;}.story li.on .time b,.story li.on .txt img,.story li.on .pic{display:block;}

@media screen and (max-width:1280px){
	.indexbanner li .pic01{background-image:url(../images/indexban01@2x.jpg);}
	.indexbanner li .pic02{background-image:url(../images/indexban02@2x.jpg);}
	.indexbanner li .pic03{background-image:url(../images/indexban03@2x.jpg);}
	.indexbanner li .pic04{background-image:url(../images/indexban04@2x.jpg);}

	.videobg{background-image:url(../images/videobg@2x.jpg);}.indexbanner{height:620px;}
	.indexbanner li .pic{background-size:cover;height:620px;display:flex;align-items:center;justify-content:center;}
	.indexbanner li .pic img{padding-top:0;width:90%;margin:0 auto;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}.indexbanner li.zp .pic img{display:none;}

	.tabli{display:block;position:absolute;bottom:5%;left:0;z-index:9;width:100%;text-align:center;}.tabli li.on{background:#fff;}
	.tabli li{display:inline-block;width:16px!important;height:16px;border:2px solid #fff;margin:0 5px;border-radius:100%;box-sizing:border-box;}

	.about{height:auto;background:none;}.about dl{padding:0 4%;box-sizing:border-box;}
	.about dt{width:80%;margin-top:0;padding:0;background:none;}.about dd{width:12%;}
	.about dt p{line-height:46px;padding:0 0 3%;text-align:justify;font-size:24px;}.infobg{height:300px;background-position:left center;background-size:cover;}
	.info ul{padding:0 5%;box-sizing:border-box;}.info li{width:40%;margin:0 5%;padding:5% 0;box-sizing:border-box;}
	.info li:nth-child(1),.info li:nth-child(3){border-bottom:1px solid #ccc;}.info li h2 b{font-size:50px;}
	.videobg{background-position:center;background-size:cover;}.videobg .tmbg{width:100%;height:100%;}
	.video .tit{text-align:center;}.video a{float:none;width:22%;margin:2% auto;}.story{padding:0 4%;box-sizing:border-box;}
	.story li{height:auto;border-bottom:1px solid #c9c9ce;box-sizing:border-box;}.story li:last-child{border-bottom:none;}
	.info li.line,.info li p.p2,.video .tit h3 span,.video p,.story li .time,.story li .pic{display:none;}
	.story li .txt{width:100%;padding:0;}.story li.on{height:auto;background:none;}
	.story li.on .time b,.story li.on .pic,.story li.on .txt img{display:none;}.story li .txt h2,.story li .txt p{line-height:46px;font-size:24px;}
}
@media screen and (max-width:480px){
	.indexbanner{height:674px;}.indexbanner li .pic{height:674px;}.indexbanner li .pic img{width:90%;margin:0 auto;padding-top:0;}
	.infobg,.info{height:193px;}.info li h2 b{font-size:32px;}.info li p{font-size:12px;}.video .tit em{font-size:20px;}.video .tit h3{font-size:30px;}
	.videobg{height:502px;}.about dt p,.story li .txt h2{line-height:30px;font-size:16px;}.story li .txt p{line-height:26px;font-size:16px;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}.indexbanner li.zp .pic img{display:none;}
}
@media screen and (max-width:414px){
	.about dt p{font-size:14px;}.indexbanner{height:530px;}.indexbanner li .pic{height:582px;}.videobg{height:325px;}.center li p{padding:0 5%;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}.indexbanner li.zp .pic img{display:none;}
}
@media screen and (max-width:375px){
	.indexbanner,.indexbanner li .pic{height:527px;}.infobg,.info{height:150px;}
	.info li{padding:2% 0;}.info li h2 b{font-size:25px;}
	.info li h2 sup{font-size:12px;}.info li p{line-height:24px;font-size:12px;}
	.videobg{height:295px;}.video .tit em{font-size:16px;}.video .tit h3{font-size:23px;}
	.story li{padding:10px 0;}.story li .txt h2{line-height:30px;font-size:16px;}
	.about dt p,.story li .txt p{line-height:26px;font-size:14px;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}
	.indexbanner li.zp .pic img{display:none;}
}
@media screen and (max-width:360px){
	.indexbanner,.indexbanner li .pic{height:506px;}.videobg{height:255px;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}.indexbanner li.zp .pic img{display:none;}
}
@media screen and (max-width:320px){
	.indexbanner{height:450px;}.indexbanner li .pic{height:450px;background-size:cover;}.videobg{height:335px;}.info ul{padding:0 10%;}
	.indexbanner li.zp{background:url(../images/indexban-zp-m.jpg) center 60% no-repeat;background-size:contain;}
	.indexbanner li.zp a{display:block;width:100%;height:620px;}.indexbanner li.zp .pic img{display:none;}
}