/*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: 20px;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }
.navbar-yb{ background: #fff; padding: 0; }
.navbar-yb-s{position: fixed; z-index: 99}
.container {padding:0;}
.navbar-default{ background-color: transparent; }
.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; padding-top: 20px; }
.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:hover>a,.navbar-nav .active a{ color: #fff; }
.navbar-nav .active:after{width: 60px; height: 2px; position: absolute; bottom: 0; left: 50%; margin-left: -30px; background: #173F8F; color: #fff;
content: '';}
/*logo鏍峰紡*/
.navbar-brand { height: 100%;padding:0;}
/*瀵艰埅a鏍囩鏍峰紡*/
.nav>li { padding:6px 30px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover,.navbar-nav .active { color: #fff; background: #173F8F; }
.nav>li:focus > a, .nav>li:hover > a{color: #fff; }
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;color: #fff ;}
.nav>li>a > p{ font-size: 12px; text-transform: uppercase; color: #999; margin-bottom: 0;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {color: #fff; 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 {
padding:26px 30px;
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)}
.carousel-control span {
font-size: 32px;
font-family: 瀹嬩綋;
width: 50px; height: 50px; line-height: 50px; text-align: center; background: rgba(0,0,0,.6);
font-weight: bold;
position: absolute;
top: 50%; margin-top: 50px;
}
/*.top-lan{ float: right; display: inline-block; font-size: 0px; margin-top: 10px;}*/
/*.top-lan a.lan-jian{display: inline-block; background: #D11D37; font-size: 12px; color: #fff; padding: 2px 16px;}*/
/*.top-lan a.lan-en{background: #D11D37; display: inline-block; font-size: 12px; color: #fff; padding: 2px 16px;}*/
/*.top-lan a:hover{background: #D11D37;}*/
.yb-banner{ width: 100%; background: #f5f5f5; border-top: 2px solid #173F8F;}
.carousel-control.right,.carousel-control.left{ background-image: none;}
.page-tit{ display: inline-block; width: 100%; text-align: center; padding: 20px 10px; padding-top: 0; position: relative; }
.page-cn{ font-size: 36px; color: #333; display: inline-block; line-height: 50px; font-weight: bold; margin-right: 5px; }
.page-en{ font-size: 14px; text-transform:uppercase; color: #999; font-weight: bold; display: inline-block; line-height: 30px; }
.page-x{ display: inline-block; width: 2px; height: 40px ; margin: 12px; position: absolute; left: 50%; margin-left: -1px; background: #173F8F;}
.page-note{ display: inline-block; font-size: 14px; text-align: left; color: #999; margin-left: 20px; padding-top: 8px;}
.newspage ,.sycppage,.syaboutpage{ width: 100%; padding: 40px 0;}
.gsjjli{ display: inline-block; background: #fff; width: 100%; margin: 20px 0;}
.gsjjimg{ width: 100%; height: 300px; overflow: hidden;}
.gsjjimg img{ width: 100%; height: 100%;}
.gsjjbody{ width: 100%; padding: 20px 10px; border-bottom: 2px solid #ccc;}
.gsjjcn{ width: 100%; text-align: center; font-size: 24px; font-weight: bold; line-height: 40px;}
.gsjjen{ width: 100%; text-align: center; font-size: 16px; color: #999; line-height: 20px;}
.gsjjnote{ width: 100%; text-align: center; font-size: 14px; padding: 10px 0; line-height: 25px; height: 80px; color: #666; overflow: hidden;}
.gsjjmore{ display: inline-block; width: 100%; text-align: center; font-size: 14px; padding: 20px 10px; line-height: 20px;}
.gsjjmore a{ color: #666; border-radius: 100px; border: 1px solid#ccc; display: inline-block; padding: 10px 30px}
.gsjjli:hover{ box-shadow: 5px 5px 15px #999;}
.gsjjli:hover .gsjjbody{ border-bottom: 2px solid #173F8F}
.gsjjli:hover .gsjjcn{ color: #173F8F}
.gsjjli:hover .gsjjimg img{ transform: scale(1.1)}
.gsjjmore a:hover{ color: #fff; background: #173F8F; border: 1px solid #173F8F; padding: 10px 35px;}
.wrap{margin:0 auto;}
.tabs{ width: 100%;padding-top: 0px; margin-top: -12px; text-align: center}
.tabs .part{display:inline-block;float:left;width:20%; color:#333; text-align:center; background: #fff; height: 80px;}
.tabs .part .cn{ display: inline-block; line-height: 30px; width: 100%; height: 30px; overflow: hidden; font-size: 14px;}
.tabs .part small{ width: 100%; display: inline-block; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px;}
.tabs .part:nth-child(even){ background: #f5f5f5;}
.tabs a{ display:block;color:#333;text-align:center;margin:10px auto;font-size:16px;text-decoration:none;padding-bottom: 2px;}
.tabs span.active,.tabs span:hover,.tabs .part:nth-child(even):hover,.tabs .part:nth-child(even).active{ background: #173F8F;}
.tabs span.active a,.tabs span:hover a{color:#fff; }
.swiper-container{width:100%;border-top:0;margin-top:10px!important}
.swiper-slide{width:100%;background:none;color:#373737;}
.case-fanye{position: absolute; bottom: 60px; width: 100%; height: 50px; z-index: 5}
.case-fanye .iconfont { color: #ccc; cursor: pointer; font-size: 24px; border: 1px solid #f5f5f5; background: #fff; height: 50px; width: 50px; line-height: 50px; text-align: center;}
.case-fanye .case-next{ position: absolute;top: -20px; display: inline-block; left: 50%; margin-left: 50px;}
.case-fanye .case-prev{ position: absolute;top: -20px; display: inline-block; left: 50%;}
.case-fanye .case-next:hover .iconfont,.case-fanye .case-prev:hover .iconfont{ color: #fff; border-color: #173F8F; background: #173F8F; }
.case-slide{ display: inline-block; width: 100%;}
.caseimga{ display: inline-block; width: 60%; float: left; height: 360px; overflow: hidden;}
.caseimga img{ width: 100%; min-height: 100%;}
.casebodya{ width: 40%; display: inline-block; float: left; height: 360px; background: url("../images/casebj.png") center no-repeat; background-size: cover; padding: 40px;}
.casenote{ height: 155px; line-height: 25px;}
.newspage-r{ display: inline-block; width: 100%; overflow: hidden; padding: 20px 0;}
.news-div{width: 100%; display: inline-block;}
.news-img-s{ width: 100%; height: 180px; overflow: hidden;}
.news-img img{ width: 100%; min-height: 100%;}
.news-top{ display: inline-block; width: 100%; padding: 5px; line-height: 30px;}
.news-time{ display: inline-block; float: left ; color: #999;}
.news-time .days{ font-size: 24px; color: #173F8F; font-weight: bold; line-height: 30px;}
.news-time .years{ font-size: 14px; color: #ccc; line-height: 20px;}
.newsmore{ display: inline-block; float: right;}
.newsmore a{ display: inline-block; padding: 0 10px; font-size: 12px; margin-top: 15px; color: #CB1A20;}
.newsmore a .iconfont{ display: inline-block;}
.newstit{ display: inline-block; width: 100%; line-height: 25px; height: 50px; overflow: hidden; font-size: 14px;}
.newsbody{ width: 100%; padding: 10px; background: #fff;}
.news-div:hover .news-img-s{ height: 150px;}
.news-div:hover .newstit{ height: 75px; color: #173F8F}
.news-div:hover .news-img-s img{ transform: scale(1.1)}
.news-div:hover .newsbody{ background: #f5f5f5;}
.news-div:hover{ box-shadow: 5px 5px 10px #999; }
.newspage-r .news-pagination{ width: 100%; text-align: center; display: inline-block; bottom: auto; position: absolute; padding-left: 50px;}
.newspage-r .swiper-pagination-bullet-active,.casepage-r .swiper-pagination-bullet-active{background: #D11D37; width: 50px; border-radius: 100px;}
.newspage-r .swiper-slide{ border-right: 1px solid #f5f5f5; padding: 10px; }
.footpage{ width: 100%; padding: 0px; border-top: 0px solid #D11D37; background: #224DA3; color: #fff;}
.footpage a{ color: #fff;}
.footnav{ display: inline-block; width: 100%; text-align: left;}
.footnav li{ display: inline-block;}
.footnav li a{ display: inline-block; padding: 6px 12px;}
.footlx{ line-height: 30px; font-size: 12px; display: inline-block; padding: 10px 0; width: 100%;}
.footlx li .iconfont{ padding-left: 4px; font-size: 12px;}
.footbr{ display: inline-block; width: 100%; text-align: right;}
.footerwm{ width: 100px; margin-top: 20px; float: right; margin-left: 5px;}
.footewmtext{ display: inline-block; float: right; font-size: 12px; text-align: right;}
.footewmtexta{ display: inline-block; padding: 6px; margin-top: 30px; color: #fff;}
.footewmtextb{ display: inline-block; padding: 6px 10px; background: #fff; font-size: 24px; font-weight: bold; color: #173F8F;}
.footbq{ display: inline-block;width: 100%; line-height: 30px; padding: 10px 0; color: #ccc; font-size: 12px;}
.footlogo{ float: right; margin: 5px 10px;}
.footname{ display: inline-block; width: 100%; padding: 5px 10px;}
.footname .cn{ display: inline-block; width: 100%; line-height: 40px; font-size: 24px; font-weight: bold;}
.footname .en{ display: inline-block; width: 100%; line-height: 20px; font-size: 14px;}
.footb{ display: inline-block; width: 100%; border-top: 1px solid #ccc; padding: 10px; margin-top: 10px;}
.swiper-case{ display: inline-block; padding: 0px; min-height: 200px; width: 100%; overflow: hidden; }
.hpbreadcrumb{ width: 100%; background: #014eaa; color: #fff; border-bottom: 1px solid #014eaa;}
.hpbreadcrumb a{ color: #fff;}
.breadcrumb{ background: transparent; line-height: 40px;}
.page-ny-nav{ width: 100%; padding: 10px 0; background: #014eaa; border-bottom: 1px solid #014eaa; }
.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; color: #fff; font-weight: bold; width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #fff; color: #014eaa;}
.page-ny{ padding: 40px 0 40px 0; border-bottom: 1px solid #f5f5f5;}
.page-con{ width: 100%; margin-top: 10px; line-height: 30px;color: #666;}
.page-con img{ max-width: 100%; height: auto;}
.page-tita.page-titb{ text-align: center;}
.page-titb .page-cn{ color: #333; font-size: 24px;}
.page-titb .page-en{ color: #014eaa; font-size: 24px;}
.page-titb .page-x{ display: inline-block; width: 40px; height: 2px ; background: #014eaa ; margin-bottom: 10px;}
.page-titb .page-note{ color: #999; margin-top: 10px;}
.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: #19316F; 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: #19316F; font-weight: bold;}
.ab-tit-en-b,.ab-tit-cn-b,.ab-tit-cnb-b,.ab-noteb-b{text-align: right;}
.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: 200px; overflow: hidden;}
.yx-div .yx-img a{ display: inline-block; width: 100%; height: 100%;}
.yx-div .yx-img a img{ height: 100%; width: 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: #19316F;}
.yx-div:hover .yx-img img{ transform: scale(1.1)}
.yx-div:hover .yx-tit a{ color: #fff}
.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: 10px; padding-right: 10px;}
.cp-xl{ display: inline-block; width: 100%; border: 1px solid #f5f5f5; padding: 10px; cursor: pointer;}
.cp-xl-x{ width: 10%; height: 2px; background-color: #D62C2C; display: inline-block;}
.cp-xl-img{ display: inline-block; width: 100%; height:180px; overflow: hidden; }
.cp-xl-img img{ max-width: 100%; min-height: 100%;}
.cp-xl-cn{ font-size: 18px; font-weight: bold; color: #333}
.cp-xl-en{ font-size: 14px; 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: #D62C2C; }
.cp-xl:hover .cp-body{ background: #D62C2C; }
.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%; }
.pagea-tit{ width: 100%; padding: 20px 0px; font-size: 24px;font-weight: bold; line-height:30px;}
.pagea-note{ font-size: 14px; line-height: 180%; color: #fff; display: inline-block; width: 70%;}
.pagea-en2{ font-size: 16px; color: #D62C2C; font-weight: bold;}
.lxwm-name{ font-size: 24px; font-weight: bold; display: inline-block; width: 100%; line-height: 50px;}
.lxwm-name span{ color: #173F8F }
.lxwm-note{ font-size: 12px; color: #666; margin-top: 0px; line-height: 20px; }
.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: #19316F;}
.lxwmform{ border-left: 1px solid #ccc; display: inline-block; width: 100%; padding: 20px;}
textarea.form-control.mytextarea{ height: 10vh;}
.mybtn{background: #555; color: #fff; font-size: 14px; width: 100%;}
.news-ul{ display: inline-block; width: 100%; padding: 20px 0;}
.news-ul li{ margin-top: 16px; }
.news-foot{ display: inline-block; width: 100%; border-top: 1px solid #f5f5f5; padding: 5px 0;}
.news-time{ font-size: 12px; font-weight: 400; color: #ccc; float: left}
.news-more{ display: inline-block; float: right;}
.news-more a{ display: inline-block; padding: 0px 20px; color: #19316F;}
.news-more a:hover{ color: #fff; background: #19316F;}
.news-tit{ font-size: 14px; font-weight: bold;}
.news-note{ font-size: 12px; color: #666; margin-top: 0px; line-height: 20px; }
.news-note-h{ height: 60px; overflow: hidden;}
.news-img{ max-height: 150px; display: inline-block; overflow: hidden; width: 100%; padding: 10px 4px;}
.news-img img{ border-radius: 8px;}
.news-body{ display: inline-block; width: 100%; padding: 6px 10px;}
.news-div{ display: inline-block; width: 100%; padding: 6px 10px; border-bottom: 1px solid #f5f5f5;}
.news-ul li:hover .news-div{ box-shadow: 5px 5px 16px #ccc; background: #fafafa; border-radius: 8px;}
.news-tit a{ position: relative; padding-left: 15px; line-height: 30px; height: 30px; overflow: hidden; display: inline-block;}
.news-tit:hover a{ color: #19316F;}
.news-tit a:before{ content: ''; width: 10px ; background: #19316F; height: 2px; top: 50%; margin-top: -1px; left: 0; position: absolute;}
.news-ul li:hover .news-div .news-img img{ transform: scale(1.1)}
.news-ul li:hover .news-div .news-tit a{ color: #19316F; padding-left: 25px;}
.news-ul li:hover .news-div .news-tit a:before{ content: ''; width: 20px ; background: #19316F; height: 2px; top: 50%; margin-top: -1px; left: 0; position: absolute;}
.news-note-x{ font-size: 12px; line-height: 30px; color: #ccc;}
@media (max-width: 1366px) {
.navbar-nav > li{ padding: 12px 20px;}
}
@media (max-width: 768px) {
.caseimga{ display: inline-block; width: 100%; float: left; height: 360px; overflow: hidden;}
.caseimga img{ width: 100%; min-height: 100%;}
.casebodya{ display: none}
.gsjjimg{ height: 200px;}
.caseimga{height: 240px;}
.navbar-nav{ width: 100%;}
.dropdown ul{ line-height: 30px; padding: 10px;}
.dropdown ul li a{ color: #fff;}
.jjloog{ margin-left: -10px;}
.footname .cn{ font-size: 18px;}
}
/*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:#19316F; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#19316F;}
.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;}