/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
/* Write your styles */
a, a:hover {
	color: #333;
}
p{margin:0}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2{
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*banner*/
.swiper-container{width: 100%;}
.swiper-slide{
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  background: #fff;    
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.swiper_banner.swiper-container{}
.swiper_banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;
  text-align: center;
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.swiper_banner .swiper-slide img{height: 525px;display: inline-block;}
.swiper_banner .swiper-button-next, .swiper_banner .swiper-button-prev{width: 30px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 24px;top: 50%;margin-top: -30px;text-decoration: none;background: rgba(0,0,0,.3);}
.swiper_banner .swiper-button-next{right: 20px;}
.swiper_banner .swiper-button-prev{left: 20px;}
.swiper_banner .swiper-button-next:hover,.swiper_banner .swiper-button-prev:hover{background: #06c;}
.swiper_banner>.swiper-pagination-bullets{bottom: 25px;z-index: 10;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;width: 15px;height: 15px;border:1px solid #fff;background: none;opacity: 0.6;cursor: pointer;}
.swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff;}
/*home_about*/
.home_about{
  width: 100%;
  background: #f0f0ee;  
}
.home_about .main{
  position: relative;
}
.home_about .word{
  width: 650px;
  background: #fff;
  padding: 50px 100px 70px 40px;
}
.home_about .word h5{
  font-size: 28px;
  color:#2a2a2a;
  padding-bottom: 15px;
  width:510px;
  overflow:hidden;
}
.home_about .word h5 span{
  display: block;
  width: 55px;
  height: 3px;
  background: #dadada;
  margin-top: 15px;
}
.home_about .word div{
  font-size: 14px;
  color:#616161;
  line-height: 30px;
}
.home_about .word a{
  display: block;
  width: 110px;
  height: 30px;
  background: #f0f0ee;
    -webkit-border-radius: 50px; /* Safari 和 Chrome */
    border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    margin-top:35px;
     transition: 0.5s;
     color: #fff;
text-align: center;
line-height: 30px;
font-size: 30px;
}
.home_about:hover a{
  background-color:#014099; 
}
.home_about .imgBg{
  width: 500px;
  background: #f5f7f2;
  position: absolute;
  right: 0;
  top: 90px;
  padding: 10px 0;
}
.home_about .imgBg .img{
  width: 100%;
  position: relative;
}
.home_about .imgBg .img img{width: 100%;}
/*home_product*/
.home_product{
  width: 100%;
  padding: 40px 0 50px;
  background: #fff;
}
.home_product .title{
  text-align: center;
  font-size: 14px;
  color: #2a2a2a;
  position: relative;
  margin-bottom: 25px;
}
.home_product .title h5{
  width: 150px;
  height: 28px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 10;
  font-size: 28px;
}
.home_product .title span{
  position: absolute;
  top:50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -195px;
  width: 390px;
  height: 2px;
  background: #f0f0ee;
}
#swiper-pro1 .swiper-slide{width: 25%;}
.pro_navc{width:100%;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.pro_navc .main{border-right:1px solid #e0e0e0;}
.pro_nav .swiper-slide{height:50px;padding:0 5px;line-height:50px;cursor:pointer;font-size:16px;border-left:1px solid #e0e0e0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.pro_nav .swiper-slide.active-nav{color:#fff;background:#014099;}
.pro_list .swiper-slide a{display: block;width: 100%;background: #e4e4e4;padding: 10px 10px 0;}
.pro_listc .swiper-slide .pic{ overflow: hidden;width: 100%;border-bottom: 1px solid #e1e1e1; background-color:white;}
.pro_listc .swiper-slide .pic img{-webkit-transition: all .5s ease;transition: all .5s ease;width: 100%;}
.pro_listc .swiper-slide a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.pro_listc .swiper-slide h3{font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 60px;font-weight: normal;}
.pro_listc .swiper-slide a:hover{background:#035cac;border-color: #06c;}
.pro_listc .swiper-slide a:hover h3{color:#fff;}
.pro_listc{display: none;position: relative;}
.pro_listc.current{display: block;}
.pro_listc .swiper-container{display: none;}
.pro_listc.current .swiper-container{display: block;}
.pro_list{padding: 30px 0;}
.pro_list .swiper-button-next,.pro_list .swiper-button-prev{background: none;opacity: 1;font-size: 30px;width: 30px;height: 60px;line-height: 60px;}
.pro_list .swiper-button-next{right: -50px;}
.pro_list .swiper-button-prev{left: -50px;}
.pro_list .swiper-button-next:hover,.pro_list .swiper-button-prev:hover{ color:#fff;background:#06c;}
.pro_list .swiper-button-disabled{/*display: none;*/}
.pro_list .swiper-pagination{text-align: center;width: 100%;margin-top: 15px;}
.pro_list .swiper-pagination-bullet{background: #c0c0c0;opacity: 1;margin: 0 10px;width: 15px;height: 15px;border:1px solid #fff;}
.pro_list .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#333;background: #fff;}

/*home_news*/
.home_news{
  width: 100%;
  padding: 45px 0 50px 0;
  background: #f0f0ee;
}
.home_news .left{
  width:55%;padding-right: 30px;

}
.home_news .title{
  width: 100%;
  height: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}
.home_news .title h5{
  height: 30px;
  font-size: 28px;
  color:#2a2a2a;
  float:left;
}
.home_news .title a{
  float: right;
  font-size: 18px;
  color:#2a2a2a;
  width: 36px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  transition: 0.5s;
}
.home_news .title a:hover{
  color:#014099;
}
.home_news .news_listc{margin-left: -20px;}
.home_news .news_list{
  width: 50%;
  overflow: hidden;
  float: left;
  transition: 0.5s;
  padding-left: 20px;  
}
.home_news .news_list a{display: block;}
.home_news .news_list a:hover{background: #fff;}
.home_news .news_list .img{width: 100%;height: 182px;
  position: relative;margin-bottom: 20px;overflow: hidden;}
.home_news .news_list .img img{margin:0 auto;/*width: 100%;*/height: 100%;display: block;-webkit-transition: all .5s ease;transition: all .5s ease;}
.home_news .news_list a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news_con{position: relative;height: 100px;padding-left: 95px;}
.home_news .news_list .date{
  position: absolute;top: 0;left: 0;
  width: 80px;
  height: 80px;
}
.home_news .news_list .date span,
.home_news .news_list .date i{
  display: block;
  width: 80px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size:20px;
  color: #fff;
  font-style:normal;
  font-family: "arial";
  overflow: hidden;
}
.home_news .news_list .date span{
  background: #014099;
}
.home_news .news_list .date i{
  background: #2e2e2e;
}
.home_news .news_list .art h2{
  width: 100%;
  font-size: 14px;
  color: #222;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}
.home_news .news_list a .art h2{
  color: #222;
  transition: 0.5s;
}
.home_news .news_list a:hover .art h2{
  color: #014099;
}
.home_news .news_list .art p{
  font-size: 13px;
  color: #646464;
  width: 100%;
  height:40px ;
  overflow: hidden;
  line-height: 20px;margin-top: 5px;
}
.home_news .news_list a .art span.more{
  font-size: 12px;
  color: #014099;
  display: block;
  text-transform: uppercase;
  overflow: hidden;
  margin-top: 6px;
}
.home_news .news_list a .art span.more i{
  font-family: "songti";
  font-style: normal;
}
.home_news .right{
  width: 45%;
}
.links_main{}
.links {padding: 10px 10px;line-height: 25px;}
.links span{height: 30px;line-height: 30px;color: #333;font-size: 16px;display: inline-block;}
.links a {
  display: inline-block;
  color: #666;
  margin: 0 5px;
  font-size: 14px;
}
.links a:hover{color: #06c;}

/*map*/
.map {
  margin: 65px auto;
}
.map dl {
  margin: 20px 0 20px 0;
  overflow: hidden;
  line-height: 30px;
}
.map dl:hover dt a {
  color: #fff;
}
.map dt {
  font-size: 14px;
  float: left;
  width: 10%;
  text-align: center;
  background: #014099;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.map dt a {
  color: #fff;
  display: block;
}
.map dt:hover {
  background-color: #014896;
}
.map dd {
  font-size: 12px;
  overflow: hidden;
  float: left;
  width: 85%;
}
.map dd .p2 {
  padding: 0 0 0 20px;
  clear: both;
}
.map dd .p2 a {
  color: #81a849;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.map dd .p2 a:hover {
  color: #014099;
}
.map dd div {
  clear: both;
  overflow: hidden;
  padding: 0px 20px 0 10px;
}
.map dd div a {
  color: #333;
  float: left;
  padding: 0 10px 0 10px;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.map dd div a:hover {
  background-color: #014099;
  color: #fff;
}

/*about*/
.container .right .about .about_title{
  border-left: 10px solid #ff2d29;
  padding:5px;
  margin-bottom: 30px;
}
.container .right .about .about_title p{
  text-transform: uppercase;
  font-size: 17px;
  color:#ff2d29;
}
.container .right .about .about_title h3{
  font-size: 29px;
  color:#000;
  font-weight: 400;
  margin-top: 5px;
}
.container .right .about .img1{
  width: 237px;
  height: 200px;
  position: relative;
  overflow: hidden;
}
.container .right .about .article p.p1{
  padding-top: 30px;
  overflow: hidden;
}
.container .right .about .article p{
  /*font-size: 12px;
  color:#a3a3a3;
  line-height: 25px;
  padding-bottom: 20px;
  float: left;*/
}
.container .right .about .img2{
  width: 100%;
  height: 230px;
  position: relative;
  float: left;
}
.article{line-height: 30px;color: #666;font-size: 14px;}
.article p{margin-bottom: 10px;}
.article img{max-width: 100%;}
/*culture*/
.culture{
  position: relative;
}
.culture_title{
  padding: 40px 0 30px;
  border-bottom: 1px solid #d9d9d9;
}
.culture_title h3{
  font-size: 30px;
  color:#f72015;
}
.culture_title p{
  font-size: 14px;
  color:#404040;
  line-height: 20px;
}
ul.list {
  margin-top: 45px;
}
ul.list li{
  padding-left:70px;
  position: relative;
  font-size: 14px;
  color:#787878;
  line-height:30px;
  width: 525px;
}
ul.list li i{
  position: absolute;
  left:0;
  top:0;
  font-style: normal;
  padding-left: 30px;
  background: url(/skin/images/c_arrow.jpg) no-repeat left center;
}
.cul_img{
  width: 300px;
  height: 180px;
  position: absolute;
  bottom:0;
  right: 0;
}

/*honor*/
.honor .img-list ul{margin: 0 -20px;}
.honor .img-list ul li{
  width:33.33%;
  float: left;
  margin-bottom: 35px;
  text-align: center;
  padding: 0 20px;
}
.honor .img-list ul li span{
  display: inline-block;
  font-size: 16px;
  color:#010101;
  padding-top:20px;
}
.img-list li.mid{
  margin:0 30px;
}
.img-list li a {
  display:block;
  width:100%;
  position:relative;
  overflow: hidden;
  border: solid 5px #d8d8d8;
}
.img-list li a img{
  width: 100%;
  transition: 0.5s;
}
.img-list li a:hover img{
  transform: scale(1.1);
}

/*case*/
.case{margin: 0 -25px;}
.case .mr0{margin-right: 0;}
.case .case_list{
  width: 50%;
  
  padding: 0 25px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-bottom: 50px;  
}

.case .case_list a{display: block;border: 1px solid #dcdcdc;transition: 0.5s;height: 180px;position: relative;padding: 10px 10px 10px 175px;}
.case .case_list .img{
  width: 145px;
  height: 160px;
  position: absolute;
  overflow: hidden;
  left: 10px;top: 10px;
}
.case .case_list .img img{
  transition: 0.5s;
  width: 100%;height: 100%;
}
.case .case_list .art{
  padding-top: 20px;
}
.case .case_list .art h3{
  font-size: 16px;
  height: 15px;
  overflow: hidden;
}
.case .case_list .art p{
  font-size: 12px;
  color:#777;
  line-height: 20px;
  height: 80px;
  overflow: hidden;
  margin-top: 15px;
}
.case .case_list span.more{
  position: absolute;
  width: 50px;height: 50px;
  bottom: 0;right: 0;
  color:#fff;
  z-index: 9999;
  font-size: 30px;
  display: block;
  line-height: 72px;
  z-index: 1;
  padding-left: 27px;
}
.case .case_list span.more:after{
  width: 0;
  height: 0;
  border-bottom: 50px solid #014099;
  border-left: 50px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;color:#fff;
  content: "";
}
.case .case_list a:hover{
  border-color:#014099;
}


/*news*/
.news{
  margin-bottom: 50px;
}
.news .news_list{
  width: 100%;
  height: 130px;
  border-bottom: 1px dashed #c5c5c5;
  padding: 30px 15px 0 35px;
  position: relative;
  overflow: hidden;
}
.news .odd{
  background:#f7f7f7;
}
.news .news_list a{display: block;}
.news .news_list h3{
  font-size: 16px;
  font-weight: 400;
  height: 16px;
  overflow: hidden;
}
.news .news_list a:hover h3{color: #06c;}
.news .news_list h3 span{
  float: right;
  font-size: 14px;
  color:#828282;
  width:74px;
  height: 14px;
  overflow: hidden;
}
.news .news_list p{
  font-size: 12px;
  color:#828282;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin-top: 15px;
}
.news .news_list i{
  position: absolute;
  width: 25px;
  height: 25px;
  background: url(/skin/images/n_arrow.png) no-repeat;
  left: 10px;
  top: 30px;
}

/*列表分页*/
.fanye .all {margin: 0 5px;}
.fanye {
  height: auto;
  padding: 8px;
  text-align: center;
  margin: 20px auto;
}
.fanye a, .fanye .current {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  /*background: #ccc;*/
  border-radius: 3px;
  color: #666;
  margin: 0 2px;
  font-size: 14px;
  border:1px solid #ccc;
  margin-bottom: 10px;
}
.fanye .current {background: #124F88;border-color:#124F88;color: #fff;}
.fanye a:hover,
.fanye .thisclass {color: #fff;background: #014099;border-color:#124F88;}
.fanye .pageinfo {
  border-radius: 3px;
  padding: 0 10px;
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #ccc;
}
.fanye .last {
  color: #ccc;
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/*news_show*/
.news_show .title{
  text-align: center;
}
.news_show .title h3{
  font-size: 22px;
  font-weight: 400;
  color:#333;
  padding-bottom: 40px;
  line-height: 30px;

}
.news_show .title .data{
  padding: 18px 0;
  border:1px solid #dedede;
  border-left: none;
  border-right:none;
  font-size: 14px;
  color:#666;
  line-height: 20px;
}
.news_show .art{
  padding-top: 55px;
  font-size: 14px;
  color:#3f3f3f;
  line-height:30px;
}
.news_show .art .imgBox{
  overflow: hidden;
}
.news_show .art .imgBox .img{
  width: 390px;
  height: 300px;
  position: relative;
  float: left;
  margin-right: 30px;
}
.news_show .art .imgBox .mr0{
  margin-right: 0;
}
.show_u{padding-top: 30px;}
.show_u ul{padding: 0;margin: 0;}
.show_u ul li{list-style: none;line-height: 30px;padding: 5px 10px;border:1px solid #ccc;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.show_u ul li a{color: #666;}
.show_u ul li a:hover{color: #06c;}
/*download*/
.download {
  margin:0 -15px;
  margin-bottom: 20px;
}
.download .list{
  width: 50%;
  float: left;
  padding: 0 15px;    
  margin-bottom: 30px;
}
.download .listc{background: #fafafa;position: relative;height: 110px;padding-left: 110px;}
.download .list .img{
  width: 110px;
  height: 110px;
  position: absolute;
  border:1px solid #ddd;
  top: 0;left: 0;
}
.download .list .img img{width: 100%;height: 100%;}
.download .list .art{
  padding: 30px 0 0 25px;
  transition: 0.5s;
  border:1px solid #fafafa;
  height: 110px;
}
.download .list .art h3{
  font-size: 15px;
  font-weight: 400;
  color:#010101;
  height: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}
.download .mr0{
  margin-right: 0;
}

.download .list .art a{
  display: inline-block;
  padding-left: 25px;
  text-decoration: underline;
  background: url(/skin/images/down1.jpg) no-repeat left top;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
}
.download .list .art a.a2{
  background: url(/skin/images/down2.jpg) no-repeat left top;
  margin-left: 15px;
}
.download .list .art a:hover{color: #06c;}
.download .list .listc:hover .art{
  border-color:#ddd;
  border-left-color: #fff;
}

/*contact*/
.contact{
  width: 100%;  
  background: url(/skin/images/contact_bg.jpg) repeat-y;
  margin-top: 70px;
  padding-left: 55px;
}
.contact .art h3{
  display: inline-block;;
  padding: 5px 15px;
  font-size: 16px;
  color: #fff;
  background: #004c9e;
  font-weight: 400;
  margin-bottom: 20px;
  max-width: 700px;
  height: 35px;
  overflow: hidden;
  margin: 0 auto;
}
.contact .art{
  font-size: 15px;
  color:#404040;
  line-height: 25px;
  /*width: 700px;*/
  height: 165px;
  overflow: hidden;
  margin-bottom: 60px;
}

/*message*/
.message{
  padding: 45px 30px;
  background: #f6f6f6;
}
.message ul{
  overflow: hidden;
}
.message ul li.li1{
  width: 50%;
  height: 40px;  
}
.error { 
    color:#ff2d29;
    font-weight: normal;
    padding-top: 2px;
    display:none;
}

.message ul li.mr10{
  padding-right: 10px;
}
.message ul li input{
  width: 100%;
  border: none;
  outline:none;
    height:40px;
    line-height:40px;
  font-size: 13px;
  font-family: "microsoft yahei";
  border: 1px solid #d8d8d9;
}

.message ul li input.validate-on{
    border:1px solid #ff2d29;
}

.message ul li{
  position: relative;
  margin-bottom: 20px;
  float: left;
}
.message ul li.title{
  width: 100%;
  height: 40px;
}
.message ul li.text{
  width: 100%;
  height: 180px;  
}
.message ul li.text textarea{
  width: 100%;
  height: 100%;
  border:none;
  outline: none;
  text-indent: 1em;
  padding-top: 1em;
  padding-right: 25px;
  font-size: 13px;
  font-family: "microsoft yahei";
  border: 1px solid #d8d8d9;
}
.message ul li.text textarea.validate-on{
  border:1px solid #ff2d29;
}
.message ul li.yanzhen{
  width: 120px;
  height: 40px;
}
.message ul li.img{
  width: 85px;
  height: 40px;
  margin-left: 10px;
}
.message ul li.img a{position: absolute;top:0px;left: 95px;width: 60px;height: 40px;line-height: 40px;}
.message ul li.img a:hover{color: #06c;}
.message ul li.btn{
  width: 420px;
  height: 40px;
  float: right;
}
.message ul li.btn input{
  border: none;
  outline: none;
  font-size: 14px;
  color:#fff;
  background: #c2c2c2;
  transition: 0.5s
}
.message ul li.btn input:hover{
  background:#014099;
}
.message ul li.btn .submit{
  width: 47%;
  margin-right: 20px;
  background:#014099;

}
.message ul li.btn .reset{
  width: 47%;
}
.message ul li i{
  font-style: normal;
  font-size: 14px;
  color:#ff0000;
  position: absolute;
  right: 20px;
  top:15px;
  z-index: 9999;
}

/*recruit*/
.recruit .title{
  width: 100%;
  border-bottom:1px solid  #2059b1;
  margin-bottom: 15px;
}
.recruit .title span{
  display: inline-block;
  padding: 8px 30px;
  background: #efefef;
  font-size: 16px;
}
.recruit .choose1 span i{font-weight: bold;}
.recruit .choose span i.i4{}
.recruit .choose span i{
  display: inline-block;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-style: normal;
  font-size: 13px;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-right: none;
  background: #f4f4f4;
    overflow:hidden;
}
.recruit .choose span{
  cursor:pointer;  
  display: block;
}
.recruit .choose span i.i1{
  width: 30%;
}
.recruit .choose span i.i2{
  width: 20%;
}
.recruit .choose span i.i3{
  width: 20%;
}
.recruit .choose span i.i4{
  width: 30%;
  border-right: 1px solid #e8e8e8; 
}
.recruit .choose span i em{
  display: inline-block;
  width: 100px;
  height: 20px;
  font-style: normal;
  background: #7b7b7b;
  line-height: 20px;
  color:#fff;
  font-size: 12px;
  cursor: pointer;
   -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  transition: 0.5s;
}
.recruit .choose span i em:hover{
  background: #014099;
}
.recruit .choose span i em.on{
  background: #014099;
}
.recruit .choose .hide{
  padding: 30px 15px;
  display: none;
}
.recruit .choose .hide .art{
  border-left: 1px solid #ffab00;
  padding-left:20px;
}
.recruit .choose .hide p{
  
  font-size: 14px;
  color:#706e6e;
  line-height: 25px;

}
.recruit .choose .hide .art h3{
  position: relative;
  font-size: 14px;
  color:#3a3a3a;
  font-weight: 600;
}
.recruit .choose .hide .art h3:before{
  position: absolute;
  width: 10px;
  height: 10px;
  -moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari 和 Chrome */
  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  background: #ffab00;
  left:-25px;
  top:50%;
  margin-top: -5px;
  content: "";

}
.recruit .choose .hide .art a{
  color:#014099;
  text-decoration: underline;
}
.recruit .choose .hide .art h3:nth-child(1):after{
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
    left:-25px;
    top:-55%;
    content: "";
}
/*product*/

.product .pro_list h3{
  padding: 15px 0 15px 45px;
  background: #014099 url(/skin/images/pro_arrow.png) no-repeat 20px 15px;
  font-size: 17px;
  color:#fff;
  font-weight: 400;
  margin-bottom: 30px;
}
.product .pro_list ul {
  margin: 0 -15px;
}
.product .pro_list ul li{
  width: 20%;
  float: left;
  margin-bottom: 30px;
  padding: 0px 15px;
}
.product .pro_list ul li a{display: block;}
.product .pro_list ul li.mr0{
  margin-right: 0;
}
.product .pro_list ul li h5.word{
  margin-top: 15px;
  color:#a6a4a4;
  transition: 0.5s;
  width: 100%;
  overflow: hidden;
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
  height: 40px;
  text-align: center;
}
.product .pro_list ul li:hover h5.word{
  color: #014099;
}
.product .pro_list ul li .img{
  width: 100%;
  border:1px solid #e5e5e5;
  overflow: hidden;
}
.product .pro_list ul li .img img{
  transition: 0.5s;
  width: 100%;
}
.product .pro_list ul li .img:hover img{
  transform: scale(1.1);
}

/*pro_class*/
ul.pro_choose{
  border-bottom:2px solid #014099;
  background: #ececec;
  display: block !important;
}
ul.pro_choose li{
  float:left;
  font-size: 15px;
  cursor: pointer;
  transition: 0.5s;
  width: 20%;
}
ul.pro_choose li a{
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
  color:#000;
  transition: 0.5s;
}
ul.pro_choose li:hover{
  background: #014099;
  color:#fff;
}
ul.pro_choose li:hover a{
  color:#fff;
}
ul.pro_choose li.on{
  background: #014099;
  color:#fff;
}
ul.pro_choose li.on a{
  color:#fff;
}
.product .pro_list{
  padding: 0;
}
.pro_info{
  padding: 15px 0;
  line-height: 25px;
  font-size: 14px;
  color:#333;
}
.pro_info h5{
  font-size: 22px;
  color: #014199;
  font-weight: 400;
  margin-bottom: 10px;
}
.pro_info .show_xq{line-height: 25px;
  font-size: 14px;
  color:#333;}
.pro_info ul li{
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.pro_info ul li a.btn{float: right;width: 100px;text-align: center;border-radius: 5px;overflow: hidden;text-align: center;color: #fff;margin-left: 20px;background: #06c;}
.pro_info ul li a.tit{line-height: 30px;}
.pro_info ul li a.btn:hover{background:#ff6d06;}
.pro_info ul li a.tit:hover{color:#ff6d06;}
.pro_info ul li a i{font-size: 16px;margin-right: 5px;}
.pro_info ul li a:nth-child(3) i{font-size: 18px;}
/*pro_show*/
.pro_show{margin-bottom: 30px;}
.pro_show .img{
  width: 350px;
  height: 350px;
  border: 1px solid #d9d9d9;
  margin-right: 10px;
}
.pro_show .img img{width: 100%;}
.pro_show .art{
  font-size: 14px;
  color:#626262;
  line-height: 25px;
  float: right;
  width: 420px;
}
.pro_show .art h3{
  font-size: 20px;
  color:#014099;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom:1px solid  #bababa;
}
.pro_show .art .show_detail{color:#626262;
  line-height: 25px;}
.pro_info img{max-width: 100%;}

/*悬浮框*/
.kefu_con{position: fixed; right: 0; /*top:50%;margin-top:-135px;*/z-index: 1000;/*display: none;*/display:block;bottom:150px;}
.kefu{width: 50px;}
.kefu ul{padding: 0;}
.kefu li{position:relative;text-align: center;cursor: pointer;list-style: none;background:#06c url(../images/icons.png) no-repeat;height: 50px;border-bottom:1px solid #2c82dc;background-position: center 10px;}
.kefu li.k_tel{background-position: center -75px;}
.kefu li.k_erweima{background-position: center -33px;}
.kefu .ke_box{position: relative;width:50px; height:50px;color: #fff;border:1px solid #2c82dc;margin-top:-1px;background: #06c;}
.kefu .ke_box i{font-size: 26px;display: block;height:50px;line-height: 50px;text-align: center;}

.kefu .ke_box:hover{background:#1d80e4;color:#fff;}
.kefu .ke_box:hover .kefu_name{color: #fff;}
.kefu .hide_box{ display: none; position:absolute; background-color: #fff; right:50px;top:0;padding:10px 10px; color: #999;font-size: 20px;border:1px solid #e5e5e5;background: #fff;text-align: center;}
.kefu .k_qq .hide_box{width: 190px;height: 123px;}

.kefu .hide_box .hide_tel{white-space: nowrap;font-size: 20px;font-weight: bold;font-style: italic;color: #06c;margin: 0;line-height: 1;margin-top: 5px;}
.kefu .hide_box .hide_time{color: #999;font-size: 14px;line-height: 20px;padding: 10px 0;margin: 0;}
.kefu .hide_box .hide_qq{width: 100px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;display: block;background: #06c;margin:0 auto;}
.kefu .hide_box .hide_qq:hover{opacity: .7;}
.kefu .k_tel .hide_box{width: 260px;height: 130px;padding-left: 100px;padding-top: 20px;}
.kefu .k_tel .hide_box .tel_ewm{position: absolute;left: 10px;top: 10px;width: 90px;}
.kefu .k_tel .hide_box .tel_ewm img{width: 100%;}
.kefu .k_tel .hide_box .tel_ewm h5{margin: 0 auto;font-size: 14px;color: #333;text-indent: 0;font-weight: normal;}
.kefu li.k_erweima .hide_box{width:120px;height: 150px; overflow: hidden;padding-right:0px;}
.kefu li.k_erweima .hide_box img{ width:100px; height:100px; display:block;}
.kefu .k_erweima li p{color:#333; text-align: center;background: none;line-height: 30px;height: 30px;font-size: 14px;}
.kefu li.k_erweima .hide_box ul li{float: left; display: block;margin-right: 5px;}

.kefu .hide_share{width: 200px;padding:0;background: #06c;border:none;}
.kefu .hide_share a{float: left;width: 50px; height: 52px;margin: 0;padding: 0;line-height: 52px;text-align: center;font-size: 28px;color: #fff;background-image: none;}
.hide_share a.icon-tengxun{font-size: 26px;}
.hide_share a.more{font-size: 36px;position: relative;}
.kefu .hide_share a:hover{background-color: #fff;color: #06c;opacity: 1;}
@media screen and (max-width: 1084px){
  .main{width: 900px;}
  .nav .call{top: -60px;}
  .head .logo a img{height:100px;}
  .nav{width: 100%;}
  .nav ul li{padding-top: 30px;height: 80px;width: 14%;margin-left: 0;padding:30px 12px 0;}
  .swiper_banner .swiper-slide img{height: 430px;}
  .home_about .word{width: 530px;}
  .home_about .imgBg{width: 430px;top: 150px;}
  .footer .foot_t .nav_foot .nav_list.five,
  .footer .foot_t .nav_foot .nav_list.four{display: none;}
  .container .right{width: 640px;}
  .page_banner img{height: 270px;}
  .honor .img-list ul li{width: 50%;}
  .download .list{width: 100%;padding: 0;}
  .download{margin: 0 0 20px 0;}
  .product .pro_list ul li{width: 25%;}
  .pro_show .img{width: 250px;height: 250px;}
  .pro_show .art{width: 360px;}
}
@media screen and (max-width: 920px){
  .main{width: 750px;}
  .home_about .imgBg{width: 285px;top: 180px;}
  .home_news .left{width: 100%;padding:0px}
  .home_news .right{width: 100%;padding-top: 30px;}
  .footer .foot_t .nav_foot .nav_list.last{display: none;}
  .swiper_banner .swiper-slide img{height: 330px;}
  .container .right{width: 490px;}
  .page_banner img{height: 200px;}
  .case .case_list{width: 100%;margin-bottom: 25px;padding: 0;}
  .case{margin: 0;}
  .product .pro_list ul li{width: 33.33%;}
  .pro_show .img{width: 100%;height: auto;}
  .pro_show .art{width: 100%;padding-top: 25px;}

}
.wap_menu{display: none;}
.bg{display:none;}
.wap_foot{display: none;position: fixed;left: 0;right: 0;bottom: 0;  width: 100%;height: 50px;z-index: 100;background: #024588;}
.foot_nav li{width: 25%;float: left;border-right: 1px solid #0358ae;height: 50px;}
.foot_nav li:last-child{border-right: none;}
.foot_nav li a{display: block;text-align: center;padding-top: 5px;color: #fff;height: 100%;}
.foot_nav li a i{display: block;height: 20px;line-height: 20px;font-size: 20px;}
.foot_nav li a span{display: block;height: 20px;line-height: 20px;font-size: 14px;}
.foot_nav li.on a{background: #ddd;color: #024588;}
.message ul li input[type="text"]{text-indent: 10px;}
@media screen and (max-width: 768px) {
  #online_qq_layer{display: none!important;}
  body {padding-top: 50px;padding-bottom: 50px;}
  .main{width: 100%;max-width: 750px;padding: 0 10px;}
  .head{height: 50px;border-bottom: 1px solid #eee;position: fixed;
    top: 0;right: 0;left: 0;z-index: 101;background: #fff;}
  .head .logo a img{height: 45px;}
  .head .logo{padding-top: 3px;}
  .nav .call{display: none;}
  .wap_menu{display: block;position: absolute;top: 0;right:10px;bottom: 0;width: 30px;height: 50px;line-height: 50px;text-align: center;font-size:26px;color: #06c;}
  .body_lock{height: 100%;overflow: hidden;}
  .bg.on{position: fixed;z-index: 99;top: 0;right: 0;
    bottom: 0;  left: 0;  display: block;
    transition: background 350ms cubic-bezier(.165,.84,.44,1);
    background: rgba(0,0,0,.4);
    box-shadow: -4px 0 4px rgba(0,0,0,.5), 4px 0 4px rgba(0,0,0,.5);
    -webkit-tap-highlight-color: transparent;}
  .wap_foot{display: block;}
  .nav{position: fixed;top: 0;left: 0;width: 50%;height: 100%;overflow: auto;background: #0255a8;
    z-index: 1000!important;
    -webkit-transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.165,.84,.44,1);
    transition: transform 350ms cubic-bezier(.165,.84,.44,1);
  }
  .nav.on{visibility: visible;transform: translate3d(0px, 0px, 0px);}
  .nav>ul>li{width: 100%;border-bottom: 1px solid #387fc3;padding: 0;height: 40px;}
  .nav>ul>li a.a1{text-align: left;padding-left: 10px;font-size: 16px;position: relative;line-height: 40px;color: #fff;height: 40px;}  
  .nav>ul>li>a:after{
    width: 20px;
    height:100%;position:absolute;right: 0; top: 0; font-family: "iconfont";
  content: "\e60c";
  color: #7fb3e7; 
  border-width: 0;
  border-color:none;
  left: auto;
  margin-left: 0;
  }
  .nav>ul>li>a:hover, .nav>ul>li>a.on{color: #ff6d07;border-bottom: none;}
  .nav>ul>li>a:hover:after, .nav>ul>li>a.on:after{color: #ff6d07;} 
  .swiper_banner .swiper-slide img{height: 150px;}
  .swiper_banner>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
  .swiper_banner>.swiper-pagination-bullets{bottom: 5px;}
  .home_about .main{padding: 0;}
  .home_about .word{width: 100%;padding: 30px 15px;}
  .home_about .word h5{font-size: 18px;}
  .home_about .imgBg{position: relative;right: 0;top: 0;width: 100%;padding:10px;}
  .home_about .word a{margin-top: 10px;}
  .home_product .title h5{font-size: 18px;}
  .home_product{padding: 30px 0 50px;}
  .pro_navc .main{padding:0px;}
  .pro_nav .swiper-slide{width: auto;}
  .home_product .title{margin-bottom: 15px;}
  .pro_navc{margin-bottom: 20px;}
  .pro_list .swiper-pagination-bullet{margin: 0 3px;}
  .home_news .title h5{font-size: 18px;}
  .home_news .title a{font-size: 16px;line-height: 20px;}
  .home_news{padding: 30px 0;}
  .home_news .title{margin-bottom: 10px;}
  .home_news .news_list .img{display: none;}
  .home_news .news_list{width: 100%;}
  .home_news .right{padding-top: 15px;}
  .home_news .right iframe{height: 250px!important;}
  .links_main{display: none;}
  .footer .foot_t{display: none;}
  .footer .foot_b .gotop span.s1{display: none;}
  .footer .foot_b .left{width: 100%;padding-right: 0;}
  .footer .foot_b p{display: none;}
  .footer .foot_b p:nth-child(1){display: block;}
  .footer .foot_b .gotop{position: fixed;z-index: 100;bottom: 60px;}
  .footer .foot_b .gotop span{width: 40px;height: 40px;line-height: 30px;}
  .footer .foot_b .gotop span.s2 i{line-height: 45px;font-size: 20px;}
  .page_banner{display: none;}
  .container .left .title{display: none;}
  .container .left{width: 100%;}
  .container .left ul.left_nav{padding-left: 0;}
  .container .left ul.left_nav li{width: 33.33%;padding: 0 5px;float: left;margin-bottom: 10px;}
  .container .left ul.left_nav li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;border:1px solid #eee;line-height: 30px;overflow: hidden;height: 30px;text-align: center;}
  .container .left ul.left_nav li a:after{background: none;}
  .container .left ul.left_nav li a:hover:after, .container .left ul.left_nav li.current>a:after{background: none;}
  .container .left ul.left_nav li a i{display: none;}
  .container .left ul.left_nav li a.on{color: #ff6d06;}
  .container{padding: 15px 0 20px 0;}
  .container .left .nav_contact{display: none;}
  .container .right{width: 100%;}
  .container .right .bread h2{display: none;}
  .container .right .bread p{float: none;}
  .container .right .bread{padding: 10px 0 10px 0;margin-bottom: 20px;}
  .container .right .about .about_title h1{font-size: 20px;}
  .nav ul li .hide{display: none!important;}
  .culture_title{padding: 0 0 10px 0;}
  .culture_title h3{font-size: 20px;}
  ul.list{margin-top: 20px;}
  ul.list li{width: auto;}
  .cul_img{position: relative;width: auto;height: auto;}
  .news_show .title h3{padding-bottom: 20px;font-size: 20px;}
  .news_show .art{padding-top: 20px;}
  .news_show .art iframe{height: 260px!important;}
  .contact{background: none;padding-left: 0;margin-top: 20px;}
  .contact .art{margin-bottom: 30px;height: auto!important;}
  .message ul li.li1{width: 100%;}
  .message ul li.mr10{padding-right: 0;}
  .message ul li.btn{width: 100%;}
  .message ul li.btn .submit{margin-right: 10px;}
  .product .pro_list ul li{width: 50%;}
  .left .left_nav ul{display: none!important;}
  .container .left ul.left_nav li.current a{color: #ff6d06;}
  .kefu_con{display: none;}
}