@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.5 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #555; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: middle; border: 0; }
a { color: #303030; text-decoration: none; }
a:hover { color: #303030; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.hd, .bd, .d, .inn, .inn2, .u, .u li, .pic, .txt { position: relative; clear: both; overflow: hidden; }
/*com*/
.header, .footer, .area { clear: both; width: 100%; overflow: hidden; min-width: 1200px; }
.inn, .inn2 { width: 1200px; margin: 0 auto; }
/*tNav*/
.tNav { position: relative; z-index: 999; font-size: 12px; font-family: "microsoft yahei"; clear: both; color: #6b6a6b; width: 100%; height: 40px; line-height: 40px; background: #f5f5f5; min-width: 1200px; }
.tNav .t-inn { width: 1200px; margin: 0 auto; }
.tNav a { float: left; text-align: center; color: #6b6a6b; }
.tNav a:hover { color: #6b6a6b; }
.t-fl, .t-un, .t-un li, .t-logo, .t-arr, .t-anarr, .t-img { float: left; }
.t-fr, .t-fr .t-un { float: right; }
.t-logo { font-size: 12px; font-weight: normal; margin-right: 10px; padding: 0 1px; }
.t-logo a:hover { color: #da1f31; text-decoration: underline; }
.t-un li, .t-arr { position: relative; height: 40px; }
.t-un li, .t-anarr, .t_iC, .i_tjb, .t_nav a, .f_link li { background: url(spzx18bg_tnav.png) 0 -152px no-repeat; }
.t-un li a { padding: 0 15px; overflow: hidden; }
.t-fl .t-un li { background-position: 100% -196px; }
.t-fl .t-un li a { padding: 0 8px; }
.t-un li:last-child { background: none; }
.t-anarr { padding: 0 16px 0 5px; background-position: 100% -114px; }
.t-ulink li { padding: 0 9px 0 8px; }
.t-ulink li a { padding: 0; }
.t_iC, .i_tjb, .i_sp, .i_tk { display: block; text-indent: -999px; width: 30px; height: 30px; margin-top: 5px; background-position: 0 0; overflow: hidden; }
.i_twb { background-position: 0 -40px; }
.i_twx { background-position: 0 -80px; }
.i_tss { background-position: 0 -360px; }
.i_more { background-position: 0 -398px; }
.t-ulink a:hover .i_tph { background-position: -40px 0; }
.t-ulink a:hover .i_twb { background-position: -40px -40px; }
.t-ulink a:hover .i_twx { background-position: -40px -80px; }
.t-ulink a:hover .i_tss { background-position: -40px -360px; }
.t-ulink a:hover .i_more { background-position: -40px -399px; }
.t-ulink li .t-antg { padding: 0 15px; }
.t-ulink li a.t-antg:hover { color: #fff; background: #ff5349; text-decoration: none; }
.t-ulink li .t-aqzm { padding: 0 8px; }
.t-ulink li a.t-aqzm:hover { color: #fff; background: #62b900; text-decoration: none; }
.t-ulink li .t-anxqbd { display: block; font-size: 12px; color: #00839f; width: 62px; height: 22px; line-height: 22px; padding: 0; margin-top: 8px; border: 1px solid #00839f; border-radius: 15px; background: none; }
.t-l5 a { cursor: pointer; }
.i_tjb { position: absolute; top: 0; width: 20px; height: 11px; margin: 0; background-position: 0 -120px; }
.t-pop .i_tjb { right: 20px; }
.t-pop2 .i_tjb { left: 20px; }
.t-pop2, .t-ewm, .t-pop { position: absolute; top: 40px; z-index: 999; }
.t-pop2, .t-pop { padding: 10px 5px; top: 30px; }
.t-pop2 { left: 0; display: none; width: 290px; border-radius: 5px; }
.t-popi { clear: both; background: #f5f5f5; border: 1px solid #cbcaca; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,.25); }
.t-ewm, .t-pop { right: 0; display: none; width: 80px; overflow: hidden; }
.t-ewm { width: 116px; height: 116px; border: 1px solid #cbcaca; }
.t-ewm img { width: 100%; }
.twon .t-ewm, .tipon .t-pop2, .tarron .t-pop, .tipon3 .t-pop3 { display: block; }
.tarron .t-anarr { background-position: 100% -314px; }
.t-uarr a { width: 100%; line-height: 30px; }
.t-log li a, .t-log2 li a { padding: 0 13px; }
.t-img { width: 28px; height: 28px; line-height: 28px; margin: 6px 6px 0 0; background: url(spzx18bg_tx.png) 0 0 no-repeat; border-radius: 50%; background-size: cover; overflow: hidden; }
.t-img img { width: 100%; vertical-align: top; }
.t-un .t-nl { background: none; }
.t-pop2 .t-popi { padding: 36px 0 40px; }
.u-log { width: 246px; height: 208px; margin: 0 auto; }
.u-log li { width: 100%; background: none; }
.u-log .t_li2 { margin-top: 24px; }
.u-log .t_li3 { color: #f00; height: 32px; line-height: 32px; }
.u-log .t_li4 { padding-top: 10px; line-height: 30px; }
.u-log .t_err { padding-left: 5px; }
.u-log .t_anlog { float: right; display: block; text-align: center; color: #fff; width: 78px; height: 28px; line-height: 28px; background: #00abdf; border: 1px solid #e5e5e5; border-radius: 3px; overflow: hidden; }
.u-log .t_anlog:hover { color: #fff; }
.t-dx, .t-dx input { float: left; vertical-align: middle; }
.t-dx input { margin: 8px 5px 0 0; *margin: 5px 5px 0 0;
}
.t-lsr { position: relative; font-size: 14px; color: #989fa9; width: 197px; height: 38px; line-height: 38px; padding: 0 4px 0 43px; background: #fff; border: 1px solid #b7babf; overflow: hidden; border-radius: 2px; }
.t-lsr label, .t-lsr .t_iC, .t-lsr .a_wj { position: absolute; top: 0; }
.t-lsr .t_iC { left: 0; width: 38px; height: 38px; margin: 0; background-color: #f0f2f5; background-position: -2px -241px; }
.t-lsr .i_lock { background-position: -2px -281px; }
.t-lsr label { left: 43px; }
.t-lsr .a_wj { right: 5px; font-size: 12px; color: #0078ff; padding: 0; }
.t-lsr .a_wj:hover { color: #0078ff; }
.t-lsr .t-input { position: relative; z-index: 5; float: left; font-size: 14px; font-family: "microsoft yahei"; color: #989fa9; width: 100%; height: 22px; line-height: 22px; padding: 8px 0; background: none; border: none; outline: none; }
.t-lsr .t-input2 { width: 130px; }
.t-lsron label { display: none; }
.oth_cap { font-size: 14px; color: #727272; text-align: center; width: 240px; height: 22px; line-height: 22px; margin: 0 auto 20px; background: url(spzx18bg_oth.png) 0 center repeat-x; overflow: hidden; }
.oth_cap span { display: block; width: 124px; margin: 0 auto; background: #f5f5f5; }
.oth_ul { padding-left: 21px; }
.oth_ul li { height: 38px; margin-right: 14px; }
.tNav .oth_ul a { padding: 0; }
/*新增登录后*/
.t-pop3 { left: -18px; width: 80px; }
.t-pop3 .t-popi { padding: 0; }
.t-pop3 .i_tjb { background-position: 0 -120px; }
.t-pop3 .t-uarr li, .t-pop3 .t-uarr li a { float: left; width: 100%; padding: 0; }
.t-pop3 .t-uarr li { height: 30px; line-height: 30px; }
/*navT4*/
.navT4, .t_nav { clear: both; overflow: hidden; }
.navT4 { height: 49px; margin: 7px 0 0; }
.t_nav { padding-left: 18px; }
.t_nav a { float: left; font-size: 12px; font-family: " sans-serif", "宋体"; color: #6e6a6e; height: 21px; line-height: 21px; padding: 0 17px; background-position: 0 -446px; overflow: hidden; }
.t_nav a.nol { background: none; }
.t_nav a:hover { color: #da1f31; text-decoration: underline; }
/*footer*/
.footer { font-size: 12px; height: 40px; line-height: 40px; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.f_link { float: right; margin-top: 11px; }
.f_link li { float: left; height: 18px; line-height: 18px; padding: 0 10px; background-position: 100% -487px; }
.f_link li.last { background: none; }
/*右下角弹出广告开始*/
.bd_17pps { position: fixed; right: 0; bottom: 0; width: 300px; /*_position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*/ overflow: visible; z-index: 9999; }
.bd_17pps .colose_bd { position: absolute; right: 0px; top: -20px; display: block; width: 18px; height: 18px; line-height: 20px; border: 1px #ccc solid; background: #ffffff; text-align: center; cursor: pointer; z-index: 9999; }
/*右下角弹出广告结束*/
/*header*/
.header { height: 64px; }
.header .logo { float: left; width: 283px; height: 27px; padding-left: 10px; margin-top: 23px; }
/*mod*/
.s1, .s2 { float: left; width: 700px; overflow: hidden; }
.s2 { float: right; width: 470px; }
.cap2, .cap3 { font-size: 42px; font-weight: normal; color: #303030; height: 70px; line-height: 68px; margin-top: 32px; background: url(spzx18bg_cap2.png) center 100% no-repeat; }
.cap3 { font-size: 20px; color: #da1f31; margin: 8px 0 18px; height: 67px; line-height: 65px; background-image: url(spzx18bg_cap3.png); }
.hd { text-align: center; height: 150px; }
.fcR, .fcR:hover { color: #da1f31; }
.opacity { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #000; opacity: .5; filter:progid:DXimagesransform.Microsoft.Alpha(Opacity=50);
}
.iC { float: left; display: block; width: 66px; height: 68px; margin-right: 25px; background: url(spzx18bg_icon.png) 0 0 no-repeat; overflow: hidden; }
.i_ys2 { background-position: 0 -80px; }
.i_ys3 { background-position: 0 -160px; }
.i_ys4 { background-position: 0 -240px; }
.u_link .iC { width: 26px; height: 26px; margin-right: 8px; }
.i_lx1 { background-position: 0 -320px; }
.i_lx2 { background-position: 0 -360px; }
.i_lx3 { background-position: 0 -400px; }
.i_play { float: none; width: 28px; height: 33px; margin: 24px auto 0; background-position: 0 -440px; }
.videoC { display: block; width: 551px; height: 356px; border-radius: 10px; overflow: hidden; }
.videoC img, .videoC2 img { width: 100%; }
.videoC .txt, .videoC .opacity { left: 84px; bottom: 72px; width: 384px; height: 44px; line-height: 44px; border-radius: 10px; }
.videoC .txt { position: absolute; z-index: 10; font-size: 18px; text-align: center; color: #c2c2c2; }
.videoC .txt2{position: absolute;z-index: 10;left: 10px;right: 10px;bottom: 0;height: 110px;display: none;font-size: 14px;color: #fff;}
.videoC .txt2 h3{font-size: 18px;font-weight: normal;text-align: center;height: 40px;line-height: 40px;}
.videoC .txt2 p{height: 48px;line-height: 24px;overflow: hidden;}
.videoC a:hover .txt{display: none;}
.videoC a:hover .txt2{display: block;}
.videoC a:hover .opacity{left: 0;right: 0;bottom: 0;width: 100%;height: 120px;border-radius: 0;}
.s_play, .s_play2 { position: absolute; top: 50%; left: 50%; display: block; text-align: center; width: 80px; height: 81px; margin: -40px 0 0 -40px; overflow: hidden; }
.i_playbg { position: absolute; top: 0; left: 0; display: block; width: 80px; height: 81px; background: url(spzx18bg_play.png) 0 0 no-repeat; overflow: hidden; }
.videoC a:hover .i_playbg, .videoC2 .pic a:hover .i_playbg { animation: rotate 3s infinite }
.s_play2, .s_play2 .i_playbg { width: 43px; height: 44px; }
.s_play2 { margin: -22px 0 0 -22px; }
.s_play2 .i_play { width: 15px; height: 19px; margin: 13px auto 0; background-position: 0 -480px; }
.s_play2 .i_playbg { background-position: 0 -120px; }
/*videoC2*/
.videoP2 { width: 1300px; padding-left: 30px; }
.videoC2 { position: relative; float: left; width: 338px; height: 400px; margin: 0 20px 20px; background: #fff; border: 1px solid #dfdfdf; border-radius: 15px; overflow: hidden; }
.videoC2 .pic { width: 100%; height: 201px; background: #000; }
.videoC2 img { opacity: .5; }
.videoC2 .txt { padding: 0 28px; }
.videoC2 .txt p { height: 72px; line-height: 24px; overflow: hidden; word-wrap: break-word; }
.videoC2:hover { background-color: #fff; border: solid 1px rgba(188,188,188,.24); box-shadow: 0 9px 32px rgba(218,209,209,.6); }
.videoC2:hover img { opacity: 1; }
/* jptP */
.jdt { position: relative; font-family: "microsoft yahei"; width: 100%; height: 557px; overflow: hidden; }
.jdt .hd { position: absolute; z-index: 7; left: 50%; bottom: 28px; height: 4px; margin-left: -126px; }
.jdt .hd ul li { float: left; display: block; text-indent: -999px; width: 90px; height: 4px; margin: 0 18px; background: #fff; overflow: hidden; opacity: .4; transition: all .3s; cursor: pointer; }
.jdt .hd ul li.on { opacity: 1; }
/*.jdt .pageState span { font-size: 48px; color: #155a83; }*/
.jdt .bd { position: relative; }
.jdt .bd ul { overflow: hidden; zoom: 1; width: 100% !important; }
.jdt .bd ul li { float: left; _display: inline; text-align: center; width: 100% !important; height: 557px; background-position: center 0; background-repeat: no-repeat; overflow: hidden; }
.jdt .bd ul li img { height: 100%; max-width: 100%; }
.jdt .bd ul li.l_jd1 { background-image: url(spzx18bg_p5.jpg); }
.jdt .bd ul li.l_jd2 { background-image: url(spzx18bg_p52.jpg); }
.jdt .opacity { height: 65px; }
.prev, .next { position: absolute; z-index: 9; top: 50%; display: block; text-indent: -999px; width: 30px; height: 54px; margin-top: -27px; background: url(sp180122bg_prev.png) 0 0 no-repeat; overflow: hidden; }
.prev { left: 60px; }
.next { right: 60px; background-position: 100% 0; }
.prev:hover { background-position: 0 0; }
.next:hover { background-position: 100% 0; }
/*area*/
.P1 { height: 450px; background: url(spzx18bg_p1.jpg) center 0 no-repeat; }
.P2 { height: 562px; }
.P3 { height: 620px; background: #f2f2f2; }
.P4 { height: 375px; }
.P5 { height: 557px; }
.P6 { height: 406px; }
.P7 { height: 304px; background: #f2f2f2; }
.d_ys { padding-left: 767px; }
.d_ys .videoC { position: absolute; top: 0; left: 136px; }
.u_ys li { font-size: 24px; color: #303030; height: 94px; line-height: 68px; }
.u_ys a { display: block; overflow: hidden; transition: all .5s linear; }
.u_ys a:hover { color: #da1f31; padding-left: 10px; }
.d_team { width: 580px; height: 375px; padding-left: 510px; line-height: 40px; background: url(spzx18bg_p4.jpg) 0 100% no-repeat; }
.d_team .hd { height: 140px; }
.d_team .hd .cap2 { margin-top: 40px; }
.d_team p { font-size: 16px; text-indent: 2em; }
.u_jx { padding-left: 45px; }
.u_jx li { float: left; clear: none; text-align: center; color: #666; padding: 0 32px; line-height: 24px; }
.u_jx .pic { width: 100%; height: 122px; margin: 10px auto 15px; }
.d_link, .d_ewm { float: left; clear: none; }
.d_link { width: 560px; padding-left: 196px; }
.d_ewm { width: 232px; }
.P7 .hd { text-align: left; height: 107px; }
.P7 .hd .cap2 { font-size: 18px; color: #555; height: 30px; line-height: 28px; margin-top: 56px; background-position: -52px 100%; }
.u_link { margin-top: 2px; }
.u_link li { height: 44px; line-height: 28px; }
/*rotate*/
@keyframes rotate {
 from {
 transform: rotate(0deg)
}
 to {
 transform: rotate(360deg)
}
}
@-webkit-keyframes rotate {
 from {
 transform: rotate(0deg)
}
 to {
 transform: rotate(360deg)
}
}