.aboutbanner{background:url(../images/aboutbanner.jpg) center top no-repeat;background-size:cover;}
.aboutnav ul{display:flex;}.aboutnav li i{background:url(../images/abouticons.png) no-repeat;}
.aboutnav li i.i02{background-position:0 -25px;}.aboutnav li i.i03{background-position:0 -50px;}
.aboutnav li i.i04{background-position:0 -75px;}.aboutnav li i.i05{background-position:0 -100px;}

.introduced .fl{float:left;width:675px;}.introduced .tit{margin-bottom:10px;}
.introduced .tit h2{line-height:100px;font-size:100px;text-transform:uppercase;color:#f0f0f0;}
.introduced .tit em{display:inline-block;font-size:40px;text-transform:uppercase;color:#f0f0f0;vertical-align:top;}
.introduced .tit h3{font-size:30px;color:#0068ba;}
.introduced .scroll{padding:25px;background:#f8f8f8;}.introduced .scroll>div{height:280px;overflow-x:hidden;overflow-y:scroll;}
.introduced .scroll>div::-webkit-scrollbar{width:3px;height:100px;background:url(../images/scrollbg.png) repeat-y center top;}
.introduced .scroll>div::-webkit-scrollbar-thumb{background:#9d9d9d;}
.introduced .scroll p{line-height:32px;padding:10px 20px 10px 0;font-size:16px;color:#666;text-align:justify;}
.introduced .scroll b{display:block;line-height:32px;font-size:16px;}
.introduced .fr{float:right;width:525px;}.introduced .fr>div{margin-top:10px;overflow:hidden;}.introduced .fr img{display:block;width:100%;}

.history{background:#f7f7f7;}.history .hd{position:relative;width:100%;margin:0 auto;padding-top:18px;padding-bottom:50px;text-align:center;}
.history .hd span{display:block;width:100%;margin:0 auto;height:1px;border-bottom:1px dotted #333;}.history .hd .num_s{margin-top:-18px;}
.history .hd li{display:inline-block;margin:0 20px;font-size:16px;color:#999;cursor:pointer;}
.history .hd li i{display:inline-block;width:36px;height:36px;vertical-align:middle;background:url(../images/quanicon.png) no-repeat center;}
.history .hd li.on{color:#0068ba}.history .hd li.on i{background:url(../images/quanicon02.png) no-repeat;}
.history .bd li .pic{float:left;width:560px;overflow:hidden;}.history .bd li .pic img{transition:.5s;}
.history .bd li .pic:hover img{transform:scale(1.1);}.history .bd li .txt{float:right;width:600px;margin-left:40px;}
.history .bd li .txt b{display:block;font-size:57px;color:#0068ba;}.history .bd li .txt h3{padding:20px 0;font-size:20px;}
.history .bd li .txt p{position:relative;line-height:30px;padding-left:40px;font-size:14px;color:#666;text-align:justify;}
.history .bd li .txt p span{position:absolute;top:13px;left:0;width:20px;height:4px;background:#b9b9b9;}

.honor{height:962px;background:url(../images/honorbg.jpg) center top no-repeat;background-size:auto 100%;}
.honor .bd li{float:left;width:265px;height:330px;margin:0 7px 0 8px;padding:10px;background:#fff;}.honor .bd li .img{padding:22px 0;text-align:center;}
.honor .bd li .img img{width:220px;height:165px;transition:.5s;}.honor .bd li:hover .img img{transform:scale(1.1);}.honor .bd li .txt{padding:0 10px;}
.honor .bd li .txt p{padding:15px 0;height:40px;font-size:14px;text-align:center;overflow:hidden;border-bottom:1px dashed #ccc;}
.honor .bd li .txt span{display:inline-block;width:100%;padding:15px 0;font-size:12px;color:#999;text-align:center;}
.honor .hd{width:100%;padding:70px 0 0;text-align:center;}
.honor .hd li{display:inline-block;width:12px;height:12px;margin:0 5px;border:1px solid #0068ba;border-radius:100%;}.honor .hd li.on{background:#0068ba;}

.qy-news .hot{position:relative;width:440px;height:587px;overflow:hidden;}.qy-news .hot img{width:440px;height:587px;vertical-align:top;}
.qy-news .hot .txt{position:absolute;left:0;bottom:0;width:400px;padding:20px;color:#fff;}
.qy-news .hot .txt p{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.qy-news .fr{width:730px;}
.qy-news li{position:relative;top:0;margin-bottom:10px;padding:20px 70px;transition:.5s;}.qy-news li h2{line-height:32px;font-size:16px;}
.qy-news li p{line-height:22px;padding:5px 0;font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.qy-news li span{font-size:12px;color:#999;}.qy-news li:hover{top:-10px;background:#f6f6f6;}

.address{width:100%;margin:0 auto;background:#f7f7f7;}.address li{float:left;width:520px;height:320px;padding:20px 20px 20px 31px;}
.address li span{display:inline-block;width:50px;height:2px;vertical-align:top;background:#333;transition:width .5s;}
.address li h3{padding:20px 0;font-size:24px;}.address li p{line-height:34px;font-size:14px;color:#666;}
.address li.middle{width:300px;border-left:1px dotted #ccc;border-right:1px dotted #ccc;}
.address li.txt1{border-left:1px dotted #ccc;}.address li:hover span{width:100px;}.map{width:100%;height:630px;margin:0 auto;}

.plan{background:url(../images/planbg.jpg) no-repeat center top;height:470px;}

@media screen and (max-width:1280px){
	.aboutbanner{background-image:url(../images/aboutbanner@2x.jpg);}
	.honor{background-image:url(../images/honorbg@2x.jpg);}html{max-width:750px;margin:0 auto;font-size:62.5%;}
	.introduced .fl{margin-bottom:55px;padding:0 4%;box-sizing:border-box;}.introduced .fl,.introduced .fr{width:100%;}
	.introduced .scroll p,.introduced .scroll b{line-height:46px;font-size:24px;}
	.history{background:none;}.history .hd{width:100%;padding-bottom:10%;overflow:hidden;}.history .hd ul{overflow-x:scroll;overflow-y:hidden;}
	.history .hd li{float:left;display:block;width:25% !important;margin:0;font-size:24px;white-space:nowrap;}
	.history .bd{width:92%;padding:5% 0;margin:0 4%;background:#f7f7f7;border-radius:2%;box-shadow:2px 2px 10px 1px #ccc;}
	.history .bd li .pic{float:none;width:100%;height:auto;padding:0 4%;box-sizing:border-box;}
	.history .bd li .pic img{margin:0 auto;transition:none;}.history .bd li .pic:hover img{transform:none;}
	.history .bd li .txt{float:none;width:100%;padding:0 4%;box-sizing:border-box;}
	.history .bd li .txt h3{display:none;}.history .bd li .txt p{line-height:46px;font-size:24px;}
	.honor{height:auto;background-size:cover;}.honor .bd{margin:0 4%;}.honor .bd li{width:49%;height:auto;margin:0 0 2%;box-sizing:border-box;}
	.honor .bd li:nth-child(odd){float:left;}.honor .bd li:nth-child(even){float:right;}.honor .bd li .txt{display:none;}
	.honor .hd{padding:4% 0 0;}.honor .bd li .img img{display:inline-block;transition:none;}.honor .bd li:hover .img img{transform:none;}
	.address li{width:100%;height:auto;margin-bottom:5%;padding:0 4%;box-sizing:border-box;}
	.address li span{transition:none;}.address li.middle{width:100%;border:none;}
	.address li h3{padding:2% 0;font-size:36px;}.address li p{line-height:46px;font-size:24px;}.address li:hover span{width:50px;}
	.qy-news .fr{width:100%;padding:0 4%;box-sizing:border-box;}
	.qy-news li{margin-bottom:0;padding:20px 0;border-bottom:1px solid #c9c9ce;box-sizing:border-box;transition:none;}
	.qy-news li:last-child{border-bottom:none;}.qy-news li h2{line-height:46px;font-size:24px;}
	.qy-news li p{line-height:46px;padding:0;font-size:24px;}.qy-news li span{display:none;}.qy-news li:hover{top:0;background:none;}
	.planscroll{width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:auto;box-sizing:border-box;}
	.planscroll::-webkit-scrollbar{display:block;height:0;}.planscroll::-webkit-scrollbar-thumb{height:0;}
	.plan{width:1200px;background:url(../images/planbg02.jpg) no-repeat left top;}
}
@media screen and (max-width:480px){
	.introduced .tit em{font-size:26px;}.introduced .tit h2{line-height:64px;font-size:64px;}.introduced .tit h3{font-size:20px;}
	.history .hd{padding-bottom:15%;}.history .hd li{font-size:16px;}.history .bd li .txt b{font-size:35px;}
	.introduced .scroll p,.introduced .scroll b,.history .bd li .txt p,.qy-news li h2,.qy-news li p{line-height:30px;font-size:16px;}
	.address li span,.address li:hover span{width:34px;}.address li h3{font-size:24px;}.address li p{line-height:30px;font-size:16px;}
	.map{height:406px;}.honor .bd li .img img{width:141px;height:107px;}.qy-news li{padding:10px 0;}
	.history .bd li .txt p{font-size:14px;padding:0;}.history .bd li .txt{margin:0;}.history .bd li .txt p span{display:none;}
}
@media screen and (max-width:414px){
	.introduced .tit em{font-size:22px;}.introduced .tit h2{line-height:55px;font-size:55px;}.introduced .tit h3{font-size:16px;}
	.history .bd li .txt b{font-size:30px;}.address li span{width:29px;}
	.address li:hover span{width:29px;}.address li h3{font-size:20px;}.map{height:350px;}
}
@media screen and (max-width:375px){
	.introduced .tit em{font-size:20px;}.introduced .tit h2{line-height:50px;font-size:50px;}.introduced .tit h3{font-size:15px;}
	.history .hd li{font-size:14px;}.history .bd li .txt b{font-size:25px;}.qy-news li{padding:10px 0;}
	.qy-news li h2{line-height:30px;font-size:16px;}.address li span,.address li:hover span{width:26px;}.address li h3{font-size:18px;}
	.introduced .scroll p,.introduced .scroll b,.history .bd li .txt p,.qy-news li p,.address li p{line-height:26px;font-size:14px;}.map{height:315px;}
}
@media screen and (max-width:360px){
	.map{height:304px;}.honor .bd li .img img{width:107px;height:81px;}
}
@media screen and (max-width:320px){
	.map{height:270px;}.address li h3{font-size:16px;}
}