/* ============================================
	首页样式
   ==========================================*/

.head{position:absolute; left:0; top:0; z-index:5;}

.banner{position:relative; z-index:1; height:100%;}
.banner ul.slides{position:relative; z-index:1; height:100%; overflow:hidden;}
.banner ul.slides li{position:relative; width:100%; height:100%; margin:0 auto;}
.banner ul.slides .center{position:relative; height:100%;}
.banner ul.slides li.no1{background:#454AA5;}
.banner ul.slides li.no1 img.no11{position:absolute; left:100px; bottom:0; z-index:1;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}
.banner ul.slides li.no1 img.no12{position:absolute; left:654px; top:39%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}
.banner ul.slides li.no1 img.no13{position:absolute; left:654px; top:51%;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.6s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.6s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.6s;
}
.banner ul.slides li.no1 img.no14{position:absolute; left:654px; top:60%;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.9s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.9s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.9s;
}
.banner ul.slides li.no1 a.animated{position:absolute; left:654px; top:67%; width:152px; height:40px; border:#405EB9 solid 1px; border-radius:4px; background:transparent; line-height:40px; font-size:18px; text-align:center; color:#496CC8;
-webkit-animation-duration: 0.6s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.6s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.6s; -moz-animation-delay: 1.2s;
}
.banner ul.slides li.no1 a.animated:hover{background:#405EB9; color:#D6E0FF;}
.banner ul.slides li.no1 a.animated:active{background:#3252B4;}



.banner ul.slides li.no2{width:100%; background:#334793;}
.banner ul.slides li.no2 a{position:absolute; left:50px; top:52%; display:block; width:280px; height:80px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 1.2s;
}

.banner ul.slides li.no2 img.no21{position:absolute; left:26px; top:210px; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}
.banner ul.slides li.no2 img.no22{position:absolute; left:50px; top:36%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.6s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.6s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.6s;
}
.banner ul.slides li.no2 img.no23{position:absolute; left:50px; top:46%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.9s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.9s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.9s;
}
@media screen and (max-width:1400px){
	.banner ul.slides li.no2 img.no23{top:49%;}
	.banner ul.slides li.no2 a{top:57%;}
	.banner ul.slides li.no1 img.no12{left:560px;}
	.banner ul.slides li.no1 img.no13{left:560px;}
	.banner ul.slides li.no1 img.no14{left:560px;}
	.banner ul.slides li.no1 a.animated{left:560px;}
	.banner ul.slides li.no1 img.no11{left:140px;}
}
.banner ul.slides li.no2 p{position:absolute; left:26px; top:474px; z-index:2; font-size:12px; color:#FFF; font-family:"宋体";
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 1.5s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 1.5s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 1.5s;
}
.banner ul.slides li.no2 img.no24{position:absolute; left:50%; top:23%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}

.banner ul.slides li.no3{width:100%; background:#21559E;}
.banner ul.slides li.no3 a{position:absolute; left:0; top:440px;
-webkit-animation-duration: 0.3s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.3s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.3s; -moz-animation-delay: 1.2s;
}

.banner ul.slides li.no3 img.no31{position:absolute; left:0; top:22%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}
.banner ul.slides li.no3 img.no32{position:absolute; left:460px; top:36%; z-index:2;max-width:500px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.6s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.6s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.6s;
}
.banner ul.slides li.no3 p.no33{position:absolute; left:460px; top:45%; z-index:2;color:white;font-size:18px;line-height:30px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.9s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.9s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.9s;
}
.banner ul.slides li.no3 p.no34{position:absolute; left:460px; top:52%; z-index:2;color:white;font-size:18px;line-height:30px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.9s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.9s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.9s;
}
.banner ul.slides li.no3 a.no35{position:absolute; left:460px; top:60%; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.9s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.9s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.9s;
}
@media screen and (min-width:1600px){
	.banner ul.slides li.no3 img.no32{left:500px;}
	.banner ul.slides li.no3 p.no33{left:500px;}
	.banner ul.slides li.no3 p.no34{left:500px;}
	.banner ul.slides li.no3 a.no35{left:500px;}
}

.banner ul.slides li.no4{width:100%; background:#f5aa10;}
.banner ul.slides li.no4 a{position:absolute; left:68px; top:465px; display:block; width:280px; height:80px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 1.2s;
}

.banner ul.slides li.no4 img.no41{position:absolute; left:-210px; top:70px; 
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}

.banner ul.slides li.no4 img.no42{position:absolute; left:68px; top:424px;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 1.2s;
}

.banner ul.slides li.no5{background:url(../images/banner_5bg.png) repeat center top;}

.banner ul.slides li.no5 img.no51{position:absolute; left:26px; top:-12px; z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 0.3s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 0.3s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 0.3s;
}
.banner ul.slides li.no5 a{position:absolute; left:468px; top:233px; display:block; width:280px; height:80px;z-index:2;
-webkit-animation-duration: 0.8s; -webkit-animation-delay: 1.2s;
-ms-animation-duration: 0.8s; -ms-animation-delay: 1.2s;
-moz-animation-duration: 0.8s; -moz-animation-delay: 1.2s;
}

#pagination{position:absolute; left:50%; bottom:35px; z-index:2; width:auto; height:16px; text-align:center; line-height:0;}
#pagination li{display:inline-block; margin:0 11px;}
#pagination li a{display:inline-block; width:16px; height:16px; background:url(../images/buttonArea.png) no-repeat 0 0; text-indent:-9999px; transition:none;}
#pagination li.current a{background-position:-16px 0;}
.newbanner #pagination li a{background-image:url(../images/buttonAreaWhite.png);}


.main{height:340px; padding:30px 0 50px; overflow:hidden;}
.main > div.box{margin-right:13px;}
.main > div.box .no1{margin-bottom:20px;}
.main > div.fl_r{margin:0;}
.main > div.fl_r > div{position:relative; width:290px; height:100px; margin-bottom:20px;}
.main > div.fl_r .no3{background:#FFF url(../images/icon_1.png) no-repeat 0 0;}
.main > div.fl_r .no4{background:#FFF url(../images/icon_2.png) no-repeat 0 0;}
.main > div.fl_r .no5{background:#FFF url(../images/icon_3.png) no-repeat 0 0;}
.main > div.fl_r img{position:absolute; left:148px; bottom:0;}
.main > div.fl_r ul{position:absolute; right:0; top:16px; line-height:24px; display:none;}
.main > div.fl_r ul li{position:relative; display:block; padding:0 40px 0 8px; line-height:24px;}
.main > div.fl_r ul a{position:relative; z-index:2; display:inline-block; padding:0 6px; background:#FFF; font-size:12px; color:#666666; font-family:"宋体";}
.main > div.fl_r ul a:hover{color:#A93997;}
.main > div.fl_r ul li:before{position:absolute; left:0; top:12px; z-index:1; display:block; width:80px; height:1px; background:#DDDDDD; content:" "; transition:.2s;}
.main > div.fl_r ul li:hover:before{width:100%; background:#BD67AF;}

.video_pop .popbox{width:900px; height:540px; margin:-270px 0 0 -450px; background:#FFF;}

/* This is for plyr */
.container {
  margin: 0 auto;
}
.plyr {
  border-radius: 4px;
  margin-bottom: 15px;
}
.footer_new{width: 100%;background: #FFF;font-family: verdana, "宋体";position: relative;bottom: 0;z-index: 2;background-color: #333333}
.off_box{display: flex;}
.off_box>p{margin-right: 20px;color:white;float:left}
.off_wx{background: url("../images/offwx.png") no-repeat;padding-left: 35px;}
.off_wb{background: url("../images/offwb.png") no-repeat;padding-left: 35px;}
.off_waiter{background: url("../images/offwaiter.png") no-repeat;padding-left: 35px;}
.cl_b,.cl_b>p>a,.cl_b>a{color:white !important;}
.cl_b{margin-top: 5px}