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

.headBg{ position: fixed; left: 0; top: 0; width: 100%; padding: 0 .3rem; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); z-index: 10; transition:all .5s;}
.headCon{ width: 90%; max-width: 1680px; margin: 0 auto;}
.logo{ float: left; height:110px;}
.logo a{ display:block;}
.logo img{ height:66px;}
.navRig{ float: right; list-style: none; font-size:0; vertical-align:middle;}
.navRig > li{ position:relative; display: inline-block; vertical-align: middle; line-height: 110px;}
.navRig > li + li{ margin-left: 2.6vw;}
.navRig > li > a,
.navRig > li > span,
.navRig > li > i{ display: inline-block; vertical-align: middle;}
.navIco{ display: block; width: 40px; height: 40px; border: 1px solid #FFFFFF; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.navTel .navIco{ background-image: url(../images/navIco1.png);}
.navWx .navIco{ background-image: url(../images/navIco2.png);}
.navRigSub{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); background: #FFFFFF; color: #333333; padding: .1rem; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); display: none;}
.navRigSub::before{ display: block; content: ""; width: 0; height: 0; border-bottom: 8px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -8px; bottom: 100%;}
.navRigSub p{ text-align: center; font-size: 18px; line-height: 2; white-space: nowrap; padding:0 .1rem;}
.navRigSub img{ display: block; max-width: 120px; height: auto; margin: 0 auto;}
.navRig li.mob{ display: none;}
.navList{ list-style: none; display: flex; justify-content: center; margin: 0 auto; text-align: center; line-height: 110px;}
.navList > li{ position: relative; display: block; padding: 0 25px;}
.navList > li > a{ position: relative; display: block; font-size: 18px; color: #FFFFFF;}
.navList > li > a::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #FFFFFF; transition: all .3s;}
.navList > li > ul { display: none; width: 100%; min-width: 148px; background: rgba(255, 255, 255, 0.9); position: absolute; z-index: 99; left: 50%; transform: translateX(-50%); margin: 0; padding: .1rem 0; border-radius: 0 0 5px 5px; list-style: none; box-shadow: 0 2px 3px rgba(0,0,0,.1);}
.navList > li > ul > li{ margin: .1rem 0;}
.navList > li > ul > li a{ display: block; white-space: nowrap; font-size: 16px; color: #333333; line-height: 2;}
.navList > li > ul > li a:hover{ color: #0849bf;}
.navList > li.cur a::before,
.navList > li.active a::before{ left: 0; width: 100%;}
.headBg.no-show{ transform: translateY(-100%);}
.headBg2{ box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.headBg2 .logo img.hides{ display: block;}
.headBg2 .logo img.shows{ display: none;}
.headBg2 .navList > li > a{ color: #333333;}
.headBg2 .navList > li > a::before{ background-color: #0849bf;}
.headBg2 .navIco{ border-color: #0849bf;}
.headBg2 .navTel .navIco{ background-image: url(../images/navIco1_blue.png);}
.headBg2 .navWx .navIco{ background-image: url(../images/navIco2_blue.png);}

/*footBg*/
.footBg{ background:#292929; font-size:14px; color:#FFFFFF; line-height:24px; position:relative; z-index:1;}
.footBg a{ color:#FFFFFF;}
.footBg a:hover{ text-decoration:underline;}
.ftTop{ padding:.5rem 0; display:flex; justify-content:space-between;}
.ftNav{ list-style: none; display: flex; flex-wrap: wrap; margin: 0 -10px; flex: auto; overflow: hidden;}
.ftNav > li{ padding: 0 10px; margin-top: .1rem; flex: auto;}
.ftNav > li > h3{ font-weight: normal; margin-bottom: .15rem;}
.ftNav > li > h3 a{ display: block; font-size: 18px; line-height: 1.8;}
.ftNav > li > ul{ list-style: none;}
.ftNav > li > ul > li{ margin: .1rem 0;}
.ftNav > li > ul > li > a{ font-size: 14px; line-height: 1.8; opacity: .4;}
.ftNav > li > ul > li > a:hover{ opacity: .8;}
.ftWx{ flex-shrink: 0; list-style: none; text-align:right; font-size:0; margin: 0 -5px; max-width: 250px;}
.ftWx li{ display: inline-block; vertical-align: top; padding:0 5px; text-align:center;}
.ftWx img{ width: 100%; max-width:250px; height:auto; margin: 0 auto;}
.copyRight{ padding:.35rem 0; border-top:1px solid rgba(255,255,255,0.1); text-align:center; color:rgba(255, 255, 255, 0.3);}
.copyRight a{ color:rgba(255, 255, 255, 0.3);}

.hmTit{ position: relative; color: #000000;}
.hmh2{ font-size: 36px; line-height: 1.8;}
.hmh2 span{ position: relative; display: inline-block; vertical-align: middle;}
.hmh2 span::after{ display: block; content: ""; width: 32px; height: 32px; background: url(../images/signet.png) center center no-repeat; background-size: cover; position: absolute; left: 100%; top: 50%; transform: translateY(-60%); margin-left: 5px;}
.hmEn{ font-size: 16px; font-weight: bold; text-transform: uppercase;}
.hmMore{ margin: .1rem 0; position: relative;}
.hmMore a{ position: relative; display: flex; width: 178px; height: 54px; line-height: 52px; border: 1px solid #0849bf; font-size: 16px; color: #0849bf; text-align: center; transition: all .3s;}
.hmMore a span,
.hmMore a i{ position: relative; display: block; z-index: 1;}
.hmMore a span{ flex: 1; overflow: hidden;}
.hmMore a i{ flex-shrink: 0; width: 50px; line-height: 52px; font-size: 20px; background-color: #0849bf; color: #FFFFFF;}
.hmMore a::before{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background-color: #0849bf; transition: all .3s;}
.hmMore a:hover{ color: #FFFFFF;}
.hmMore a:hover::before{ width: 100%;}
.hmTitMore{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: #888888;}
.hmTitMore i{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; margin-left: 5px; margin-top: -4px; background-color: #121a56; color: #FFFFFF; font-style: normal; transition: all .3s;}
.hmTitMore:hover{ color: #121a56; font-weight: bold;}
.hmTitMore:hover i{ margin-left: 10px; font-weight: normal;}
.mobMore{ display: none;}

.banIn{ position:relative; height:590px; max-height:80vh;}
.banIn .imgBg{ display: block; height: 100%;}
.banText .hmTit{ color: #FFFFFF; text-align: left; line-height: 1; font-weight: normal;}
.banText .hmh2{ font-weight: normal;}
.banText .hmEn{ font-weight: normal;}

.sortBg{ border-bottom:1px solid #ececec; background:#FFFFFF; position:relative;}
.sortList{ font-size:0; margin:0; background:#FFFFFF;}
.sortList li{ font-size:18px; color:#333333; line-height:36px;}
.sortList li a{ display:block; color:#333333; padding:.3rem 0; position:relative;}
.sortList li a:after{ display:inline-block; vertical-align: middle; content:""; width:1px; height:18px; background:#333333; margin: 0 2vw;}
.sortList li:last-child a::after{ display: none;}
.sortList li.active a{ color:#0849bf;}
.sortBg.fixed .sort{ position:fixed; left:0; top:0; width:100%; z-index:11; background:#FFFFFF; box-shadow:2px 0 2px rgba(0,0,0,0.2);}
.breadcrumb{ list-style: none; float: right; overflow:hidden; line-height:36px; padding:.3rem 0; font-size: 0; background: url(../images/breadcrumb.png) left 0.35rem no-repeat; padding-left: 30px;}
.breadcrumb li{ display: inline-block; vertical-align: middle; font-size: 18px; color:#888888;}
.breadcrumb li + li{ position:relative; padding-left:30px;}
.breadcrumb li + li:before{ display:block; content:"\f105"; position:absolute; left:12px; top:50%; transform: translateY(-50%); font-family: FontAwesome;}
.breadcrumb li a{ color:#888888;}
.breadcrumb li.active{ color:#888888;}
.breadcrumb li a:hover{ color: #0849bf;}

.pageBox{ margin: 4vw 0; text-align: center; font-size: 0;}
.pageBox a,
.pageBox span{ display: inline-block; vertical-align: middle; font-size: 16px; color: #101010; height: 32px; line-height: 32px; min-width: 32px; text-align: center; margin: 0 .06rem;}
.pageBox .prev{ background: url(../images/prev.png) center center no-repeat; background-size: cover;}
.pageBox .next{ background: url(../images/next.png) center center no-repeat; background-size: cover;}
.pageBox a:hover{ color: #0849bf;}
.pageBox span.active{ background: #0849bf; color: #FFFFFF;}

#top{ float:right; font-size:16px; line-height:30px; margin-top:20px; cursor:pointer;}
#top i{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/top.png) center center no-repeat; margin-left:5px;}
#top:hover{ color:#004d97;}
#top:hover i{ background-image:url(../images/top2.png);}

.loadMore{ display:block; width:280px; line-height:52px; border-radius:25px; text-align:center; margin:.5rem auto; color:#FFFFFF; font-size:18px; background-image:linear-gradient(to right,#0c82f3,#0c559b); transition:all .3s;}
.loadMore:hover,.loadMore:focus{ color:#FFFFFF;}
.loadMore:hover{ box-shadow:0 .05rem .1rem rgba(0,0,0,0.3);}
.loadMore.active{ background:#9B9B9B;}

.mainBg{ background:#FFFFFF; position:relative; z-index:1; overflow:hidden;}
.space{ display:block; width:100%; background:#FFFFFF; height:86px;}

.breadNavBg{ background:#084580; padding:.38rem 0;}
.goBack{ float:right; width:140px; height:42px; line-height:40px; text-align:center; color:#FFFFFF; font-size:16px; border-radius:25px; border:1px solid #FFFFFF; margin-left:.1em;}
.goBack i{ display:inline-block; vertical-align:middle; width:10px; height:15px; background:url(../images/goList.png) center center no-repeat; margin-right:.1rem; margin-top:-2px;}
.goBack:hover,.goBack:focus{ color:#FFFFFF;}
.goBack:hover i{ animation:tada 1s linear infinite;}

.anchor{ margin-top: -110px; padding-top: 110px;}

@media (max-width:1600px){
    .headCon{ width: 96%;}
    .logo{ height: 80px;}
    .logo img{ height: 50px;}
    .navRig{ line-height: 80px;}
    .navRig li{ line-height: 80px;}
    .navRig > li + li{ margin-left: 1.5vw;}
    .navIco{ width: 32px; height: 32px;}
    .navRigSub{ padding: 5px;}
    .navRigSub img{ max-width: 100px;}
    .navList{ line-height: 80px;}
    .navList > li > a{ font-size: 16px;}
    .navList > li > ul > li a{ font-size: 14px;}
    .hmh2{ font-size: 30px;}
    .hmh2 span::after{ width: 28px; height: 28px;}
    .hmEn{ font-size: 14px;}
    .hmMore a{ width: 160px; height: 46px; line-height: 44px; font-size: 14px;}
    .hmMore a i{ width: 44px; line-height: 44px; font-size: 18px;}
    .hmTitMore{ font-size: 14px;}
    .hmTitMore i{ width: 20px; height: 20px; line-height: 20px; margin-top: -2px;}

    .ftNav > li > h3 a{ font-size: 16px;}
    .ftWx img{ max-width: 140px; max-width: 230px;}
	
	.banIn{ height:480px;}
	.sortList li{ line-height:24px; font-size:16px;}
    .sortList li a{ padding: .2rem 0;}
    .sortList li a:after{ margin: 0 1.5vw; height: 14px;}
	.breadcrumb{ line-height:24px; padding: .2rem 0; padding-left: 30px; background-position: left .2rem;}
    .breadcrumb li{ font-size: 16px;}

    .pageBox a,
    .pageBox span{ font-size: 14px;}

    .anchor{ margin-top: -80px; padding-top: 80px;}
}
@media (max-width:1400px){    
    .navList > li{ padding: 0 15px;}
	.banIn{ height:400px;}
}
@media (max-width:1200px){
    .wrap{ width:100%;}
    .headCon{ width: 100%;}    
    .navRig li.pc{ display: none;}
    .navRig li.mob{ display: inline-block; cursor: pointer;}
    .navIco{ width: 30px; height: 30px;}
    .navBtn span{ display: block; width: 25px; height: 30px; position: relative;}
    .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;}
    .navList{ display: none; text-align: left; position: fixed; left: 0; top: 80px; right: 0; bottom: 0; background: #FFFFFF; line-height: 44px; border-top: 1px solid rgba(255, 255, 255, 0.3); padding: .3rem 0; overflow-y: auto;}
    .navList > li{ padding: 0 .3rem;}
    .navList > li > a::before{ display: none;}
    .navList > li.dropdown > a{ padding-right: 50px;}
    .navList > li.dropdown > a::after{ position: absolute; right: 0; top: 0; display: block; content: "\f0dd"; font-family: FontAwesome; color: #0849bf; transition: all .3s;}
    .navList > li > ul{ position: static; transform: translateX(0); padding-top: 0; background: none; box-shadow: none;}
    .navList > li > ul > li a{ padding: 0 15px;}
    .navList > li.cur > a::after{ transform: rotate(180deg);}
    .headBg2 .navBtn span b{ background: #0849bf;}
    .hmTit{ text-align: center;}
    .hmMore a{ margin: 0 auto; width: 140px; height: 40px; line-height: 38px; font-size: 12px;}
    .hmMore a i{ width: 38px; line-height: 38px;}
    .hmTitMore{ display: none;}
    .mobMore{ position: static; transform: none; display: block; text-align: center; margin-top: .3rem;}
    .mobMore i{ padding-right: 0;}
    .ftWx img{ max-width: 200px;}
    .ftNav{ flex: 1;}
    .ftNav > li{ min-width: 0; max-width: none; width: 16%;}	
	.banIn{ height:4rem;}
	.space{ height:60px;}
    .breadcrumb li{ font-size: 14px;}
}
@media (max-width:991px){
    .logo{ height: 60px;}
    .logo img{ height: 40px;}
    .navRig{ line-height: 60px;}
    .navRig li{ line-height: 60px;}
    .navList{ top: 60px;}
    .ftTop{ padding: .3rem 0; display: block;}
    .ftNav{ margin: .2rem 0; display: block;}
    .ftNav > li{ width: 100%; margin: 0; padding: .1rem 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.3);}
    .ftNav > li:last-child{ border-bottom: none;}
    .ftNav > li > h3{ position: relative; margin: 0;}
    .ftNav > li > h3::after{ position: absolute; right: 0; top: 0; display: block; content: "\f0dd"; font-family: FontAwesome; color: #FFFFFF; transition: all .3s;}
    .ftNav > li.cur > h3::after{ transform: rotate(180deg);}
    .ftNav > li > h3 a:hover{ text-decoration: none;}
    .ftNav > li > ul{ display: none; padding: 0 15px .2rem;}
    .ftWx{ max-width: none; width: 100%; margin: .2rem 0; text-align: center;}
    .copyRight{ padding: .3rem; font-size: 12px; line-height: 1.8;}

	.banIn{ height:3.2rem;}
    .sortBg{ padding: .2rem 0;}
    .breadcrumb{ float: none; background-size: 15px auto; background-position: left 4px; padding: 0; padding-left: 20px;}
	.breadcrumb li + li{ padding-left:15px;}
	.breadcrumb li + li:before{ left:4px;}
    .sortList{ margin-top: .15rem;}
    .sortList li{ font-size: 14px;}
	.sortList li a{ padding: 0;}
    .pageBox{ margin: .5rem 0;}
    .pageBox a,
    .pageBox span{ min-width: 28px; height: 28px; line-height: 28px;}

    .anchor{ margin-top: -60px; padding-top: 60px;}
}
@media (max-width:767px){

}
@media (max-width:640px){
    .hmh2{ font-size: 24px;}
    .hmh2 span::after{ width: 20px; height: 20px;}
    .hmEn{ font-size: 12px;}
    .hmMore a{ width: 120px; height: 32px; line-height: 30px;}
    .hmMore a i{ width: 30px; line-height: 30px; font-size: 16px;}
}
@media (max-width:460px){
    .logo{ height: 50px;}
    .logo img{ height: 30px;}
    .navRig{ line-height: 50px;}
    .navRig li{ line-height: 50px;}
    .navRig > li + li{ margin-left: .2rem;}
    .navList{ top: 50px;}
    .sortList li a:after{ height: 10px;}
	.space{ height:50px;}
    .anchor{ margin-top: -50px; padding-top: 50px;}
}