@charset "utf-8";
/* CSS Document public*/
*{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;font-family:"Microsoft Yahei",Arial,Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:16px;overflow-x: hidden;}
html,body{ min-height:100%;overflow-x: hidden;} html{ overflow:-moz-scrollbars-vertical;} 
::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.clear:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{padding-bottom: 67.80% !important;}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
ul li{ list-style:none;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
video{ object-fit:cover}
.fl{ float:left}
.fr{ float:right}
.container01,.container01 ,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:0; background:#333333}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.w100{width:100%;}
.w162{max-width:1620px;margin:0 auto;}
.w13{max-width:1300px;margin:0 auto;}
@media (max-width:1540px){
	.w13{width:calc(100% - 30px);margin: 0 15px;}
	.w162{width:calc(100% - 30px);margin: 0 15px;}
}
.fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#003d98}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
img{ vertical-align:middle}

/*内容样式*/
.ar_article{font-size: 14px;color: #666666;line-height:28px; margin-bottom:28px;}
.ar_article p{font-size: 14px;color: #666666;line-height:28px; margin-bottom:28px;}
.ar_article img{ max-width:100%;}
.ar_article img{display:inline-block;}


/* Slider */

#gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;}
#gotop { cursor: pointer; }
#gotop svg{width:100%;height:100%;fill: #22479e;}
 

@font-face{font-family: 'FZJuZXFJW';src : url('/pxb/font/FZJuZXFJW.TTF');}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.header_box{z-index:100;height: 140px;left: 0;right: 0;top: 0;background: url(/pxb/images/topBg.png) no-repeat center;background-size: cover;}
#header{height: 140px;z-index:999;width:100%;transition: 0.6s;}
#header .w13{position: relative;}
/* #header:before{content:"";position:absolute;background:#fff;height:90px;top: 0;left: 0;right: 0;transition: 0.2s;opacity: 1;visibility: visible;} */
/* #header.xg{background: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0));} */
#header.xg:before{ opacity:0; visibility:hidden}
.header_top{height: 30px;line-height: 30px;background: #6f1fae;overflow: hidden;text-align: right;z-index: 10;position: relative;}
.header_top .search_btn{display:inline-block;float: none;}
.header_top ul{ display:inline-block; vertical-align:top}
.header_top ul li{font-size: 1rem;color:#fff;}
.header_box .w1750{height:100%;position:relative;max-width: 100%;margin: 0 10rem;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/
#header #logo{width: 40%;float: left;}
#header #logo .table{ width:auto}
#logo{ float:left; height:100%;margin-top:40px;}
@media(max-width: 1860px){
}
@media(max-width: 1760px){
}
@media(max-width: 1366px){
	#header #logo{width: 39%;float: left;}
	#header #logo img{width: 100%;}
}
@media(max-width: 1201px){
}
#logo img{}
.logo2 {width: 90%;position: relative;float: left;}
.logo2 a{display: table;vertical-align: middle;}
.logo2 img{display: block;width: auto;max-height: 38px;vertical-align: middle;margin-top: 2%;}
@media(max-width: 580px){
	.logo2 {width: 85%;}
	.logo2 img{max-height: 30px;margin-top: 4%;}
}
@media(max-width: 450px){
	.logo2 img{max-height: 28px;margin-top: 4%;}
}
@media(max-width: 414px){
	.logo2 img{max-height: 25px;margin-top: 4.5%;}
}
@media(max-width: 360px){
	.logo2 {width: 82%;}
	.logo2 img{max-height: 20px;margin-top: 10%;}
}
#nav{position: relative;width: 60%;float: right;}
#nav ul{position:relative;position:absolute; right:0rem; top:50px;}
#nav .ul11{float: right;}
#nav ul li{float:left;position:relative;z-index:9;margin-left: 2.8rem;}
#nav ul li a{display:block;padding: 0;text-transform:uppercase;}
#nav ul li h3{font-size: 1.25rem;color: #fff;line-height: 60px;position:relative;transition:.6s;font-weight: bold;}
#nav ul li h3 span{background: url(/pxb/images/navJt.png) no-repeat left center;width: 13px;height: 8px;display: inline-block;margin-left: 3px;}

#nav ul li:hover a h3{color:#ffba00;}
#nav ul li:hover a{color:#ffba00;}
#nav ul li.on h3{ font-weight:bold;}
#nav ul li:hover a h3 span,
#nav ul li.on h3 span{ background: url(/pxb/images/navJton.png) no-repeat left center;}
#nav ul li a i{ display:inline-block; background:url(/pxb/images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff; background:rgba(255,255,255,.95); width: 200px;left:50%;margin-left: -100px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
#nav ul li:last-child .sub{margin-left: 0;left: auto;right: 0;}
#nav ul li .sub .box{padding:10px 0px; text-align:center;}
#nav ul li .sub a{padding:0;line-height: 2.5;transition:.3s;font-size: 16px;color: #666;}
#nav ul li .sub a:hover{color: #1D3E8C;background: #E5E5E5;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{color: #FFFFFF;}
#nav .navBox>ul>li h3:after{content:"";display:block;width: 200px;height: 2px;position:absolute;left:50%;margin-left:-100px ;background: #ffba00;bottom:0px;transition:.3s;transform:scale(0);border-radius: 0;}
#nav .navBox>ul>li:last-child h3:after{left: auto;margin-left: 0;right: 0;}

#nav .navBox>ul>li h3:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px;border-left:transparent 3px solid;border-right:transparent 3px solid;border-bottom: #ffba00 4px solid;bottom:2px;transition:.3s;opacity:0;visibility:hidden;}

#nav .navBox>ul>li:hover h3.ej:after,#nav ul li.on h3.ej:after{  transform:scale(1);}
#nav .navBox>ul>li:hover h3.er:before, #nav>ul>li.on h3.ej:before{ opacity:1; visibility:visible}
@media(max-width: 1366px){
	#nav ul li{margin-left: 2rem;}
}

#header.xg #nav .navBox>ul>li h3.ej:after{ background:#ffba00}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{background:url(/pxb/images/jt1.png) right center no-repeat;padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #6f1fae;left: 0;border: 1px solid #6f1fae;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #6f1fae;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

#m_header #logo .table, #nav_btn_box .table{ width:auto}
.topLink{float: right;margin-top: 20px;}
.topLink a{display:block;font-size: 0.875rem;color: #FFFFFF;line-height: 20px;padding: 0 1rem;opacity: 0.5;position: relative;float: left;}
.topLink a:hover{opacity: 1;}

.topLink2{border-top: 1px solid rgba(255,255,255, 0.4);width: 100%;padding-top: 20px;}
.topLink2 a{display: block;padding-left: 2.3rem;font-size: 1.125rem;line-height: 2.5rem;}
.topLink2 a:nth-child(1)::before,
.topLink2 a:nth-child(2)::before,
.topLink2 a:nth-child(3)::before{display: none;}
.topLink2 a:nth-child(4){background: url(/pxb/images/en.png) no-repeat 2.3rem center;background-size: 1.75rem;background-size: 1.125rem;padding-left: 3.875rem;}
.topLink2 a+a{font-size: 0.875rem;}
.topLink2 a+a span{font-size: 32px;}
.search_btn{cursor:pointer;text-align: center;transition:.6s;right: 0;}
/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{top:0;}
#header.xg .search_btn{}
#header.xg .dw2{ }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg .top_search_white{ display:none;}
#header.xg #nav ul li a h3{color: #FFFFFF;}
#header.xg .dw2 .dh{color: #fff;}
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,.1);}
#header.xg .dw2:after{background: #404040;}
#header.xg .dw2 .dh span{ background:url(/pxb/images/jt2.png) right center no-repeat; }
.tc2 .tc-box form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;}
.tc2 .tc-box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}
.tc2 .tc-box input[type="text"]:focus{ text-align: left;}
.tc2 .tc-box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(/pxb/images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}

.tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc2 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);visibility: hidden;}
.tc2 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);visibility: visible;}
.tc2 .close:hover{ transform:rotate(180deg);}
.tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}
.tc2 .tc.act{display: block; }
.tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
/***********************/

/*手机头部开始*/
.m_header_box{display:none;height: 60px;z-index: 999;background: url(/pxb/images/topBg.png) no-repeat center;background-size: cover;}
#m_header{z-index: 99;width:100%;height: 60px;left:0;top:0;padding:0 15px;display:none;}
#m_header #logo{height: 60px;}
#m_header #logo img{max-height:60%;max-height: 28px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}

/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(/pxb/images/search.png) center center no-repeat;background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 24px;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 20px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFFFFF;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 24px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFFFFF;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #3470df;
    width:17rem;
    height:100vh;
    right: -400px;
    top: 0;
    display:none;
    padding: 2rem 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(/pxb/images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #6f1fae;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

.bg01{background: url(/pxb/images/topBg.png) no-repeat top left;background-size: 100% auto;background-size: cover;}

/* banner开始*/
.bannerBox{position: relative;}
.banner{width:100%;max-height: 44.125rem;float: right;position: relative;z-index: 1;}
.banner img{width: 100%;display: block;}
.banner .swiper-slide{position: relative;}
.banner .swiper-wrapper{width: 100%;}
.bannerBox .swiper-pagination{width: 100%;position: absolute;z-index: 9999;bottom: 10px;}
.bannerBox .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}

.banner .swiper-button-prev{background:url(/pxb/images/ll.png) no-repeat;width: 36px;height: 52px;cursor: pointer;background-size: 100%;}
.banner .swiper-button-next{background:url(/pxb/images/rr.png) no-repeat;width: 36px;height: 52px;cursor: pointer;background-size: 100%;}
@media(max-width: 1200px){
	
}
@media(max-width: 768px){
}
@media(max-width: 414px){
}
/* banner结束 */


@media(max-width: 1200px){
	/* .banner{margin-top: 0;} */
	#nav{ right:15px}
	.header_box{ display:none}
	#m_header{ display:block;background: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0));width: 100%;}
	.m_header_box{ display:block}
	#nav_slide{ display:block}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	#gotop{right:0;transform:scale(0.6);bottom: 6rem;}
}

/* 栏目标题 */
.sametitle{margin-bottom: 2.1875rem;border-bottom: 1px solid #d9d9d9;padding-bottom: 0.875rem;}
.sametitle h4{font-size:1.5rem;color:#0057CD;position: relative;display:inline-block;font-weight: bold;}
.sametitle h4::after{position: absolute;content: "";left: 0;bottom: -1rem;width: 6.25rem;height: 3px;background: #0057CD;}
.sametitle a{font-size:0.875rem;color:#595959;text-align: right;display: inline-block;float: right;position: relative;top: 0.375rem;}
.sametitle a:hover{color: #0057CD;}

.sametitle2{position: relative;margin-bottom: 2.625rem;}
.sametitle2 h4{font-size: 1.875rem;color: #0057CD;text-align: center;font-weight: bold;line-height: 1.8rem;}
.sametitle2 i{display:block;font-size: 0.875rem;color: #0057CD;text-align: center;font-style: normal;font-weight: 600;margin-top: 10px;}
.sametitle2 i span{position: relative;display: inline-block;}
.sametitle2 i span::before{content: "";width: 6.875rem;height: 1px;background: linear-gradient(to right,rgba(0,87,205,1),rgba(0,87,205,0));z-index: 2;position:absolute;left:calc(100% + 10px);top: 50%;}
.sametitle2 i span::after{content: "";width: 6.875rem;height: 1px;background: linear-gradient(to left,rgba(0,87,205,1),rgba(0,87,205,0));z-index: 2;position:absolute;right:calc(100% + 10px);top: 50%;}
.sametitle2 a{font-size:0.875rem;color:#595959;text-align: right;display: inline-block;float: right;position: absolute;top: 50%;right: 0;}
.sametitle2 a:hover{color: #0057CD;}

/* 工作动态 通知公告 */
.NewsNotice{margin-top: 3.4375rem;}
.newsBox{float: left;width: 66.92%;}
.newsBox .newsCon{}
.newsBox .newsCon .ul1{}
.newsBox .newsCon .ul1 li{float: left;position: relative;width: 48%;}
.newsBox .newsCon .ul1 li+li{float: right;}
.newsBox .newsCon .ul1 li a{display: block;}
.newsBox .newsCon .ul1 li a .pic{width: 100%;position: relative;overflow: hidden;max-height: 17.5rem;}
.newsBox .newsCon .ul1 li a .pic img{display: block;width: 100%;object-fit: fill; height:17rem;}
.newsBox .newsCon .ul1 li a .pic::before{content: "";position: absolute;left: 0;bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));width: 100%;height: 40%;z-index: 5;}
.newsBox .newsCon .ul1 li a .text{position: absolute;bottom: 0;z-index: 9;padding: 0.625rem 0.9375rem;width: 100%;}
.newsBox .newsCon .ul1 li a .text p{font-size: 1rem;color: #ffffff;line-height: 1.625rem;height: 1.625rem;overflow: hidden;text-align: center;}
.newsBox .newsCon .ul1 li:hover a .text p{font-weight: bold;}
.newsBox .newsCon .ul2{margin-top: 1.25rem;}
.newsBox .newsCon .ul2 li{}
.newsBox .newsCon .ul2 li a{font-size: 1rem;line-height: 2.375rem;color:#323232;width:calc(100% - 8rem);display: block;height: 2.375rem;overflow: hidden;float: left;display: block;padding-left: 0.75rem;position: relative;transition: 0.4s;}
.newsBox .newsCon .ul2 li a::before{content: ">";position: absolute;left: 0;font-size: 0.875rem;color: #808080;font-family:宋体;font-weight: bold;}
.newsBox .newsCon .ul2 li i{display: inline-block;float: right;text-align: right;width: 7rem;font-size: 0.875rem;color: #808080;font-style: normal;line-height: 2.375rem;} 
.newsBox .newsCon .ul2 li:hover a{padding-left: 1.0625rem;transition: 0.4s;}
.newsBox .newsCon .ul2 li:hover i,
.newsBox .newsCon .ul2 li:hover a::before,
.newsBox .newsCon .ul2 li:hover a{color: #0057CD;}

.notice{float: right;width: 28.46%;}
.notice ul{}
.notice ul li{padding: 0.72rem 0;border-bottom: 1px dashed #bfbfbf;}
.notice ul li:nth-child(1){padding-top: 0;}
.notice ul li a{display: block;}
.notice ul li a .date{width: 4.375rem;height: 2.25rem;line-height: 2.25rem;background: #0057CD;position: relative;float: left;}
.notice ul li a .date::before{content: "";position: absolute;right: 0;top: 0;background: url(/pxb/images/sjwhite.png) no-repeat top right;width: 0.4375rem;height: 0.4375rem;background-size: 100%;z-index: 4;}
.notice ul li a .date i{font-size: 1.5rem;color: white;display: block;font-style: normal;text-align: center;}
.notice ul li a .date b{font-weight: normal;font-size: 0.75rem;color: #333333;text-align: center;display: block;line-height: 1rem;}
.notice ul li a .text{float: right;width:calc(100% - 5.5rem);}
.notice ul li a .text p{font-size: 1rem;line-height: 1.75rem;color: #323232;height: 3.5rem;overflow: hidden;}
.notice ul li a .text p:hover{color: #0057CD;}


@media(max-width: 960px) {
	.newsBox{width: 100%;}
	.notice{width: 100%;margin-top: 3.4375rem;}
}

@media(max-width: 768px) {
	.newsBox .newsCon .ul1 li{float: left;position: relative;width: 100%;}
	.newsBox .newsCon .ul1 li a .pic{max-height: 100%;}
	.newsBox .newsCon .ul1 li+li{margin-top: 2rem;}
	.newsBox .newsCon .ul1 li a .pic img{height: auto;}
	
}
/* 专技培训 高级研修	 */
.zjpxBox{width: 100%;margin-top: 5.3125rem;} 
.zjpxBox .bgcon{position: relative;padding-bottom: 4.875rem;}
.zjpxBox .bgcon::after{position: absolute;content: "";width: 200%;height: 60%;bottom: 0;left: 0;background: url(/pxb/images/bgRight.png) no-repeat left bottom;z-index: -3;}
.zjpxBox .titBox{position: relative;width: 41.5%;float: left;padding-bottom: 2.5rem;min-height: 38.125rem;}
.zjpxBox .titBox::after{position: absolute;width: 100%;height: 100%;background: url(/pxb/images/leftPic.png) no-repeat right center;background-size: cover;content: "";right: 0;top: 0;z-index: -2;}
.zjpxBox .tabTit{position: absolute;right: 0;top: 2.5rem;width: 70%;}
.zjpxBox .tabTit li{text-align: center;}
.zjpxBox .tabTit li p{font-size: 1.5rem;line-height: 4.375rem;color: white;}
.zjpxBox .tabTit li a{font-size: 0.875rem;font-family: arial;color: white;position: absolute;bottom: -10rem;display: none;left: 40%;}
.zjpxBox .tabTit li a:hover{color: #cd0048;}
.zjpxBox .tabTit li.active p{position: relative;z-index: 2;}
.zjpxBox .tabTit li.active p::before{content: "";position: absolute;right: -5%;top: 50%;background: url(/pxb/images/jia.png) no-repeat 90% center;width: 1rem;height: 1rem;margin-top: -0.5rem;}
.zjpxBox .tabTit li.active p::after{content: "";position: absolute;right: -10%;top: 0;background: #cd0048;width: 100%;height: 100%;z-index: -1;}
.zjpxBox .tabTit li.active a{display: block;}
.zjpxBox .zjpxCon{width:51.5%;float: right;}
.zjpxBox .zjpxCon .ul1{}
.zjpxBox .zjpxCon .ul1 li{float: left;width: 48.5%;}
.zjpxBox .zjpxCon .ul1 li+li{float: right;}
.zjpxBox .zjpxCon .ul1 li a .pic{overflow: hidden;width: 100%;height: 100%;}
.zjpxBox .zjpxCon .ul1 li a .pic img{display: block;width: 100%; height:13.5rem;}
.zjpxBox .zjpxCon .ul1 li a .text{margin-top: 0.625rem;}
.zjpxBox .zjpxCon .ul1 li a .text p{font-size: 1rem;line-height: 1.625rem;color: #323232;height: 3.25rem;}
.zjpxBox .zjpxCon .ul1 li:hover a .text p{color: #0057cd;}
.zjpxBox .zjpxCon .ul2{margin-top: 4.5rem;}
.zjpxBox .zjpxCon .ul2 li{float: left;width: 48.5%;}
.zjpxBox .zjpxCon .ul2 li+li+li{margin-top: 1.875rem;}
.zjpxBox .zjpxCon .ul2 li:nth-child(even){float: right;}
.zjpxBox .zjpxCon .ul2 li a{display: block;}
.zjpxBox .zjpxCon .ul2 li a .date{width: 3.625rem;padding: 0.625rem 0;line-height: 2.25rem;background: #FFFFFF;position: relative;float: left;}
.zjpxBox .zjpxCon .ul2 li a .date::before{content: "";position: absolute;right: 0;top: 0;background: url(/pxb/images/dater.png) no-repeat top right;width: 3.625rem;height: 0.5625rem;background-size: 100%;z-index: 4;}
.zjpxBox .zjpxCon .ul2 li a .date i{font-size: 1.5rem;color: #000000;display: block;font-style: normal;text-align: center;font-weight: bold;}
.zjpxBox .zjpxCon .ul2 li a .date b{font-weight: normal;font-size: 0.75rem;color: #808080;text-align: center;display: block;line-height: 1rem;}
.zjpxBox .zjpxCon .ul2 li:hover a .date i{color: #0057CD;}
.zjpxBox .zjpxCon .ul2 li a .text{float: right;width:calc(100% - 5rem);}
.zjpxBox .zjpxCon .ul2 li a .text p{font-size: 1rem;line-height: 1.75rem;color: #323232;height: 3.5rem;overflow: hidden;}
.zjpxBox .zjpxCon .ul2 li a .text p:hover{color: #0057CD;}

@media(max-width: 960px) {
	.zjpxBox .titBox{width: 20%;}
	.zjpxBox .tabTit{width: 100%;}
	.zjpxBox .zjpxCon{width:75%;}
}
@media(max-width: 768px) {
	.zjpxBox .zjpxCon .ul1 li{float: left;width: 100%;}
	.zjpxBox .zjpxCon .ul2 li{float: left;width: 100%;}
	.zjpxBox .titBox{width: 100%;}
	.zjpxBox .zjpxCon{width:100%;}
	.zjpxBox .zjpxCon .ul1 li+li{margin-top: 1.2rem;}
	.zjpxBox .tabTit li.active p::after{right: 0;}
	.zjpxBox .titBox::after{width: 100%;}
	.zjpxBox .titBox{min-height: 20.5rem;margin-bottom: 1.5625rem;}
	.zjpxBox .tabTit li a{bottom: -3rem;text-align: center;left: 50%;margin-left: -1.2rem;}
	.zjpxBox .bgcon::after{left: auto;right: -1.25rem;height: 80%;background-size: cover;}
	.zjpxBox .zjpxCon .ul2 li+li{margin-top: 1.875rem;}
	.zjpxBox .zjpxCon .ul2{margin-top: 2rem;}
	.zjpxBox .zjpxCon .ul1 li a .pic img{height: auto;}
}
/* 特色培训 */
.tspxBox{background: url(/pxb/images/bgPx.jpg) no-repeat center;padding:4rem 0 5.3125rem 0;background-size: cover;}
.tspxBox .tspxCon{}
.tspxBox .tspxCon .icPx{width: 41.6%;float: left;height: 26.875rem;position: relative;}
.tspxBox .tspxCon .icPx ul{width: 100%;}
.tspxBox .tspxCon .icPx ul li{background:url(/pxb/images/bg01.png) no-repeat center;background-size: cover;width: 50%;height: 13.4375rem;float: left;transition: 0.4s;}
.tspxBox .tspxCon .icPx ul li:nth-child(2){background:url(/pxb/images/bg02.png) no-repeat center;background-size: cover;}
.tspxBox .tspxCon .icPx ul li:nth-child(3){background:url(/pxb/images/bg03.png) no-repeat center;background-size: cover;}
.tspxBox .tspxCon .icPx ul li:nth-child(4){background:url(/pxb/images/bg04.png) no-repeat center;background-size: cover;}
.tspxBox .tspxCon .icPx ul li a{display: block;}
.tspxBox .tspxCon .icPx ul li a span{display: block;margin:0 auto;width: 60%;height: 5.625rem;background: url(/pxb/images/ic01.png) no-repeat center;background-size: auto;margin-top: 2rem;}
.tspxBox .tspxCon .icPx ul li:nth-child(2) a span{background: url(/pxb/images/ic02.png) no-repeat center;background-size:auto;}
.tspxBox .tspxCon .icPx ul li:nth-child(3) a span{background: url(/pxb/images/ic03.png) no-repeat center;background-size: auto;}
.tspxBox .tspxCon .icPx ul li:nth-child(4) a span{background: url(/pxb/images/ic04.png) no-repeat center;background-size: auto;}
.tspxBox .tspxCon .icPx ul li a p{font-size: 1.875rem;color: white;text-align: center;display: block;line-height: 2.125rem;font-weight: bold;margin-top: 1rem;}
.tspxBox .tspxCon .icPx ul li:hover{background-size: 110%;transition: 0.4s;}
.tspxBox .tspxCon .icPx ul li:hover a p{font-weight: normal;}
.tspxBox .tspxCon .icPx ul li:hover a span{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}@-moz-keyframes tada{0%{-moz-transform:scale(1);}10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateY(-10deg);}70%{-webkit-transform:perspective(400px) rotateY(10deg);}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-moz-transform:perspective(400px) rotateY(-10deg);}70%{-moz-transform:perspective(400px) rotateY(10deg);}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}}

.tspxBox .tspxCon .tsPic{width: 55.4%;float: right;position: relative;height: 26.875rem;}
.tspxBox .tspxCon .tsPic .pic{width: 100%%;height: 100%;max-height: 36.875rem;position: relative;overflow: hidden;}
.tspxBox .tspxCon .tsPic .pic img{display: block;width: 100%;object-fit: fill;}
.tspxBox .tspxCon .tsPic .pic::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 35%;background-image: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0));z-index: 4;}
.tspxBox .tspxCon .tsPic .text{position: absolute; bottom: 1.1rem;left: 0;padding: 0 1rem;z-index: 8;width: 100%;}
.tspxBox .tspxCon .tsPic .text p{font-size: 1.125rem;color: white;font-weight: bold;text-align: center;display: block;line-height: 1.5rem;height: 1.5rem;overflow: hidden;}
@media(max-width: 960px) {
	.tspxBox .tspxCon .icPx{width: 100%;height: auto;}
	.tspxBox .tspxCon .icPx ul{margin-top: 0;}
	.tspxBox .tspxCon .tsPic{width: 100%;height: auto;margin-top: 2rem;}
	.tspxBox .tspxCon .tsPic .pic {max-height: 100%;}
}
@media(max-width: 560px) {
	.tspxBox .tspxCon .icPx ul li:nth-child(1) a span,.tspxBox .tspxCon .icPx ul li:nth-child(2) a span,.tspxBox .tspxCon .icPx ul li:nth-child(3) a span,.tspxBox .tspxCon .icPx ul li:nth-child(4) a span{background-size: 45%;}
}

/* 计算机等级考试 */
.djksBox{background: url(/pxb/images/bgks.jpg) no-repeat center;background-size: cover;padding: 5rem 0 5rem 0;}
.djksBox .djksCon{ }
.djksBox .djksCon .ksL{width: 43%;}
.djksBox .djksCon .ksL ul{}
.djksBox .djksCon .ksL ul li{float: left;width: 48%;}
.djksBox .djksCon .ksL ul li+li{float: right;}
.djksBox .djksCon .ksL ul li a{display: block;position: relative;}
.djksBox .djksCon .ksL ul li a .img{width: 100%;}
.djksBox .djksCon .ksL ul li a .text{background: rgba(0,205,116,0.89);height: calc(100% - 1.5rem);width: calc(100% - 1.5rem);position: absolute;top: 0.75rem;left: 0.75rem;transition: 0.4s;}
.djksBox .djksCon .ksL ul li:hover a .text{width: 100%;height: 100%;top: 0;left: 0;transition: 0.4s;}
.djksBox .djksCon .ksL ul li+li a .text{background: rgba(255,191,20,0.89);}
.djksBox .djksCon .ksL ul li a .text img{display: block;margin:0 auto;margin-top: 40%;}
.djksBox .djksCon .ksL ul li a .text p{font-size: 1.625rem;color: white;text-align: center;margin-top: 10%;}

.djksBox .djksCon .ksR{width: 52%;}
.djksBox .djksCon .ksR .bt{position: relative;z-index: 88;margin-bottom: 1rem;}
.djksBox .djksCon .ksR .bt a{font-size: 1.625rem;color: #0057CD;display: inline-block;position: relative;padding-left: 2rem;}
.djksBox .djksCon .ksR .bt a:hover{color: #cd0048;}
.djksBox .djksCon .ksR .bt::before{content: "";position: absolute;left: 0;height: 2px;background: #b8cbe1;width: 1.8rem;top: 50%;margin-top: -1px;}
.djksBox .djksCon .ksR .bt::after{content: "";position: absolute;right: 0;height: 2px;background: #b8cbe1;width: calc(100% - 9.5rem);top: 50%;margin-top: -1px;}
.djksBox .djksCon .ksR ul{}
.djksBox .djksCon .ksR ul li{}
.djksBox .djksCon .ksR ul li i{font-size: 0.875rem;color: #666666;line-height: 2.8125rem;display: block;width: 5rem;float: left;font-style: normal;}
.djksBox .djksCon .ksR ul li a{font-size: 1rem;color: #000000;line-height: 2.8125rem;float: right;width: calc(100% - 5.5rem);display: block;position: relative;padding-left: 2.5rem;height: 2.8125rem;overflow: hidden;}
.djksBox .djksCon .ksR ul li a::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -0.6875rem;background: url(/pxb/images/hua.png) no-repeat center;background-size: 100%;width: 1.375rem;height: 1.4375rem;}
.djksBox .djksCon .ksR ul li+li a::after{content: "";position: absolute;left: 0.65rem;top:-16%;width: 2px;height:1.125rem;background: #b8cbe1;}
.djksBox .djksCon .ksR ul li:hover a,
.djksBox .djksCon .ksR ul li:hover i{color: #0057CD;}

@media(max-width: 768px) {
	.djksBox .djksCon .ksL{width: 100%;}
	.djksBox .djksCon .ksR{width: 100%;margin-top: 2.5rem;}
}


/* 下载专区 */
.download{background: url(/pxb/images/downloadBg.png) no-repeat center;background-size: cover;padding: 3.5rem 0 4.875rem 0;background-size: cover;}
.download .downloadCon{}
.download ul li {float: left;float: left;width: 48.5%;padding: 0 1.25rem;background: rgba(255,255,255,0.77);margin: 2.5px 0;}
.download ul li:nth-child(even){float: right;}
.download ul li a{font-size: 1rem;line-height: 3.4375rem;color:#323232;width:calc(100% - 3.5rem);display: block;height: 3.4375rem;overflow: hidden;float: left;display: block;padding-left: 1.75rem;position: relative;transition: 0.4s;}
.download ul li a::before{content: "";position: absolute;left: 0;background: url(/pxb/images/xztb.png) no-repeat center;width: 0.875rem;height: 0.875rem;background-size: 100%;top: 50%;margin-top: -0.4375rem;}
.download ul li i{display: inline-block;float: right;text-align: right;width: 3rem;font-size: 0.875rem;color: #808080;font-style: normal;line-height: 3.4375rem;} 
.download ul li:hover a{padding-left: 2rem;transition: 0.4s;}
.download ul li:hover i,
.download ul li:hover a::before,
.download ul li:hover a{color: #0057CD;}


@media(max-width: 768px) {
	.download ul li{width: 100%;}
}


/* footer */
.footer{background: url(/pxb/images/footerbg.png) no-repeat bottom center;background-size: 100%;padding: 1.875rem 0;background-size: cover;}
.footer .frlink{margin-bottom: 1.875rem;}
.footer .frlink dl{display: block;text-align: left;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 1.875rem;}
.footer .frlink dl dt{display: inline-block;font-size: 1.25rem;color: #FFFFFF;}
.footer .frlink dl dd{display: inline-block;}
.footer .frlink dl dd a{display: inline-block;font-size: 1rem;color: #FFFFFF;margin: 0 0.625rem;}
.footer .frlink dl dd a:hover{color: #ffba00;}
.footer .footerCon{}
.footer .footerCon .Lcon{float: left;width: 65%;margin-top: 1.25rem;}
.footer .footerCon .Lcon p{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.875rem;}
.footer .footerCon .Lcon p em{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.5rem;background: url(/pxb/images/ic11.png) no-repeat left center;padding-left: 1.25rem;background-size: auto;display: inline-block;margin-right: 1rem; font-style: normal;}
.footer .footerCon .Lcon p em+em{background: url(/pxb/images/ic22.png) no-repeat left center;}
.footer .footerCon .Lcon p em+em+em{background: url(/pxb/images/ic33.png) no-repeat left center;}
.footer .footerCon .Lcon p em+em+em+em{background: url(/pxb/images/ic44.png) no-repeat left center;}
.footer .footerCon .Lcon p a{font-size: 0.875rem;color: rgba(255,255,255,0.6);line-height: 1.5rem;}

.footer .footerCon .Lcon p a:hover{color: #FFFFFF;}
.footer .footerCon .Rcon{float: right;width: 35%;}
.footer .footerCon .Rcon ul{display: block;text-align: right;}
.footer .footerCon .Rcon ul li{display: inline-block;margin-right:1rem;}
.footer .footerCon .Rcon ul li img{display: block;width: 6.25rem;margin: 0 auto;}
.footer .footerCon .Rcon ul li p{font-size: 0.875rem;color: #ffffff;text-align: center;margin-top: 0.5rem;}

@media(max-width: 960px) {
	.footer .frlink dl{text-align: left;}
	.footer .footerCon .Lcon{width: 100%;float: none;}
	.footer .footerCon .Rcon{width: 100%;float: none;}
	.footer .footerCon .Rcon ul{display: block;text-align: left;margin-top: 1.875rem;}
}
/*==========================================内页 开始=============================================*/
.NyBanner{width: 100%;}
.NyBanner img{width: 100%;display: block;}
/* list01 */
.list-box{padding: 2.5rem 0 4.375rem 0;position: relative;}
.position{overflow: hidden;margin-bottom: 1.875rem;background: #f7f7f7;padding: 0 0.625rem;position: relative;}
.position h5{float: left;width: 16%;font-size: 1rem;line-height: 2.5rem;color: #323232;display: none;}
.position p{padding-left: 4%;font-size: 0.875rem;line-height: 2.5rem; color: #888888;background: url(/pxb/images/position.png) no-repeat 2% center;}
.position p a{color: #1d3e8c;transition: 0.6s all;}
.position p a:hover{color: #1d3e8c;transition: 0.6s all;}
.list-nav-icon{position: absolute;right: 0;top: 3.75rem;display: none;}
.list-nav{float: left;width: 18.3%;}
.sidenav{ overflow:hidden; display:block;}
.accordion { width:100%; }
.accordion .nav-link {/*padding-left: 1.875rem; */    text-align: center; font-size: 1rem;color: #000;display: block;line-height: 3.75rem;height: 3.75rem;}
.accordion .nav-link a{ display: block;color: #000; }
.accordion .nav-link:hover{font-weight: bold;background: #a39c93;}
.accordion .nav-link:hover a{color: #FFFFFF;}
.accordion .nav-link.hover{font-weight: bold;background: #a39c93;}
.accordion .nav-link.hover a{color: #FFFFFF;}
.currentnav{ background:#f7f8fa !important; color: #fff !important; }
.nav-link1{ width:50px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;}
.accordion li{  position: relative; font-size:1rem; border-bottom:1px solid #e6e6e6; background:#fafafa;overflow:hidden;  }

.accordion li i { display:block; width:30px; height:30px; background:url(/pxb/images/leftNav01.png) center no-repeat; position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.open .nav-link { background:#a39c93;}
.accordion li.open .nav-link a{color: #FFf;font-weight: bold;}
.accordion li.open i.fa-chevron-down { background:url(/pxb/images/leftNav01on.png) center no-repeat;transform: rotate(90deg);}
.sidemenu {display: none;padding: 0.9375rem 0;border-bottom: 1px solid #d9d9d9;}
.sidemenu li {font-size:1rem;border-bottom:none;padding-left: 1.875rem;}
.sidemenu a { display: block;line-height: 2.5rem;font-size: 1rem;color: #676767;text-decoration: none;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; }
.sidemenu a.on{color: #1d3e8c;padding-left: 0.625rem;} 
.sidemenu a:hover{color: #1d3e8c;transition: 0.6s all;padding-left: 10px;}
 .list-nav h5{background:url(/pxb/images/leftBg.jpg) no-repeat center;background-size: cover;height: 5rem;line-height: 5rem;font-size: 1.5rem;color: #fff;     text-align: center;}
.list-nav ul{background: #fafafa;}
.list-r{float: right;width: 78.4%;min-height: 550px;}
.list01{}
.list01 ul{overflow: hidden;margin-left: -3%;margin-bottom: -1.875rem;}
.list01 li{float: left;width: 30%;margin-left: 3%;margin-bottom: 1.875rem;}
.list01 li .pic{width: 100%;overflow: hidden;position: relative;}
.list01 li .pic img{display: block;width: 100%;height: 14.375rem;transition: 0.6s all;object-fit: fill;}
.list01 li i{font-size: 0.875rem;color: #1d3e8c;font-weight: normal;display: block;margin-top: 0.5rem;font-style: normal;}
.list01 li p{transition: 0.6s all;font-size: 1rem;line-height: 1.625rem;height: 3.25rem; color: #000000;font-weight: normal;text-align: left;margin-top: 0.3125rem;}
.list01 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.list01 li:hover p{color: #1d3e8c;transition: 0.6s all;}
.fanye{margin-top: 3.75rem;}
.fanye img{display: block;max-width: 100%;margin: 0 auto;}
@media(max-width: 1360px) {
	.list-box{width: calc(100% - 30px);margin: 0 auto;}	
	.list01 li .pic img{height: 198px;}
}
@media(max-width: 1200px) {
	.list01 li .pic img{height: 247px;}
	.list-nav-icon{display: block;width: 30px;right: 10px;top: 5px;}
	
	.list-nav-icon img{display: block;width: 100%;margin-top: 5px;}
	.position{margin-bottom: 0;}
	.position h5{width: 100%;text-align: left;display: block;line-height: 3.5rem;}
	.position p{display: none;}
	.list-nav{width: 100%;z-index: 9;background: #f9f9f9;display: none;margin-bottom: 1.875rem;}
	.list-nav h5{display: none;}
	.list-r{float: none;width: 100%;padding-left: 0;border-left: none;margin-top: 1.875rem;}
}
@media screen and (max-width: 1000px) {
	.list01 li .pic img{height: 189px;}
}
@media(max-width: 768px) {
	.list01 li .pic img{height: 143px;}
}
@media(max-width: 414px) {
	.list01 li{width: 100%;}
	.list01 li .pic img{height: 249px;}
}
@media(max-width: 375px) {
.list01 li .pic img{height: 224px;}
}
@media(max-width: 360px) {
	.list01 li .pic img{height: 214px;}
}
@media(max-width: 320px) {
	.list01 li .pic img{height: 188px;}
}
/* part2 */
.list02 li{margin-bottom: 2.25rem;}
.list02 li a{display: block;overflow: hidden;border: 1px solid #e5e5e5;}
.list02 li .pic{width: 24%;float: left;position: relative;overflow: hidden;}
.list02 li .pic img{display: block;width: 100%;transition: 0.6s all;}
.list02 li .text{padding: 20px;float: right;width: calc(100% - 24%);box-sizing: border-box;}
.list02 li .text h5{transition: 0.6s all;font-size: 1rem;color: #333;line-height: 1.25rem;height: 1.25rem;overflow: hidden;margin-bottom: 0.75rem;}
.list02 li .text p{font-size: 0.875rem;line-height: 1.5rem;height:3.7rem;overflow: hidden;color: #999;padding-top: 1rem;background: url(/pxb/images/list03.png) no-repeat top left;background-size: 12%;margin-bottom: 0.4rem;}
.list02 li .text i{font-style: normal;font-size: 0.75rem;color: #999;}
.list02 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.list02 li:hover h5{color: #990000;transition: 0.6s all;}

@media(max-width: 1360px) {
	
}
@media(max-width: 1200px) {
	
}
@media screen and (max-width: 1000px) {
	
}
@media(max-width: 768px) {
	
}
@media(max-width: 414px) {
	.list02 li .pic{width: 100%;}
	.list02 li .text{width: 100%;margin-left: 0;}
}
@media(max-width: 375px) {

}

@media(max-width: 320px) {
	
}
/* list03 */
.list03 li{margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #cccccc;}
.list03 li a{display: block;overflow: hidden;}
.list03 li p{transition: 0.6s all;font-size: 1rem;color: #333;line-height: 1.125rem;height: 1.125rem;overflow: hidden;float: left;width: calc(100% - 85px);padding-left: 1.25rem;background: url(/pxb/images/list04.png) no-repeat left center;box-sizing: border-box;background-size: 0.625rem;}
.list03 li i{float: right;width: 80px;font-style: normal;font-size: 0.875rem;color: #999;}
.list03 li:hover p{color: #1d3e8c;transition: 0.6s all;}
/* show */

.show01{margin-bottom: 2.5rem;}
.show01 h5{font-size: 1.5rem;line-height: 2.25rem;text-align: center;margin-bottom: 1.5625rem;}
.show01 p{text-align: center;font-size: 0.75rem;color: #666666;}
.show01 i{font-style: normal;margin: 0 8px;}
.show02{padding-bottom: 1.25rem;border-bottom: 1px solid #d9d9d9;margin-bottom: 2.8125rem;}
.show02 p{text-indent: 2em;font-size: 1.25rem !important;color: #333333;line-height: 2.125rem !important;margin-bottom: 1.875rem;}
.show02 img{display: block;margin: 0 auto 1.875rem auto;max-width: 100%;}
.show03 p{font-size: 1rem;color: #666666;margin-bottom: 1.25rem;line-height: 1.5rem;}
.show03 p a{color: #666666;transition: 0.6s all;}
.show03 p a:hover{color: #1d3e8c;transition: 0.6s all;}
/* list04 */
.list04-title{background: #1d3e8c;height: 2.5rem;line-height: 2.5rem;overflow: hidden;padding-right: 0.75rem;}
.list04-title h5{float: left; padding-left: 18px;background: url(/pxb/images/list05.png) no-repeat left center;font-size: 1rem;color: #fff;}
.list04-title .pic{width: 40px;height: 40px;float: right;background: url(/pxb/images/list06.png) no-repeat center;}
.list04-01{margin-bottom: 2.5rem;}
.list04-01 ul{background: #f7f7f7;padding: 1.5rem 0;overflow: hidden;display: block;}
.list04-01 li{margin: 0 0.75rem 1.25rem 0.75rem;float: left;}
.list04-01 li a{display: block;text-align: center;font-size: 1rem;color: #333; width: 120px;height: 38px;line-height: 38px;background: #fff;border: 1px solid #dcdcdc;}
.list04-01 li a:hover{background: #1d3e8c;border: 1px solid #1d3e8c;color: #fff;}
@media(max-width: 1360px) {
	
}
@media(max-width: 1200px) {
	
}
@media screen and (max-width: 1000px) {
	
}
@media(max-width: 768px) {
	
}
@media(max-width: 414px) {
	.list04-01 li a{width: 107px;}
}
@media(max-width: 375px) {
.list04-01 li a{width: 150px;}
}

@media(max-width: 320px) {
	.list04-01 li a{width: 120px;}
}

.list05 li{margin-bottom: 2.25rem;float: left;width: 48.5%;}
.list05 li:nth-child(even){margin-bottom: 2.25rem;float: right;width: 48.5%;margin-left: 3%;}
.list05 li a{display: block;overflow: hidden;border: 1px solid #e5e5e5;}
.list05 li .pic{width: 31%;float: left;position: relative;overflow: hidden;height: auto;margin: 10px;border: 1px solid #F7F7F7;}
.list05 li .pic img{display: block;width: 100%;transition: 0.6s all;height: 100%;}
.list05 li .text{padding: 20px 0;float: right;width: calc(100% - 36%);box-sizing: border-box;padding-right: 20px;}
.list05 li .text h5{transition: 0.6s all;font-size: 1rem;color: #333;line-height: 1.25rem;height: 1.25rem;overflow: hidden;margin-bottom: 0.75rem;}
.list05 li .text p{font-size: 0.875rem;line-height: 1.5rem;color: #999;padding-top: 1rem;background: url(/pxb/images/list03.png) no-repeat top left;background-size: 12%;margin-bottom: 0.4rem;text-align: justify;}
.list05 li .text i{font-style: normal;font-size: 0.75rem;color: #999;}
.list05 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.list05 li:hover h5{color: #1d3e8c;transition: 0.6s all;}

@media(max-width: 960px) {
	.list05 li .text{padding: 20px 0;float: right;width: calc(100% - 39%);padding-right: 20px;}
}
@media(max-width: 580px) {
	.list05 li{width: 100%;float: none;margin: 0;}
	.list05 li:nth-child(even){width: 100%;float: none;margin-left: 0;margin: 0;}
	.list05 li+li{margin-top: 25px!important;}
}

/*==========================================内页 结束=============================================*/