@charset "utf-8";
@import "common.css";
@import "page.css";
@import "login.css";
@import "nav.css";
@import "message.css";
@import "/font/iconfont.css";
body{font-size:14px;font-family:"Microsoft YaHei";  color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-size: contain; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 980px; margin: auto; max-width: 96%; }
.content{ margin:20px auto; }
.middle{ margin: 15px auto; }

.top{ margin: auto; background:#F0F0F0; padding: 10px 0;}
.logo{ float: left;   }
.logo img{ height: 50px; }
.sou{  padding-top: 10px;}
.sou_l{ margin-right: 15px; }
.sou_r input[type="text"]{ background:#fff; border: #ddd 1px solid; height:23px; line-height: 23px; width: 200px;  }
.sou_r a{}
.nav{  background:#103E89; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; font-size: 14px;}
.nav li a{ display: block;   color: #ddd; line-height: 40px;  }
.nav li a span{padding: 0px 25px;}
.nav li a.yi:before{content: ""; border-left: #ccc 1px dotted; width: 1px; height: 14px; }
.nav li a:hover{ color: #fff; }
.nav li.on a{ }

.nav li .sub-box1{ position:absolute;text-transform:none; top:40px; left: -25%;  width:150%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 12px;  padding:0px 10px; text-align: center; border-bottom: #ddd 1px dotted; color: #333; line-height: 30px;  }
.nav li .sub-box a:hover{ background: #cce3f0; }
.index_l{ width: 740px; margin-right: 20px; }
.index_r{ overflow: hidden; }
.indexzs_box{ margin:0 auto 10px auto; background:#EAEBF4; border:#ccc 1px solid;  padding:8px 10px;  }
.indexzs_box em{ display: inline-block; background:#8C92C0; padding:5px; font-size: 14px; border-radius: 5px; margin-right: 5px; font-weight: bold; }
.indexzs_box span{ margin:0 5px; }
.indexzs_box input[type="text"]{ border:#ddd 1px solid; width: 175px; text-indent: 10px; height: 25px; line-height: 25px; }
.indexzs_box form{ display:inline-block}
.indexzs_box input[type="submit"]{background:#D4D0C8;  border:#ddd 1px solid; margin:0 5px; padding:2px 5px; cursor: pointer; font-size: 12px;}
.indexzs_box .img2{ top: -2px; position: relative; }
.cx_clear{ display:none}
.news_l{ margin-right: 15px; width: 280px; }
.news_r{ overflow: hidden; }
.news_box{ border:#ddd 1px solid; margin:auto; }
.index_dh{ margin: auto; background:#F2F7FB; line-height: 30px;  height: 30px; padding: 0 10px;}
.index_dh .tit{color: #166bbc; font-weight: bold;}
.index_dh .tit img{margin-right: 5px;}
.index_dh .more a{display: block;}
.news_list{ margin:10px; overflow: hidden; }
.news_list li{ border-bottom: #ccc 1px dotted; height: 28px; line-height: 28px; }
.news_list li a{ display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 12px;}

.news_hdp{ width: 160px; background:#F2F7FB; border:#ddd 1px solid; padding: 10px; margin:0 10px; }
.news_hdp .pic span{ padding-top: 66%; }
.news_hdp .tit{ margin:5px auto 0 auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 12px;}
.news_hdp .swiper-horizontal>.swiper-pagination-bullets,.news_hdp .swiper-pagination-bullets.swiper-pagination-horizontal,.news_hdp .swiper-pagination-custom,.news_hdp .swiper-pagination-fraction{ bottom: 20px; }
.news_hdp .swiper-pagination{ text-align: right; }
.news_hdp .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      line-height: 15px;
      font-size: 12px;
      margin:0 2px!important;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2); outline: none; text-align: center; border-radius: 0;
    }

.news_hdp .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
    }


.foot{ background: #111518; margin: auto; padding:10px 0px; text-align: center; color: #cccccc; line-height: 180%; }
.foot a{ color: #ccc; }

.nbanner{ margin: auto;    }
.nbanner .pic span{ padding-bottom:20.4%}
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }


.left{ float:left; width:27%; margin-top:15px; background:#F0F0F0; margin-bottom:15px; }
.left p{ display:block; text-align:center; height:35px; line-height:35px; color:#FFF; background:url(../images/menu09.gif) repeat-x;}
.left ul{}
.left ul a.er{ display:block; height:32px; border-bottom:1px solid #BBBBBB; line-height:32px; text-indent:36px; background:url(../images/dian11.gif) 15px center no-repeat #e5eef7; line-height:32px;}
.left ul a.er:hover,.left ul a.er.on{background:url(../images/dian11.gif) 15px center no-repeat #99bdde; color:#000; font-weight:bold}


.left ul a.san{ display:block;  border-bottom:1px solid #BBBBBB; padding:10px 0;padding-left:36px; background:url(../images/dian16.gif) 16px center no-repeat #F8F8F8;}
.left ul a.san:hover,.left ul a.san.on{background:url(../images/dian17.gif) 15px center no-repeat #00E0E0; color:#606060; font-weight:bold}



.left .left_pic{ margin-top:15px;}
.left .left_pic img{}
.left dl.shy{ padding:4px 0px;}
.left dl.shy a{ display:block; margin:24px auto; height:30px; background:#FF4000; line-height:30px; color:#FFF; text-align:center ; width:144px; max-width:95%}
.left dl.shy i{ display:block; width:90%; margin:12px auto; text-align:left;}
.right{ display:block; overflow:hidden;  padding-top:15px; margin-bottom:15px;}
.route{ background:#ecf3f9; height:35px; line-height:35px; text-indent:15px;}
.detail{ padding-left:15px; padding-top:19px;}

.footer{ height:130px; background:url(../images/copybg.gif) repeat-x; text-align:center}
.footer ul{ padding:15px 0px;}
.footer ul a{ display:inline-block}
.footer ul span{ padding:0px 14px; display:inline-block}
.footer p{ line-height:2}
.footer p i{ display:inline-block;}

.piao{ width: 100px; background: #FF4000;  text-align: center; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 99999; border-radius: 5px;  }
.piao a{ display: block; padding:10px;color: #fff; font-size: 18px; font-weight: bold; }

.animate {
    padding-left: 20px;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    white-space: nowrap;
    animation: 1000s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
            0% {
                transform: translateX(200px);
                -webkit-transform: translateX(200px);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }
@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}