@charset "utf-8";
/* CSS Document */

.notice{ background:url(../images/icons/team_info.jpg) center top no-repeat; background-size:100% 110%; padding:0 0 60px;}
.notice .txt{ line-height:2.25; color:#333; font-size:16px; padding:0 5%;}

.main dl.shuixun{ display:block; padding:20px 5% 80px; padding:0 5% 80px; margin:-20px 0 0;}
.main dl.shuixun dt{ display:block; line-height:3; color:#e60012; font-size:20px; font-weight:bold; position:relative; padding:0.75em 0 0;}
.main dl.shuixun dt i{ display:block; width:1px; height:1px; position:absolute; left:0; top:-98px;}
.main dl.shuixun dd{ display:block; margin:0 -10px;}
.main dl.shuixun dd::before,
.main dl.shuixun dd::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.shuixun dd p{ display:block; width:16.66%; float:left; position:relative;}
.main dl.shuixun dd p span{ display:block; line-height:4.5; color:#333; font-size:16px; background:#f8f8f8; padding:0 1em; margin:10px; cursor:pointer; transition:all ease 0.4s; box-shadow:0 0 6px rgba(138,138,138,0.3);}
.main dl.shuixun dd p:hover span{ color:#e60012;}
.main dl.shuixun dd p em{ display:block; min-width:80%; background:#fafafa; background:#e60012; padding:0.625em 0; border:1px solid #e60012; position:absolute; left:50%; top:50%; transform:translate(-0%,-50%); z-index:9; transition:all ease 0.4s; opacity:0; visibility:hidden;}
.main dl.shuixun dd p em::before{ content:''; display:block; width:0; height:0; border:1px solid #e60012; border-color:transparent #e60012; border-width:8px 8px 8px 0; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.main dl.shuixun dd p:hover em{ opacity:1; visibility:visible; transform:translate(5%,-50%);}
.main dl.shuixun dd p em a{ display:block; line-height:1.75; color:#333; color:#fff; font-size:15px; white-space:nowrap; margin:0 1em; transition:all ease 0.4s;}
.main dl.shuixun dd p em a::before{ content:''; display:block; width:4px; height:4px; background:#e60012; background:#fff; border-radius:50%; float:left; margin:0.875em 0.5em -0.875em 0; transform:translateY(-50%);}
.main dl.shuixun dd p em a:hover{ color/:#e60012; text-decoration:underline;}

.notice1{ background:#e3eef5; padding:0 0 48px;}
.main .notice1 h2.title i{ background:#00427c;}
.notice1 .txt{ line-height:2.25; color:#00427c; font-size:16px; padding:0 5%;}

.main ul.zhiyin{ display:block; font-size:16px; margin:-1em; padding:20px 0 80px;}
.main ul.zhiyin::before,
.main ul.zhiyin::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.main ul.zhiyin li{ display:block; width:25%; float:left;}
.main ul.zhiyin li a{ display:flex; align-items:center; height:5em; background:#faf8f8 url(../images/icons/yw_bg.jpg) center top no-repeat; background-size:200% auto; padding:1.5em; margin:1em; position:relative; overflow:hidden; box-shadow:0 0 2px rgba(190,190,190,0.5); transition:all ease 0.4s; overflow:hidden;}
.main ul.zhiyin li a::before{ content:''; display:block; width:100%; height:100%; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); position:absolute; left:0; top:0; z-index:1; opacity:0.7; transition:all ease 0.4s;}
.main ul.zhiyin li a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/file.svg) right center no-repeat; background-size:auto 34%; position:absolute; left:-6%; top:0; z-index:2; opacity:0.8; transition:all ease 0.4s; transform-origin:right center;}
.main ul.zhiyin li a em{ display:block; line-height:1.75; position:relative; z-index:3; margin:0 5em 0 0;}
.main ul.zhiyin li a:hover{ color:#e60012; box-shadow:0 0 6px rgba(190,190,190,0.5);}
.main ul.zhiyin li a:hover::before{ opacity:0.8;}
.main ul.zhiyin li a:hover::after{ transform:scale(1.1);}





@media only screen and (max-width: 1440px){

.notice .txt{ padding:0;}
.main dl.shuixun{ display:block; padding:10px 0 80px;}
.main dl.shuixun dd p{ width:20%;}
.main dl.shuixun dd p em{ transform:translate(-3%,-50%);}
.main dl.shuixun dd p:hover em{ transform:translate(2%,-50%);}

.notice1 .txt{ padding:0;}
.main ul.zhiyin{ font-size/:15px;}
.main ul.zhiyin li a{ padding:1.0125em 1em;}
.main ul.zhiyin li a::after{ background-size:auto 30%;}
.main ul.zhiyin li a em{ margin:0 4em 0 0; margin:0 3em 0 0;}



}


@media only screen and (max-width: 768px){

.notice{ padding:0 0 40px;}
.notice .txt{ font-size:14px; line-height:2;}
.main dl.shuixun{ font-size:14px; padding:0 0 40px;}
.main dl.shuixun dt{ font-size:16px; line-height:2.75; padding:0.25em 0 0;}
.main dl.shuixun dd{ margin:0 -8px;}
.main dl.shuixun dd p{ width:50%;}
.main dl.shuixun dd p span{ font-size:14px; line-height:4; margin:8px;}
.main dl.shuixun dd p em{ min-width:100%; left:0; top:100%; transform:translate(10px,10px);}
.main dl.shuixun dd p em::before{ border-color:#e60012 transparent; border-width:0 8px 8px; right:auto; left:1em; top:auto; bottom:100%; transform:none;}
.main dl.shuixun dd p em a{ font-size:14px;}
.main dl.shuixun dd p:hover em{ transform:translate(10px,0);}

.notice1{ padding:0 0 40px;}
.notice1 .txt{ font-size:14px; line-height:2;}
.main ul.zhiyin{ font-size:14px; padding:10px 0 50px;}
.main ul.zhiyin li{ width:100%;}
.main ul.zhiyin li a{ padding:1em 1.5em; height:4em; margin:8px 1em;}
.main ul.zhiyin li a::after{ background-size:auto 37.5%;}
.main ul.zhiyin li a em{ margin:0 5em 0 0;}




}









/**/