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

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

a { color:inherit; font-size:inherit; line-height:inherit; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:94%; margin: 5px auto; overflow:hidden;position: relative}
.top .logo{ float:left; max-width:540px; width:80%;display: block}
.top .logo img{ width:100%;display: block}

.top .ment{ position:absolute; z-index:999; width:23px; height:18px; top:50%; margin-top:-9px; right:0px; 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:#0d337e; 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}


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

ul.proul li{ width: calc(50% - 20px); height: auto; float: left; margin-left:10px; margin-right: 10px; overflow: hidden; margin-bottom:20px;}
ul.proul li img{display: block; width: 100%;}
ul.proul li .name{width: 100%; height: 30px;text-align: center; line-height: 30px; overflow: hidden}

.ss{ width:100%; height:auto; background:#eeeeee;}
.ss .bg{width:96%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 38px; padding-top: 15px; padding-bottom: 15px}
.ss .bg .title{width:calc(100% - 200px);}
.ss .bg .title img{width: 100%}
.ss .box{ width:180px;  height:38px; }
.ss .box .wbk{ width:120px; height:38px; background: #fff; box-sizing: border-box; border: 1px solid #0d337e; line-height:38px; text-indent:8px;  float:left;}
.ss .box .an{ float:left; width:60px; display:block; cursor:pointer; height:38px; border:none; background:#0d337e; text-align:center; line-height:38px; color:#fff;}

/******************************** index *********************************/
.titlen{width: 100%; height: 58px; overflow: visible;position: relative; }
.titles{ width:100%; height:58px; background:url(../images/title-bg.png) no-repeat center; margin:0 auto; text-align:center}
.titles span{ display:block; height:24px; line-height:24px; padding-top:40px; font-size:14px; overflow: hidden; text-align:center; text-transform:uppercase; color:#0d337e}
.titles em{ display:none;}
.titlen .titles {}
.titlen .titles span{ height:58px; display:block; line-height:58px; text-align:center; padding-top: 20px;}

.titlen .fl{width: 200px;position: absolute; z-index: 999; right: 0; top: 20px;}
.titlen .fl .bt{width: 100px; height: 35px; background: #0d337e; text-align: center; line-height: 35px; color: #fff; float: right}
.titlen .fl .box{ clear: both; width: 200px; height: auto; background: #0d337e; border-top: 1px solid #fff;display: none;padding-top: 5px; color: #fff}
.titlen .fl .box dl{width: 94%; margin: 0 auto; overflow: hidden; margin-bottom: 5px;}
.titlen .fl .box dl dt{width: 100%; display: block; height: 34px; line-height: 34px; overflow: hidden;border-bottom: 1px solid #526da3;}
.titlen .fl .box dl dt a{display: block; width: 100%; text-indent: 15px; height: 34px; line-height: 34px; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.titlen .fl .box dl dd{width: 100%; height: auto; display:none}
.titlen .fl .box dl dd ul li{width: 100%; height: 30px; text-indent: 15px; border-bottom: 1px solid #526da3;}
.titlen .fl .box dl dd ul li a{display: block; height: 30px; width: 100%; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro{ width:96%; margin:0 auto; margin-top:35px;}
.pro .txt{ margin-top: 20px;}



.side1{ width:100%; height:auto; background:#f6f6f6; margin-top:15px;}
.side1 img{ display: block; width: 100%;}

.service{ width:100%; height:auto; margin:0 auto; margin-top:35px;}
.service .title1{ width: 90%; margin: 0 auto}
.service .title1 img{ width:100%; display: block}
.service .bg{ width:94%; margin:0 auto; margin-top:30px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.service .bg  dl{ float:left; width:45%; height:auto; overflow:hidden; background:#f5f5f5; margin-bottom: 20px;}
.service .bg  dl dt{ width:100%; height:auto;}
.service .bg  dl dt img{ display:block; width: 100%;}
.service .bg  dl dd{ width:92%; margin:10px auto; overflow: hidden;}
.service .bg  dl dd .title{ width:100%; margin:0 auto; background:url(../images/sjx-ico2.jpg) no-repeat bottom; padding-bottom:12px; text-align:center}
.service .bg  dl dd .title span{ display:block; font-size:14px; line-height:26px; color:#0d337e}
.service .bg  dl dd .title em{ display:block; font-size:12px; text-transform:uppercase; line-height:18px; color:#575757}
.service .bg  dl dd .txt{ text-align:center; color:#7f7f7f; width:100%; margin:0 auto; padding-top:10px; line-height:20px; height:120px; font-size:12px;}
/*
.service .bg  dl:first-child{ background: #0d337e}
.service .bg  dl:first-child dd .title{background:url(../images/sjx-ico1.jpg) no-repeat bottom;}
.service .bg  dl:first-child dd .title span{ color:#fff}
.service .bg  dl:first-child dd .title em{ color:#fff}
.service .bg  dl:first-child dd .txt{color: #fff;}
*/


.ys{ width:100%; height:auto; background:url(../images/ys-bg.jpg) no-repeat bottom center #0d337e; margin-top:15px;}
.ys .tu{ width:100%;}
.ys .tu img{ width:100%; display: block}
.ys .bg{ width:94%; margin: 0 auto; margin-top:35px;}
.ys .bg .title{ width:100%; text-align:center; color:#fff}
.ys .bg .title span{ display:block; line-height:30px; font-size:20px;}
.ys .bg .title em{ display:block; line-height:20px; font-size:14px; text-transform:uppercase; padding-top:2px;}
.ys .bg .txt{ width:100%; height:auto; padding-top:25px;}
.ys .bg .txt ul li{ width:100%; height:auto; background:#fff; border-radius:3px; overflow:hidden; margin-bottom:20px;}
.ys .bg .txt ul li dl{ width:94%; margin:5px auto; overflow: hidden}
.ys .bg .txt ul li dl dt{ height:30px; line-height:30px; color:#0d337e; font-size:16px;}
.ys .bg .txt ul li dl dt span{ font-size:20px; margin-right:10px;}
.ys .bg .txt ul li dl dd{ width:100%; line-height:20px; height:auto; color:#666666; font-size:12px; overflow:hidden; padding-top: 2px;}
.ys .bg .txt ul li:hover{ background:#000000}
.ys .bg .txt ul li:hover dl dt{ color:#fff}
.ys .bg .txt ul li:hover dl dd{ color:#fff}


.about{ width:94%; margin:0 auto; margin-top:35px;}
.about .bg{ width:100%; margin-top:30px; display: flex; justify-content:space-around}
.about .bg .tu{ width:45%; display: block; overflow: hidden}
.about .bg .tu div{ overflow:visible}
.about .bg .tu img{width: 100%}
.about .txt{ width: 100%; margin-top: 15px;}
.about .more{ display:block; width:142px; height:44px; margin:0 auto; background:#0d337e; text-align:center; line-height:44px; color:#fff; margin-top:20px; overflow:hidden}


.side2{ width:100%; margin-top:35px;}
.side2 img{width: 100%;display: block}

.equ{ width:100%; height:auto; margin:0 auto; margin-top:35px;} 
.equ .titles{ width:100%; height:58px; background:url(../images/title-bg1.png) no-repeat center; margin:0 auto; text-align:center}
.equ .bg{ width:100%; margin-top:20px; position: relative}
.equ .bg .left_pic{position: absolute;width:10px; height:16px; background:url(../images/left_pic.jpg) no-repeat; cursor:pointer; display:block; left: 10px; margin-top: -8px; top: 50%; z-index: 9}
.equ .bg .gdimg{ width:calc(100% - 60px); margin: 0 auto}
.equ .bg .gdimg div{overflow:visible}
.equ .bg .gdimg .box{width:100%;}
.equ .bg .gdimg .box img{display:block; width: 100%;}
.equ .bg .gdimg .box .name{ width: 100%; display: block; text-align: center; line-height: 30px; height: 30px; overflow: hidden}
.equ .bg .right_pic{position: absolute;width:10px; height:16px; background:url(../images/right_pic.jpg) no-repeat; cursor:pointer; display:block; right: 10px; margin-top: -8px; top: 50%; z-index: 9}

.new{ width:100%; margin:0 auto; background: #f5f5f5; margin-top:25px;}
.new .titles{margin-top:30px; background:url(../images/title-bg2.png) no-repeat center;}
.new .bg{ width:94%; margin:0 auto; padding-top:20px; }
.new .bg .tu{ width:100%; height:auto;}
.new .bg .tu img{ display:block; width: 100%;}
.new .bg .txt{ width:100%; height:auto; margin-top:15px;}

dl.newsdl{ width:100%; height:75px; overflow:hidden; margin-bottom:20px;}
dl.newsdl dt{ width:84px; height:75px; background:#666666; text-align:center; color:#fff; float:left;}
dl.newsdl dt span{ display:block; height:34px; line-height:34px; font-size:30px; padding-top:8px;}
dl.newsdl dt em{ display:block; height:26px; font-size:16px; line-height:26px;}
dl.newsdl dd{ float:right; width:calc(100% - 100px); height:75px; overflow:hidden}
dl.newsdl dd .name{ height:18px; line-height:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000000; font-size:16px;}
dl.newsdl dd .memo{ width:100%; height:48px; line-height:24px; padding-top:5px; color:#6d6d6d}
dl.newsdl:hover dt{ background:#0d337e;}
dl.newsdl:hover dd .name{ color:#0d337e;}

/****************************** ny *************************************/
.ny_side{ width:100%; height:auto; margin: 0 auto; min-height: 400px; margin-top: 30px;}
.ny_side img{display: block; width: 100%;}