/* CSS Document */
.wrap{ max-width:1600px; width:84%; margin:0 auto;}

.header{ padding:0 15px; position:fixed; left:0; top:0; width:100%; background:rgba(0,0,0,0.2); z-index:10; transition:all .5s;}
.header .wrap{ width:100%; padding:0;}
.logo{ float:left; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:90px;}
.logo a{ display:block;}
.logo img{ height:54px;}
.navBox{ margin:0 auto;}
.navList{ margin:0; text-align:center;}
.navList > li{ padding:0; vertical-align:middle; margin:0 30px; position:relative;}
.navList > li > a{ display:block; height:90px; line-height:90px; font-size:18px; color:#FFFFFF;}
.navList > li.active > a,.navList > li.cur > a,.navList > li:hover{ font-weight:bold;}
.navSub{ position:absolute; left:50%; transform:translateX(-50%); top:100%; min-width:0; background:#FFFFFF; padding:20px 20px 15px; text-align:left; box-shadow:0 2px 2px rgba(0,0,0,0.1);border-top:3px solid #0083c9; margin-top:0px; opacity:0; visibility:hidden; transition:all .5s;}
.navSub:after{ display:block; content:""; width:0; height:0; border:10px solid; border-color:transparent; border-bottom-color:#0083c9; position:absolute; left:50%; transform:translateX(-50%); bottom:100%;}
.navList2 li{ padding:.1rem 0; font-weight:normal;}
.navList2 li a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#777777; line-height:22px;}
.navList2 li a:hover{ color:#0083c9;}
.navList > li:hover .navSub{ opacity:1; visibility:visible; margin-top:-3px;}

.navRig{ float:right; line-height:90px; color:#FFFFFF; font-size:0; margin:0 -6px; font-weight:bold;}
.navRig li{ font-size:0; position:relative; padding:0 6px;}
.navRig a,.navRig i,.navRig span{ font-size:16px; display:inline-block; vertical-align:middle; color:#FFFFFF; line-height:33px; position:relative; font-style:normal;}
.navRigIco{ display:inline-block; vertical-align:middle; width:33px; height:33px; border:1px solid #FFFFFF; cursor:pointer;}
.navRigIco1{ background:url(../images/rigIco1.png) center center no-repeat;}
.navRigIco2{ background:url(../images/rigIco2.png) center center no-repeat;}
.navRigIco3{ background:url(../images/rigIco3.png) center center no-repeat;}
.navRigCon{ position:absolute; right:0; top:auto; margin-top:-3px; background:#FFFFFF; box-shadow:0 2px 2px rgba(0,0,0,0.1); font-size:16px; color:#999999; line-height:28px; padding:10px .3rem; border-top:3px solid #0083c9; opacity:0; visibility:hidden; margin-top:5px;}
.navRigCon:after{ display:block; content:""; width:0; height:0; border:10px solid; border-color:transparent; border-bottom-color:#0083c9; position:absolute; right:15px; bottom:100%;}
.navRig a:hover + .navRigCon{ opacity:1; visibility:visible; margin:0; transition:all .3s;}

.navRig li.navBtn{ cursor:pointer; display:none;}
.navBtn span{ width:25px; height:30px; position:relative; margin-left:5px;}
.navBtn span b{ display:block; width:100%; height:2px; background:#FFFFFF; position:absolute; left:0; top:calc((100% - 4px) / 2); transition:all .3s;}
.navBtn span b:nth-child(1){ transform:translateY(8px) rotate(0deg);}
.navBtn span b:nth-child(3){ transform:translateY(-8px) rotate(0deg);}
.navBtn.active b:nth-child(1){ transform:translateY(0) rotate(45deg);}
.navBtn.active b:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.navBtn.active b:nth-child(2){ opacity:0;}

.header.no-show{ transform:translateY(-100%);}
.header.whiteBg{ background:#FFFFFF; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.header.whiteBg .logo .shows{ display:none;}
.header.whiteBg .logo .hides{ display:block;}
.header.whiteBg .navList > li > a{ color:#727272;}
.header.whiteBg .navList > li.active > a,.header.whiteBg .navList > li.cur > a,.header.whiteBg .navList > li:hover > a{ color:#0083c9; font-weight:bold;}
.header.whiteBg .navRig a,.header.whiteBg .navRig i,.header.whiteBg .navRig span{ color:#0083c9;}
.header.whiteBg .navRigIco{ border-color:#999999;}
.header.whiteBg .navRigIco1{ background-image:url(../images/rigIco1a.png);}
.header.whiteBg .navRigIco2{ background-image:url(../images/rigIco2a.png);}
.header.whiteBg .navRigIco3{ background-image:url(../images/rigIco3a.png);}
.header.whiteBg .navBtn span b{ background:#0083c9;}


/*footBg*/
.footBg{ background:url(../images/footBg.png) center bottom #333333 no-repeat; background-size:55% auto; color:#FFFFFF; line-height:160%; position:relative; z-index:1; color:#999999;}
.footBg a{ color:#999999;}
.footBg a:hover{ color:#FFFFFF; text-decoration:underline;}
.ftTit{ font-size:18px; color:#FFFFFF; font-weight:bold; margin-bottom:.2rem;}
.ftTop{ padding:.7rem 0 .5rem;}
.ftLef{ float:left; width:30%; margin-right:5%;}
.ftLogo{ max-width:50%; margin-bottom:.3rem;}
.ftLogo img{ display:block; max-width:100%; height:auto;}
.ftText{ overflow:hidden; line-height:22px;}
.ftLef .banMore{ color:#FFFFFF; margin-top:.2rem;}
.ftLef .banMore:hover{ color:#0083c9;}
.ftCon{ float:left; width:22.5%; margin-right:2.5%;}
.ftCon p span{ color:#FFFFFF;}
.ftLink{ float:left; width:25%; width:20%;}
.ftNav{ font-size:0; margin:0;}
.ftNav li{ width:50%; max-width:160px; font-size:14px; padding:0; padding-right:15px; margin:.06rem 0; font-size:14px;}
.ftRig{ float:right; width:14%; width:10%;}
.ftWx{ overflow:hidden; margin:0 -.08rem;}
.ftWx li{ float:left; max-width:50%; padding:0 .08rem; float:none; max-width:100%; display:block;}
.ftWx li img{ display:block; max-width:100%; height:auto;}
.ftShare{ font-size:0; margin:0 -3px; margin-top:35px; text-align:center;}
.ftShare li{ padding:0 3px; width:20%; position:relative; vertical-align:middle; margin-top:5px;}
.ftShare li a{ display:block; max-width:38px;}
.ftShare li a img{ display:block; width:100%; height:auto;}
.ftBot{ padding:.2rem 0; border-top:1px solid #3f3f3f; line-height:26px; text-align:center;}

.ftLink2{ width:10%;}
.ftLink2 .ftNav li{ width:100%;}

.banIn{ height:360px; position:relative;}
.banIn .imgBg{ position:fixed; left:0; top:0; width:100%; height:360px;}
.banIn .banText{ text-align:center; padding-top:90px;}
.banInLine{ display:block; width:.62rem; height:2px; margin:.1rem auto}
.banInLine span{ display:block; width:100%; height:100%; background:#FFFFFF;}
.banInEn{ font-size:40px; font-weight:bold; font-family:Arial; text-transform:uppercase;}
.banInCn{ font-size:30px;}

.banBotBg{ background:#FFFFFF; border-bottom:1px solid #dedede; position:relative; z-index:1; line-height:36px; padding:.22rem 0;}
.sortList{ float:left; width:70%; font-size:0; margin:0 -.06rem;}
.sortList li{ vertical-align:middle; position:relative; padding:0 .06rem;}
.sortList li a{ display:block; padding:0 .18rem; font-size:16px; color:#575757; position:relative; border-radius:18px;}
.sortList li a:hover{ color:#0083c9;}
.sortList li.active a{ color:#FFFFFF; background:#0083c9;}
.breadcrumb{ float:right; width:30%; text-align:right; background:none; border-radius:0; margin:0; padding:0; font-size:0; color:#999999;}
.breadcrumb li{ font-size:14px; vertical-align:middle; padding:0; position:relative;}
.breadcrumb li:first-child{ background:url(../images/breadcrumbBg.png) left 8px no-repeat; padding-left:25px;}
.breadcrumb li a{ display:block; color:#999999;}
.breadcrumb li + li:before{ display:none;}
.breadcrumb li + li + li{ padding-left:13px;}
.breadcrumb li + li + li:before{ display:block; content:"/"; position:absolute; left:0; top:0;}
.breadcrumb li.active{ color:#999999;}
.breadcrumb li a:hover{ color:#007dc0;}

.banBotBg2{ background:none;}
.banBotBg2 .breadcrumb{ display:none;}
.banBotBg2 .sortList{ float:none; width:100%;}

.banBotBg3{ background:#fcfdff;}

.banBotBg4{ background:#fcfdff; border-bottom:1px solid #dedede;}

.page{ text-align:center; margin:.6rem 0; font-size:0;}
.page a,.page span{ display:inline-block; vertical-align:middle; width:40px; height:40px; border:1px solid #dedede; line-height:38px; font-size:14px; color:#999999; border-radius:4px; margin:.05rem;}
.page a.active,.page span.active{ background:#0083c9; border-color:#0083c9; color:#FFFFFF; cursor:no-drop;}
.pageFirst{ background:url(../images/news/pageFirst.png) center center no-repeat;}
.pageLast{ background:url(../images/news/pageLast.png) center center no-repeat;}
.pagePrev{ background:url(../images/news/pagePrev.png) center center no-repeat;}
.pageNext{ background:url(../images/news/pageNext.png) center center no-repeat;}
.page a:not(.active):hover{ color:#0083c9; border-color:#0083c9;}
.pageFirst:hover{ background-image:url(../images/news/pageFirst-blue.png);}
.pageLast:hover{ background:url(../images/news/pageLast-blue.png) center center no-repeat;}
.pagePrev:hover{ background:url(../images/news/pagePrev-blue.png) center center no-repeat;}
.pageNext:hover{ background:url(../images/news/pageNext-blue.png) center center no-repeat;}

@media (min-width:1200px){
	.navSub{ display:block !important;}
}
@media (max-width:1600px){
	.logo{ height:80px; transform:translateX(50%);}
	.logo img{ height:50px;}
	.navList > li{ margin:0 20px;}
	.navList > li > a{ height:80px; line-height:80px; font-size:16px;}
	.navRig{ line-height:80px;}
	.navList2 li a{ font-size:15px;}
	.navRigCon{ font-size:15px;}
	.ftTop{ padding:.5rem 0;}
	.ftLink{ width:20%;}
	.ftRig{ width:10%;}
	.ftLink2{ width:10%;}
	
	.banIn,.banIn .imgBg{ height:300px;}
	.banIn .banText{ padding-top:80px;}
	.banInEn{ font-size:30px;}
	.banInCn{ font-size:24px;}
	.banBotBg{ padding:.15rem 0; line-height:32px;}
	.breadcrumb li:first-child{ background-position:left 5px;}
}
@media (max-width:1400px){
	.navList > li{ margin:0 15px;}
	.navRig a,.navRig i,.navRig span{ font-size:14px;}
	.navBtn span b:nth-child(1){ transform:translateY(6px) rotate(0deg);}
	.navBtn span b:nth-child(3){ transform:translateY(-6px) rotate(0deg);}
	.ftTit{ font-size:16px;}
}
@media (max-width:1200px){
	.logo{ transform:none;}
	.navBg{ position:fixed; right:-100%; top:0; width:100%; height:100vh; background:#0083c9; opacity:.8; transition:all .5s;}
	.navBox{ position:fixed; right:-66%; top:0; height:100vh; width:66%; background:#FFFFFF; overflow:hidden; transition:all .5s;}
	.navList{ text-align:left; height:calc(100% - 80px); overflow-y:auto;}
	.navList > li{ display:block; margin:0;}
	.navList > li > a{ color:#727272; height:auto; line-height:46px; padding:0 .3rem; border-bottom:1px solid #f2f2f2;}
	.navList > li > a > i{ float:right; width:46px; height:46px; background:url(../images/arrow.png) center center no-repeat; background-size:30%;}
	.navList > li.active > a{ color:#0083c9;}
	.navList > li.cur > a,.navList > li > a.cur{ color:#0083c9;}
	.navList > li.cur > a > i,.navList > li > a.cur > i{ transform:rotate(180deg); transition:all .3s;}
	.navList > li:hover .navSub{ opacity:1; visibility:visible; margin-top:0;}
	.navSub{ width:100%; min-width:0; position:static; transform:none; padding:.2rem .3rem .2rem .6rem; border-top-width:1px; margin:0; opacity:1; visibility:visible; display:none; transition:none; background:#F0F0F0; box-shadow:none;}
	.navSub:after{ display:none;}
	.navRig li.navBtn{ display:inline-block;}
	.navTop{ height:80px; background:#0083c9; padding:0 .3rem; display:flex; justify-content:flex-end; align-items:center;}
	.navClose{ width:25px; height:30px; position:relative; cursor:pointer; margin-right:10px;}
	.navClose span{ display:block; width:100%; height:2px; background:#FFFFFF; position:absolute; left:0; top:calc((100% - 4px) / 2); transition:all .3s;}
	.navClose span:nth-child(1){ transform:translateY(0) rotate(45deg);}
	.navClose span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
	.navClose span:nth-child(2){ opacity:0;}
		
	.banner,.mainBg,.footBg,.banIn{ transition:all .5s;}
	.navBg.active,.navBox.active{ right:0;}
	.navBox.active{ box-shadow:-1px 0 5px #0083c9;}
	.banner.active,.mainBg.active,.footBg.active,.banIn.active{ transform:translateX(-60%);}
	
	.ftLef{ float:none; width:100%; margin:0 0 .3rem;}
	.ftLogo{ float:none; margin:0 auto .3rem; border:none; max-width:50%;}
	.ftLogo img{ width:auto; max-width:100%; margin:0 auto;}
	.ftText{ text-align:center; margin:.1rem 0;}
	.ftLef .banMore{ margin:.2rem auto;}
	.ftCon{ float:none; width:100%; margin:.3rem 0;}
	.ftLink{ float:none; width:100%; margin:.3rem 0;}
	.ftNav li{ width:auto;}
	.ftRig{ float:none; width:100%; margin-top:.3rem; text-align:center;}
	.ftWx{ font-size:0;}
	.ftWx li{ float:none; display:inline-block; vertical-align:middle;}
	.ftShare{ margin-top:.2rem;}
	.ftShare li{ width:auto;}
	.ftLink2 .ftNav li{ width:auto;}
	
	.breadcrumb{ float:none; width:100%; text-align:left; margin:.04rem 0;}
	.sortList{ float:none; width:100%; margin:.04rem 0;}
	.sortList li{ padding:0;}
	.sortList li a{ font-size:14px;}
}
@media (max-width:991px){
	.wrap{ width:100%; padding:0 .3rem;}
	.logo{ height:60px;}
	.logo img{ height:40px;}
	.navRig{ line-height:60px;}
	.navRig{ margin:0 -.06rem;}
	.navRig li{ padding:0 .06rem;}
	.navRig a,.navRig i,.navRig span{ line-height:25px;}
	.navRigIco{ width:25px; height:25px; background-size:100% auto;}
	.navRigCon{ display:none;}
	.navRig li.navBtn{ margin-left:5px;}
	.navTop{ height:60px;}
	.navList{ height:calc(100% - 60px);}
	.navList > li > a{ font-size:15px;}
	.navList2 li a{ font-size:14px;}
	.banIn .banText{ padding-top:60px;}
	.banInEn{ font-size:24px;}
	.banInCn{ font-size:20px;}
	.page{ margin:.5rem 0;}
	.page a, .page span{ width:.4rem; height:.4rem; line-height:.38rem;}
}
@media (max-width:640px){
	.header{ padding:0 15px;}	
	.banIn,.banIn .imgBg{ height:3.6rem;}
	.page a, .page span{ width:.54rem; height:.54rem; line-height:.52rem; margin:.1rem .04rem;}
	.pageFirst,.pagePrev,.pageNext,.pageLast{ width:45% !important;}
}
@media (max-width:460px){
	.logo{ height:50px;}
	.logo img{ height:35px;}
	.navRig{ line-height:50px;}	
	.navBtn span{ width:20px;}
	.ftShare li a{ max-width:.52rem;}
	.banIn .banText{ padding-top:50px;}	
	.banInEn{ font-size:20px;}
	.banInCn{ font-size:16px;}
	.breadcrumb li:first-child{ background-size:12px auto; background-position:left 8px; padding-left:18px;}
}