/* CSS Document */
a, b, body, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, img, input, label, li, nav, object, ol, p, section, select, span, strong, table, tbody, td, th, tr, tt, ul{margin: 0;padding: 0;border: 0; font-weight:normal;}

html{}
html, body { font-family:"微软雅黑", Arial; box-sizing:border-box; height: 100%;}
ul, ol, li, dl { list-style: none;}
a { text-decoration: none; margin:0; color:#666;}
input, select, textarea { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}


.page{ min-height: 100%; box-sizing: border-box; padding-bottom: 240px;}

/*导航------------*/
.nav{ width:100%; height: 90px; background:#fff; box-sizing: border-box; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #eee; position: sticky; top: 0; z-index: 1000;}
.nav_logo{ height: 54px;}
.nav_logo img{ height: 100%; display: block;}

.nav_lb{ margin:0 auto; display: flex; align-items: center;}
.nav_lb li{ height:89px; margin: 0 10px; padding: 0 20px; position: relative; box-sizing: border-box;}
.nav_lb li:first-child{ margin-left:0;}
.nav_lb li:last-child{ margin-right:0;}
.nav_lb li .nav_lb_wc{ height: 100%; line-height:89px; text-align:center; display: block; font-size: 16px; color: #333; white-space: nowrap;}
.nav_lb li em{ width: 13px; height: 7px; display: block; background: url("../images/nav_zk.png") no-repeat center; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); transition-duration: 0.5s;}

.nav_sous{ }
.nav_sous span{ width: 22px; height: 22px; display: block; position: relative; top: 50%; transform: translateY(-50%); cursor: pointer;}
.nav_sous span img{ width: 100%; height: 100%; display: block;}

.nav_tz{ width: 160px; background: #fff; box-sizing: border-box; padding: 10px 0; position: absolute; top: 100%; left: 0; box-shadow: 0 5px 10px rgba(221,221,221,0.34); border-radius: 0 0 6px 6px; display: none;}
.nav_tz p{ width: 100%; height: 50px; line-height: 50px; text-align: left;}
.nav_tz p a{ width: 100%; height: 100%; font-size: 14px; text-align: left; box-sizing: border-box; padding: 0 20px; display: block;}
.nav_tz p a:hover{ background: rgba(27,150,277,0.1); color: #1b96ff;}

.nav_sous_tz{ width: 898px; height: 100%; background: #fff; box-sizing: border-box; position: absolute; top: 0; right: 0; overflow: hidden; display: none;}
.inp_sous{ width: 100%; background: #f7f7f7; height: 44px; border-radius: 22px;; box-sizing: border-box; padding: 0 20px; position: relative; top: 50%; left: 0; transform: translateY(-50%); font-size: 16px; color: #333;}
.input_ann{ width: 22px; height: 22px; background: url("../images/sous02.png") no-repeat center; display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); cursor: pointer;}

.nav_lb li.on{ border-top: 4px solid #1b96ff; line-height: 86px}
.nav_lb li.on em{ display: block;}
.nav_lb li.on .nav_lb_wc{ color: #1b96ff; font-weight: bold;}
.nav_lb li:hover{ background: rgba(27,150,277,0.1);}
.nav_lb li:hover em{ bottom: 0px; opacity: 0;}
.nav_lb li:hover .nav_tz{ display: block;}


/*底部------------*/
.footer{ width:100%; height:240px; background:#045192; box-sizing: border-box; padding: 10px 40px 0; margin-top: -240px;}
.footer_main{ width:100%; margin:0 auto; display: flex; justify-content: space-between;}

.footer_main_l{ width: calc(100% - 260px);}
.footer_main_l ul{ width: 100%; display: flex; border-bottom: 2px solid rgba(255,255,255,0.1);}
.footer_main_l ul li{ height:76px; line-height:76px; font-size:16px; color:#fff; margin-right:60px;}
.footer_main_l ul li:last-child{ margin-right: 0;}
.footer_main_l ul li a{ color:#fff;}

.footer_l_xn{ width: 100%; box-sizing: border-box; padding: 20px 0;}
.footer_l_xn p{ font-size:14px; color:#fff; line-height:30px;}
.footer_l_xn p span{ margin-right: 25px;}
.footer_l_xn p span:last-child{ margin-right: 0;}

.footer_main_r{ width: 140px; padding-top: 18px;}
.footer_main_r .ewm{ width:140px; height:140px; box-sizing:border-box; background:#fff; padding:10px; margin-bottom:20px;}
.footer_main_r .ewm img{ width:100%; height:100%; display:block;}
.footer_main_r p{ font-size:16px; color:#fff; line-height:20px; text-align:center;}


/*内页导航------------*/
.ny_bt{ width: 100%; margin-bottom: 40px;}
.ny_bt_sc{ width: 100%; height: 120px; background: #f3faff; box-sizing: border-box; padding-top: 40px;}
.ny_bt_nr{ width: 1200px; margin: -80px auto 0; display: flex;}
.ny_bt_l{ width: 240px; height: 200px; background: #1b96ff; box-sizing: border-box; padding: 20px; position: relative;}
.ny_bt_l em{ width: 40px; height: 3px; border-radius: 3px; display: block; background: #fff; margin-top: 20px;}
.ny_bt_l h2{ width: 100%; font-size: 24px; color: #fff; font-weight: bold; position: absolute; bottom: 34px; left: 0; box-sizing: border-box; padding: 0 20px; line-height:30px;}
.ny_bt_l h2 span{font-size: 18px; display: block; font-weight: bold; line-height: 20px; margin-top: 20px;}

.ny_bt_r{ width: calc(100% - 240px); box-sizing: border-box; padding-left: 30px;}
.ny_wz{ width: 100%; height: 80px; line-height: 70px;}
.ny_wz p{ font-size: 16px; color: #333;}
.ny_wz p span{ margin-right: 10px;}
.ny_wz p a{ font-size: 16px; color: #333; margin-right: 10px;}
.ny_wz p a.on{ color: #1b96ff;}
.ny_wz p a:hover{ color: #1b96ff;}

.ny_nav{ width: 100%; height: calc(100% - 80px); display: flex; align-items: center;}
.ny_nav li{ width: 120px; height: 40px; line-height: 38px; text-align: center; box-sizing: border-box; border: 1px solid #eee; margin-right: 20px;}
.ny_nav li:last-child{ margin-right: 0;}
.ny_nav li a{ width: 100%; height: 100%; display: block; font-size: 16px; color: #333;}
.ny_nav li.on{ border: 1px solid #1b96ff;}
.ny_nav li.on a{ color: #1b96ff;}
.ny_nav li:hover a{ color: #1b96ff;}


.ny_bt_r02{ width: 100%; height: 200px; box-sizing: border-box; padding-left: 30px; border-left: 4px solid #1b96ff;}
.xq_bt{ width: 100%; height: calc(100% - 80px); display: flex; flex-wrap: wrap; align-content: space-between;}
.xq_bt h3{ font-size: 28px; color: #333; box-sizing: border-box; padding: 20px 0; line-height: 44px;}
.xq_bt p{ font-size: 16px; line-height: 30px; color: #999;}



.ny_main{ width: 1200px; margin: 0 auto; box-sizing: border-box;}

/*有图列表*/
.lb01_main{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.lb_tu_l{ width: 66%; height: 490px;}
.lb_tu_l a{ width: 100%; height: 100%; display: block; position: relative;}
.lb_tu_l a em{ width: 100%; height: 100%; display: block;}
.lb_tu_l a em img{ width: 100%; height: 100%; display: block;}
.lb_tu_l a p{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 20px; font-size: 28px; color: #fff; line-height: 44px; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}

.lb_tu_r{ width: 34%; box-sizing: border-box; padding-left: 30px;}
.lb_tu_r ul{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between;}
.lb_tu_r ul li{ width: 100%; height: calc(50% - 15px); border-top: 3px solid #1b96ff;}
.lb_tu_r ul li a{ }
.lb_tu_r ul li a em{ width: 100%; height: 154px; display: block; overflow: hidden;}
.lb_tu_r ul li a em img{ width: 100%; display: block;}
.lb_tu_r ul li a p{ width: 100%; font-size: 22px; color: #333; line-height: 34px; box-sizing: border-box; margin-top: 8px;}

/*无图列表*/
.lb_main{ width: 100%; box-sizing: border-box;}
.lb_main ul{ width: 100%;}
.lb_main ul li{ width: 100%; padding: 30px 0; box-sizing: border-box; border-bottom: 1px dashed #eee; transition-duration: 0.2s; border-left-color: #1b96ff;}
.lb_main ul li a{ width: 100%;}
.lb_main ul li a h3{ font-size: 20px; color: #333; line-height: 32px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lb_main ul li a p{ font-size: 14px; color: #999; line-height: 20px;}
.lb_main ul li:hover{ background: #fff; box-shadow: 0 0 20px rgba(221,221,221,0.34); border-bottom: 1px dashed #fff; border-left: 4px solid #1b96ff; padding: 30px 20px;}
/*页码*/
.yema{ width: 1200px; margin: 40px auto 50px; box-sizing: border-box;}
.yema_lb{ display: flex;}
.yema_lb li{ width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #eee; box-sizing: border-box; margin-right: 10px;}
.yema_lb li:first-child{ width: 56px}
.yema_lb li:last-child{ width: 56px; margin-right: 0;}
.yema_lb li a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #999;}
.yema_lb li.on{ background: #1b96ff; border: 0; line-height: 40px;}
.yema_lb li.on a{ color: #fff;}
.yema_lb li a:hover{ color: #1b96ff;}


/*详情------------*/
/*.xq_nr{ width: 100%; box-sizing: border-box; font-size: 16px; color: #555; text-indent: 32px; line-height: 30px; text-align: justify; margin-bottom: 50px;}*/
.xq_nr p{ margin-bottom: 20px;}
.xq_nr b{ font-size: 20px; color: #333; margin-bottom: 20px; display: block;}



/*banner------------*/
.banner{ width:100%; height:700px;}
.slideBox{ width:100%; height:700px; overflow:hidden; position:relative; }
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:12px; width:10px; height:10px; box-sizing:border-box; border-radius:5px; border:2px solid #fff; cursor:pointer; transition-duration:0.5s;}
.slideBox .hd ul li:last-child{ margin-right:0;}
.slideBox .hd ul li.on{ background:#fff; width:34px; height:10px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ width:100%; height:700px; zoom:1; vertical-align:middle;}


.sy_main{ width: 100%; box-sizing: border-box; padding: 40px 40px 70px; background: #fff no-repeat center; background-size: cover;}

.sy_bt{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.sy_bt_l{ }
.sy_bt_l h2{ font-size: 34px; color: #333; line-height: 40px; font-weight: bold;}
.sy_bt_l em{ width: 98px; height: 2px; border-radius: 2px; background: #1b96ff; display: block; margin: 20px 0;}
.sy_bt_l p{ font-size: 20px; color: #bdc1ca; line-height: 24px;}

.sy_bt_lb{ display: flex;}
.sy_bt_lb li{ width: 120px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #d8dde4; font-size: 16px; color: #333; margin-left: 20px; cursor: pointer;}
.sy_bt_lb li:first-child{ margin-left: 0;}
.sy_bt_lb li a{ color: #333; display: block;}
.sy_bt_lb li.on{ color: #1b96ff; border: 1px solid #1b96ff;}
.sy_bt_lb li:hover{ color: #1b96ff;}
.sy_bt_lb li:hover a{ color: #1b96ff;}


.sy_lmnr{ width: 100%;}
.xinx_lb{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.xinx_lb li{ width: calc(50% - 10px); height: 64px; background: #fff; margin-top: 20px;}
.xinx_lb li:nth-child(1), .xinx_lb li:nth-child(2){ margin-top: 0;}
.xinx_lb li a{ width: 100%; height: 100%; box-sizing: border-box; padding-right: 20px; display: flex; align-items: center;}
.xinx_lb li a p{ width: calc(100% - 180px); font-size: 16px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xinx_lb li a em{ width: 6px; height: 8px; display: block; background: url("../images/zs01.png") no-repeat left; margin-right: 18px;}
.xinx_lb li a span{ font-size: 16px; color: #999; margin-left: auto;}
.xinx_lb li:hover a p{ color: #1b96ff;}


.sy_bt02{ width: 100%; margin-bottom: 30px;}
.sy_bt02 h2{ font-size: 34px; color: #fff; line-height: 40px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.sy_bt02 p{ font-size: 20px; color: #fff; line-height: 24px; text-align: center;}


.picScroll-left{ overflow:hidden; position:relative; width:100%; padding: 48px 75px 60px; box-sizing: border-box;}
.picScroll-left .hd{ overflow:hidden; width:100%; height:44px; position:absolute; left: 0; top:50%; transform: translateY(-50%); margin-top: -22px; z-index:30;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:75px; height:44px; overflow:hidden; cursor:pointer; background:url(../images/left.png) no-repeat center; position:absolute; top:0;}
.picScroll-left .hd .prev{ background-image: url(../images/jt01.png); left:0;}
.picScroll-left .hd .next{ background-image: url(../images/jt02.png); right:0;}

.picScroll-left .bd{ overflow:hidden; width:100%; margin:0 auto; position:relative; z-index:40; box-sizing: border-box;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; width:100%; float:left; _display:inline;}
.picScroll-left .bd ul li{ width: calc(33.33% - 20px); margin: 0 10px; float:left; overflow:hidden; _display:inline;}
.picScroll-left .bd ul li .pic{ width: 100%; padding-bottom: 53%; overflow:hidden; background: #fff; box-sizing: border-box; border: 10px solid #fff; position: relative;}
.picScroll-left .bd ul li .pic a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.picScroll-left .bd ul li .pic a img{ width: 100%; height: 100%; display:block; transition-duration:0.5s;}
.picScroll-left .bd ul li .pic a:hover img{ transform: scale(1.1,1.1);}
.picScroll-left .bd ul li .title{ width:100%; position:relative; box-sizing:border-box; padding-top: 18px; display: flex;}
.picScroll-left .bd ul li .title a{ width:calc(100% - 71px); display:block; box-sizing:border-box; font-size:30px; font-weight: bold; color:#fff; line-height:54px;}
.gy_zs{ width: 41px; margin-top: -89px; margin-left: 30px; position: relative; box-sizing: border-box; padding-top: 28px;}
.gy_zs div{ width: 41px; height: 41px; background: rgba(27,150,255,0.3); box-sizing: border-box; border-radius: 50%; display: block; padding: 13px; position: absolute; top: 0; left: 0;}
.gy_zs div span{ width: 100%; height: 100%; background: rgba(255,255,255,0.3); box-sizing: border-box; border-radius: 50%; display: block;}
.gy_zs em{ width: 1px; height: 100%; background: rgba(255,255,255,0.3); display: block; margin: 0 auto;}

.gyxm_gd{ width: 100%; display: flex; justify-content: center;}
.gyxm_gd a{ width: 120px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #fff; font-size: 16px; color: #fff; margin: 0 20px; cursor: pointer; display: block;}


.xwzx_lb{ width: 100%; display: flex; justify-content: space-between;}
.xwzx_lb_l{ width: 955px;}
.xwzx_lb_l a{ display: block; position: relative;}
.xwzx_lb_l a em{ width: 100%; height: 448px; display: block;}
.xwzx_lb_l a em img{ width: 100%; height: 100%; display: block;}
.xwzx_lb_l a p{ width: 100%; background: rgba(4,81,146,0.5); box-sizing: border-box; padding: 30px; position: absolute; bottom: 0; left: 0;}
.xwzx_lb_l a p span{ width: 100%; display: block; border-left: 3px solid #1b96ff; box-sizing: border-box; padding-left:20px; font-size: 28px; color: #fff; line-height: 40px;}

.xwzx_lb_r{ width: calc(100% - 975px);}
.xwzx_lb_r li{ width: 100%; background: #fff; box-sizing: border-box; border-left: 3px solid #1b96ff; padding: 20px; margin-bottom: 20px;}
.xwzx_lb_r li:last-child{ margin-bottom: 0;}
.xwzx_lb_r li a{ display: block;}
.xwzx_lb_r li a h4{ font-size: 18px; color: #333; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 17px;}
.xwzx_lb_r li a p{ font-size: 14px; color: #999; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.sy_lm{ width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; border: 1px solid #eee;}
.sy_lm li{ width: 20%; box-sizing: border-box; border-right: 1px solid #eee; border-top: 1px solid #eee;}
.sy_lm li:nth-child(1), .sy_lm li:nth-child(2), .sy_lm li:nth-child(3), .sy_lm li:nth-child(4), .sy_lm li:nth-child(5){ border-top: 0;}
.sy_lm li:nth-child(5n){ border-right: 0;}
.sy_lm li a{ width: 100%; height: 100px; display: block; position: relative;}
.sy_lm li a img{ max-height: 90%; max-width: 90%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


#xxgk{ background-image: url(../images/sy_bg01.png)}


#gyxm{ background-image: url(../images/sy_bg02.png)}

#xwzx{background-image: url(../images/sy_bg03.png)}

.el-pagination.is-background .el-pager li:not(.disabled).active{
    background: #1b96ff;
    border: 0;
}
.el-pager li{
    height: 40px;
    line-height: 40px;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    min-width: 40px;
    background-color:#fff;
    color:#999;
    border: 1px solid #eee;

}
.el-pagination button, .el-pagination span:not([class*=suffix]){
    height: 40px;

    line-height: 38px;
}
.el-pager .more::before{
    line-height:38px;
}


.xq_bt h3{width: 100%}





.xq_nr{ width: 100%; box-sizing: border-box; font-size: 16px; color: #555;  line-height: 30px; text-align: justify; margin-bottom: 50px;}
.picScroll-left .bd ul li .title a{
    width: 100%;
    font-size: 24px;

    line-height: 54px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.footer{

    height: 200px;

    margin-top: -200px;
}
.footer_main_l{
    width: 100%;
}