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

*{margin:0px;padding:0px}
html{-webkit-text-size-adjust:none;word-wrap:break-word}
body{font-family:"微软雅黑"; /* line-height:22px; */ font-size: 16px;color:#333}
ol,ul{list-style:none}
img{border:0;-ms-interpolation-mode:bicubic}
a{color:#000;text-decoration:none;cursor:pointer}
a:hover{color: #fff;}
.clear{clear:both;visibility:hidden}
table{border-collapse:collapse; border-spacing:0;}

.main{clear:both;width:1200px;margin:0 auto}

.undis{display:none}
.dis{display:block}
.clear{clear:both;visibility:hidden}
.l{float:left;display:inline}
.r{float:right;display:inline}
.c{text-align:center}
a{color:#000;text-decoration:none;cursor:pointer}
.imghover:hover{transform:scale(1.3);transition:all 5s ease 0s;-webkit-transform:scale(1.3);-webkit-transform:all 5s ease 0s;}

.m5{margin:5px}
.m10{margin:10px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}

.p5{padding:5px}
.p10{padding:10px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}

.h10{height:10px;line-height:0}

/*公共站头*/
.ggzt1{height:35px;border-top:#696969 solid 1px;border-bottom:#e6e6e6 solid 1px;background:#f8f8f8}
.ggzt1 .d1{height:25px;margin:5px 0;float:left;display:inline;font:12px/25px '宋体';color:#666;letter-spacing:1px}
.ggzt1 .d1 span{padding:3px 5px;background: #EC3E37;color:#fff; margin-right:10px}
.ggzt1 a{color:#666;}
.ggzt1 .d2{width:50px;height:25px;margin:5px;padding-left:15px;float:right;display:inline;background:url(../img/top_01.jpg) 0 7px no-repeat;font:12px/25px '宋体';color:#666}

.ggzt2{height:87px;background-color:#FFF;}
.ggzt2 .logo{width:540px;height:70px;margin:16px 0 0;float:left}
.ggzt2 .tup{width:640px;height:60px;float:right;margin-top:20px;}

.ggzt3{height: 57px;background: #018ede;margin-top: 10px;/*background: url(https://oss.syxinhua.com/skin/img/qifen/navBg.png) no-repeat center;*/}
.ggzt3 li{width: 120px;height: 57px;text-align: center;float: left;}
.ggzt3 li a{font: 18px/57px '微软雅黑';color: #FFF;display: inline-block;width: 95px;height: 57px;transition: all 0.2s ease-out;letter-spacing:1px}
.ggzt3 li a:hover{border-bottom:3px solid #faf100;color:#faf100;height:54px;}

/*公共站尾*/
.bgc2{background-color: #666;width: 100%;padding: 40px 0; margin-top:20px}
.foot1{width: 1200px;margin: 0 auto;overflow: hidden;}
.xyxx{float: left;width: 730px;overflow: hidden;}
.xyxx ul{float: left;width: 122px;margin-left: 20px;}
.xyxx ul li{text-align: center;color: #D3D3D3;height: 35px;line-height: 35px;}
.xyxx ul li.foot_tt{margin-bottom: 40px;font-size: 20px;}
.xyxx ul li a{color: #D3D3D3;}
.xyxx ul li a:hover{text-decoration: underline;}
.xywx{width: 168px;padding: 0 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;float: left;height: 215px;}
.xywx img{width: 135px;height: 135px;display: block;margin: 15px auto;}
.xywx p{text-align: center;color: #fff;line-height: 1.5;}
.xydh{float: left;width: 280px;height: 215px;text-align: center;color: #fff;}
.xydh h2{height: 45px;line-height: 45px;font-size: 24px;}
.xydh p{height: 35px;line-height: 35px;}
.xydh a{display: block;width: 168px;height: 36px;margin: 20px auto 10px;}
.bgc3{background-color: #323333;width: 100%;padding: 20px 0 10px; margin-bottom:90px}
.foot2{width: 1160px;margin: 0 auto;}
.foot2 ul{width: 100%;margin-bottom: 10px;overflow: hidden;}
.foot2 ul li{color: #D3D3D3;font-size: 14px;}
.foot2 ul li a{color: #D3D3D3;}
.foot2 ul li a:hover{text-decoration: underline;}
.imghover:hover{transform:scale(1.3);transition:all 5s ease 0s;-webkit-transform:scale(1.3);-webkit-transform:all 5s ease 0s;}

<!--站底悬浮条-->
.jxxh_btmdh{height:90px;background:#333}
.jxxh_btmdh .jxxh_btmdh_bg{position:fixed;bottom:0;background:#4a5ee1;height:90px;width:100%;min-width:1120px;left:0;right:0;margin:auto;z-index:998;}
.jxxh_btmdh .jxxh_btmdh_con{width:1120px;margin: 0 auto;height:90px;text-align:center;text-align-last:justify;display: flex;align-items: center;justify-content: space-between;padding: 4px 0 0;box-sizing: border-box;}
.jxxh_btmdh .jxxh_btmdh_con img{display:inline-block;vertical-align:middle;padding-left: 30px;}
.jxxh_btmdh .jxxh_btmdh_con div{display:inline-block;vertical-align:middle}
.jxxh_btmdh .jxxh_btmdh_con div input{height:45px;font-size:18px;padding:0;float:left;outline:none;}
.jxxh_btmdh #jxxh_btmdh_input{border:none;width:240px;text-indent:1em}
.jxxh_btmdh .jxxh_btmdh_sub{width:136px;border:none;color:#4a5ee1;font-weight:bold;background:#fff000;text-align-last:center}
.jxxh_btmdh .jxxh_btmdh_con ul{padding:0;display:inline-block;vertical-align:middle;text-align-last:center;width:auto;height:auto;margin:12px 0}
.jxxh_btmdh .jxxh_btmdh_con li{width:136px;height:56px;float:left;line-height:56px;font-size:18px;font-weight:bold;list-style:none;margin:0 3px;position:relative;cursor:pointer}
.jxxh_btmdh .jxxh_btmdh_con li i{display:block;position:absolute;top:-11px;right:5px;background:red;width:22px;height:22px;line-height:22px;font-size:13px;border-radius:50%;font-style:normal;color:white}
.jxxh_btmdh .jxxh_btmdh_con li::after{content:" ";color:inherit;height:0px;width:48px;border:2px solid;position:absolute;bottom:7px;left:0;right:0;margin:auto}
.jxxh_btmdh .jxxh_btmdh_con li::before{content:" ";position:absolute;left:0;right:0;width:0;border:5px solid transparent;border-color:#4a5ee1 transparent transparent #4a5ee1}
.jxxh_btmdh .jxxh_btmdh_con li.bc1{background:#00b7ef;color:#00d5ff}
.jxxh_btmdh .jxxh_btmdh_con li.bc2{background:#e16d34;color:#d75819}
.jxxh_btmdh .jxxh_btmdh_con li.bc3{background:#3ab345;color:#139f20}
.jxxh_btmdh .jxxh_btmdh_con li.bc4{background:#2093ef;color:#1180d8}
.jxxh_btmdh .jxxh_btmdh_con a{display:block;color:white;text-decoration:none}
.nlogo {
    position: relative;
    overflow: hidden;
}
.nlogo:before {
          content: "";
          position: absolute;
          width: 261px;
           height: 60px;
          background-color: rgba(255, 255, 255, 0.5);
          -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
           left: -250px;
          -webkit-animation: blink 1.5s infinite both;
          animation: blink 1.5s infinite both;
      }
	  @-webkit-keyframes blink {
        from {left: 10px;top: 0;}
        to {left: 500px;top: 0;}
    }
    @-o-keyframes blink {
        from {left: 10px;top: 0;}
        to {left: 500px;top: 0;}
    }
    @-moz-keyframes blink {
        from {left: 10px;top: 0;}
        to {left: 500px;top: 0;}
    }
    @keyframes blink {
        from {left: -100px;top: 0;}
        to {left: 500px;top: 0;}
    }
    .breath_light {
    opacity: 0.1;                              
    overflow: hidden;                               
  
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;                         /* 动画名称 */
    animation-duration: 700ms;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
 
    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 700ms;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}
 
@keyframes breath {
    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */    
}
 
@-webkit-keyframes breath {
    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
}
.xh_vd_list{
    text-align:justify;
    text-align-last:justify;
    line-height:0;
}
@media all and (-webkit-min-device-pixel-ratio:0){
    .xh_vd_list{
        font-size:0;
    }
}
.xh_vd_list:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;
    content:'';
    vertical-align:top;
}
.xh_vd_list a{
    width: 285px;
    display: inline-block;
    position: relative;
    float: left;
    margin-right:20px;
    margin-bottom:20px;
}
.xh_vd_list a:nth-child(4n){
    margin-right:0;
}
.xh_vd_list a span{
    position: absolute;
    left:0;
    right:0;
    top:140px;
    margin:auto;
    width:222px;
    height:20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#fff;
    font-size: 16px;
    transition: .4s;
}
.xh_vd_list a:after{
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAMAAABEH1h2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAD8UExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////1j1pRUAAABTdFJOUwAGc8jb/jg8+fwQA/D9BCTHAXvTVuSBQibOY/SMVZQK76sjTMmjkwkn7VNbWhHNN9zyRGLjz6jiZkPUV8rExcxfD01/osaCTsvVBz7slfPfKoArTfSXsQAAAfxJREFUSMetl+dCwkAQhBdDQhIIKAlRUUFQOvYCVlRQ7G3f/10EFWl7jTh/Lx8X5vYmuwC0rm+SnfPDFcSV1HkneXMNCsq3NQvHZGntvBwbrV/oSEi/qEfFcDqMTIXTgh/Y2Uautnc4cKnooEBOscSil1yUkLtE0ycxlNL6CUWvmSgpc42gLZSWNcUvmqggc3HCtRgqKTbmX8lFRbnZEfwFlZUZ0k+6Ou4YAzru4gxaHtR/GmfSwe/mu7Ph4fg3XqPW5ubFfP0b16ilyMJZWIRrffqdXIoAhObWBfxnD79j4QBbq/xSvus9s8nGARI5XklsAtgWDwcwOB5aNmwgH4cFj+3hBiRFOM/DJBTEONvDAn3qkzjLQw1ScjjtYQr2ZHHKw1dAaZzyUBGvTESmystXp17+OZh1b9IHd0wfnFTZ2MyykSraCrNoxVemyrsyAS+sIC6OBXEBH2zcFoSV399AZ0ZlhZ+UeqK/xyUd1FVhUF8G+0zU/uMjFfATCdGjWeijvwbVcNTpYXsAkFHHiyOXIvug3Fs8jt7IsmpjlvjPthDAU2lKvekkPJNviT0qhvcl/39sn27oy6cy9GmZNU5kM+JhJJPlTDPGsuC4Df4oFW822HCjGRdOcqGrWzrfbq9CkkOofz85hN77eZUx1u76udbPCNzK+V2b8dgXDG9aVSOWurQAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
    width: 50px;
    height:50px;
    position: absolute;
    top:0;
    right:0;
    bottom:-100px;
    left:0;
    margin:auto;
    opacity: 0;
    transition: .4s;
}
.xh_vd_list a:before{
    content:"";
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background-color: #000;
    opacity: .54;
    z-index: 40;
}
.xh_vd_list a:hover:after{
    bottom:0;
    opacity: 1;
    z-index: 45;
}
.xh_vd_list a:hover:before{
    opacity: .3;
}
.xh_vd_list a:hover span{
    top:120px;
    z-index: 50;
}