/*公共部分*/
.wrap{width:81.3vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ .wrap{width:84.3vw} }
@media (max-width:1440px){ .wrap{width:88.3vw} }
@media (max-width:1280px){ .w1200, .wrap{width:92.3vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 15px} }

/* 转动条 */
body::-webkit-scrollbar{width:4px}
body::-webkit-scrollbar-thumb{background-color:#0047af;border-radius:8px}
body::-webkit-scrollbar-track{background-color:#67a5ff}

html.cur, body.cur{width:100%;height:100%;position:fixed;overflow:hidden}
/* 所有公共 */
.head{height:100px;position:relative;z-index:3}
.head.cur{height:auto}
.headbox{width:100%;height:100px;background-color:#fff;position:fixed;top:0;left:0;z-index:18;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.head .headbox.cur{top:-100px}
.head .search {display: none;}
.head .logo{display:block;padding:20px 0}
.head .logo .code{margin-left:10px;padding-left:14px;border-left:1px solid #aaa}
.head .logo .code div{color:#999;font-family:"Source Han Sans CN";line-height:1}
.head .logo .code div:nth-of-type(1){font-size:24px}
.head .logo .code div:nth-of-type(2){font-size:30px;margin-top:5px}
.navleft{margin-right:46px}
.navitem{padding:30px 0;margin-right:10px}
.navitem:nth-last-of-type(1){margin-right:0}
.navitemname .showname{width:100px;height:40px;text-align:center;background-color:#fff;display:block;display:block;line-height:40px;border-radius:40px;font-size:16px}
.navchildbox{width:100%;height:0px;overflow:hidden;text-align:center;position:absolute;left:0;top:100px;background-color:rgba(0,0,0,0.2);opacity:0;z-index:2}
.navchildlist{display:inline-block;vertical-align:middle;line-height:80px;color:#fff;padding:0 1.35vw}
.searchbtn{width:40px;height:40px;line-height:40px;border-radius:40px;background-color:#004099;text-align:center;margin-top:30px;cursor:pointer}
.searchbox{width:100%;height:0px;background-color:rgba(0,0,0,0.2);overflow:hidden;position:absolute;top:100px;left:0;opacity:0}
.searchbox.cur{height:100px;opacity:1;padding:30px 0}
.searchbox .input{width:calc(100% - 77px)}
.searchbox .input input{font-size:16px;color:#fff;width:100%;height:40px;background-color:transparent}
.searchbox .input input::-webkit-input-placeholder{color:rgba(255,255,255,0.85)}
.searchbox .btn, .searchbox .close{height:40px;line-height:40px;margin-left:20px;cursor:pointer}
.searchform{border-bottom:1px solid #fff}
.headtel{margin-left:30px;display: flex;align-items: center;height: 100px;flex-flow: wrap;align-content: center;}
.headtel .item {display: flex;align-items: center;width: 100%;}
.headtel .text{color:#666;line-height:26px}
.headtel .tel{color:#004099;font-size:18px;font-weight:bold;font-family:Arial;line-height:26px;margin-left: 20px;}

.wapsearch{display:none;width:calc(100% - 30px);height:48px;margin:20px auto;border:1px solid #dcdcdc;padding:0 15px;background-color:#fff}
.wapsearch .input{width:calc(100% - 36px);margin-right:20px}
.wapsearch .input input{width:100%;height:46px}
.wapsearch .btn{height:46px;line-height:46px}

.wapbtnbox{width:30px;height:30px;margin-top:15px;margin-left:15px;position:relative;display:none;overflow:hidden}
.wapbtnbox div{width:24px;height:3px;background-color:#024585;position:absolute;left:3px;border-radius:3px}
.wapbtnbox div:nth-of-type(1){top:6px}
.wapbtnbox div:nth-of-type(2){top:14px}
.wapbtnbox div:nth-of-type(3){top:22px}
.wapbtnbox.cur div:nth-of-type(2){opacity:0;left:100%}
.wapbtnbox.cur div:nth-of-type(1){top:14px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur div:nth-of-type(3){top:14px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

.head img{display:inline-block;vertical-align:middle;margin-bottom:3px}

.foot{background-color:#282828}
.ft{padding:75px 0 70px;border-bottom:1px solid rgba(255,255,255,0.2)}
.ftnavlist{margin-right:3.33vw}
.ftnavlist:nth-last-of-type(1){margin-right:0}
.ftnavlist .name, .ftcont .name{color:#fff;font-size:16px;font-weight:bold}
.ftnavchild{margin-top:22px}
.ftnavchild .list{color:rgba(255,255,255,0.5);display:block;margin-bottom:10px}
.ftnavchild .list:nth-last-of-type(1){margin-bottom:0}
.ftnavchild .list:hover{color:#fff;text-decoration:underline}
.ftcont{padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,0.1)}
.ftcont .name{text-align:right}
.ftcont .items{margin:22px 0 26px}
.ftcont .item{color:#fff;text-align:right;line-height:1.6}
.ftfriend{width:280px;position:relative}
.ftfriendtop{width:280px;height:50px;padding:0 28px;border:1px solid rgba(255,255,255,0.1);cursor:pointer}
.ftfriendtop .text{width:calc(100% - 19px);margin-right:8px;color:rgba(255,255,255,0.5);line-height:48px}
.ftfriendtop .icon{height:48px;line-height:48px}
.ftfriendtop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px;opacity:0.5}
.ftfrienditems{width:100%;max-height:138px;overflow-y:auto;background-color:#fff;padding:0 28px;position:absolute;bottom:60px;left:0;z-index:-1;opacity:0;visibility:hidden}
.ftfrienditems::-webkit-scrollbar{width:4px}
.ftfrienditems::-webkit-scrollbar-thumb{background-color:#fff}
.ftfrienditems::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.6)}
.ftfrienditem{width:100%;border-bottom:1px solid #f0f0f0;padding:8px 0;display:block}
.ftfrienditem:nth-last-of-type(1){border-bottom:none}
.ftfrienditem:hover{background-color:#004099;color:#fff}
.ftfriend.cur .ftfrienditems{bottom:50px;z-index:9;opacity:1;visibility:visible}
.ftfriend.cur .ftfriendtop{border-color:#fff}
.ftfriend.cur .ftfriendtop .text{color:#fff}
.ftfriend.cur .ftfriendtop .icon img{transform:rotate(180deg);opacity:1}
.ftewm .title{color:#fff;text-align:center;margin-top:16px}
.fb{padding:46px 0}
.ftcopy, .ftcopy a, .fbicp{font-size:12px;color:rgba(255,255,255,0.5)}

.wapscrolltop{height:px;text-align:center;border-bottom:1px solid rgba(247,247,247,0.2);display:none}
.wapscrolltop .text{font-size:18px;line-height:56px;display:inline-block;vertical-align:middle;margin-bottom:3px;color:#fff}
.wapscrolltop .icon{margin-left:6px;line-height:56px;display:inline-block;vertical-align:middle;margin-bottom:3px}
.wapscrolltop .icon{display:inline-block;width:27px}
.page{background-color:#000}

@media (min-width:1024px){
	.navitem:hover .showname, .navitem.cur .showname{color:#fff;font-weight:bold;background-color:#0047af}
	.navitem:hover .navchildbox{height:80px;opacity:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
	.navchildlist:hover{text-decoration:underline;font-weight:bold}
	.searchform .close:hover img, .searchform .btn:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}
}

@media (max-width:1800px){
	.navleft{margin-right:38px}
}

@media (max-width:1620px){
	.navleft{margin-right:20px}
	.navitemname .showname{width:90px;font-size:15px}
	.headtel{margin-left:20px;width: 22%;}
	.head .logo .code div:nth-of-type(1){font-size:20px}
	.head .logo .code div:nth-of-type(2){font-size:25px;margin-top:8px}
	.ftnavlist{margin-right:2.8vw}
	.headbox .wrap {display: flex;}
}

@media (max-width:1440px){
	.navleft{margin-right:15px}
	.navitem{margin-right:6px}
	.navitemname .showname{width:90px;font-size:14px}
	.headtel{margin-left:15px}
	.head .logo{padding:25.5px 0}
	.head .logo .img img{width:114px}
	.head .logo .code div:nth-of-type(1){font-size:16px}
	.head .logo .code div:nth-of-type(2){font-size:20px;margin-top:8px}
	.head .logo .code{margin-left:6px;padding-left:10px}
	.headtel .text{font-size:12px}
	.headtel .tel{font-size:16px;line-height: 24px;margin-left: 10px;}
	.ftnavlist{margin-right:2.4vw}
}

@media (max-width:1280px){
    .head .logo{padding:29.5px 0}
    .head .logo .img img{width:94px}
    .head .logo .code div:nth-of-type(1){font-size:14px}
    .head .logo .code div:nth-of-type(2){font-size:18px;margin-top:8px}
	.navleft{margin-right:10px}
	.headtel{margin-left:10px}
	.headtel .tel{font-size:14px}
}

@media (max-width:1180px){
	.head .logo{padding:31.5px 0}
	.head .logo .img img{width:84px}
	.head .logo .code div:nth-of-type(1){font-size:12px}
	.head .logo .code div:nth-of-type(2){font-size:16px;margin-top:8px}
	.navitem{margin-right:4px}
	.navitemname .showname{width:80px;font-size:12px}
	.head .logo .code{margin-left:3px;padding-left:6px}
}

@media (max-width:1024px){
	.headbox .wrap {display: block;}
    .headtel, .ftnav, .ftewm{display:none}
    .wapbtnbox{display:block}
    .head{height:60px;padding:0;position:static}
	.headbox{height:60px}
    .head .logo{padding:14px 0}
	.head .logo .img img{width:80px!important}
	.head .logo .code{margin-left:6px}
	.head .logo .code div:nth-of-type(2){margin-top:3px}
	.headleft .navleft{margin-top:0;padding:0 45px}
    .navleft{width:100%;height:calc(100vh - 60px);padding:0;margin-left:0;background-color:#fff;position:fixed;left:100%;top:60px;z-index:25;transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;-moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s}
    .navleft.cur{left:0}
    .searchbtn{margin-top:15px;width:30px;height:30px;line-height:30px}
	.searchbtn img{width:12px}
	.searchbox{top:60px}
	.searchbox.cur{padding:15px 0;height:70px}
    .navitems{max-height:calc(100vh - 40px);padding:0 15px;overflow-y:auto}
    .navitem{width:100%;border-bottom:1px solid #f0f0f0;margin-right:0;padding:0}
	.navitem:nth-of-type(1){display:block}
    .navitem:nth-of-type(1) .navitemname:before,
    .navitem:nth-of-type(1) .navitemname:after{display:none}
    .navitemname{height:52px;position:relative;padding:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
    .navitemname:after{content:"\e68c";font-family:"iconfont";color:#666;font-size:18px;font-weight:bold;line-height:52px;height:52px;position:absolute;top:0;right:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
    /* .navitemname:before{content:"";width:2px;height:12px;background-color:#de0a09;position:absolute;right:20px;top:50%;margin-top:-6px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
    .navitemname.cur:after{color:#024585;right:4px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
	.navitemname .showname{height:52px;line-height:52px;padding:0;text-align:left;display:inline-block;font-size:18px;color:#333;font-weight:bold}
	.navitem:nth-of-type(1) .navitemname .showname{display:block}
    .navitemname.cur .showname{color:#024585;font-weight:bold}
	.navchild{display:none}
	.navchildbox{position:static;height:auto;background-color:#fff;z-index:9;opacity:1;visibility:visible;padding:3px 0}
	.navchildlist{display:block;height:38px;line-height:38px;color:#666;padding:0;text-align:left;font-size:16px}
	
	.ft{padding:40px 0 35px}
	.ftright{width:100%}
	.ftcont{width:100%;padding-right:0;margin-right:0;border-right:none}
	.ftcont .name, .ftcont .item{text-align:center}
	.ftcont .items{margin:10px 0 12px}
	.ftfriend{width:200px;margin:0 auto}
	.ftfriendtop{width:200px;height:38px;padding:0 15px}
	.ftfriendtop .text, .ftfriendtop .icon{height:38px;line-height:36px}
	.fb{padding:25px 0}
	.ftcopy, .fbicp{width:100%;text-align:center}
	.fbicp{margin-top:5px}
}

@media (max-width:370px){
	.wapbtnbox{margin-left:10px}
	
}

/* 子页面公共 */
.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#004099;font-size:16px;line-height:48px;position:relative}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:250px;overflow-y:auto;padding:0;display:none;background-color:#f9fcff;z-index:19;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #2079f6;padding:0 25px;z-index:20}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none;display:block}
.wappagenav .wappaganavlist .child{border-top:1px solid #f0f0f0;padding:0 10px}
.wappagenav .wappaganavlist .child .list{color:#999}

.pageban{position:relative;overflow:hidden}
.pageban .textbox{position:absolute;top:50%;left:50%;margin-top:-66px;margin-left:-600px;z-index:2}
.pageban .textbox .cntitle{color:#fff;font-size:72px;font-weight:bold;text-align:center;font-family:"Source Han Sans CN"}
.pageban .textbox .entitle{color:#fff;font-size:24px;text-align:center;font-family:'cola';letter-spacing:7px;text-shadow:0px 10px 10px rgba(0, 0, 0, 0.24)}

.pager{text-align:center}
/* .pager .list.pagexx{font-family:宋体, 'SimSun';font-weight:bold} */
.pager .list.pagexx .iconfont{font-size:12px}
.pager .list, .pager .pageritems, .pager .text, .pager .pagernum{display:inline-block;margin:0 3px;vertical-align:top}
.pager .list{padding:0 13px;height:36px;line-height:36px;color:#999;border-radius:40px;font-size:14px;font-family:Arial}
.pager .text{background-color:transparent}
.pager span.list{line-height:28px}
.pager .pagernum input{width:36px;height:36px;display:inline-block;border:1px solid #dcdcdc;margin-right:-4px;color:#606060;text-align:center}
.pager .list.cur{background-color:#004099;color:#fff}
.pager .list:hover{color:#004099}
.pager .list input{width:100%;height:100%;padding:0px 5px;background-color:transparent;color:rgba(77,77,77,0.5);text-align:center}
.pager .list input:hover{color:#fff}
.wappager{width:100%;height:48px;background-color:#004099;line-height:48px;color:#fff;text-align:center;display:none;margin-top:30px}

.pcpagenav{width:100%;height:80px;background-color:#f6f6f6}
.pcpagenavbox{height:80px}
.pcpagenavlist{padding:0 1.875vw;position:relative;overflow:hidden}
.pcpagenavlist:after{content:"";width:100%;height:100%;background-color:#fff;border-top:3px solid #004099;position:absolute;top:-100%;left:0;box-sizing:border-box;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
/* .pcpagenavlist.cur, .pcpagenavlist:hover{background-color:#fff;border-right-color:#f0f0f0;border-left-color:#f0f0f0} */
.pcpagenavlist.cur:after, .pcpagenavlist:hover:after{top:0}
.pcpagenavlist a{display:block;height:80px;line-height:80px;color:#666;position:relative;z-index:2}
.pcpagenavlist.cur a, .pcpagenavlist:hover a{color:#004099;font-weight:bold}
.pcpageright{line-height:80px;height:80px}
.pcpageright .icon{margin-right:2px}
.pcpageright .icon img{display:inline-block;vertical-align:middle}
.pcpageright .text{color:#999;font-size:12px;margin-right:2px}
.pcpageright .text.cur{margin-right:0}


.floatwin{position:fixed;top:50%;margin-top:-95px;right:-40px;z-index:17}
.floatwin.cur{right:30px}
.floatwinlist{margin-bottom:10px;position:relative}
.floatwinlist:nth-last-of-type(1){margin-bottom:0}
.floatwinlist .hidebox{position:absolute;top:-30px;padding-right:30px;right:60px;z-index:-1;opacity:0;visibility:hidden}
.floatwinlist .ewm{width:200px;height:200px;background-color:#fff;padding:20px;text-align:center;line-height:160px;box-shadow:0 4px 22px 0 rgba(0,0,0,0.06)}
.floatwinlist .telitems{width:200px;max-height:200px;background-color:#fff;padding:20px;overflow-y:auto;box-shadow:0 4px 22px 0 rgba(0,0,0,0.06)}
.floatwinlist .telitems::-webkit-scrollbar{width:4px}
.floatwinlist .telitems::-webkit-scrollbar-thumb{background-color:#004099;border-radius:8px}
.floatwinlist .telitems::-webkit-scrollbar-track{background-color:#fff9ed}
.floatwinlist .telitem{font-size:16px;color:#666;height:40px;line-height:40px;display:block}
.floatwinlist .ewm img{display:inline-block;vertical-align:middle}
.floatwinlist.cur .hidebox{right:40px;z-index:9;opacity:1;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}

.head .logo .img img{width:134px;}

@media (min-width:1024px) {
	/* .floatwinlist:hover .icon{background-image:url(/img/suspenbg_cur.png)} */
	/* .floatwinlist:hover .hidebox{right:40px;z-index:9;opacity:1;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
}

@media (max-width:1620px){
	.pageban .textbox{margin-top:-60px}
    .pageban .textbox .cntitle{font-size:64px}
    .pageban .textbox .entitle{font-size:22px}
}

@media (max-width:1440px){
	.pageban .textbox{margin-top:-50px}
	.pageban .textbox .cntitle{font-size:54px}
	.pageban .textbox .entitle{font-size:18px;letter-spacing:5px}
	.pcpagenavlist{padding:0 1.4vw}
}

@media (max-width:1280px){
    .pageban .textbox{margin-left:-45.25vw}
    .pcpagenavlist a{font-size:14px}
}

@media (max-width:1180px){
	
}

@media (max-width:1024px){
    .pcpagenav, .pager, .suspenbox{display:none}
	.floatwin.cur{right:15px}
    .wappagenav, .wappager{display:block}
    .pageban .textbox{left:0;margin-left:0;margin-top:-18px}
    .pageban .textbox .cntitle{font-size:18px;line-height:24px}
    .pageban .textbox .entitle{font-size:12px;letter-spacing:2px}
    .pageban .textbox .line{width:94px;height:2px;margin:0px auto 2px}
    .pageright{width:38px;margin-top:-58px}
    .pagerightlist .icon{width:38px;height:38px}
    .pagerightlist .box{width:120px;padding:10px}
    .pagerightlist .tellist{font-size:12px;line-height:26px}

	/* .floatwinlist.cur .hidebox{right:40px;z-index:9;opacity:1;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
	.floatwinlist .ewm{width:140px;height:140px;line-height:100px}
	.floatwinlist .hidebox{padding-right:15px}
	.floatwinlist .telitems{width:140px;height:140px}
	.floatwinlist .telitem{font-size:14px;line-height:30px}
}

@media (max-width:370px){
    
}

<!--耗时1757287964.2901秒-->