/*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: 10px;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }
.navbar-yb{ background: #fff; background: rgba(0,0,0,.7); padding: 10px 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: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-nav .active{ color: #fff;background:#0078c8; background: linear-gradient(to right, #0078c8 ,#0365a6);}
/*logo样式*/
.navbar-brand { height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li { padding:6px 30px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover {background:#0078c8; background: linear-gradient(to right, #0078c8 ,#0365a6);}
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;color: #333 ;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {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: #fff; font-weight: inherit;}
.navbar-nav li {
margin:0 auto;
text-align: center;
}
.dropdown-menu{background: #dcdcdc; 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{background:#6f6f6f ;background:rgba(111,111,111,.8)}
#bs-example-navbar-collapse-1 {
padding:0; padding-top: 16px;
}
.carousel-control span {
font-size: 24px;
font-family: 宋体;
font-weight: bold;
position: absolute;
top: 50%;
}
.top-lan{ float: right; display: inline-block; font-size: 0px; margin-top: 10px;}
.top-lan a.lan-jian{display: inline-block; background: #103d76; font-size: 12px; color: #fff; padding: 2px 16px;}
.top-lan a.lan-en{background: #3f75a1; display: inline-block; font-size: 12px; color: #fff; padding: 2px 16px;}
.top-lan a:hover{background: #2473d7;}
.yb-banner{ width: 100%; background: #f5f5f5;}
.carousel-control.right,.carousel-control.left{ background-image: none;}
.pagea{ background: #f5f5f5; width: 100%; padding: 30px 0 0 0; margin-top:0px; position: relative;}
.jiant-x{
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color:#fff transparent transparent transparent;
position: absolute; top: 0px; left: 50%; margin-left: -5px;
}
.pagea-tit{ width: 100%; padding: 20px 0px; text-align: center; line-height: 50px;}
.pagea-en{ font-size: 36px; text-transform: uppercase; color: #333; font-weight: bold;}
.pagea-en2{ font-size: 16px; color: #D62C2C; font-weight: bold;}
.pagea-cn{ font-size: 24px; color: #333; font-weight: bold;}
.pagea-cn2{ font-size: 24px; color: #D62C2C; font-weight: bold;}
.pagea-more{ display: inline-block; width: 100%; font-size: 16px; }
.pagea-more a{ display: inline-block; padding: 4px 20px; line-height: 25px; color: #fff; border-radius: 0 100px 100px 0; background: #2850C9;}
.pagea-more a:hover{ background: #2850C9; padding: 4px 30px;}
.pagea-con{ line-height: 30px; width: 100%; color: #777; padding: 20px 0; }
.pagea-note{ font-size: 12px; color: #ccc; line-height: 20px;}
.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; padding-right: 10px;}
.cp-xl{ display: inline-block; width: 90%; cursor: pointer;}
.cp-xl-x{ width: 10%; height: 2px; background-color: #D62C2C; display: inline-block;}
.cp-xl-img{ display: inline-block; width: 80%; padding: 20px 10%; border: 1px dotted #666;}
.cp-xl-cn{ font-size: 18px; font-weight: bold; color: #333}
.cp-xl-en{ font-size: 14px; color: #666}
.cp-xl:hover .cp-xl-img{ box-shadow: 5px 5px 15px #999; border: 2px solid #2850C9; background-color: #fff; color: #fff;}
.cp-xl:hover .cp-xl-cn,.cp-xl:hover .cp-xl-en{ color: #2850C9;}
.cp-xl:hover .cp-xl-x{ width: 30%; background-color: #2850C9; }
.pageb-con{ padding: 5vh; height: 45vh; z-index: 10; overflow: hidden; position: relative; margin-left: -60px; width: 100%; background: url("../images/aboutbj.png") #fff ;
box-shadow: 5px 5px 10px #999; background-size:cover; margin-top: 5vh;}
.pagekuai{ position: absolute; right: 40px; z-index: 9; width: 80px; height: 80px; background: #2850C9; bottom: 40px;}
.aboutimgs{ height: 60vh; overflow: hidden;}
.aboutr{ height: 60vh;}
.about-en{ color: #999; font-size: 14px; display: inline-block; margin-top: 2vh; width: 100%;}
.about-cn{ line-height: 50px; font-weight: bold; font-size: 24px; display: inline-block; color: #0855D6;}
.aboutcon{display: inline-block; width: 100%; line-height: 180%; color: #666;}
.pageb{ background: #fff; width: 100%; padding: 30px 0 0 0; margin-top:0px; position: relative;}
.news-k-t{ display: inline-block; width: 100%; border-radius: 6px; background: #0855D6; line-height: 40px; padding: 0 16px;}
.news-k-t .news-k-cn{ display: inline-block; margin-right: 10px; font-size: 18px; color: #fff; font-weight: bold;}
.news-k-t .news-k-en{ font-size: 14px; display: inline-block; color: #fff; text-transform: uppercase;}
.news-k-plus{ float: right; }
.news-k-plus .nplus{ width: 20px; height: 20px; border-radius: 20px; display: inline-block; background: #fff; color:#0855D6; line-height: 18px; text-align: center; font-size: 16px; font-weight: bold;}
.news-ul{ display: inline-block; width: 100%; margin-top: 10px;}
.news-ul li{ display: inline-block; width: 100%; background: #f5f5f5; padding: 10px; margin-top: 10px;}
.news-ul li:hover{box-shadow: 3px 3px 10px #999;}
.news-tit-a{ line-height: 24px; height: 48px; overflow: hidden; display: inline-block; width: 100%;}
.news-time{ display: inline-block; float: left; color: #999;}
.news-more{ display: inline-block; float: right;}
.news-more a{ color: #0855D6;}
.news-more a span{transform:rotate(90deg); display: inline-block;
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}
.news-ul li.news-li{ display: inline-block; width: 100%; line-height: 20px;}
.news-ul li.news-li a{ display: inline-block; padding-left: 20px; width:-webkit-calc(100% - 80px);
width:-moz-calc(100% - 80px);
width:calc(100% - 80px); height: 20px; overflow: hidden;}
.newstimeb{ width: 60px; display: inline-block; float: right;}
.news-ul li.news-li a:hover,.news-ul li.news-li a:hover span.fa{ color: #D62C2C;}
.foota{ margin-top: 20px; display: inline-block; width: 100%; padding: 20px 0; background: url("../images/footbj.jpg");}
.foot-nav{ display: inline-block; width: 100%; text-align: right;}
.foot-nav li{ display: inline-block; margin: 5px 16px;}
.foot-nav li .foot-nav-cn{ color: #333; font-size: 14px; font-weight: bold; }
.foot-nav li .foot-nav-en{ color: #666; font-size: 12px;}
.foottel{ width: 100%; display:inline-block; margin: 5px 20px; color: #333; float: left;}
.foottel a{line-height: 30px; display: inline-block; float: left; font-weight: bold; color: #333;}
.foottel >div.telcon{margin-top: 5px;}
.footbq{ color: #999; display: inline-block; width: 100%; padding-left: 20px; font-size: 12px;}
.footr{ display: inline-block; width: 100%; text-align: right; padding: 20px 10px;}
.foot-rtel{ display: inline-block; margin-top:30px; margin-right: 10px;}
.tel-n{ display: inline-block; padding: 8px 30px; border-radius: 6px; background: #CB1F1F; color: #fff; font-size: 14px; font-weight: bold;}
.tel-num{ display: inline-block; margin-top: 10px; font-weight: bold; color: #0855D6; font-size: 24px;}
.footewm{ display: inline-block; margin-top: 0px; float: right;}
/*内页*/
.pageny-t-a{position: absolute; top: -32px; left: 0;
width: 100%;
height: 80px;
background: #e62129; 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: #ececec; border-bottom: 1px solid #ccc;}
.breadcrumb{ background: transparent; line-height: 40px;}
.page-ny-nav{ width: 100%; padding: 20px 0; background: #ececec; border-bottom: 1px solid #ccc; }
.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;
}
.ny-nav-ul li a{ padding: 8px 0px; display: inline-block; background: url("../images/xianx.jpg") right center no-repeat; color: #555; font-weight: bold; width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #103d76; color: #fff;}
.page-ny{ padding: 40px 0 40px 0; border-bottom: 1px solid #f5f5f5;}
.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;}
.pageny-t-b .pageny-t-b-c .tit-cn:after{position: absolute; width: 60px; height: 1px; background: #e62129; content: ""; top: 50%;margin-left: 10px;}
.pageny-t-b .pageny-t-b-c .tit-en{ font-size: 30px; color: #e62129;font-weight: bold;}
.page-con{ width: 100%; margin-top: 10px; line-height: 30px;color: #666;}
.page-con img{ max-width: 100%; height: auto;}
.case-ul{ display: inline-block; width: 100%;}
.case-ul li{ margin:10px 0; }
.news-ls{ background: #f8f8f8;position: relative; }
.news-ls:hover,.active-n,.active-n .news-y{ background: #fff; box-shadow: 5px 5px 15px #999; }
.news-ls:hover .news-y{ background: #003399; box-shadow: 5px 5px 15px #999; }
.news-y{ width: 60px; height: 60px; border-radius: 60px; background: #003399 ; position: absolute; bottom: -30px; left: 50%; margin-left: -30px;}
.news-y > .tit-mo{ margin: 5px; color: #fff; border: 1px solid #fff; }
.news-ls > .new-panel > .w100 > .h3{ font-size: 14px; text-align: center; font-weight: 600; line-height: 40px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
.news-ls > .new-panel > .w100 > .h3 > a{ color: #555; }
.n-note{ line-height: 25px; margin-top: 6px; height: 75px; overflow: hidden; padding-left: 10px; padding-right: 10px; color: #ececec;}
.n-note > a{ color: #fff;}
.tit-mo{ width: 50px; float: right;; margin-top: 16px;
height:50px; border-radius: 50px; line-height: 45px;font-size: 2em; text-align: center; color: #003399; border: 1px solid #003399;}
.news-ls:hover .tit-mo{transform:rotate(360deg); color: #fff; background: #003399;
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */}
.case-img{ height: 240px; overflow: hidden; padding-top: 10px;}
/*news*/
.n-news-imgs{ background: #fff; padding: 8px; margin-top: 20px; margin-top: 16px; border-radius: 4px; box-shadow: 3px 3px 5px #e5e5e5; border-bottom: 1px solid #f7f7f7; display: inline-block; }
.n-news-imgs:hover{ transform: scale(1.1);}
.n-newimg{ overflow: hidden; height: 260px; float: left;}
.n-newimg img{ height: 100%; max-width: 100%; width: 100%;}
.n-newtext{width: 80%; margin-left: 10%; display: inline-block; padding: 20px 0;}
.n-topx{ width: 50px; border-radius: 2px; height: 4px; background: #003399; display: inline-block; margin-top: 20px;}
.n-newtext .h3{ padding: 6px 0px; font-size: 16px; font-weight: bold; padding-bottom: 0px; display: inline-block; margin-top: 6px; }
.n-new-time{ color: #ccc; font-size: 12px;}
.n-newtext > .news-note{ line-height: 30px;}
.n-new-icon{background: #003399; width: 50px; height: 50px; position: absolute; left: 0; margin-left: -25px; z-index: 11; top: 50%; margin-top: -25px; color: #fff;}
.n-new-icon span{ text-align: center; line-height: 50px; font-size: 24px; display: inline-block; width: 100%;}
.n-new-more{ display: inline-block; border: 1px solid #003399; margin-top: 20px;}
.n-new-more a{ color: #003399; padding: 6px 20px; display: inline-block;}
.n-new-more a:hover{display: inline-block; background: #003399; color: #fff; }
.page-con img{ max-width: 100%;}
.newlisbtn{border-top: 1px solid #ccc;padding-bottom: 15px;margin-left: 10px;margin-right: 10px; width: 100%; display: inline-block; margin-top: 20px;}
.newlisbtn a:hover{color:#27517b;text-decoration: none;}
.newlistul li{height:30px;line-height: 30px;font-size: 14px;margin-left: 30px;margin-right: 30px;}
.newlistul li a{color:#666;}
.newlistul li a:hover{color:#27517b;text-decoration: none;}
.new-note-x {
font-size: 12px;
color: #999;
}
.zswd-ul li{ display: inline-block; width: 100%; padding-bottom: 10px; background: #eeeded; margin-top: 20px; border-radius: 6px; cursor: pointer;}
.zswd-ul li{ transition: all 0s ease 0s;}
.wd-tit{ font-size: 14px; font-weight: bold; line-height: 40px; padding: 0px 16px; margin-top: 10px;}
.wd-note{ line-height: 24px; font-size: 12px; margin-top: 10px; color: #999; width: 100%; display: inline-block; padding-left: 16px; padding-right: 16px;}
.wd-note .huida{ background: #fff; border-radius: 6px; display: inline-block; padding: 10px; transition: all 0s ease 0s;}
.yx-ul{ display: inline-block; width: 100%;}
.yx-ul li{ padding: 8px 6px;}
.yx-div{ display: inline-block; width: 100%;background: #fff;}
.yx-div .yx-img{ display: inline-block; width: 100%; height: 160px; overflow: hidden;}
.yx-div .yx-img a img{ height: 100%;}
.yx-div .yx-tit a{ font-size: 14px; margin-top: -5px; line-height: 30px; text-align: center; display: inline-block;width: 100%;}
.yx-div:hover{box-shadow: 3px 3px 10px #999; background: #e62129;}
.yx-div:hover .yx-img img{ transform: scale(1.2)}
.yx-div:hover .yx-tit a{ color: #fff}
.news-n-t{ display: inline-block; width: 100%; border-bottom: 2px solid #f5f5f5; padding: 5px 10px;}
.left-cp{ width: 100%; background: #f5f5f5; border-right: 1px solid #eee; margin-top: -40px;}
.left-cp-tit{ background: #003399; font-size: 24px; font-weight: bold; line-height: 80px; width: 100%; padding-left: 20px; color: #fff;}
.left-ul-a{ width: 100%;}
.left-ul-a > li > a{ line-height: 50px; background: #eeeeee; display: inline-block;width: 100%; padding-left: 20px; font-size: 16px; font-weight: bold; color: #003399;}
.left-ul-b > li> a span{ margin-left: 20px; font-size: 18px;}
.left-ul-b > li> a{ line-height: 40px; border-bottom: 1px solid #eee; width: 100%; display: inline-block; padding-left: 20px;}
.left-ul-b > li> a:hover,.left-ul-b > li> a.active{ background: #003399; color: #fff; padding-left: 30px;}
.left-ul-b > li> a:hover span,.left-ul-b > li> a.active span{ margin-left: 18px;}
@media screen and (max-width: 768px){
.navbar-default{ margin-top: 0px;}
.navbar-nav { margin-top: 0px; width: 100%;
font-size: 14px;
font-weight: lighter;
margin-left: 0px; line-height: 24px
}
.navbar-brand{padding-left: 0px!important;}
.new-page.ny-page>div span:first-child{ width: 500px;}
.navbar-header {
padding: 0px 10px;
}
.navbar-nav>li>a{ padding-top: 6px;
padding-bottom: 6px; }
.dropdown-menu{ text-align: center; background: rgba(254,254,254,1); width: 100%;}
.navbar-nav li:hover a{color: #fff;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color: #0078c8!important; background:none;}
.pageny-t-a .tit-en{ display: none;}
.breadcrumb{ font-size: 1.2rem; color: #0078c8; line-height: 22px; margin-top:0px;}
.breadcrumb a{ color: #0078c8}
.pageny-t-a{top: 0px;}
.left-cp-tit{ line-height: 50px;}
.page-ny{ padding: 20px 0 20px 0; border-bottom: 1px solid #f5f5f5;}
.page-ny-nav{ padding-top:30px;}
.ny-nav-ul{ text-align: left;}
.ny-nav-ul li{text-align: center;}
.navbar-nav li{ width: 100%;}
.pageb-con{ margin-left: 0px;}
.foottel{ margin: 0px;}
.navbar-fixed-top{ position: relative; background: #103d76;}
}
@media screen and (max-width: 1360px) {
.aboutnysj{ margin-top: 10px;}
.nav>li { padding:6px 16px;margin-bottom: -5px;}
/*.foot-nav > li:nth-child(5){display: none;}*/
.foot-nav > div.foottel{width: 220px;}
.jjfa-div{ position: relative; width: 100%; display: inline-block; overflow: hidden; height: 240px;}
.case-img{ height: 180px;}
.foot-nav{text-align: left; margin-top: 10px;}
.foot-nav li{ margin: 5px 10px;}
.pageb-con{ margin-top: 2vh; padding: 2vh; height: 65vh;}
.aboutimgs{ height: 48vh; overflow: hidden;}
.aboutr{ height: 65vh;}
}
/*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:#003399; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#003399;}
.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;}