﻿a:hover{text-decoration:none;}
ul li{list-style:none ;}
.bglanse{background:#0b3873 ;}
.pa10{padding:10px 0px ;}
.topimgp{color:#fff;}
.topimgp img{margin-left:8px;}
.bglanhs{ background:#eff2f9 ;}
.navbar-brand{padding:1px 0px 5px;}
.pa5{padding:2px 0px ;}
.padd0{padding-left:0 ;}
.pa8{padding:8px 0 ;}
.navbar{margin-bottom:0 ;}
.lansecolor{color:#0b3873;}
.bgf{background:#F1F1F1 ;}
.fbgfcon{overflow: hidden;}
.bgtianl{background:#77cefb ;padding:5px 0 ;}
.bgcons{background:#f7f8fc ;}
input{outline:none ;}
.navbar h1{text-indent: -9999px; height: 0; width: 0;}

@media screen and (max-width: 420px) {
   .topimgp img{margin-left:-1px ; max-width:90% ; display: inline-block;}
}
.navbar-default .navbar-nav > li > a{color:#0b3774; font-size:16px ;}
.navbar-brand{height: auto;}
.navbar-nav{line-height:100% ;}
.navbar-collapse{padding:0 ;}
@media (min-width: 768px){
.navbar-nav > li > a{
	font-size:16px;color:#0b3873;}
	.marg-left{margin-left:0px ;}
    .navbar-nav > li {margin-top: 21px;}
}

@media (max-width: 767px){
.navbar-nav{margin:0;}
.row{margin:0;}
}
.border-rad{border-radius:12px ;margin:8px 0px;height:30px ; background:#fff ; width:210px ; padding:0px ;}

.border-rad input{border:0;}
.border-rad  .text{width:145px;padding:1px 2px ; margin:0px 9px;line-height:28px;color:#000; vertical-align:top;}
.btnpic{width:28px; height:27px ; display: inline-block; background:url(../images/sous.png) no-repeat  ;}
.fbgs{background:#fff ;}
.mar-20{margin:0px auto;}
.news-con h2{color:#0d3676; font-size:16px ;height: 34px;
    line-height:29px;
    overflow: hidden;}
.news-con h2 img{vertical-align: middle; margin-right:6px ;}
.news-con .news-homess li{list-style-type:none ;  border-bottom:1px dashed  #C0C0C0; padding:12px 0px ;
padding-left:3px ;}
.news-con  .news-homess li{ /*background:url(../images/jts.png) no-repeat left center ;*/}
.news-con .news-homess{ margin-left:0 ; padding:0 ; padding-left:3px ; background:#fff;}
.news-con ul li a{color:#323232;}

.news-con ul li a:hover{text-decoration: none;}
.about-text{margin-top:20px;}
.marg-left{position: relative;}
.about-text p{text-indent:30px ; height:110px;color:#323232; font-size:14px ; line-height:24px ;word-break:break-all; /*支持IE，chrome，FF不支持*/

　　word-wrap:break-word;/*支持IE，chrome，FF*/}
@media (max-width: 767px){
.about-text p{height:auto;}
}
.marg-left .mored{position: absolute;color:#fff; font-size:14px ;
 right:20px; background:#0b3873 ;border-radius:8px ; width:80px ; text-align: center; padding:3px 5px ;}
.marg-left .mored:hover{text-decoration: none;}
.marg-left .mored img{margin-right:6px ;}
.aboupic{max-width:100% ;}

#map{}
.heig-30{height:30px ; line-height:30px ;border-bottom:2px solid #8ca3c0;}

.bgwihite{background:#fff ;}
.main-proc h2{width:100%; position: relative; color: #0d3676;
    font-size: 20px; height: 30px;}
.postion-span{position: absolute; top:15px; left:50%; margin-left:-110px ; width:220px; display: block; background:#fff ;  z-index:999 ; text-align: center; }

.postion-span a{font-size:20px;color:#0d3676;}
/* Demo Styles */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  margin:0 auto;
}
.swiper-container {

  height:320px;
  color: #fff;
  text-align: center;
}
.contact-div{padding-bottom:50px; overflow:hidden;}
.swiper-slide .title {
  font-size:18px;
  font-family: "微软雅黑";
  margin-bottom: 0;
  line-height:24px;
  margin-top:28px ;
  text-align: center;
  width:80%;
  margin:30px auto 10px;

}
.swiper-slide .title  a{display:block;}
.swiper-slide .title h4{color:#093870;margin-bottom:4px ;}
.swiper-slide .title p{color:#323232; font-size:13px ; height:50px; margin-bottom:0px ;}
.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}


.gund-con{margin-top:35px ; }

.device {

  height: 320px;
  padding: 40px 0px 20px;

  margin: 5px auto;
  position: relative;

}
.device .arrow-left {
  background: url(../images/right.png) no-repeat;
  position: absolute;
  left: 10px;
  top: 45%;
  margin-top: -15px;
  width: 61px;
  height: 100px;


}
.device .arrow-right {
  background: url(../images/left.png) no-repeat ;
  position: absolute;
  right: 10px;
  top: 45%;
  margin-top: -15px;
  width: 61px;
  height: 100px;

}
.message-type label{margin-left:20px}
.message-type label input{display:none}
@media (max-width:1024px){
	.device .arrow-left {
background-size:40% 40% ;

}
.device .arrow-right {
  background-size:40% 40% ;
 right: 0px;

}

	}
@media (max-width: 767px){
.swiper-slide img{max-width:80% ; display: block;margin:0 auto;}
.device .arrow-left {
background-size:30% 30% ;

}

.device .arrow-right {
  background-size:30% 30% ;
 right:0px;

}
}

.footerbg{background:url(../images/bottombg.jpg) no-repeat ;
background-size:cover;color:#fff;
}

.footerul {padding:10px 0px 30px;}
.footerul li{ float:right; list-style:none ; padding:0px 20px ;}
.footerul li a{color:#fff; font-size:18px ;}
.footeruls{display:none;}
@media (max-width: 767px){
	.footerul li{list-style:none ; padding:0px 0px ; float:left;}
	.footerul {padding:10px 7px 30px 8px;}
    .footerul li a{color:#fff; font-size:15px ;}
	.footeruls{display:block;}
	.wxin{margin-bottom:20px;}
	.border-rad{margin:8px auto;}
.navbar-brand > img {
    display: block;
    max-width: 60%;
}
.device{margin-left:5%;}
}

@media (max-width:440px){
	.footerul{margin:0;}
	.footerul li{  list-style:none ; padding:0px 5px ;}
    .footerul li a{color:#fff; font-size:13px ;}
}

.address{font-size:14px ;}
.address p span{font-size:16px ;}
.section-con{margin-bottom:25px ; padding-bottom:25px ;}
.banquan p{padding:10px 0px 0; font-size:14px ; color:#fff;}

.bread{padding:15px 0px 5px; font-size:14px;}
.bread a{color:#323232;}
 .bread-a  {border:1px solid #0a3673;}
 .bread-a  .text{line-height:25px ;}
 .left-title{background:#0b3873 ;color:#fff; padding:5px 8px ; font-size:16px ;}
 .left-title a{color:#fff;}
 .list-ul{ padding-left:0 ;/*background:#eff2f9; */padding:0px 0px ;  margin:10px 0px ; background:#fff;}
.list-ul >li{/*background:#eff2f9;*/ list-style:none ; padding:7px 13px ;
  border-bottom: 1px dashed #C0C0C0;
  padding-left:3px;
}
.list-ul >li:hover{background:#0b3873;
}
.list-ul >li:hover a{color:#fff;}
.list-ul li a{color:#0b3873;}
.news-lists{overflow: hidden;padding:5px ;border:1px solid #eff2f9;}
.news-lists a p{color:#323232; margin-top:10px ;}
.news-lists li{list-style:none ;padding-right:0 ; overflow: hidden; padding-left:0 ; margin-bottom:15px ;}
.news-lists ul{overflow: hidden; padding-left:0 ;}
.news-lists li a{display: block;position:relative ;  overflow: hidden; }
.news-lists li .text-pic{position:relative ;  overflow: hidden; padding:10px ;border:1px solid #eff2f9;}
.news-lists li .text-pic .bgtianl{ height:40px;}
.news-lists li .title{font-size:14px ;color:#0b3873;}
.news-lists li h5 a{font-size:14px ;color:#0b3873;}
.more-det{padding:4px 7px ;color:#fff; font-size:14px ; position: absolute; bottom:5px; right:0 ; background:#0b3873 ;}
.news-lists .text-pic p{ min-height:45px;overflow-wrap: break-word;}
.morediv {height:30px ; width:100% ; position: relative;}
.page a{padding:3px 4px; color:#0b3873; margin:5px 0px ;}
.page a.active{background:#fff ;}
.pic img{width:100%  ;}
.htitle{padding-left:20px ;}
.htitle a{color:#0b3873; font-size:14px ;}

.prod-lsit li a{margin:3%;}
.prod-lsit li{min-height:350px; overflow: hidden;}
.prodetal-con p a{color:#428bca;}
.newstab{margin-top:25px ;}
.prod-lsitds li{min-height:250px;}
.w20{width:25%; float: left; text-align: center; position: relative;}
.prod-lsitds li .text-pic{padding:0;}
@media (max-width: 767px){

.w20{width:100%; float: left; text-align: center;}
}
.tabcons > li > a{border:0; border-radius:0 ;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #dfb918;
    cursor: default;
   border:0;
}
.nav-tabs > li >a .on{font-size:14px ; display:none ;}
.nav-tabs > li.active > a .onh, .nav-tabs > li.active > a:hover .onh, .nav-tabs > li.active > a:focus .onh{display:none ;


}
.nav-tabs > li.active > a .on, .nav-tabs > li.active > a:hover .on, .nav-tabs > li.active > a:focus .on{display:block ;


}
.nav-tabs{border:0;}

.tabcons > li > a:hover, .tabcons > li > a:focus {
    text-decoration: none;
    background:none;
    outline:none ;
}
.tabcons{ margin:30px auto ;}
.tab-content{margin:30px auto; overflow: hidden;padding-bottom: 30px;}
.tab-content ul  li{border-bottom:1px solid #fff ; overflow: hidden;
 padding-bottom:7px ; margin-bottom:40px ;}
 .tab-content ul {padding-left:0 ;}
.tab-content ul  li span{color:#0e44b0; font-size:15px ; font-weight:bold}
.tab-content ul  li a{color:#323232;}
.tab-content ul  li a:hover{color:#0e44b0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background:none ;}
.titl-fw{color:#fff;  padding:5px 20px ;}
.left-nav{margin-bottom:30px ;}
.left-nav span{display: block; margin-bottom:10px ; padding:6px 10px ; background:#0b3774 ;border-radius:6px ;}
.left-nav span a{color:#fff;font-size:16px ; }
.line-bottom {height:29px;border-bottom:1px solid #97b4d4 ;
display: inline-block;width:82%; vertical-align:bottom ;}
.titlespan{padding-left:0 ; height:30px ; overflow: hidden; line-height:30px ;}
.titlespan b{ padding:0px 20px; vertical-align:middle ; display: inline-block; height:30px; line-height:30px ; color:#fff; border-radius:6px ;font-weight:400 ; font-size:16px ;}

.bgtp{background:url(../images/navbg.png) repeat-x ;}
.nav > li > a:hover, .nav > li > a:focus{
	background:none ;

}

.prv{padding:30px 0 20px; overflow: hidden;}
.left-nav span.active,.left-nav span:hover{background:#34BBF9 ;color:#0A3673;}
.left-nav span.active a,.left-nav span:hover a{color:#fff;text-decoration: none;}
.bread{/*border-bottom:1px solid #ccc; padding-bottom:15px ; margin-bottom:20px ;*/}
.banner-ny{margin:20px auto 27px;width:100%; overflow: hidden;}
 .banner-ny img{width:100% ;}
  .ryzs-row ul {overflow: hidden;  margin:10px 0 30px;padding-left:0 ;}
 .ryzs-row ul li{list-style-type:none ; margin-bottom:35px ; }
   .ryzs-row ul li img{width:100% ;}
  .ryzs-row ul li .border-bk{border:1px dashed #969696; padding:15px ;}
@media (max-width: 767px){


}
.line-border{border-bottom:2px solid #ccc; margin-bottom:20px ;}
.advantage{margin:30px auto ;}
.tuj-con{border:1px solid #f1f1f1; padding:15px ;margin:10px auto;}
@media (min-width: 768px){
.navbar-right{margin-right:0;}
}



/* banner-box */
.banner-box{width:82%; height:auto;margin:20px 15%  20px 3% ;position:relative; }

.slide-box{height:100%;}
.slide-item{display:none;}
.slide-item img{width:100%;}

.snap-box{position:absolute;right:-5%;top:0;height:100%;}
.snap-box ul{position: relative; height:96% ; width:100% ; top:3%;}
.snap-box li{width:100%; height:18% ; margin-top:2%;list-style-type:none;cursor:pointer;vertical-align:bottom;}
.snap-box li img{/*height:100%; width:auto;*/
float: left;
height: 100%;
width: auto;
width: 70px;
height: 70px;
border: 1px solid #71bcd8;
padding: 4px;
background: #fff;
border-radius: 50%;
margin: 8px 0;

}
.snap-box li div{padding:10px 10px 0px;font-size:12px;float:left;width:165px;}
.snap-box li .item-title{color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:18px;font-size:14px;}
.snap-box li .item-intro{color:#C9D2D3;height:16px;line-height:16px;margin:4px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;_width:150px;}
.snap-box li.item-current{/*background:#777;*/}
.snap-box li.item-current .item-title{color:#88fc6e;}
.content-app{margin:70px  auto; overflow: hidden;}
.content-app h1{color:#0b3873; font-weight: 400; font-size:20px ;}
.content-app h3{color:#4085c9; font-size:16px ;}
.content-app p{color:#343434; font-size:14px; line-height:24px ;}
.contact-div h3{font-size:20px;}
.mapcon{margin:10px auto 0px; overflow: hidden;}
.conta-con{padding:20px 0px 0px ; margin-bottom:0px ;  background:#fff ; overflow: hidden;}
.tabcons > li > a {color:#fff;}
.conta-con p span img{vertical-align:middle ; margin-right:8px ;}
.yjspan{display:block;float:left;border-radius:8px 0 0 8px ; background:#fed233 ; width:15%; height:50px; vertical-align:middle;}
.yjspan  img{vertical-align: middle; display: block; width:34px; height:28px; margin:0 auto; margin-top:11px ;}
.indiv{margin-bottom:14px ;overflow: hidden;}
.indiv input{height:50px;float:left; padding-left:10px ; vertical-align:middle ; background:#fff ;border:0; line-height:50px ;width:85%;}
.indiv textarea{border:0;float:left; background:#fff ; padding:10px;resize:none ; width:85%; height:120px;}
.indivs span{vertical-align:top ;}
.btn-con{overflow: hidden; height:40px ;}
.btn-con input{background:#fed233 ; height:36px;
 line-height:36px ;border:0; padding:0px 30px;border-radius:6px ; text-align: center; color:#0b3873; font-size:14px; position: absolute; right:10px; }
 .news-lists li .more-det a{color:#fff;}
 .abtitle{background:url(../images/abbg.png) no-repeat ; line-height:50px ; height:50px ;color:#fff; padding-left:20px ; background-size:100% 100% ;}

.bgpicbj{height:130px; background:url(../images/tabbg.png) no-repeat center center ;}
@media (max-width: 768px){
  .bgpicbj{
 /* background-repeat:repeat;*/
background-size:cover;
  height: auto;
  background:url(../images/tabbg.png)  center center ;}
}

.line-border{position: relative; }
.line-border img{}

.w20 img{position: absolute; top:13px;  z-index:999 ;left: 50%;
width: 23px;
margin-left: -12px;}
.w20  p{margin-top:45px; font-weight:bold}
.bgpicbj{position: relative;}
.bgpicbj .line-border{position: absolute; top:56px;width: 100%;}
.intit{background:url(../images/intitle01.png) no-repeat ; height:32px ;
background-size:100% 100% ; width:100% ;
line-height:32px ;padding-left:20px ; color:#fff;
}

.bgtitl02{background:url(../images/intitle02.jpg) no-repeat ; height:75px ;
background-size:100% 100% ; width:100% ; font-size:22px ;
line-height:75px ;padding-left:20px ; color:#fff;}
.bgtitl02 h4{font-size:22px ;line-height:75px ;}
.img-top img{margin:0px auto 20px; width:100% ;}
.bg-lansc{background:#f3f4fb ; overflow: hidden; padding:13px ;}
.bg-lansc img{background:#fff ; padding:5px ;border-radius:4px ; margin-bottom:10px ;}
.bg-lansc p{line-height:22px ;}
.bg-lansc {margin-bottom:13px ;}
.ul-inlist{margin-bottom:30px ; overflow: hidden;}

.fixed{position: fixed; top:210px;right:0px; z-index:8888;}
.kef-con{height:240px ; width:42px ;padding:20px 9px ; background:#0b3873 ; border-radius:6px 0px 0px 6px ;}
.kef-con div{margin-bottom:20px ;}
.kef-con div a{display: block;}
.kefxs{height:47px ; width:42px ;padding:10px 9px ; background:#0b3873 ; border-radius:6px 0px 0px 6px ;}
.kefxs div{margin-bottom:10px ;}
.kefxs div a{display: block;}

.subnav-ul{position: absolute; top:40px;    left: -30%;
width: 160%; z-index:9999 ; display:none ;padding: 0;}

.subnav-ul li{line-height:30px ; background:#0D3676 ;
text-align: center;}
.subnav-ul li:hover{background:#295692 ;}
.subnav-ul li a{color:#fff; font-size:13px ;}
.subnav-ul li a:hover{text-decoration: none;}
.collapse {
    display:block;
       visibility: visible;
}
@media (max-width: 767px){
	.subnav-ul{
		left:-60%;
	}
.subnav-ul li {
    padding-left:45%;
}
.collapse {
    display: none;
    visibility: hidden;
}
}


 .swiper-container  img{max-width:100%;}
 @media (max-width: 767px){
	.swiper-container  img{max-width:80%;}
	.prodetal-con img{max-width:98%;}
}

 .left-button .navbar-toggle{background:#0b3873;}
 .left-button .navbar-toggle .icon-bar{background:#fff;}

 #bs-example-navbar-collapse-2{}

 .pos-teams{position:relative;}
.pos-teams ul{position:absolute; top:0%; left:0; width:100%; height:100%;}
.pos-teams ul .a1{position: absolute;
top: 10%;
left: 40%;
width: 10%;
height: 11%;
display: inline-block;}
.pos-teams ul .a2{position: absolute;
top: 26%;
left: 13%; display:inline-block;width: 10%;
height: 11%;}

.pos-teams ul .a3{position: absolute;
top: 26%;
right:23%; display:inline-block;width: 10%;
height: 11%;}
.pos-teams ul .a4{position: absolute;
bottom: 28%;
right: 23%;
display: inline-block;
width: 11%;
height: 11%;}

.pos-teams ul .a5{position: absolute;
bottom:30%;
left: 13%;
display: inline-block;
width: 11%;
height: 11%;}
.pos-teams ul .a6{position: absolute;
bottom:14%;
left: 39%;
display: inline-block;
width: 11%;
height: 11%;}


.pos-teams ul li a{display:block; width:100%; height:100%;}



/* 接下来我们添加一些CSS，修改幻灯效果给淡入淡出 */

.carousel-fade .carousel-inner .item{
  opacity:0;
  -webkit-transition-property:opacity ;
  -moz-transition-property:opacity ;
  -ms-transition-property:opacity ;
  -o-transition-property:opacity ;
  transition-property:opacity ;
}

.carousel-fade .carousel-inner .active{
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{
  left: 0;
  opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}


.img-top{margin-top:20px;}
.img-top p{padding:7px 0px;}
@media(max-width:1025px){
	.snap-box li img {
height: 100%;
width: 50px;
/* width: 20px; */
height:50px;
border: 1px solid #71bcd8;
padding: 4px;
background: #fff;
border-radius: 50%;
margin:3px 0;
}

}

@media(max-width:768px){
	.snap-box li img {
height: 100%;
width: 50px;
/* width: 20px; */
height:50px;
border: 1px solid #71bcd8;
padding: 4px;
background: #fff;
border-radius: 50%;
margin:3px 0;
}

}

@media(max-width:560px){
	.snap-box li img {
height: 100%;
width: 25px;
/* width: 20px; */
height:25px;
border: 1px solid #71bcd8;
padding: 4px;
background: #fff;
border-radius: 50%;
margin:3px 0;
}

}
.p-nav {height:30px;margin-bottom:10px;border-bottom:1px solid #21B6EF;}
.p-nav li{float:left;width:100px;height:30px;line-height:30px;cursor:pointer;text-align:center}
.p-nav .active-bg{background:#21B6EF;color:#fff;border:1px solid #0BD2FF}
.message-table{width:90%;display:none}
.message-table caption{font-size:18px;}
.message-table td{padding-right:10px;}
.message-table input[type='text'],.message-table textarea{margin-bottom:10px;}
#content,#message{width:100%;height:auto;margin:0 auto; }
@media(max-width:768px){
#content img{max-width:100%;}
#content{margin:0 auto;width:100%;}
#content p{word-wrap: break-word;
    word-break: normal;  }
.left ,.right{padding:0;}
}

.table-biaoge{border-right:1px solid #000;border-bottom:1px solid #000; width:100% ; margin:20px 0;}
		 .table-biaoge tr td{border-left:1px solid #000;border-top:1px solid #000; text-align: center;padding:5px 0 ;color:#000;}
		 .table-biaoge .titlec td{background:#77cefb; font-weight:bold }
		 .table-biaoge a{ color:#000;}
            a.detail-end {
                color: #428bca;
            }
		 #content p{word-wrap:break-word;}

		  .list-ul{position:relative;}
  .list-ul  li{position:relative;}
  .list-ul  li .hover-thir{position:absolute; left:100%; background: #0b3873; z-index:999;top:0px;width:280px; display:none; padding-left:0;z-index:99999;}
   .list-ul  li .hover-thir li{ line-height:20px; border-bottom:1px solid #ddd; margin:5px 10px; padding-bottom:7px;}
   .list-ul  li .hover-thir li a{color:#fff;}
   * zoom-section */
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;width:412px;margin-top:26px;}
.zoom-small-image{float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}

/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border: 1px solid #888;margin:-4px;background-color:#fff;cursor:move;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}

.sxhidden{display:none;}
@media(max-width:767px){
	.sxhidden{display:block;}
}

.prv a{color:#000!important;}

