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

body{ font-size:14px; color:#2e2e2e; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#2e2e2e; font-size:14px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.fright{ width:55px; height:112px; z-index:9999; right:0; top:50%; margin-top:-56px; position:fixed}
.fright a{ display:block;}

.top{ width:100%; margin: 0 auto; background:#fff; overflow:hidden;position: relative; padding-top:8px; padding-bottom:8px;}
.top .logo{ width:100%;display: block; width:40%; max-width:172px; margin-left:10px;}
.top .logo img{ width:100%;display: block}
.top .el{ position: absolute; z-index: 99; height: 30px; right: 45px; top: 50%; margin-top: -15px;}
.top .el .ssbtn{ float: left; height: 30px;}
.top .el .yy{ line-height: 30px; color: #00447d; font-size: 16px; margin-left: 5px; float: left;}

.nav-bgm .ss{ width: 260px; height: 32px; background: #025bb5; position: absolute; z-index: 999; top: 0; right: 0; display: none;}
.nav-bgm .ss .wbk{ width: 196px; height: 28px; border: none; background: #fff; float: left; box-sizing: border-box; margin-left: 2px; margin-top: 2px; line-height: 28px; text-indent: 15px;}
.nav-bgm .ss .an{ float: right; width: 60px; height: 32px; border: none; cursor: pointer; background: #025bb5; text-align: center; line-height: 32px; color: #fff; }

.top .ment{ position:absolute; z-index:999; width:23px; height:18px; top:50%; margin-top:-9px; right:8px; cursor:pointer; background:url(../images/ment-ico.png) no-repeat; display:block}
.top .mentx{ background:url(../images/ment-icox.png) no-repeat}

.nav-bgm{ width:100%; height:0; position:relative; overflow:visible;}
#navm{ width:100%; height:auto; background:#015cb5; overflow-y:auto;  padding-bottom:10px;  padding-top:20px; display:none; z-index:9999; position:absolute; left:0; top:0}
#navm dl{ width:96%; margin:0 auto; overflow:hidden;}
#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3); height:40px; color:#fff; text-indent:4px;}
#navm dl dt a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; font-size:16px; text-transform:uppercase; text-indent:4px;}
#navm dl dd{width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3); height:auto; border-top:1px solid rgba(255,255,255,0.3); padding-top:8px; padding-bottom:8px; display:none}
#navm dl dd ul.ul1{ display:block}
#navm dl dd ul{ display:block}
#navm dl dd ul li{ width:100%; height:auto; overflow:hidden;}
#navm dl dd ul li a{ width:100%; display:block;  line-height:36px; color:#fff; font-size:14px; text-transform:uppercase; text-indent:20px;}
#navm dl dd ul li ul li a{ text-indent:34px; border-bottom:1px dashed rgba(255,255,255,0.3); font-size:14px;}
#navm dl dd ul li ul li ul li a{ text-indent:34px; font-size:14px;}


.flash{ width:100%; height:auto; margin:0 auto;}
.flash div{overflow: visible}
.flash img{width: 100%; display: block}
.flash .swiper-container .swiper-wrapper .swiper-slide{overflow: hidden}

.flashn{ width:100%; height:200px; background-image:url(../images/banner-pro.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

/******************************** index *********************************/

ul.proul li{ width: calc(50% - 10px); height: auto; float: left; margin-left:5px; margin-right: 5px; overflow: hidden; margin-bottom:15px; }
ul.proul li img{display: block; width: 100%; box-sizing: border-box;border: 1px solid #015cb5; border-bottom: none;}
ul.proul li .name{width: 100%; height: 34px; background: #015cb5; text-align: center; line-height: 34px; color: #fff; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




/******************************** index *********************************/


.titles{width: 100%; height: auto; text-align: center;}
.titles span{display: block; text-align: center; color: #015cb5; font-size: 24px; line-height: 30px;}
.titles .xian{width: 52px; height: 2px; background: #ffa900; margin: 0 auto; margin-top: 5px;}

.service{ width: 94%; margin: 0 auto;}
.service .bg{width: 100%; height: auto; margin-top: 30px; position: relative;}
.service .bg div{ overflow:visible}
.service .bg .box{width:100%; margin:0 auto; height:auto;}
.service .bg .box img{display: block; width: 100%; box-sizing: border-box;border: 1px solid #015cb5; border-bottom: none;}
.service .bg .box .name{ width: 100%; height: 34px; background: #015cb5; text-align: center; line-height: 34px; color: #fff; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.about{width: 100%; height:auto; margin: 0 auto; margin-top: 30px; background: #f9f9f9;}
.about .bg{ width: 94%; height: auto; margin: 0 auto; margin-bottom: 30px; }
.about .bg .tu{width: 100%;}
.about .bg .tu img{ display: block; width: 100%;}

.about .bg .txt{ width: 100%;display:block; height:auto; margin-top: 20px;}
.about .bg .txt .title{ height: auto;}
.about .bg .txt .title span{display: block; color: #015cb5; font-size: 18px; line-height: 26px;}
.about .bg .txt .title em{display: block; color: #595959; font-size: 12px; line-height: 20px;}
.about .bg .txt .title .xian{width: 57px; height: 2px; background: #ffa900; margin-top: 5px;}

.about .bg .txt .nr{width: 100%; color: #838383; margin-top: 15px;}
.about .bg .txt .an{ width:auto; margin-top: 20px;}
.about .bg .txt .an a{ float: left; display: block; height: 34px; font-size: 13px; width: 90px; text-align: center; line-height: 34px; background: #015cb5; color: #fff; margin-right: 5px;}
.about .bg .txt .an a:hover{ background: #ffa900;}

.jjfa{ width: 94%; height: auto; margin: 0 auto; margin-top: 30px;}
.jjfa .bg{width: 100%; height: auto; margin-top: 30px;}
.jjfa .bg div{ overflow: visible;}
.jjfa .bg img{ display: block; border-radius: 5px; width: 100%;}
.jjfa .bg .name{ text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.telbg{ width: 100%; margin-top: 30px;}
.telbg img{ width: 100%; display: block;}

.new{width: 94%; height: auto; margin: 0 auto; margin-top:30px ;}
.new .txt{ width: 100%; margin-top: 30px;}
dl.newsdl{ width: 100%; height: 117px; overflow: hidden; margin-bottom: 15px; background: #f5f5f5;}
dl.newsdl dt{ width: 140px; height: 117px; float: left;}
dl.newsdl dt img{ display: block;width: 140px; height: 117px; }

dl.newsdl dd{ width:calc(100% - 148px); height: 117px; float: right; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
dl.newsdl dd .name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px; color: #000000; line-height: 22px;}
dl.newsdl dd .time{ color: #8b8b8b; padding-top: 5px;}
dl.newsdl dd .memo{ color: #8b8b8b; padding-top: 5px; max-height: 40px; line-height: 20px;}
dl.newsdl:hover{ background: #015cb5;}
dl.newsdl:hover .name{ color: #fff;}
dl.newsdl:hover .time{ color: #fff;}
dl.newsdl:hover .memo{ color: #fff;}
.new .more{ display: block; width: 100px; height: 36px; margin: 0 auto; text-align:center; line-height: 36px; background: #0f54b1; color: #fff; font-size: 14px; overflow: hidden; margin-top: 10px; text-transform: uppercase;}










/****************************** ny *************************************/

.listn{height:auto; border-bottom: 1px solid #004478; }
.listn ul li{ float:left; height: 34px; margin-right: 1px; margin-bottom: 3px;}
.listn ul li a{ display:block; width:auto; height:34px; padding-left:15px; padding-right:15px; text-align:center; line-height:34px; color:#5b5b5b; font-size:14px;}
.listn ul li a.dz{ color:#015cb5}

.ny_side{ width:100%; height:auto; margin-top:20px; min-height:300px;}
.ny_side img{ max-width:100%; display:block}


.ny_news_list{ width:100%; margin:5px auto auto;}
.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}

ul.feedback li{ width:100%; overflow:hidden; margin-bottom:10px; margin-top:15px;}
ul.feedback li .name{ width:90px; height:32px; float:left; line-height:32px;}
ul.feedback li .nr{ width:calc(100% - 110px); float:left; }
ul.feedback li .nr .inp{ width:90%; border:1px solid #ccc; height:30px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px; max-width:500px;}
ul.feedback li .nr .tex{ width:90%; border:1px solid #ccc; height:90px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px;max-width:500px;}
ul.feedback li .nr .btn{ width:162px; height:30px; display:block; text-align:center; line-height:30px; background:#024438; border:none; overflow:hidden; color:#fff; }