/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-size: 14px; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}



/*头部样式*/
.jjloog{ margin-top: 20px; margin-left: -50px; margin-bottom: 10px;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }
.navbar-yb{ background: #fff; padding: 0;}

.container {padding:0;}
.navbar-default{ background-color: transparent; margin-top: 16px;}
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:0  ;margin:0 ;}
.navbar-nav {	float: none;display: inline-block; border: 0px; margin: 0px; padding: 0px;height: 50px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:transparent;
    color: #0439A2;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-nav .active{   color: #0439A2; border-bottom: 1px solid  #0439A2; }
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 30px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover {  color: #0439A2; border-bottom: 1px solid  #0439A2; }
.nav>li:focus > a, .nav>li:hover > a{color: #0439A2; }
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;color: #fff ;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {color: #0439A2; background-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent;}
.navbar-default .navbar-nav>li>a{color: #333; font-weight: inherit;}
.navbar-nav li {

    margin:0 auto;
    text-align: center;
}
.dropdown-menu{background: #f5f5f5; border: 0px;transition: all 0s ease 0s;}

.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#444; padding:10px 10px; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover{background:#0439A2 ;background:rgba(4,60,162,.8) ; color: #fff;}
#sshy-navbar-collapse-1 {
    padding:0; padding-top: 26px; padding-right: 120px;
}

.swiper-container-b {
    width: 100%;
    height: 100%; overflow: hidden;
    background: #f5f5f5;
}
.swiper-slide {
    font-size: 18px;
    color:#fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.yb-banner{ position: relative; display: inline-block;}
.text{ position: absolute; z-index: 10; top: 40%; left: 10%; width: 60%;}
.ani-slide p{
    transform:translateX(0);
    opacity:1;
}
.swiper-pagination-b { position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}


.pagea{  width: 100%; padding: 30px 0 0 0; margin-top:0px; position: relative;}

.pagea-tit{ width: 100%; padding: 20px 0px; text-align: center; font-size: 24px;font-weight: bold;  color:#0439A2;line-height:30px;}
.pagea-en{ position: relative; width: 100%; display: inline-block; font-size: 16px; text-transform: uppercase; color: #ccc; }
.pagea-note{ font-size: 14px; line-height: 180%; display: inline-block; width: 100%;}
.pagea-en2{ font-size: 16px; color: #D62C2C; font-weight: bold;}

.yyly-a{ display: inline-block; width: 100%; border: 1px solid #f5f5f5}
.yyly-img{ display: inline-block; width: 100%; height:260px; border-radius:4px; overflow: hidden;}
.yyly-img img{width: 100%; height: 100%;}

.yyly-body{ display: inline-block; width: 94%; margin-left: 3%;}

.yyly-tit{ display: inline-block; line-height: 30px; margin-top: 6px; font-size: 18px; width: 100%; font-weight: bold;}
.yyly-titb{ background: #0439A2; margin-top: 6px; color: #fff; display: inline-block; padding: 4px 10px; border-radius: 4px;}
.yyly-note{ display: inline-block; width: 100%; line-height: 22px; overflow: hidden; height: 66px; margin-top: 6px; font-size: 12px;}
.mores{ display: inline-block; width: 100%; margin-top: 6px; padding-bottom: 6px;}
.mores a{ display: inline-block; padding: 4px 10px;}

.yyly-a:hover{background: #0439A2; border-radius: 4px; }
.yyly-a:hover .yyly-img img{ transform:scale(1.2);}
.yyly-a:hover .yyly-tit,.yyly-a:hover .yyly-note,.yyly-a:hover .mores a{ color: #fff;}
.yyly-a:hover .yyly-titb{ background: #fff; color: #0439A2;}


.news-ul{ display: inline-block; width: 100%; margin-top: 20px;}
.news-ul li{ margin-top: 10px;}

.news-div{ box-shadow: 5px 5px 10px #999 ; padding-bottom: 0px; display: inline-block; width: 100%; background: #fff;}
.news-body{ display: inline-block; background: #f5f5f5; width: 100%; padding: 10px; margin-top: -5px;}
.news-img{ display: inline-block; height: 20vh; width: 100%; overflow: hidden; }
.news-img img{ min-height: 100%; min-width:100%;}
.news-time{ font-size: 12px; color: #ccc; display: inline-block;width: 100%; line-height: 24px;}
.news-tit{display: inline-block; width: 100%; color: #333; line-height: 30px; height: 30px ; border-bottom: 1px solid #eee; overflow: hidden; font-weight: bold;}
.news-note{ display: inline-block; width: 100%; line-height: 20px; height: 60px; overflow: hidden; color: #666;}


.news-div:hover .news-img img{transform:scale(1.2);}
.news-div:hover .news-tit a,.news-div:hover .news-note{color: #0439A2;}
.news-more{ margin-top: 10px; display: inline-block; width: 100%;}
.news-more a{ display: inline-block; padding: 5px 16px; border: 1px solid #999; color: #999;}
.news-more a:hover{ padding: 5px 20px; background: #0439A2; color: #fff; border: 1px solid #0439A2;}

.sycpzs{ display: inline-block; width: 100%; overflow: hidden;}
.sycpzs img{ width: 100%; height: auto;}
.sycpzs:hover img{ transform: scale(1.2)}


/*内页*/
.pageny-t-a{position: absolute; top: -32px; left: 0;
    width: 100%;
    height: 80px;
    background: #f5f5f5; border-radius: 8px 8px 0 0;
}
.pageny-t-a .tit-cn{ margin-left: 40px; margin-top: 20px; font-size: 24px; color: #fff;}
.pageny-t-a .tit-en{ font-size: 14px; color: #fff; margin-left: 80px;}
.hpbreadcrumb{ width: 100%; background: #fff; color: #555; border-bottom: 1px solid #f5f5f5;}
.hpbreadcrumb a{ color: #555;}
.breadcrumb{ background: transparent; line-height: 40px;}

.page-ny-nav{ width: 100%; padding: 0px 0; background: #f5f5f5; border-bottom: 1px solid #f5f5f5; }

.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px;   display: inline-block; padding: 0;
}
.ny-nav-ul li a{   padding: 18px ; display: inline-block;  color: #555;  font-weight: bold;  margin-top:0px;overflow: hidden;}
.ny-nav-ul li:hover,.ny-nav-ul li.active{ background: #0439A2;  display: inline-block; color: #fff;}
.ny-nav-ul li:hover a,.ny-nav-ul li.active a{ color: #fff;}
.page-ny{  padding: 40px 0 40px 0; border-bottom: 1px solid #f5f5f5;}


.sy-cp-ul{ display: inline-block; width: 100%; text-align: center;  margin-top: 20px; margin-bottom: 20px;}
.sy-cp-ul li{ display: inline-block; padding-left: 10px; margin-top: 16px; padding-right: 10px;}
.cp-xl{ display: inline-block; width: 100%;  border: 1px solid #f5f5f5; padding:0; cursor: pointer;}
.cp-xl-x{ width: 10%; height: 2px; background-color: #0439A2; display: inline-block;}
.cp-xl-img{ display: inline-block; background: #f5f5f5; width: 100%; height: 30vh; overflow: hidden; }
.cp-xl-img img{ max-width: 100%; max-height: 100%;}

.cp-body{padding-bottom: 10px;}
.cp-xl-cn{ font-size: 18px; font-weight: bold; color: #333}
.cp-xl-en{ font-size: 14px; line-height: 22px; margin-top: 6px;  color: #666}
.cp-xl:hover{  box-shadow: 5px 5px 15px #999;}
.cp-xl:hover .cp-xl-img{   background-color: #fff; color: #fff;}
.cp-xl:hover .cp-xl-cn,.cp-xl:hover .cp-xl-en{ color: #fff;}
.cp-xl:hover .cp-xl-x{ width: 30%; background-color: #0439A2; }
.cp-xl:hover .cp-body{ background: #0439A2; }


.cpzs-tita{ display: inline-block; width: 100%; font-size: 24px; line-height: 50px; font-weight: bold;}

.cpzs-titb{ font-size: 16px; display: inline-block; width: 100%; color: #999; font-weight: bold;}

.cpzs-con{ display: inline-block; width: 100%; }


.pageny-t-b{   height: 80px; display: inline-block; width: 100%; text-align: center; }
.pageny-t-b-c{   height: 80px; display: inline-block;  text-align: left;}

.pageny-t-b .pageny-t-b-c .tit-cn{ margin-top: 20px; font-size: 24px; color: #555; font-weight: bold; position: relative; text-align: center;}
.pageny-t-b .pageny-t-b-c .tit-cn:before{position: absolute; width: 60px; height: 1px; background: #0439A2; content: ""; top: 50%; left: 50%; margin-left: -130px;}
.pageny-t-b .pageny-t-b-c .tit-cn:after{position: absolute; width: 60px; height: 1px; background: #0439A2; content: ""; top: 50%; left: 50%; margin-left: 70px;}
.pageny-t-b .pageny-t-b-c .tit-en{ font-size: 30px; color: #0439A2;font-weight: bold;}

.cp-img{ display: inline-block; width: 100%; border: 1px solid #f5f5f5; padding: 20px 10px;}
.cp-img img{max-width: 100%; margin: 10px auto;}

.news-ul-n .news-body{ margin-top: 0; background: transparent;}

.news-ul-n .news-div{ box-shadow: none; border-bottom: 1px solid #f5f5f5; padding: 10px;}

.news-ul-n .news-div:hover{ border: 1px solid #0439A2; box-shadow: 5px 5px 10px #999 ; }
.news-ul-n .news-time{position: relative; display: inline-block; width: 100%; padding: 20px 0; text-align: center;}
.news-ul-n .news-time .time-d{ font-size: 18px; margin-top: 20px; font-weight: bold; color: #0439A2;}
.news-ul-n .news-time .time-y{ font-size: 14px;  color: #ccc;}
.news-ul-n .news-time .time-icon{ position: absolute; width: 30px; height: 30px; line-height: 30px; font-family: "宋体"; right: 10px; top: 50%; margin-top: 0px; text-align: center; color: #fff; background: #0439A2;}

.news-tit-n{ line-height: 40px;}
.new-note-x{ line-height: 30px; color: #ccc; font-size: 12px;}

.ab-tit-en{ font-size: 14px; display: inline-block; width: 100%; text-transform: uppercase; color: #999;}
.ab-tit-cn{ font-size: 24px; display: inline-block; width: 100%; font-weight: bold; color: #0439A2; line-height: 50px;}
.ab-tit-cnb{ display: inline-block; width: 100%; font-size: 16px; margin-top: 10px; font-weight: bold; color: #555; line-height: 30px;}
.ab-tit-x{ margin-top: 5px; margin-bottom: 10px; width: 100%; height: 1px; background: #f5f5f5;}
.ab-note{ color: #666; font-size: 14px; line-height: 180%; display: inline-block; width: 100%;}
.ab-noteb{ margin-top: 20px; width: 100%; display: inline-block; font-size: 24px; color: #0439A2; font-weight: bold;}
.ab-body,.aboutimg{ position: relative; z-index: 1;}
.ab-tit-en-b,.ab-tit-cn-b,.ab-tit-cnb-b,.ab-noteb-b{text-align: right;}
.ab-page-bj{ width: 120%; height: 130%; z-index: 0; background: #f5f5f5; box-shadow: 3px 3px 10px #ccc; position: absolute; top: 0; left: -10%;}
.page-ny-ab{ width: 100%; overflow: hidden; position: relative; padding: 50px 10px; display: inline-block;}

.ab-page-bj-b{ width: 120%; height: 130%; z-index: 0; background: url("../images/aboutgslnbj.jpg"); background-size: contain; box-shadow: 3px 3px 10px #ccc; position: absolute; top: 80px; left: -10%;}
.ab-tit-en-l{ font-size: 14px; display: inline-block;  text-transform: uppercase; color: #999;}
.ab-tit-cn-l{ font-size: 24px; display: inline-block; padding: 10px; font-weight: bold; color: #0439A2; line-height: 50px;}

.ab-ul{display: inline-block; width: 100%; margin-top: 20px;}
.ab-ul li{ margin-top: 20px;}
.ab-ul-div{ display: inline-block; width: 100%; background: #fff; padding: 20px;}
.ab-ul-tit{font-size: 18px; font-weight: bold; line-height: 40px;}
.ab-ul-note{ font-size: 14px;}
.ab-ul-div:hover{background: #0439A2;}
.ab-ul-div:hover .ab-ul-tit,.ab-ul-div:hover .ab-ul-note{color: #fff;}


.jjfa-ul{ display: inline-block; width: 100%;}
.jjfa-ul li{ margin-top: 16px; border-bottom: 1px solid #f5f5f5; padding: 16px; display: inline-block; width: 100%;}
.jjfa-div{ display: inline-block; height: 40vh; width: 100%;}
.jjfa-img{ display: inline-block; width: 100%; height: 40vh; overflow: hidden;}
/*.jjfa-img img{ height: 100%; width: 100%;}*/
.jjfa-body{display: inline-block; width: 100%; height: 40vh}

.jjfa-tit{ display: inline-block; width: 100%; line-height: 50px; font-size: 24px; font-weight: bold;}
.jjfa-time{ font-size: 12px; color: #ccc; display: inline-block; width: 100%;}
.jjfa-note{font-size: 14px; color: #666; display: inline-block; width: 100%; line-height: 180%; margin-top: 20px;}
.jjfa-more{ margin-top: 20px; display: inline-block; width: 100%;}
.jjfa-more a{ display: inline-block; padding: 5px 16px; border: 1px solid #0439A2; background: #0439A2; color: #fff;}
.jjfa-more a:hover{ padding: 5px 20px; background: #0439A2; color: #fff; border: 1px solid #0439A2;}
.mybtn{background: #0439A2; color: #fff; font-size: 14px;  width: 100%;}

.lxwmtel{ display: inline-block; width: 100%; margin-top: 20px;}
.lxwmtel li{ display: inline-block; width: 100%; margin-top: 10px;}
.lxwmtel li.tels{ font-size: 24px; font-weight: bold; color: #0439A2;}





.foota{ margin-top: 40px; display: inline-block; width: 100%; padding: 20px 0; background: url("../images/footbj.png");}

.foot-nav{ display: inline-block; width: 100%; text-align: left;}
.foot-nav li{ display: inline-block; margin: 5px 16px;}

.foot-nav li .foot-nav-cn{ color: #fff; font-size: 14px; font-weight: bold; }
.foot-nav li .foot-nav-en{ color: #fff; font-size: 12px;}
.footewm{ margin-top: 20px;}
.footlogo{ display: inline-block; padding: 10px ;}

.foottel{ display: inline-block; margin-top: 20px; }
.foottel li{ margin: 4px 20px; color: #fff;}

.footbq{ color: #fff; display: inline-block; width: 100%; padding-left: 20px; font-size: 12px;}




/*public*/
.fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center;  font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:5px 10px; background:#0439A2; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#0439A2;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}


.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.p8{padding-right: 8px;
    padding-left:8px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}