@charset "utf-8";
@media screen and (min-width:1080px){
	html,body{  position: relative;}
	.box{ width:100%; overflow:hidden;}
	.n1{ width:1024px; margin:auto; padding-top:18px; margin-bottom:18px;}
	.n1 img{ width:50px; height:50px; margin-right:12px;}
	.n1 p{ color:#0080a7; height:50px; line-height:50px; font-size:18px;}
	.n1 li{margin-left:40px; float:left;}
	.n1 li a{ display:block;width:66px; height:50px;line-height:50px;text-align:center; font-size:16px;border-bottom:2px solid #fff;}
	.n1 li a:hover{ color:#0794fe; border-bottom:2px solid #0794fe;}
	.n1 .sy{ border-bottom:2px solid #0794fe;}
	
	.con1{ width:100%; height:900px; background-size:100% 900px; background:url(img/bj4.png) center no-repeat; overflow:hidden;}
	.con1-1{ width:1024px; height:900px; margin:auto;}
	.con1-1 h1{ margin-top:184px; margin-bottom:118px; font-size:38px; font-weight:normal; text-align:center; color:#fff;}
	.con1-1 .u1{ margin-bottom:208px; }
	.con1-1 .u1 li{ width:420px; height:174px; border:4px solid #d4c11c; border-radius:6px; padding-top:76px; color:#fff; }
	.con1-1 .u1 li img { width:120px; height:94px; margin-left:50px;}
	.con1-1 .u1 li div { width:142px; height:94px;  margin-left:44px; }
	.con1-1 .u1 li div h5 { font-weight:normal;width:142px; border-bottom:4px solid #d4c11c; font-size:32px;text-align:center; padding-bottom:10px;}
	.con1-1 .u1 li div p{ text-align:right; font-size:16px; color:#aeb5b9; margin-top:10px;}
	.con1-1 .u1 .l2 img { width:120px; height:94px; margin-left:44px;}
	.con1-1 .u1 .l2 div { width:142px; height:94px;  margin-left:50px; }
	.con1-1 .u1 .l2 div h5 { font-weight:normal;width:142px; border-bottom:4px solid #d4c11c; font-size:32px;text-align:center; padding-bottom:10px;}
	.con1-1 .u1 .l2 div p{ font-size:16px; color:#aeb5b9; margin-top:10px; text-align:left;}
	.con1-1 .u2 li{ width:322px; height:74px; color:#fff; background:url(img/hj.png) right no-repeat; background-size:14px 40px; margin-right:54px;}
	.con1-1 .u2 li h2{ font-size:74px; font-weight:normal; line-height:74px;}
	.con1-1 .u2 li img{ width:64px; height:64px; margin: 4px 14px;}
	.con1-1 .u2 li div h4{ margin-top:; font-size:26px; font-weight:normal;}
	.con1-1 .u2 li div p{ margin-top:14px; font-size:14px; color:#aeb5b9;}
	.con2{ width:1024px; margin:auto;}
	.con2 h1{ margin-top:70px; margin-bottom:92px; font-size:38px; font-weight:normal; text-align:center;}
	.con2 li{ width:1024px; position:relative; height:476px; margin-bottom:92px;}
	.con2 .l img{ height:368px; width:846px; position:absolute; right:0; bottom:0;}
	.con2 .l div{ width:280px;height:230px; border:10px solid #f9ecf9; position:absolute; top:0; left:56px; }
	.con2 .l p{ font-size:26px;position:absolute; bottom:0; left:50px; }
	.con2 .l h1{ margin:0; font-size:56px; position:absolute; top:20px; left:0}
	.con2 .r img{ height:368px; width:846px; position:absolute; left:0; bottom:0;}
	.con2 .r div{ width:280px;height:230px; border:10px solid #f9ecf9; position:absolute; top:0; right:56px; }
	.con2 .r p{ font-size:26px;position:absolute; bottom:0; right:50px; }
	.con2 .r h1{ margin:0; font-size:56px; position:absolute; top:20px; right:0}
	.con2 .r .ar{ right:42px;}
	.con3 { width:100%; }
	.con3 h1{ margin-top:102px; margin-bottom:42px; font-size:38px; font-weight:normal; text-align:center;}
	.con3 .con3-1{ width:100%; height:600px; background:url(img/bb.png) center no-repeat; background-size:100% 600px;}
	.con3-1-1{ width:1024px; margin: auto; height:600px;}
	@keyframes myfirst1{
		0%   {transform: scale(1,1);}
    	100%  {transform: scale(1.1,1.1);}
	}
	@keyframes myfirst2{
		0%   {transform: scale(1.1,1.1)}
    	100%  {transform: scale(1,1)}
	}
	
	.on{animation:myfirst1 0.5s linear; animation-fill-mode:forwards; }
	.end{animation:myfirst2 0.5s linear; animation-fill-mode:forwards;}
	#ali{ float:left; width:336px; height:400px; background:url(img/bei.png) center no-repeat; background-size:336px 400px; margin-top:86px; margin-left:112px;}
	#ali img{ display:block; width:164px; height:176px; margin-top:54px; margin-left:82px;}
	#ali p{ font-size:24px; text-align:center; margin-top:30px;}
	#ali .p2{font-size:18px; margin-top:10px; }
	
	#ali2{ float:left; float:left; width:336px; height:400px; background:url(img/bei2.png) center no-repeat; background-size:336px 400px; margin-top:86px; margin-left:112px;}
	#ali2 img{ width:100%; height:244px;}
	#ali2 p{ font-size:24px; text-align:center; margin-top:30px;}
	#ali2 .p2{font-size:18px; margin-top:10px;}
	
	.con5{ width:100%; background:#198cb0; height:56px; text-align:center; padding-top:36px; color:#fff; font-size:14px;}
}
@media screen and (max-width:1080px){
	html,body{  position: relative;}
	.box{ width:100%;}
	.a1{ display:block; width:100%; border-bottom:0.02666rem solid #d5d5d5;}
	.n1 img{ width:1.4666rem; height:1.4666rem; margin-top:0.3733rem; margin-right:0.53333rem; margin-left:4.8rem;}
	.n1 p{ color:#0080a7;  font-size:0.42666rem; height:2.24rem; line-height:2.24rem;}
	.n1 ul{ width:100%;height:2.45333rem; float:left;}
	.n1 li{float:left; padding-top:0.64rem; margin-left:0.8rem;}
	.n1 li a{ display:block;width:3rem;height:1.2rem;line-height:1.2rem; text-align:center; font-size:0.48rem;border-bottom:0.1066rem solid #fff;}
	.n1 .sy{border-bottom:0.1066rem solid #0794fe;}
	.con1{ width:100%; height:14rem; background-size:100% 14rem; background:url(img/bj4.png) center no-repeat; overflow:hidden;}
	.con1-1{ width:100%;margin:auto;}
	.con1-1 h1{ margin-top:2rem; margin-bottom:2rem; font-size:1.22666rem; font-weight:normal; text-align:center; color:#fff;}
	.con1-1 .u1 li{ width:8.26666rem; height:4.9066rem; border:0.106rem solid #d4c11c; border-radius:0.16rem; padding-top:1rem; color:#fff; }
	.con1-1 .u1 li img { width:2.4rem; height:1.866rem; margin-left:0.6rem;}
	.con1-1 .u1 li div { width:4rem; height:1.76rem;  margin-left:0.6rem; }
	.con1-1 .u1 li div h5 { font-weight:normal;width:4rem; border-bottom:0.106rem solid #d4c11c; font-size:0.8rem;text-align:center; padding-bottom:0.5rem;letter-spacing:0.1rem;}
	.con1-1 .u1 li div p{ text-align:right; font-size:0.69rem; color:#aeb5b9; margin-top:0.5rem;}
	.con1-1 .u1 .l2 img { width:2.4rem; height:1.866rem;margin-left:0.6rem;}
	.con1-1 .u1 .l2 div { width:4rem; height:1.76rem;  margin-left:0.6rem;}
	.con1-1 .u1 .l2 div h5 { font-weight:normal;width:4rem; border-bottom:0.106rem solid #d4c11c; font-size:0.8rem;text-align:center; padding-bottom:0.5rem;letter-spacing:0.1rem;}
	.con1-1 .u1 .l2 div p{ font-size:0.69rem; color:#aeb5b9; margin-top:0.5rem; text-align:left;}
	.con1-1 .u2{ display:none;}
	.con2{ width:100%; margin:auto;}
	.con2 h1{ margin:1.6rem 0;font-size:0.96rem; font-weight:normal; text-align:center;}
	.con2 li{ width:100%; position:relative; height:8.8rem; margin-bottom:1.92rem;}
	.con2 .l img{ width:15.84rem; height:6.93333rem; position:absolute; right:0; bottom:0;}
	.con2 .l div{ width:5.173rem;height:4.266rem; border:0.2666rem solid #f9ecf9; position:absolute; top:0; left:1.3rem; }
	.con2 .l p{ font-size:0.6933rem;position:absolute; bottom:0; left:0.6rem; }
	.con2 .l h1{ margin:0; font-size:1.2266rem; position:absolute; top:1.5rem; left:0}
	.con2 .r img{  width:15.84rem; height:6.93333rem; position:absolute;left:0; bottom:0;}
	.con2 .r div{ width:5.173rem;height:4.266rem; border:0.2666rem solid #f9ecf9; position:absolute; top:0; right:1.3rem; }
	.con2 .r p{ font-size:0.6933rem;position:absolute; bottom:0; left:16rem;  }
	.con2 .r h1{ margin:0; font-size:1.2266rem; position:absolute; top:1.5rem; right:0}
	.con3 { display:none; }
	.con5{ width:100%; background:#198cb0;text-align:center; padding:1rem 0; color:#fff; font-size:0.53333rem; margin-top:2rem;} 
	
}