@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 !important;cursor:pointer}
a:hover{text-decoration: none !important; }
.clear{clear:both;visibility:hidden}
table{border-collapse:collapse; border-spacing:0;}
input:focus,select:focus{outline: none;}
.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}
.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-size:12px;color:#666;letter-spacing:1px}
.ggzt1 .d1 span{padding:3px 5px;background: #EC3E37;color:#fff; margin-right:10px}
.ggzt1 a{color:#018ede;}
.ggzt1 .d2{width:50px;height:25px;margin:5px;padding-left:15px;float:left;display:inline;background:url(../img/top_01.jpg) 0 7px no-repeat;font-size:12px;color:#666}
.ggzt1 .d3 {float: right;  font-size: 14px; line-height: 30px; color:red;}

.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(../images/public/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,.ggzt3 ul .active {
    /* border-bottom:3px solid #faf100; */
    color:#faf100;height:54px;}

/*公共站尾*/
.bgc2{background-color: #666;width: 100%;padding: 40px 0;}
.foot1{width: 1200px;margin: 0 auto;overflow: hidden;}
.xyxx{float: left;width: 530px;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: 16px;}
.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;
}
.xyxx p { line-height:1.5; color:#FFF;}
.xyxx p a { color:#fff; text-decoration:underline;}
.xyxx1 {color:#FFF; line-height:2em; }

.xxjj_banner img{width:100%;}
.gyxh_show{margin: 60px 0;text-align: center;}
.gyxh_show2{padding: 60px 0;text-align: center;background: #f9f9f9;}

.gyxh_title{background: url(../images/xy_bg1.jpg) no-repeat center;height:51px;margin: 0 0 0.5em;font-size:25px;color:#FFF;line-height: 51px;}
.pp{font-size: 18px;color:#333333;line-height: 1.6em;margin: 0 0 0.2em;}
.ljzx{display: inline-block;color: #fff;text-align: center;background: #2b89d0;font-size: 28px;line-height: 2.2em;border: 0;border-radius: 50px;box-shadow: none;text-indent: 0;width: 360px;}

.xhlc_show{width:100%;background:#2B89D0 repeat;margin: 30px auto;color: white;padding: 30px 0 60px;}
.xhlc_show h3{font-size: 32px;line-height: 1.6em;margin: 0 0 01em;font-weight: normal;}
.xhlc_show>div{width:1280px;overflow:hidden;margin: 0 auto;}
.xhlc_show .lc_left{width: 900px; margin:0 auto;}
.xhlc_show .lc_left p{font-size: 16px;line-height: 2em;text-indent:2em;margin: 1em 0 0;text-align: left;}
.xhlc_show .lc_left video{width: 100%;}
.xhlc_show .lc_right{background:url(../images/xy_bg2.jpg) no-repeat;width: 735px;float: right;}
.xhlc_show .lc_right ul.sjz{float:left;background: url(../images/xy_bg3.jpg) no-repeat right 10px;width: 132px;height: 596px;padding: 0;margin: 0;}
.xhlc_show .lc_right ul.sjz li{display:block;font-size:15px;font-weight:bold;margin: 0 0 15px;line-height: 1.6em;width: 4em;}
.xhlc_show .lc_right ul.sj{float: right;width: 580px;padding-right: 15px;line-height: 24px;height: 596px;overflow-x: hidden;position: relative;padding: 10px;text-align: left;margin: 0;box-sizing: border-box;background: rgba(9, 6, 6, 0.1);}
.xhlc_show .lc_right ul.sj li{font-size:15px;display:block;position: relative;padding: 0 0 0 7.5em;margin: 0 0 0.5em;}
.xhlc_show .lc_right ul.sj li i {font-style: normal;font-size: 1.1em;color: gold;vertical-align: middle;font-weight: bold;position: absolute;left: 0;top: 0;width: 6.5em;}

.tt {width:100%; text-align:center; height:50px; line-height:50px; }
.tt h2 {    font-size: 40px;    line-height: 40px; color:#2b89d0;}
.zyUl1 ul li {width: 344px;background-color: #FFF;float: left;margin-left: 39px;border: 1px solid#dadada;margin-top: 10px;}
.zyUl1 ul li h3 {text-align: center;margin-top: 10px;}
.zyUl1 ul li p {padding: 10px;}
.zyUl1 {
    margin-top: 20px;
	margin-left:0;
}
.pz{ padding-left:0;}

.zyUl3 ul li {width: 272px;background-color: #FFF;float: left;margin-left: 25px;border: 1px solid#dadada;margin-top: 10px;}
.zyUl3 ul li h3 {text-align: center;margin-top: 10px;}
.zyUl3 ul li p {padding: 10px;}
.zyUl3 {
    margin-top: 20px;
	margin-left:0;
}
.public {margin: auto;width: 1200px; clear:both;}
.public1 {margin: auto;width: 1200px; clear:both; background:#2b89d0; padding:2em 0;}

.xezhi{font-size: 16px;
padding:0 !important;

    white-space: nowrap;
    text-align: center;
    color: #000;}
.xezhi b{ color:#F00;}
.xezhi span{    display: inline-block;
    width: 1em;}
    
.bg_01 {background-color: #ec3844;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.bg_02 {background-color: #009fda;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.p_01 {line-height: 25px;height: 100px;}
.p_02 {line-height: 28px;height: 50px;}
.butt {text-align: center;line-height: 30px;margin-bottom: 15px;}
.xezhi{font-size: 16px;}
.butt span {color: #FFF;padding: 8px 36px;margin-left: 6px;}


/* //轮播开始 */
.slideBox{ width: 1000px;    height: 554px;    overflow: hidden;    position: relative;    padding-left: 100px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd li a{ color:#FFF; font-size: 25px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:900px; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.lunbo {width:100%; margin:0 auto; height:700px; background:#2b89d0; text-align:center; color:#FFF; }

/* 环境 */
.hjzs_one{width: 1268px;overflow:hidden;text-align:  center;margin:  60px auto;}
.hjzs_one h2{margin: 0; font-size: 30px;
    font-weight: bold;}
.hjzs_one p{font-size: 18px;padding-bottom:  10px;border-bottom: 1px solid #a0a0a0;width:  1120px;margin: 18px auto;}

.hjo_bottom{width: 1268px;overflow:hidden;}
.hjo_zs{ width:1255px; height:415px; overflow:hidden; margin-top:15px;}
.hjoz_left{width: 332px;overflow:hidden;}
.hjo_bottom img{overflow:hidden;margin: 5px;}
.xyhj3{display:inline-block;overflow:hidden;}
.hjo_bottom img:hover{transform: scale(1.3);transition: all 5s ease 0s;-webkit-transform: scale(1.3); -webkit-transform: all 5s ease 0s;}
 
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

 /* 新增作品 */
 .zp_biaoti {display: flex;    width: 40%;    height: 2em;    line-height: 2em;    background: #1f87fb;    padding-left: 2em;    margin-top: -3em;
    z-index: 99;    position: relative;     opacity: 0.8;    color: #FFF; margin-left:1%;
 }

 /* 新增专业 */ 
 
.dzsw{ width: 1150px;height: 335px; background-color:#FFF;margin-top: 1em;margin-left: 2%;border-radius: 0.3em; margin: 0 auto;}
.dzsw1{ width: 1150px;height: 335px; background-color:#FFF2ed;margin-top: 1em;margin-left: 2%;border-radius: 0.3em; margin: 0 auto;}
.dzsw_tp{float: left;margin-top: 1.7em;width:35%;display: block;margin-left: 4%;}
.dzsw_tp img{width:100%;display: block;}
.dzsw_wz{float: left;margin-top: 1.7em;display: block;margin-left: 4%; width: 50%;}
.dbt{colr:#333333;font-size: 2.8em;font-weight: bold;}
.dzsw_wz span{float:left; line-height:1.5em; }
.zynr{font-size: 1.5em;}
.zynr i{color:#ee2c29; font-style: normal; }
.zxan{width: 12em; height: 2.2em; background-color:#ee2c29;display: block; float: left;border-radius: 1.1em;     margin-left: 10em;
    margin-top: 1em;}
.zxan a{color:aliceblue; text-align: center;display: block;padding: 0em;font-size: 1.5em;     line-height: 1.5em;}
.zhuanyebox {width:100%; margin:0 auto; min-height:600px; }

.cc_two{ width:100%; height:335px; background:#FFF2ed;}