@charset "utf-8";
body{font-size:12px; color:#91989f; font-family:"微软雅黑", Arial, Helvetica, sans-serif; cursor:default; max-width:768px; margin:0 auto;}
*{padding:0px; margin:0px;box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;max-width:100%;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;}
a:hover{color:#005caf;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
.ct{margin:0 auto;}
input[type=button],input[type=text],input[type=password],textarea{-webkit-appearance:none;outline:none}

.con{width:94%;}

.header{width:100%; height:62px; background-color:#fff; padding:5px 0; box-shadow:0 0 5px #bbb; z-index:99; position:fixed; top:0%; left:50%;
transition:all .3s;
max-width: 768px;
transform: translate(-50%,0%);
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header.on{margin-left:50%;}
.header .logo{width:124px; position:absolute; left:50%;transform: translate(-50%,0);}
.header .logo img{width:100%; height:auto; display:block;}
.header .ss{float:right; width:30px; height:30px; border-radius:100%; border:2px solid #d7d7d7; text-align:center; font-size:16px; line-height:26px; margin-right:4%; margin-top:11px;}
.header .an{width:30px; height:30px; margin-top:11px; float:left; position:relative; margin-left:4%;}
.header .an span{width:30px; height:2px; background-color:#91989f; display:block; position:absolute;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .an span.a1{top:6px; left:0;}
.header .an span.a2{top:14px; left:0;width:23px;}
.header .an span.a3{top:22px; left:0;}
.header.on .an span.a2{display:none;}
.header.on .an span.a1{top:16px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header.on .an span.a3{top:16px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}

.search{width:100%; padding:10px 15%; background-color:#f7f7f7; position:fixed; top:62px; left:0; z-index:9; display:none;}
.search input.w_z{width:85%; height:32px; border-radius:0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:32px; color:#555; float:left; -webkit-appearance:none;}
.search button.s_c{width:15%; height:32px; border-bottom:1px solid #d7d7d7; font-size:16px; line-height:32px; text-align:center; float:right; -webkit-appearance:none;}

.nav{width:50%; height:100%; background-color:#2b2b2b; position:fixed; top:0; left:-50%; z-index:999; overflow:scroll;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.nav.on{left:0;}
.nav ul{margin-bottom:80px; margin-top:20px; overflow:hidden;}
.nav ul li{width:100%; float:left; border-bottom:1px solid #4b4b4b;}
.nav ul li a.y_j{width:100%; height:46px; font-size:15px; color:#fff; line-height:46px; text-indent:10%; display:block; position:relative;}
.nav ul li a.y_j.on{background-color:#2b2b2b;}
.nav ul li i{display:inline-block; width:0; height:0; margin-left:5px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent; position:absolute; top:50%; right:10%;}
.nav .e_j{display:none; margin-bottom:10px;}
.nav .e_j a{display:block; font-size:12px; line-height:32px; color:#fff; text-indent:10%;}

.head_h{width:100%; height:62px;}

.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination-bullet{width:20px; height:2px; margin:0 5px !important;}
.gallery-top .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:6px;}

.gy_bt{width:100%; text-align:center; margin-bottom:15px;}
.gy_bt h1{font-size:18px; color:#333333; margin-bottom:5px;font-weight: bold;}
.gy_bt em{font-size:12px; color:#888; display:block;}
.gy_bt i{display:inline-block; width:30px; height:1px; background-color:#888; vertical-align:middle; margin:0 10px;}

.sy_gy{width:100%; padding:20px 5%; overflow:hidden;}
.sy_gy .w_z{width:100%;}
.sy_gy .w_z p{font-size:12px; line-height:22px; margin-bottom:10px;}
.sy_gy .w_z a{width:100px; border:1px solid #d7d7d7; font-size:12px; line-height:28px; text-align:center; color:#888; display:block;}
.sy_gy .w_z a:hover{color:#132e7c; border:1px solid #132e7c;}
.sy_gy .w_z i{padding-left:10px;}
.sy_gy .t_p{width:100%; margin-bottom:10px;}
.sy_gy .t_p img{width:100%; height:auto; display:block;}

.sy_al{width:100%; padding:20px 0; background-color:#fff; overflow:hidden;}
.sy_al .tp{overflow:hidden;}
.sy_al .tp img{width:100%; height:auto; display:block;}
.sy_al .wz{padding:10px; text-align:center;}
.sy_al .wz h3{font-size:15px; line-height:26px; margin-bottom:5px;}
.sy_al .wz p{font-size:12px; color:#aaa; line-height:18px; height:18px;}
.sy_al .wz a{width:30px; height:30px; display:block; font-size:22px; line-height:26px; text-align:center; background-color:#e7e7e7; border-radius:100%; margin:10px auto 0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.sy_al .swiper-anli .swiper-slide:hover .wz a{background-color:#ff0100; color:#fff;}
.sy_al .wz i{display:inline-block; line-height:24px;}

.swiper-anli .swiper-slide{width:66%; overflow:hidden; background-color:#fff;}

.sy_yl{width:100%; padding:50px 15px; background:url(../images/yw_bj.jpg) no-repeat center / cover; text-align:center; color:#fff;}
.sy_yl h1{font-size:16px; margin-bottom:10px;}
.sy_yl h2{font-size:12px; margin-bottom:20px;}
.sy_yl a.zx_ly{width:110px; height:32px; border-radius:5px; border:2px solid #fff; font-size:14px; line-height:28px; color:#fff; text-align:center; display:block; margin:0 auto;}

.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.9); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:70%; padding:30px 5%; background-color:#fff; position:absolute; top:50%; left:15%; margin-top:-180px;}
.tj_yy .n_r .bt{text-align:center; color:#555; margin-bottom:15px;}
.tj_yy .n_r .bt h3{font-size:24px; color:#ff0100; margin-bottom:10px;}
.tj_yy .n_r .bt p{font-size:15px;}
.tj_yy .n_r .yy input.w{width:100%; height:36px; padding:0 10px; border:1px solid #e7e7e7; font-size:12px; color:#555; line-height:36px; margin-bottom:10px;}
.tj_yy .n_r .yy input.a{width:100%; height:36px; background-color:#ff0100; font-size:15px; color:#fff; line-height:36px; cursor:pointer;}
.tj_yy .n_r .yy textarea{width:100%; height:96px; padding:5px 10px; border:1px solid #e7e7e7; font-size:12px; line-height:24px; color:#555; outline:none; resize:none; margin-bottom:10px;}

.sy_zx{width:100%; padding:20px 15px; background-color:#f5f5f5;}
.sy_zx .z_x{width:100%}
.sy_zx .z_x ul li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #e7e7e7; overflow:hidden;}
.sy_zx .z_x .tp{width:35%; overflow:hidden; float:left;}
.sy_zx .z_x .tp img{width:100%; height:90px; display:block;}
.sy_zx .z_x .wz{width:62%; overflow:hidden; float:right;}
.sy_zx .z_x .wz h3{font-size:14px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_zx .z_x .wz span{font-size:12px; line-height:16px; color:#ff0100;}
.sy_zx .z_x .wz p{font-size:12px; line-height:22px; color:#777; margin-bottom:5px; height:44px; overflow:hidden;}

.sy_hz{width:100%; padding:20px 15px 10px;  overflow:hidden;}

.swiper-js{width:100%; padding:0; margin:0 auto; padding-bottom:20px;}
.swiper-js .swiper-slide img{width:100%; height:auto; display:block;}
.swiper-js .swiper-pagination-bullet{width:5px; height:5px; border-radius:50%; margin:0 3px !important;}
.swiper-js .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:0;}

.footer{width:100%; padding:10px 15px; font-size:14px; line-height:24px; text-align:center; color:#aaa; background-color:#1b1b1b; margin-bottom:54px;}

.fh_top{padding:5px;width:30px; height:30px; border-radius:100%; background-color:#fff; border:1px solid #d7d7d7; display:none; position:fixed; right:15px; bottom:70px; z-index:999;}
.fh_top img{width:100%; height:auto; display:block;}
.tpaa{ width:46%; margin:2%; float:left; display:inline; text-align:center;}
.tpaa a{ color:#444; }
.tpaa img{ width:100%; min-height:100%;}

.sjkf{width:100%; height:60px; background-color:#0a318e; position:fixed; bottom:0; left:50%; z-index:999;max-width: 768px;transform: translate(-50%,0);}
.sjkf ul li{width:20%; float:left; display:block;}
.sjkf ul li a{display:block; padding:7px 0 3px; text-align:center; line-height:22px; font-size:12px; color:#fff;}
.sjkf ul li img{width:22px; height:22px; display:block; margin:0 auto;}
.tu2{ width:46%; margin:2%; float:left; text-align:center;}
.tu2 img{ width:100%; height:100px;}
.tu2 a{ color:#333;}

.ew_m{width:100%; height:100%; background-color:rgba(0,0,0,.8); display:block; position:fixed; top:0; left:0; display:none; z-index:99999;}
.ew_m img{width:40%; height:auto; position:absolute; left:30%; top:50%; display:block;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}

.n_ban{width:100%;}
.n_ban img{width:100%; height:auto; display:block;}

.ny_ej{width:100%; padding:5px 15px; font-size:15px; line-height:36px; background-color:#f5f5f5; position:relative;}
.ny_ej .w_z{position:relative;}
.ny_ej .w_z i{float:right; font-size:20px; line-height:36px;}
.ny_ej ul{position:absolute; padding:0 15px; top:46px; left:0; width:100%; border:1px solid #e7e7e7; background-color:#fff; z-index:100; display:none;}
.ny_ej ul li{display:block; font-size:14px; border-bottom:1px solid #e7e7e7; text-align:center; line-height:44px;}
.ny_ej ul li:last-child{border-bottom:0;}
.ny_ej ul li a{display:block;}

.neiye{width:100%; padding:20px 15px; overflow:hidden;}
.neiye .z_x{width:100%}
.neiye .z_x ul li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #e7e7e7; overflow:hidden;}
.neiye .z_x .tp{width:35%; overflow:hidden; float:left;}
.neiye .z_x .tp img{width:100%; height:90px; display:block;}
.neiye .z_x .wz{width:62%; overflow:hidden; float:right;}
.neiye .z_x .wz h3{font-size:14px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.neiye .z_x .wz span{font-size:12px; line-height:16px; color:#ff0100;}
.neiye .z_x .wz p{font-size:12px; line-height:22px; color:#777; margin-bottom:5px; height:44px; overflow:hidden;}
.tu{ color:#444; text-align:center; width:31.33%; float:left; margin:1%; display:inline; background:#f6f6f6; border:1px #ddd solid; padding:10px 0px;}

.ppjj { width:100%; margin:0px auto;}
.ppjj ul li { width:50%; font-size:16px;  text-align:center; float:left; line-height:30px; color:#333; margin:10px 0px;}
.ppjj ul li img { width:60%; height:auto; margin:0px auto;  -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} 
.ppjj ul li a {font-size:16px; color:#333;}
.ppjj ul li img:hover {-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}


.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

.z_x img{ max-width:100%; height:auto}


.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }



.add-icon-box{
    width:60px;
    height: 60px;
    margin:-15px auto 0 auto;
    padding:10px;
    border-radius: 50%;
    background: #0a318e;
}
.add-icon{
    width:40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    margin:auto;
    font-size: 40px;
    border-radius: 50%;
    border:2px solid #fff;
}
.layui-carousel-ind ul,.layui-carousel-ind ul:hover{
    background-color:rgba(0,0,0,0);
}
.tpaa{
    margin-top:10px;
}
.tpaa .pic{
    padding:5px;
    border:1px solid #eee;
    border-radius: 2px;
    height:180px;
    overflow: hidden;
}
.tpaa .title{
    margin-top:10px;
}
.title_line{
    width:90px;
    margin:auto;
}
.title_line>div{
    height: 1px;
    background: #ccc;
    width:60px;
}
.title_line>div:nth-child(1){
    float: right;
}
.title_line>div:nth-child(2){
    margin-top:3px;
    float: left;
}
.index-about{
    color:#8c8c8c;
    padding:10px;
    font-size: 14px;
    line-height: 30px;
}
.more{
    text-align: center;
    padding:20px 0;
}
.more a{
    padding:8px 30px;
    border:1px solid #ccc;
}
.index-news-nav{
    padding:10px;
}
.index-news-nav li{
    float: left;
    padding:10px 20px;
}
.index-news-nav .active{
    background: #0a318e;
    color:#fff;
}
.index-news-nav .active a{
    color:#fff;
}
.index-news-list{
    border-bottom:1px solid #ccc;
    margin:10px;
    padding:5px 0;
}
.index-news-list .date{
    width:60px;
    height: 60px;
    border:1px solid #ccc;
    text-align: center;
    float: left;
    margin-right:10px;
}
.index-news-list .date p:nth-child(1){
    font-size: 26px;
    color:#000;
}
.index-news-list .title{
    font-size: 16px;
    color:#000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
.index-news-list .description{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

.page{
    padding:10px;
    margin-top:20px;
}
.am-pagination li{
    padding:10px 20px;
    float: left;
    background: #eee;
    margin-right:5px;
    font-size: 14px;
}
.am-pagination .am-active{
    background: #0a318e;
}
.am-pagination .am-active a{
    color:#fff;
}
.am-pagination .total{
    display: none;
}

.show{
    padding:15px;
}
.show-title{
    color:#000;
    font-size: 18px;
    line-height: 30px;
    padding:20px 0;
}
.show-date,.sub-title{
    font-size: 14px;
    color:#999;
    line-height: 25px;
}
.show-content{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:20px 0;
    margin:10px 0;
}
.show p{
    font-size: 14px;
    line-height: 25px;
    color:#333;
}
.show .label{
    font-size: 16px;
    font-weight: bold;
    color:#000;
    margin-right:10px;
}
.show-about-label,.show-pre,.show-next{
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.show a{
    font-size: 14px;
}
.ny_ej .active{
    background: #0a318e;
}
.ny_ej .active a{
    color:#fff;
}

.float-message-box{
    position: fixed;
    z-index: 100;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.float-message{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:90%;
    height: 60%;
    background: #fff;
    border-radius: 5px;
    max-width: 768px;
}
.float-message .message-title{
    padding:0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    border-bottom:1px solid #eee;
    color:#000;
}
.float-message .message-close{
    float: right;
    font-size: 30px;
    line-height: 40px;
}
.float-message input,.float-message textarea{
    width:100%;
    border:1px solid #ccc;
    margin:5px 0;
    padding:0 10px;
    border-radius: 5px;
}
.float-message input{
    height: 40px;
}
.float-message textarea{
    padding-top:10px;
    height: 100px;
}
.float-message button{
    height: 40px;
    width:100%;
    background: #eee;
    border-radius: 5px;
    color:#666;
}
.float-message .message-content{
    padding:10px;
    font-size: 14px;
    text-align: center;
}