@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}
.clear{clear:both;float:none;}
.jcsp_box{ width: 100%; overflow:hidden; height: 100%; position: relative; }
/*top背景*/
.jcsp_top {width:100%; height: 500px; position: relative; overflow: hidden;margin: 0 auto;}
.video_bg{position: absolute; width: 1920px; left: 50%; top: -260px; margin-left: -960px;z-index: -2;}
.jcsp_top img{position: absolute; width: 1920px; left: 50%;margin-left: -960px;z-index: -1; }
.jcsp_box01{ width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-bottom: 50px;}
@media(max-width:1919px){.jcsp_box01{ width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-bottom: 50px;}}
.jcsp_main{width: 1460px; height: 100%; margin: 0 auto; margin-top: -50px; padding:50px 0;background: #fff; box-shadow: 0px 0px 80px #999999;position: relative; overflow: hidden;}
/*栏目*/
.jcsp_nav{ width:855px; margin: 0 auto; text-align: center; position: relative;overflow: hidden;}
.jcsp_nav a{ display: block;width:160px; height: 50px; float: left; line-height: 50px; margin: 0 5px;font-size:18px; color:#666;}
.jcsp_nav a:hover{ color:#ee7800; background: #fff;}
.jcsp_nav .jcsp_active{color:#fff; background:#ee7800;}
/*内容*/
.jcsp_list{ width:92%;margin: 50px 0; float:right;position: relative; overflow: hidden;}
.jcsp_fl{ width:82%; float:left; padding: 20px 0; position: relative; overflow: hidden;}
.sp_box{ width: 26%; height: 270px; float:left; margin-left: 7%; margin-bottom: 32px; position: relative; overflow: hidden; }
.sp_box .sp_bgtp {width:95%;height: 200px;}
.sp_box .sp_mask{position: absolute;top: 0;left: 0;width: 95%;height: 200px;background-color:rgba(0,0,0,0.4);z-index: 2; display: none;}
.sp_box .sp_play{position: absolute;top: 50%;left: 50%; margin-left: -25px; margin-top: -55px; width: 50px;height: 50px;z-index: 3;opacity: 0; transition: all .5s;transform:translateY(-20px);}
.sp_text{width:100%; text-align: center; color:#ee7800; font-size: 16px; padding: 8px 0;}
.sp_views{width:100%; text-align: center;color:#666666; font-size: 12px; padding: 5px 0; background: url(http://www.syxdf.cn/jcsp/images/eye.png) no-repeat; background-size: 6% auto;  background-position: 105px 8px; display: none;}
.sp_box:hover{box-shadow:7px 7px #cdcdcd;transition: box-shadow 0.4s;}
.sp_box:hover .sp_mask{display: block;transform:translateY(0px);}
.sp_box:hover .sp_play{opacity: 1;cursor:pointer; transition-delay: 0.1s;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
.sp_mask1{position: absolute;top: 0;left: 0;width: 95%;height: 200px;background:#fff; opacity: 0;z-index: 999;}
.sp_box:hover .sp_mask1{ cursor: pointer;}
.sp_box:hover .sp_views{display:block;}
/*弹窗*/
.sp_bg {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,0.8);opacity:0;z-index:1001; display: none;}
.sp_bg.is-visible {opacity:1;display:block;}
.sp_window {position:fixed;top:20%;left:50%;margin-left: -450px; z-index: 9999; width:900px;height:510px;background:#000;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.sp_close {position: absolute; left: calc(50% + 450px);top: 18%; z-index: 10; display: block; font-size: 28px; color: #fff; background: #000;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50px;}
.is-visible .sp_window {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.jcsp_fr{ width: 16%; float:right; color:#666; position: relative; overflow: hidden; background:url(http://www.syxdf.cn/jcsp/images/lxwm.png) no-repeat;background-position: 0px 2px;background-size: 23% auto;padding: 8px 0;}
.jcsp_fr .jcsp_lxwm{ color:#ee7800; height: 58px; display: block;}
.jcsp_fr a{ display: block; width: 100%; color:#666; padding: 26px 0;border-bottom: 1px dashed #cccccc;}
.jcsp_fr a:hover{color:#ee7800; font-weight: bold;}
.jcsp_fr span{ margin-left: 58px; letter-spacing: 2px;}
.jcsp_fr .contact_a01{ border-top: 1px dashed #cccccc;}
.video_list{width:900px; height:500px;}