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

nav.navbar.bootsnav{ border:none; position:fixed; width:100%; box-shadow:0 1px 1px rgba(51,51,51,0.2); background: #FFFFFF; z-index:10; transition:all .2s;}
nav.navbar.bootsnav.grayBg{ background: #f1f2f3;}
.logo{ height:86px; padding:0; margin-left:4vw;}
.logo span{ display:block; width:100%;}
.logo img{ height:36px;}
.navRig{ line-height:86px; margin:0; font-size:0; vertical-align:middle; margin-left: 7.6vw;}
.navRig > ul{ margin:0; vertical-align:middle;}
.navRig > ul > li{ font-size:18px; color:#333333; padding:0; position:relative; border-left: 1px solid rgba(51, 51, 51, 0.2);}
/* .navRig > ul > li:nth-child(2){ display: none;} */
.navRig > ul > li a{ color:#333333; padding:0 25px;}
.navRig > ul > li a i{ display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:5px; margin-top:-2px;}
.navRig > ul > li a.navTel i{ background:url(../images/nav_tel.png) center center no-repeat; background-size: contain; font-weight:normal;}
.navRig > ul > li a.navLang i{ background:url(../images/nav_lang.png) center center no-repeat; background-size: contain;}
nav.navbar.bootsnav ul.nav > li{ padding: 0; margin:0 1px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 45px; line-height:86px; font-size:18px; color:#333333; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ background: var(--baseColor) !important; color:#FFFFFF !important;}
nav.navbar.bootsnav.no-show{ transform:translateY(-100%);}
nav.navbar.bootsnav.fixed{ transform:translateY(-100%);}
/* 二级下拉 */
nav.navbar.bootsnav ul.nav > li > a:after{ content:"" !important; margin:0 !important; position:absolute; left:50%; bottom:0; width:0%; max-width:54px; height:3px; background:#095bd5; transform:translateX(-50%); transition:all 0.3s linear;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:auto; min-width: 100%; right: auto; left:50%; transform:translateX(-50%); padding:10px 0; border:none; background:rgba(255,255,255,0.8); border-radius:0 0 5px 5px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); animation-duration:0.5s;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ display:block; font-weight:normal; font-size:16px; color:#333333; padding: .2rem .1rem; line-height:20px; border:none; transition:all .3s; text-align: center !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ background: var(--baseColor); color: #FFFFFF;}
/* 无背景 */
nav.navbar.bootsnav.no-background{ box-shadow:0 1px 1px rgba(255,255,255,0.2); transition:all .2s;}
nav.navbar.bootsnav.no-background .logo img.shows{ display: none;}
nav.navbar.bootsnav.no-background .logo img.hides{ display: block;}
nav.navbar.bootsnav.no-background .navRig > ul > li{ border-left: 1px solid rgba(255, 255, 255, 0.2);}
nav.navbar.bootsnav.no-background .navRig > ul > li a{ color: #FFFFFF;}
nav.navbar.bootsnav.no-background .navRig > ul > li a.navTel i{ background-image:url(../images/nav_tel_white.png);}
nav.navbar.bootsnav.no-background .navRig > ul > li a.navLang i{ background-image:url(../images/nav_lang_white.png);}
nav.navbar.bootsnav.no-background ul.nav > li > a{ color:#FFFFFF;}
nav.navbar.bootsnav.transparent{ background: transparent;}

/*footBg*/
.footBg{ display: flex; justify-content: space-between; padding: 50px 0; background:#1a4c98; font-size:14px; color:#FFFFFF; line-height:24px; position:relative; z-index:1;}
.footBg a{ color:#FFFFFF;}
.footBg a:hover{ text-decoration:underline;}
.ftLef{ text-align:center; min-width:280px; width:20%; flex-shrink: 0;}
.ftLogo{ margin: 4px 0 30px;}
.ftLogo img{ display: block; width: auto; height: 48px; margin: 0 auto;}
.ftWx{ font-size: 0; margin: 0 -20px;}
.ftWx li{ max-width: 140px; width:50%; font-size:14px; line-height:24px; padding:0 20px; text-align:center;}
.ftWx img{ max-width:100%; height:auto;}
.ftWx p{ padding:5px 0;}
.ftCen{ flex: auto; padding: 0 3.125vw; border: 1px solid rgba(255, 255, 255, 0.4); border-top: none; border-bottom: none;}
.ftCon{ display: flex; justify-content: space-between; margin: .2rem -.1rem;}
.ftCon li{ padding: .1rem; margin-bottom: .2rem; padding-left: 50px; background-repeat: no-repeat; background-position: left center;}
.ftCon h3{ font-size: 18px; line-height: 1.8;}
.ftCon p.big{ font-size: 1.25vw;}
.ftTel{ background-image: url(../images/icon_tel.png);}
.ftAddress{ background-image: url(../images/icon_address.png);}
.ftEmail{ background-image: url(../images/icon_email.png);}
.ftLine{ width: 100%; height: 1px; font-size: 0; background: rgba(255, 255, 255, 0.4); margin: .2rem 0;}
.copyRight{ display: flex; justify-content: space-between; color: #FFFFFF; margin: 0 -10px;}
.copyRight p{ padding: 0 10px;}
.copyRight a{ color: #FFFFFF;}
.ftRig{ text-align: center; min-width: 300px; width: 24%; flex-shrink: 0;}
.ftLink{ display: flex; flex-wrap: wrap; margin: 35px auto; max-width: 280px;}
.ftLink li{ min-width: 50%; flex: auto; padding: 5px;}
.ftLink li a{ display: block; width: 100%; color: #666666; line-height: 28px; background-color: #FFFFFF; transition: all .3s;}
.ftLink li a:hover{ text-decoration: none; color: var(--baseColor);}

/* home-title */
.boxTop{ text-align: center; margin: .3rem 0;}
.boxCn{ font-size: 36px; color: var(--baseColor); line-height: 1.2; font-weight: normal;}
.boxEn{ font-size: 20px; color: #828282; line-height: 1.2; text-transform: uppercase;}
.boxTop.white .boxEn,
.boxTop.white .boxCn{ color: #FFFFFF;}


.banIn{ position:relative; height:590px; padding-top: 86px; background: var(--baseColor); text-align: center; box-sizing: content-box;}
.banIn .imgBg{ position:fixed; left:0; top:86px; width:100%; display:block; height:590px; opacity: .5; opacity: 1;}
.banIn .banText{ padding-top: 80px;}
.inCn{ font-size: 45px; line-height: 1.4;}
.inEn{ font-size: 30px; text-transform: uppercase; line-height: 1.2;}
.sortBg{ position:relative; background-color: rgba(20, 69, 148, .8); overflow: hidden; margin-top: calc(-38px - .4rem); z-index: 1;}
.sortList{ font-size:0; margin:0 -1.34vw; text-align: center;}
.sortList li{ font-size:20px; color:#FFFFFF; line-height:38px; padding:0 45px; padding: 0 1.34vw;}
.sortList li a{ display:block; color:#FFFFFF; padding:.2rem .15rem; min-width: 1.8rem; position:relative; text-align: center; transition: all .3s;}
.sortList li.active a,
.sortList li a:hover{ color: var(--baseColor); background-color: #FFFFFF;}
.sortBg.fixed .sort{ position:fixed; left:0; top:0; width:100%; z-index:10; background:#FFFFFF; box-shadow:2px 0 2px rgba(0,0,0,0.2);}

.sortBg.grayBg{ background-color: #f6f6f6; border-bottom: none;}
.sortBg.grayBg .sortList{ margin: 0 -1vw; background-color: transparent; border-bottom: 1px solid rgba(0, 71, 157, .2);}
.sortBg.grayBg .sortList li{ font-size: 16px; padding: 0 20px; padding: 0 1vw;}
.sortBg.grayBg .sortList li.active a:after{ height: 3px; bottom: -2px;}

.pageBox{ margin: .5rem 0; text-align: center; font-size: 0;}
.pageBox a,
.pageBox span{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; border-radius: 4px; font-size: 14px; color: #333333; font-family: Arial; margin: 0 1px;}
.pageBox a.active,
.pageBox span.active{ background-color: #b6b6b6; color: #FFFFFF;}
.pageBox a.prev{ background: url(../images/prev.png) center center no-repeat; background-size: 50% auto;}
.pageBox a.next{ background: url(../images/next.png) center center no-repeat; background-size: 50% auto;}

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

.breadNavBg{ padding:.35rem 0;}
.goBack{ float:right; line-height:42px; color:var(--baseColor); font-size:16px; margin-left:.1rem;}
.goBack i{ display:inline-block; vertical-align:middle; width:21px; height:19px; background:url(../images/golist.png) center center no-repeat; margin-left:.1rem; margin-top:-2px;}
.goBack:hover,.goBack:focus{ color:var(--baseColor);}
.breadcrumb{ padding:0; margin:0; background:none; overflow:hidden; line-height:22px; padding:.1rem 0;
    /* padding-left: 25px; */
     /* background: url(../images/home.png) left .1rem no-repeat; */
}
.breadcrumb li{ color:#888888;}
.breadcrumb li + li{ position:relative; padding-left:20px;}
.breadcrumb li + li:before{ display:block; content:">"; width:0; height:0; padding:0; position:absolute; left:5px; top: 0; color: #888888;}
.breadcrumb li a{ color:#888888;}
.breadcrumb li a:hover{ color:var(--baseColor);}
.breadcrumb li.active{ color:var(--baseColor);}

.onLine{ position: fixed; right: 0; bottom: 50px; list-style: none; z-index: 2;}
.onLine li{ position: relative; margin-top: 4px;}
.onLine li a{ display: block;}
.onIco{ display: block; width: 46px; height: 46px; background-color: var(--baseColor); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.onIco1{ background-image: url(../images/onico1.png);}
.onIco2{ background-image: url(../images/onico2.png);}
.onIco3{ background-image: url(../images/onico3.png);}
.onCon{ position: absolute; right: 100%; bottom: 0; line-height: 46px; background-color: var(--baseColor); font-size: 18px; color: #FFFFFF; white-space: nowrap; opacity: 0; visibility: hidden; padding: 0 15px; margin-right: 5px; transition: all .3s;}
.onWx{ padding: 5px;}
.onLine li a:hover .onCon{ opacity: 1; visibility: visible; margin: 0;}

@-webkit-keyframes warn2{ 
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}
@keyframes warn2{
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
}
.warn2{ -webkit-animation-name:warn2; animation-name:warn2;}

@media (max-width:1600px){
	.logo{ height:80px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding: 0 40px; font-size:16px; line-height:80px;}
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ font-size: 14px; padding: .14rem .1rem;}
	.navRig{ line-height:80px; margin-left: 3.6vw;}
	.navRig > ul > li{ font-size:16px;}
    .navRig > ul > li a{ padding: 0 15px;}
    .navRig > ul > li a i{ width: 18px; height: 18px;}

    .footBg{ padding: .3rem 0;}
    .ftCon li{ padding-left: 35px; background-size: 25px auto;}
    .ftCon h3{ font-size: 16px;}

    .boxCn{ font-size: 30px;}
    .boxEn{ font-size: 16px;}

	.banIn{ height:500px; padding-top: 80px;}
	.banIn .imgBg{ height:500px; top: 80px;}
    .inCn{ font-size: 38px;}
    .inEn{ font-size: 24px;}
	.sortList li{ line-height:24px; font-size:16px;}
    .sortBg.grayBg .sortList li{ font-size: 14px;}
    .sortBg.grayBg .sortList li a{ padding: .2rem .1rem;}

	.space{ height:80px;}
	.breadNavBg{ padding:.25rem 0;}
	.breadcrumb{ line-height:26px; padding:5px 0;
         /* padding-left: 22px; background-position: left 9px; background-size: 15px auto; */
    }
	.goBack{ line-height:36px; font-size:14px;}
    .goBack i{ width: 18px; height: 16px; background-size: contain;}
}
@media (max-width:1400px){
    .logo{ margin-left: 2vw;}
    .navRig{ margin-left: 2vw;}
	.navBtn span b:nth-child(1){ transform:translateY(6px) rotate(0deg);}
	.navBtn span b:nth-child(3){ transform:translateY(-6px) rotate(0deg);}
    .ftCon li{ background-position: left .12rem;}

	.banIn{ height:480px;}
	.banIn .imgBg{ height:480px;}
    .inCn{ font-size: 32px;}
    .inEn{ font-size: 20px;}
    .sortList{ margin: 0 -1vw;}
    .sortList li{ padding: 0 1vw;}
    .sortList li a{ min-width: 1.4rem;}

}
@media (max-width:1200px){
	.wrap{ width:100%;}
    nav.navbar.bootsnav.transparent{ background: #f1f2f3;}
	nav.navbar.bootsnav.no-show{ transform:none;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav .navbar-brand{ display:flex;}
	.logo{ height:60px;}
	.logo img{ height:36px; margin: 0 auto;}
	.navRig{ right:0; line-height:60px; margin-left: 0;}
    nav.navbar.bootsnav ul.nav > li{ margin: 0 0 1px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:24px; border:none; border-bottom:1px solid #e0e0e0;}
	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 ul.nav li.dropdown ul.dropdown-menu{ left: 0; right: 0; transform: none; border-bottom: solid 1px #e0e0e0;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ padding: .1rem 0 !important; text-align: left !important; border: none;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{ background: transparent; color: var(--baseColor);}
	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:#0c559b; 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);}

    nav.navbar.bootsnav.no-background{ box-shadow: 0 1px 1px rgba(51, 51, 51, 0.2);}
    nav.navbar.bootsnav.no-background .logo img.shows{ display: block;}
    nav.navbar.bootsnav.no-background .logo img.hides{ display: none;}
    nav.navbar.bootsnav.no-background ul.nav > li > a{ color: #333333;}
    nav.navbar.bootsnav.no-background .navRig > ul > li{ border-left: 1px solid rgba(51, 51, 51, 0.2);}
    nav.navbar.bootsnav.no-background .navRig > ul > li a{ color: #333333;}
    nav.navbar.bootsnav.no-background .navRig > ul > li a.navTel i{ background-image: url(../images/nav_tel.png);}
    nav.navbar.bootsnav.no-background .navRig > ul > li a.navLang i{ background-image: url(../images/nav_lang.png);}

    .footBg{ display: block; padding: .3rem;}
    .ftLef{ width: 100%; min-width: 0;}
    .ftLogo{ margin: .1rem 0 .3rem;}
    .ftCen{ padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.4); border-left: none; border-right: none; margin: .3rem 0;}
    .ftCon li{ padding: 0 .1rem; padding-left: 30px; margin: .1rem 0; background-position: left 5px; background-size: 20px auto;}
    .ftRig{ width: 100%; min-width: 0;}
    .ftLink{ max-width: 100%; margin: .3rem 0;}
    .ftLink li{ min-width: 0%;}
    .ftLink li a{ padding: 0 .2rem;}
    .ftCon p.big{ font-size: 14px;}

	.banIn{ height:4rem; padding-top: 60px;}
	.banIn .imgBg{ height:4rem; top: 60px;}
    .banIn .banText{ padding-top: 60px;}
	.space{ height:60px;}

    .sortBg{ margin-top: 0; background-color: rgba(20, 69, 148, 1);}
    .sortBg.grayBg .sortList li{ padding: 0 .1rem;}
    .sortBg.grayBg .sortList li a{ padding: .2rem 0;}

    .onLine{ bottom: 0;}
}
@media (max-width:991px){
    .navRig > ul > li{ font-size: 14px;}
    .navRig > ul > li a{ padding: 0 .2rem !important;}
    .navRig > ul > li a.navTel i{ margin-right: 0;}
    .navRig > ul > li a.navTel span{ display: none;}

    .boxCn{ font-size: 24px;}
    .boxEn{ font-size: 14px;}


	.banIn{ height:3.2rem;}
	.banIn .imgBg{ height:3.2rem; top: 60px;}
    .inCn{ font-size: .38rem;}
    .inEn{ font-size: .24rem;}
	.sortList li a{ padding:.14rem .1rem;}
    .sortBg.grayBg{ padding: .2rem 0;}
    .sortBg.grayBg .sortList li a{ padding: .08rem 0;}


	.goBack{ float:none; display:block; width:120px; height:34px; line-height:32px; margin-bottom:10px; display: none;}
	.breadcrumb li + li{ padding-left:15px;}
	.breadcrumb li + li:before{ left:4px;}


}
@media (max-width:767px){
	.navRig{ padding-top:10px;}
}
@media (max-width:640px){
    .logo img{ height: 22px;}
    .ftLogo img{ max-height: .5rem;}
    .ftWx li{ padding: 0 .1rem;}
    .ftCon{ display: block;}
    .copyRight{ display: block; text-align: center;}
	.ftWx{ display:block; width:100%; text-align:center; max-width:100%; margin:.2rem 0;}
	.ftWx li{ max-width:35%; width:115px;}
	.sortList li{ padding-right:.2rem; font-size:14px;}
	.sortList li:last-child{ padding:0;}
	.sortList li.active a:after{ height:2px;}
    .sortBg.grayBg .sortList li{ font-size: 13px;}
    .sortBg.grayBg .sortList li.active a:after{ height: 1px; bottom: 0;}
    .pageBox a,
    .pageBox span{ width: 24px; height: 24px; line-height: 24px; margin: 1px; font-size: 14px;}
    .pageBox a.prev,
    .pageBox a.next{ margin: 0 .1rem;}

    .onIco{ width: 36px; height: 36px;}
    .onCon{ line-height: 36px; font-size: 16px;}
}
@media (max-width:460px){
	.logo{ height:50px;}
    .logo span{ width: auto; overflow: hidden; margin: 0 auto;}
	.logo img{ height:20px;}
	.navRig{ line-height:50px;}
    .navRig > ul > li{ font-size: 14px;}
    .navRig > ul > li a i{ width: 16px; height: 16px;}
	.navBtn i{ display:none;}
	.ftWx li{ font-size:12px;}

    .boxCn{ font-size: 20px;}
    .boxEn{ font-size: 12px;}

    .banIn{ padding-top: 50px;}
    .banIn .imgBg{ top: 50px;}
    .banIn .banText{ padding-top: 50px;}
	.space{ height:50px;}
}