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

body{ font-size:14px; color:#4e4e4e; background:#fff; font-family: Arial, Helvetica, sans-serif; line-height: 24px;}

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

a:hover { text-decoration:none;}



/***************index css********************/
.top{width: 100%; height:31px ;background: #f7f7f7;}
.top .bg{width: 1210px; margin: 0 auto;}
.top .txt{width: 1210px; margin: 0 auto; line-height: 31px;}
.top .yy{ float: right; height: 31px; display: block; background: url(../images/yy_ico.jpg) no-repeat left center; line-height: 31px; padding-left: 25px;}


.logo_bg{ width: 1210px; height: 101px; margin: 0 auto;}

.logo{ width:auto; height:101px; float: left;}
.logo img{width: 100%;}

.logo_bg .ss{float: right; width: 342px; height: 32px; background: #025bb5; margin-top: 36px;}
.logo_bg .ss .wbk{ width: 278px; height: 28px; border: none; background: #fff; float: left; box-sizing: border-box; margin-left: 2px; margin-top: 2px; line-height: 28px; text-indent: 15px;}
.logo_bg .ss .an{ float: right; width: 60px; height: 32px; border: none; cursor: pointer; background: #025bb5; text-align: center; line-height: 32px; color: #fff; }

.nav_bg{ width: 100%; height: 54px; background: #015cb5;}
#nav{ width:1210px; height:54px; margin: 0 auto; text-align: center;}
#nav ul li {height: 54px; float: left; margin-right: 2px;}
#nav ul li a{display: block; height: 54px; line-height: 54px; color: #fff; font-size: 15px; padding-left: 35px; padding-right: 35px;}
#nav ul li a:hover{ background: #ffa900;}
#nav ul li a.current{ background: #ffa900;}

.flash{ width:100%; height:auto; margin:0 auto; }
.flash img{display: block; width: 100%;}

.flashn{width: 100%; height: 354px; background: url(../images/banner-n.jpg) no-repeat center top;}


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

.service{ width: 1413px; margin: 0 auto;}
.service .bg{width: 100%; height: auto; margin-top: 55px; position: relative;}
.service .bg .left_pic{ position: absolute; width: 65px; height: 53px; display: block; background: url(../images/pro_left.jpg) no-repeat; left: 0; top: 105px;}
.service .bg .right_pic{ position: absolute; width: 65px; height: 53px; display: block; background: url(../images/pro_right.jpg) no-repeat; right: 0; top: 105px;}
.service .bg .gdimg{ width: 1216px; height: auto; margin: 0 auto;}
.service .bg .gdimg ul li{width: 298px; height: auto; float: left; margin-left: 3px; margin-right: 3px;}
.service .bg .gdimg ul li img{ display: block; width: 296px; height: 222px; border: 1px solid #015cb5; border-bottom: none;}
.service .bg .gdimg ul li .name{ width: 298px; height: 56px; background: #015cb5; text-align: center; line-height: 56px; color: #fff; font-size: 16px;}
.service .bg .gdimg ul li:hover img{ border-color: #ffa900;}
.service .bg .gdimg ul li:hover .name{ background: #ffa900;}

.about{width: 100%; height: 479px; background: url(../images/about-bg.jpg) no-repeat center top; margin-top: 50px;}
.about .bg{ width: 1210px; height: auto; margin: 0 auto; }
.about .bg .txt{ width: 600px;display: flex; flex-direction: column; justify-content: center; height: 479px;}
.about .bg .txt .title{ height: auto;}
.about .bg .txt .title span{display: block; color: #015cb5; font-size: 20px; text-transform:uppercase; line-height: 32px;}
.about .bg .txt .title em{display: block; color: #595959; font-size: 15px; line-height: 22px;}
.about .bg .txt .title .xian{width: 57px; height: 2px; background: #ffa900; margin-top: 10px;}
.about .bg .txt .nr{width: 100%; color: #838383; margin-top: 20px;}
.about .bg .txt .an{ width:auto; margin-top: 40px;}
.about .bg .txt .an a{ float: left; display: block; height: 40px; font-size: 16px; width: 125px; text-align: center; line-height: 40px; background: #015cb5; color: #fff; margin-right: 10px;}
.about .bg .txt .an a:hover{ background: #ffa900;}

.jjfa{ width: 1224px; height: auto; margin: 0 auto; margin-top: 50px;}
.jjfa .bg{width: 100%; height: auto; margin-top: 50px;}
.jjfa .bg ul li{ width: 186px; height: 165px; float: left; margin-left: 9px; margin-right: 9px; margin-bottom: 20px; position: relative; border-radius: 7px; overflow: hidden;}
.jjfa .bg ul li img{ display: block; width: 186px; height: 165px;}
.jjfa .bg ul li .name{ position: absolute; color: #fff; font-size: 18px; width: 185px; height: 165px; background:url(../images/jjfa-mask.png) no-repeat; z-index: 9; left: 0; top: 0; display: none;  color: #fff; align-items: center; justify-content: center;}
.jjfa .bg ul li:hover .name{display: flex;}

.telbg{ width: 100%; height: 142px; background: url(../images/tel-bg.jpg) no-repeat center; margin-top: 50px;}
.telbg .bg{ width: 1210px; height: auto; margin: 0 auto;}
.telbg .bg .txt{ float: left; color: #fff; margin-top: 35px; width:600px}
.telbg .bg .txt span{ display: block; font-size: 22px; font-weight: bold; line-height: 32px;}
.telbg .bg .txt em{ display: none; font-size: 12px; font-weight: bold; line-height: 16px; text-transform: uppercase;}
.telbg .bg .tel{ float: right; height: 42px; background: url(../images/tel_ico.png) no-repeat center left; line-height: 42px; padding-left: 58px; margin-top: 50px; font-size: 30px; font-weight: bold; color: #ffa900;}

.new{width: 1210px; height: auto; margin: 0 auto; margin-top:50px ;}
.new .txt{ width: 100%; margin-top: 50px;}
dl.newsdl{ width: 596px; height: 246px; float: left; margin-left: 4px; margin-right: 5px; overflow: hidden; margin-bottom: 20px; background: #f5f5f5;}
dl.newsdl dt{ width: 294px; height: 246px; float: left;}
dl.newsdl dt img{ display: block;width: 294px; height: 246px; }
dl.newsdl dd{ width: 285px; height: 246px; 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: 24px;}
dl.newsdl dd .time{ color: #8b8b8b; padding-top: 5px;}
dl.newsdl dd .memo{ color: #8b8b8b; padding-top: 5px;}
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: 129px; height: 40px; margin: 0 auto; text-align:center; line-height: 40px; background: #0f54b1; color: #fff; font-size: 16px; overflow: hidden; margin-top: 50px; text-transform: uppercase;}

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

.center{width: 1210px; margin: 0 auto; margin-top: 50px;}


.ny_left{ width:220px; height:auto; float:left; display:inline; background: #fbfbfb; overflow:visible }
.ny_cpfl{ width:220px; height:auto; margin: 0 auto; overflow:visible; border-bottom: 5px solid #015cb5; padding-bottom: 20px;}
.ny_cpfl .title{ width: 220px; height: 110px; background: url(../images/ny_cpfl.jpg) 40px 50px no-repeat #015cb5; text-indent: 72px;}
.ny_cpfl .title span{ display: block; line-height: 24px; color: #fff; font-size: 16px; padding-top: 46px;}
.ny_cpfl .title em{ display: block; line-height: 20px; color: #fff; opacity: 0.5; font-size: 14px; padding-top: 5px;}
.ny_cpfl .txt{ width:179px; height:auto; margin: 0 auto; margin-top: 20px; overflow:visible}

.ny_cpfl .txt ul li.lim{width: 100%; height: 40px; margin-bottom: 2px; position:relative}
.ny_cpfl .txt ul li.lim a.lima{display: block; width: 100%; color: #015cb5; font-size: 14px; height: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 40px; text-indent: 20px;}
.ny_cpfl .txt ul li.lim:hover a.lima{background: url(../images/p_li.jpg) no-repeat; color: #fff;}
.ny_cpfl .txt ul li.lim a.dz{background: url(../images/p_li.jpg) no-repeat;  color: #fff;}

.ny_cpfl .txt ul li.lim .box{ position:absolute; z-index:999; left:225px; top:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); width:220px; display:none}
.ny_cpfl .txt ul li.lim .box ul{ width:200px; height:auto; margin:10px auto; overflow:hidden}
.ny_cpfl .txt ul li.lim .box ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.ny_cpfl .txt ul li.lim .box ul li a{ display:block; line-height:24px;}
.ny_cpfl .txt ul li.lim .box ul li a:hover{ text-decoration:underline}

.ny_lxwm{ width:220px; height:auto; padding-top:10px;}
.ny_lxwm .title{ width:220px; height:40px;}
.ny_lxwm .txt{ width:218px; height:auto; border:1px solid #ececec; border-top: none; }


.ny_side{ width:960px; height:auto; float:right; display:inline;}
ul.proul li{width: 235px; height: auto; float: left; margin-left: 2px; margin-right: 3px; margin-bottom: 18px;}
ul.proul li img{ display: block; width: 233px; height: 174px; border: 1px solid #015cb5; border-bottom: none;}
ul.proul li .name{ width: 235px; height: 42px; background: #015cb5; text-align: center; line-height: 42px; color: #fff; font-size: 14px;}
ul.proul li:hover img{ border-color: #ffa900;}
ul.proul li:hover .name{ background: #ffa900;}