/* CSS Document */
.wrap{ width:100%; padding:0 15px; max-width:1470px; margin:0 auto;}

nav.navbar.bootsnav{ border:none; padding:0 4%; background:rgba(0,0,0,0.8); transition:all .3s;}
.logo{ height:105px; padding:0;}
.logo span{ display:block; width:100%;}
.logo img{ height:65px;}

.navRig{ line-height:45px; margin:0; font-size:0; vertical-align:middle; margin-left:20px; display:none;}
.navRig > ul{ margin:0; vertical-align:middle;}
.navRig > ul > li{ font-size:16px; color:#FFFFFF; padding:32px 5px 28px; position:relative; text-align:center;}
.navRig > ul > li a{ color:#FFFFFF; padding:0; width:30px; height:45px;}
.navRig > ul > li a.navIco1{ background:url(../images/navIco1.png) center center no-repeat;}
.navRig > ul > li a.navIco2{ background:url(../images/navIco2.png) center center no-repeat;}
.navRigCon{ min-width:0; width:120px; padding:5px; top:80%; left:50%; transform:translateX(-50%);}
.navRigCon img{ display:block; width:100%; height:auto;}
.navRigCon:after{ display:block; content:""; width:0; height:0; border-bottom:.1rem solid #FFFFFF; border-left:.1rem solid transparent; border-right:.1rem solid transparent; position:absolute; left:50%; margin-left:-.1rem; bottom:100%;}
nav.navbar.bootsnav ul.nav > li{ padding:32px 25px 28px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0; line-height:46px; font-size:16px; color:#FFFFFF; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:""; position:absolute; left:50%; bottom:0; width:0%; height:1px; background:#FFFFFF; transition:all .3s;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ background:none; color:#FFFFFF;}
nav.navbar.bootsnav ul.nav > li.active > a:after,nav.navbar.bootsnav ul.nav > li.on > a:after{ width:100%; left:0;}
nav.navbar.bootsnav ul.nav > li > a:hover:after{ width:100%; left:0;}
nav.navbar.bootsnav.no-background{ padding-top:10px; transition:all .3s;}

/*footBg*/
.footBg{ background:#121c3b; font-size:14px; color:#FFFFFF; line-height:28px; position:relative; z-index:1;}
.footBg a{ color:#FFFFFF;}
.footBg a:hover{ text-decoration:underline;}
.ftTop{ padding:.3rem 0; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 -10px;}
.ftItem{ width:13%; padding:0 10px;}
.ftTit{ font-size:16px; border-bottom:1px solid #cea76b; line-height:30px; padding:.1rem 0;}
.ftCon{ font-size:13px; margin:.1rem 0;}
.ftCon p{ margin:.1rem 0;}
.conItem{ width:30%;}
.conItem p{ padding-left:40px; background-position:left 4px; background-repeat:no-repeat;}
.ftIco1{ background-image:url(../images/ftIco1.png);}
.ftIco2{ background-image:url(../images/ftIco2.png);}
.ftIco3{ background-image:url(../images/ftIco3.png);}
.ftWx{ margin-top:.2rem;}
.ftWx p{ padding-left:0; font-size:16px;}
.ftIco{ display:inline-block; vertical-align:middle; width:50px; height:50px; border-radius:50%; margin-right:15px; background:url(../images/WeChatIco.png) center center #cea76b no-repeat; background-size:cover; cursor:pointer;}
/*.ftWx:hover .wechat{ opacity:1; visibility:visible; transform:translateY(0);}*/
.ftBot{ padding:.33rem 0; border-top:1px solid #1c2b5b; text-align:center;}
.wechat{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.73); display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all .3s;}
.wechatList{ list-style:none; width:100%; text-align:center; font-size:0;}
.wechatList li{ display:inline-block; vertical-align:top; max-width:33%; padding:0 .2rem;}
.wechatList img{ display:block; width:100%; max-width:145px; height:auto;}
.wechatList p{ font-size:14px; line-height:24px;}
/*.wechat:after{ display:block; content:""; width:0; height:0; border-top:8px solid #FFFFFF; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; left:50%; margin-left:-8px; top:100%;}*/
.wechatClose{ display:block; width:44px; height:44px; border-radius:50%; margin:.3rem auto 0; cursor:pointer; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.wechatClose:hover{ transform:rotate(90deg); transition:all .3s;}
.wechat.active{ opacity:1; visibility:visible; transform:translateY(0);}

.banIn{ position:relative; height:736px; max-height:90vh;}
.banIn .imgBg{ display:block; height:100%;}
.sortBg{ position:relative; z-index:1; margin-top:-66px;}
.sortBg2 .container{ width:100%; padding:0;}
.sortList{ display:flex; font-size:20px; line-height:24px; text-align:center; background:rgba(0,0,0,0.52);}
.sortList li{ flex:1;}
.sortList li a{ display:flex; padding:3px 10px; height:100%; min-height:60px; justify-content:center; align-items:center; color:#FFFFFF; transition:all .3s;}
.sortList li.active a,.sortList li a:hover{ background:rgba(221,166,105,0.84);}

.font36{ font-size:36px;}
.font32{ font-size:32px;}
.font30{ font-size:30px;}
.font26{ font-size:26px;}
.font24{ font-size:24px;}
.font20{ font-size:20px;}

.page{ margin:.7rem 0; text-align:center; font-size:18px;}
.page a{ display:inline-block; vertical-align:middle; color:#FFFFFF; border-radius:20px; min-width:39px; line-height:39px; text-align:center; margin:2px .06rem;}
.page a.active,.page a:hover{ background:#dda669;}
.pagePrev,.pageNext{ padding:0 15px;}

.breadcrumb{ background:none; padding:0; margin:0; color:#FFFFFF; font-size:16px; line-height:28px; padding:.3rem 0;}
.breadcrumb li a,.breadcrumb li.active{ color:#FFFFFF;}
.breadcrumb li a:hover{ text-decoration:underline;}
.breadcrumb > li + li::before{ content:">"; color:#FFFFFF;}

.videoBg{ position:fixed; left:0; top:0; right:0; bottom:0; height:100%; overflow:hidden; overflow-y:auto; background:rgba(0,0,0,0.73); z-index:10;}
.videoBox{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:52%; max-width:1000px;}
.videoBox video{ display:block; width:100%; height:auto;}
.videoClose{ display:block; width:44px; height:44px; background:url(../images/close.png) center center no-repeat; background-size:cover; position:absolute; left:100%; bottom:98%; margin:0 0 0 .1rem; cursor:pointer;}
.videoClose:hover{ transform:rotate(90deg); transition:all .3s;}

@media (min-width:1200px){
	.container{ max-width: 80%;}
}
@media (max-width:1600px){
	nav.navbar.bootsnav{ padding:0 15px;}
	.logo{ height:80px;}
	.logo img{ height:44px;}
	nav.navbar.bootsnav ul.nav > li{ padding:25px 20px 15px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:40px;}
	.navRig{ line-height:40px;}
	.navRig > ul > li{ padding:25px 5px 15px; font-size:14px;}
	.navRig > ul > li a{ height:40px;}
	.ftIco{ width:40px; height:40px;}
	.ftItem{ width:14%;}
	.conItem{ width:33%;}
	.ftBot{ padding:.24rem 0;}
	.banIn{ height:600px;}
	.sortList{ font-size:16px; line-height:22px;}
	
	.font36{ font-size:28px;}
	.font32{ font-size:24px;}
	.font30{ font-size:22px;}
	.font26{ font-size:20px;}
	.font24{ font-size:18px;}
	.font20{ font-size:16px;}
	
	.videoClose{ width:38px; height:38px;}
	.wechatClose{ width:38px; height:38px;}
	.wechatList img{ max-width:120px;}
}
@media (max-width:1400px){
	.navBtn span b:nth-child(1){ transform:translateY(6px) rotate(0deg);}
	.navBtn span b:nth-child(3){ transform:translateY(-6px) rotate(0deg);}
	.banIn{ height:540px;}
	
	.font36{ font-size:28px;}
	.font32{ font-size:24px;}
	.font30{ font-size:22px;}
	.font26{ font-size:20px;}
	.font24{ font-size:18px;}
	.font20{ font-size:16px;}
}
@media (max-width:1200px){
	nav.navbar.bootsnav.no-background{ padding:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav .navbar-brand{ display:flex;}
	.logo{ height:60px;}
	.logo img{ height:40px;}
	.navRig{ right:0; line-height:60px; margin-left:0;}
	.navRig > ul > li{ padding:0 5px;}
	.navRig > ul > li a{ height:60px;}
	.navRigCon{ width:100px;}
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ background:#121c3b;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:24px; border:none; border-bottom:1px solid rgba(0,0,0,0.2);}
	nav.navbar.bootsnav ul.nav > li > a:after{ display:none;}
	nav.navbar.bootsnav ul.nav > li.active > a{ border-bottom-color:#073d71;}
	nav.navbar.bootsnav .navbar-toggle{ background:none !important;}
	.navBtn{ margin:0 !important; position:absolute !important; width:40px; height:40px; left:0; top:50% !important; transform:translateY(-50%); cursor:pointer; z-index:1;}
	.navBtn span{ display:block; width:25px; height:2px; background:#FFFFFF; position:absolute; left:7px; top:calc((100% - 2px) / 2); transition:all 0.3s linear;}
	.navBtn.collapsed span:nth-child(1){ opacity:1; transform:translateY(8px) rotate(0deg);}
	.navBtn.collapsed span:nth-child(2){ opacity:1; transform:translateY(0) rotate(0deg);}
	.navBtn.collapsed span:nth-child(3){ opacity:1; transform:translateY(-8px) rotate(0deg);}
	.navBtn span:nth-child(1){ transform:translateY(0) rotate(45deg);}
	.navBtn span:nth-child(2){ opacity:0;}
	.navBtn span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
	.ftTop{ display:block; margin:0;}
	.ftItem{ width:100%; padding:0; border-top:1px solid #1c2b5b;}
	.ftItem:first-child{ border:none;}
	.ftTit{ border-bottom:none; padding-bottom:0;}
	.ftCon{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:5px 0 10px;}
	.ftCon p{ padding:0 10px; margin:0;}
	.conItem .ftCon{ margin:0; display:block;}
	.conItem p{ width:100%; padding-left:24px; background-size:18px auto; background-position:left 6px;}
	.ftWx{ display:flex; flex-direction:column-reverse; align-items:center; justify-content:center;}
	.ftWx p{ padding-left:15px; width:auto;}
	.ftIco{ display:none;}
	.wechat{ position:relative; left:auto; bottom:auto; opacity:1; visibility:visible; transform:translateY(0); margin:0; background:none; margin-bottom:.1rem;}
	.wechat:after{ display:none;}
	.wechatClose{ display:none;}
	.wechatList p{ margin-top:.1rem;}
	.ftBot{ padding:.2rem 0;}
	.banIn{ height:500px;}
	.sortBg{ margin:0; background:#121c3b;}
	.sortBg .container{ width:100%; padding:0;}
	.sortList{ background:none;}
	.sortList li a{ min-height:50px;}
	.page{ font-size:16px;}
	.page a{ margin:2px;}
}
@media (max-width:991px){
	.banIn{ height:420px;}
	.videoBox{ width:90%;}
	.videoClose{ width:32px; height:32px; left:auto; right:0; bottom:100%; margin:0 0 10px 0;}
	.wechatClose{ width:32px; height:32px;}
}
@media (max-width:767px){
	nav.navbar.bootsnav.navbar-mobile ul.nav{ border-top:none;}
	.navRig > ul > li{ float:none; display:inline-block; vertical-align:middle;}
	.navRig > ul > li a span{ display:none;}
	.banIn{ height:3.6rem;}
}
@media (max-width:640px){
	.navRig > ul > li{ padding:0;}
	.navRig > ul > li a.navIco1,.navRig > ul > li a.navIco2{ display:none;}
	.sortList{ font-size:14px; line-height:18px; flex-wrap:wrap;}
	.sortList li{ flex:auto;}
	.sortList li a{ min-height:36px;}
	
	.font36{ font-size:24px;}
	.font32{ font-size:20px;}
	.font30{ font-size:18px;}
	.font26{ font-size:16px;}
}
@media (max-width:460px){
	.logo{ height:50px;}
	.logo img{ height:30px;}
	.navRig{ line-height:50px;}
	.navRig > ul > li a{ height:50px;}
	.navBtn span{ width:20px; left:10px;}
	.navBtn.collapsed span:nth-child(1){ transform:translateY(6px) rotate(0deg);}
	.navBtn.collapsed span:nth-child(3){ transform:translateY(-6px) rotate(0deg);}
	.ftWx p{ font-size:14px;}
	.wechatList li{ padding:0 .1rem;}
	.wechatList p{ font-size:12px;}
	.copyRight{ font-size:12px; line-height:22px;}
	
	.font36{ font-size:20px;}
	.font32{ font-size:18px;}
	.font30{ font-size:16px;}
	.font26{ font-size:15px;}
	.font24{ font-size:15px;}
	.font20{ font-size:14px;}
	
	.page{ font-size:14px;}
	.page a{ margin:1px; min-width:32px; line-height:32px;}
	
	.videoClose{ width:28px; height:28px;}
	.wechatClose{ width:28px; height:28px;}
}