@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%;font-family:"Noto Sans SC","PingFang SC","sans-serif","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none; color:#555}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#194e98}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}
.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(/static/home/images/toTop.png) no-repeat; background-size:100% 100%; z-index:999; display:none; opacity:0.7}
.toTop:hover{background:url(/static/home/images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}
.tc{text-align: center;}
.myScroll{transform:translateY(70px);transition:transform 0.8s, opacity 0.8s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}
.boxMax{width:90%; max-width:1440px; display:block; margin:0 auto; position:relative;}
.boxMax1{width:80%; max-width:1440px; display:block; margin:0 auto; position:relative;}
.boxMax900{width:90%;max-width:900px; display:block; margin:0 auto; position:relative;}
.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px;}
.boxTop1{position:relative;box-sizing:border-box; width:90%;max-width:1440px; text-align:right; display:block; margin:0 auto;}
.logo{position:absolute; left:0; top:50%; margin-top:-18px; height:36px; }
.clearfix {zoom: 1; }
.fl {float: left; }.fr {float: right; }
@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 0.7vw; margin:0 0.4vw;}
.boxNav li span a{display:block;font-size:0.9vw;line-height:80px; color:#555; font-weight:400}
.boxNav li span a:hover{color:#194d97}
.boxNav li span i{ height:4px; background:#194d97; width:100%; position:absolute; top:0; left:0; display:none}
/*.boxNav li .on i{ display:none;animation:ANavI 0.3s}*/

.boxNav li div{position:absolute; top:80px; left:0;width:11vw; max-width:180px;text-align:left;padding:0 10px;border-radius:3px; z-index:2; display:none;background:rgba(255,255,255,0.98);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.boxNav li div a{display:block;font-size:0.7vw;line-height:26px; padding:0.8vw 0.6vw; border-bottom:1px solid rgba(0,0,0,0.1); }
.boxNav li div a:hover{ color:#15499c}
.boxNav li div a:last-child{ border:none}
.boxNav li:nth-child(4) div{}

.topSearch i{background:url(/static/home/images/icoTopSearch.png) center no-repeat; width:15px;}
.topSearch:hover i{background:url(/static/home/images/icoTopSearchHover.png) center no-repeat;}

.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#194d97!important}
.whiteCon .topSearch i{background:url(/static/home/images/icoTopSearchWhite.png) center no-repeat!important; }

.bgTop{background:rgba(255,255,255,1)!important;}

.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.icoTop a{position:relative;display:inline-block; vertical-align:middle; margin:0 0 0 20px}
.icoTop a i{display:block;height:80px;}

.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; 
	left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(/static/home/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#00b4ff; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#00c9ff}

.boxZhezhao{background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(/static/home/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}

.boxFoot{background:#0d0d0d; }

.navFoot{width:100%;padding:3vw 0}
.navFoot li{display:inline-block; vertical-align:top; color:#fff; width:16.1%;}
.navFoot li span{font-size:clamp(14px,0.9375vw,18px); font-weight:700;line-height:2.5em}
.navFoot li div{}
.navFoot li div a{display:block;font-size:clamp(12px,0.73vw,14px); opacity:0.5; line-height:2.5em}
.navFoot li div a:hover{opacity:1}

.navFoot li:nth-child(1){width:13.5%;}
.navFoot li:nth-child(2){}
.navFoot li:last-child{width:6%;}

.navFoot a{color:#fff}
.navFoot a:hover{color:#fff}

.footCopy{font-size:clamp(12px,0.73vw,14px); line-height:1.75em; color:rgba(255,255,255,0.5); padding:0 0 20px 0}
.footCopy i{display:inline-block; margin:0 1vw 0 0; vertical-align:middle}
.footCopy a{color:rgba(255,255,255,0.5);}
.footCopy a:hover{color:rgba(255,255,255,1); text-decoration:underline}


.footEwm{position:absolute; right:0; bottom:20px; }
.footEwm a{display:inline-block; position:relative; vertical-align:top; margin:0 1vw 0 0}
.footEwm a div{ width:22px;}
.footEwm a div img{width:100%;}
.footEwm a i{position:absolute; top:-120px; left:-60px; width:138px; height:147px; padding:19px 19px 0 19px; background:url(/static/home/images/bgEwm.png) no-repeat center/100% 100%;transition:all .5s; opacity:0;pointer-events:none; z-index:1}
.footEwm a i img{width:100px; height:100px;}

.footEwm a:hover i{opacity:1; top:-150px;}


.boxEwm{position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.8);z-index:1000; display:none}
.boxEwm div{width:100%; height:100%;display:flex; align-items:center;justify-content:center;}
.boxEwm img{ width:50%; max-width:300px; background:#fff; padding:15px; border-radius:0.8vw}
.boxEwm a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(/static/home/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.boxEwm a:hover{ transform:rotateZ(180deg);}

@media(max-width:1280px){

}

@media(max-width:1200px){
	.boxNav{margin-left: 150px;}
	.boxNav li span a {font-size: 1vw; }
	.logo {margin-top: -14px; height: 28px; width: 200px; }
}

.boxTopM{width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; display:none;}
@media(max-width:768px){
	.boxTop{display:none}
	.boxTopM{display:block}
	.logoM{ position:absolute;left:15px; top:21px; height:28px;}
	.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(/static/home/images/openMenu.png) no-repeat center/cover;}
	.whiteConM{background:none!important;}
	.whiteConM .openMenu{background:url(/static/home/images/openMenuWhite.png) no-repeat center/cover!important;}

	.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
	.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png) no-repeat center; background-size:cover;}

	.boxNavM{ width:calc(100vw - 60px); height:100%;background:#1c4d98 url(../images/bgNavM.png) no-repeat right top/100% auto;overflow-y:auto; padding:60px 0 0 30px; box-sizing:border-box; position:relative; left:100%;}
	.boxNavM li{ position:relative}
	.boxNavM li span{display:block; position:relative; width:120px;}
	.boxNavM li span a{display:block;font-size:13px;line-height:50px; color:rgba(255,255,255,0.7); }
	.boxNavM li span a:hover{ color:#fff}
	.boxNavM li .on a{color:#fff!important}
	.boxNavM li div{position:absolute; top:0; left:140px; display:none; z-index:100}
	.boxNavM li div a{display:block; line-height:20px; padding:15px 0; font-size:13px; text-align:left; color:rgba(255,255,255,0.7);}
	.boxNavM li div a:hover{color:#fff}
	.boxNavM li div .on{color:#fff}

	.boxFoot{background:#0d0d0d; padding:30px 0 0 0}
	.navFoot{display:none}
	.footCopy{font-size:clamp(12px,0.73vw,14px); line-height:1.75em; color:rgba(255,255,255,0.3); padding:20px 0; border-top:1px solid rgba(255,255,255,0.2); margin:30px 0 0 0;}
	.footCopy i{display:block; margin:0;}
	.footEwm{position:relative; right:0; bottom:0; text-align: center;}
	.footEwm a{ margin:0; width:33%; text-align:center}
	.footEwm a div{width:20px; display:block; margin:0 auto}
	.footEwm a div img{width:100%;}
	.footEwm a:hover i{opacity:0;}
	.boxEwm img{ width:50%; max-width:180px;padding:10px; border-radius:8px}
}

/*分页顶图*/
.fyBanner{position:relative;height:45vh;overflow: hidden;}
.fyBanner .bimg,.fyBanner .bimgM{position:absolute;top:0;left:0;z-index:1;width:100%;height: 100%;object-fit:cover}
.fyBanner .bimgM{display:none}
.fyBanner .fyBanbox{
	/*position:absolute;top:55%;left:0;z-index:10;width:100%;transform:translateY(-50%);text-align:center;color:#fff;*/
	position:absolute;z-index:10;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);transform: none;
}
.fyBanTitle{font-size: clamp(18px,2vw,30px);font-weight:bold;line-height:1.35;text-shadow:0 2px 0 rgba(33,43,57,0.3);}
.fyBanner .btnVideo {
    position: absolute; top: 60%; left: 50%; margin: -25px 0 0 -25px; z-index: 1;
    display: inline-block; width: 50px; height: 50px;
    background: url(/static/home/images/icoVideo.png) no-repeat center / cover;
    z-index: 1;border-radius: 50%;
}
@media (max-width: 768px){
	.fyBanner .bimg{display:none}
	.fyBanner .bimgM{display:block}
	.fyBanner {height: 30vh;}
}
.fnavTitle{font-size:clamp(24px,1.2vw,26px);line-height:1.5; color:#333;}

.public-menu {
	border-bottom:1px solid #f8f8f8; height: 50px;line-height: 50px;background-color: #f8f8f8;font-size: clamp(14px,1vw,16px);
	margin-bottom: 30px;
}
.public-menu .c-list {display:flex;overflow-x:auto;align-items:flex-start;color: #000;}
.public-menu .c-list li {flex-shrink:0; margin-right:15px }
.public-menu .c-list li a {display:block;  color: #999; transition:all .3s;position: relative; padding-right: 15px;}
.public-menu .c-list li a::after{
	position: absolute;content: '|';right: 0;top: 0;width: 1px;color: #999;
}
.public-menu .c-list li:last-child a{padding-right: 0;}
.public-menu .c-list li:last-child a::after{content: ''}
.public-menu .c-list li.on a {color:#194d97; color: #000;border-bottom:2px solid #194d97;}

.public-paging{font-size: 18px;margin-top:25px;text-align: center;}
.public-paging a {display: inline-block;text-align: center;margin-right:15px;
	width:50px; height:50px;line-height: 50px; border-radius:50%; background-color:#f8f8f8; 
}
.public-paging a.pcurr {color:#fff; background-color:#194d97 }
.public-paging a:hover {color:#fff; background-color:#194d97 }
@media (max-width:768px) {
	.public-paging a {width:40px; height:40px;line-height: 40px;font-size: 16px;}
}
.public-paging a:last-child{margin-right: 0;}


.defcor{color: #194d97;}
.mb50{margin-bottom: 50px;}
.mt50{margin-top: 50px;}
.mt15{margin-top: 15px;}
.mb10{margin-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}
@media(max-width:768px){
	.mb50{margin-bottom: 30px;}
	.pb50{padding-bottom: 30px;}
}

<!--0.00018715858459473-->