@charset "utf-8";
.index_home {
  width: 100%;
  height: auto;
  background: url(../images/bg1.jpg);
  background-size: 100% auto; padding-bottom:40px

}
.cover {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*product*/
.product {
  width: 100%;
  height: auto;
  padding-top: 0.5rem;
  text-align: center;
}
.product .product_title {
    width: 94%;
    font-size: 0.28rem;
    line-height: 0.45rem;
	margin:0 auto
}
.product .product_title p {
    font-size: 0.42rem;
    margin-top: 0.1rem;
    margin-bottom: .1rem;
    text-align: center;
    font-weight: bold;
    color: #0051a3;
}
.product .product_box {
  width: 94%;
  margin: 0.3rem 3% 0 3%;
}
.product .product_box .swiper-slide img {
  width: 100%;
}
.product .product_box .swiper-slide .txt {
  width: 100%;
  height: 0.6rem;
  background: #0051a3;
  line-height: 0.6rem;
  position: relative;
  text-align: left;
}
.product .product_box .swiper-slide .txt .txt1 {
  margin-left: 0.2rem;
  color: white;
  width: 2.5rem;
}

.product .product_more {
  display: inline-block;
  width: 3rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #0051a3;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.3rem;
  margin-top: 0.5rem;
  letter-spacing: 2px;
}


.feature{ width:100%; height:auto; margin:.2rem auto 0}
.feature .title{
	background: url(../images/bg_feature.jpg) center top no-repeat;
    padding: 15px;
	}
.feature .title .txt{
	border: 2px solid #fff;
    display: block;
    text-align: center;
    font-size: .17rem;
    color: #fff;
    line-height: .3rem;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
	}
.feature .title .txt p{
	font-size: .52rem;
    line-height: .75rem;
    color: #fff;
    font-weight: bold;
    font-family: "微软雅黑";
	}
.feature .title .txt span{
	display: block;
    background: #0051a3;
    height: .55rem;
    line-height: .55rem;
    font-size: .38rem;
    color: #fff;
    width: 100%;
    margin: .1rem auto;
    font-family: "微软雅黑";
	}

.feature .contenta{ margin-top:.2rem}

.left{ float:left}
.right{ float:right}


.featurea{ width:95%; height:auto; margin:.4rem auto}
.featurea .picimg{ width:45%; height:auto; display:block}
.featurea .picimg img{ max-width:100%; height:auto}

.featurea .righttxt{
	width: 50%;
    height: auto;
    display: block;
    font-size: .26rem;
    line-height: .35rem;
    color: #666;
	}
.featurea .righttxt p{
	display: block;
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    border-top: 2px solid #0051a3;
    border-bottom: 2px solid #0051a3;
    font-size: .38rem;
    font-weight: bold;
    color: #0051a3;
	}
.featurea .righttxt span{
	display: block;
    font-size: .22rem;
    line-height: .42rem;
    color: #151515;
    padding-top: 5px;
    font-weight: normal;
    margin-bottom: .1rem;
	}
	
.cjyj{
	width: 100%;
    height: auto;
    margin: .3rem auto 0;
    background: url(../images/case.jpg) center top no-repeat #f4f4f4;
    background-size: 250%;
    padding-top: .3rem;
	padding-bottom:.3rem
	}	
.cjyj .cjyj_title {
    width: 90%; margin:0 auto; display:block; text-align:center;
    font-size: 0.28rem;
    line-height: 0.45rem; color:#fff
}
.cjyj .cjyj_title p {
    font-size: 0.42rem;
    margin-top: 0.1rem;
    margin-bottom: .1rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
	
/*case*/
.case {
  width: 94%;
  height: auto;
  margin: 0.4rem auto 0;
}
.case .swiper-slide .pic img {
  width: 100%;
}
.case .swiper-slide p {
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #fff;
  color:#333; display:block; text-align:center
}
.case .swiper-slide p a{
  line-height: 0.7rem; color:#333
}	
	
	
	
	
	
	


.video_player {
  margin-top: 0.8rem;
}
/*about*/
.about {
  width: 100%;
  height: auto; margin:0 auto; padding-top:.5rem
}
.about .titles {
    width: 95%;
    margin: 0 auto;
    font-size: 0.42rem;
    line-height: 0.5rem; 
    text-align: center;
    font-weight: bold;
    color: #0051a3;
}
.about .titles span {
    font-size: .28rem;
    line-height: .35rem;
    display: block;
    margin: .15rem auto; font-weight:100; color:#6f6f6f
}
.about .box {background:#0051a3; padding:.2rem; color:#fff; margin-top:.2rem;
}
.about .box .txt1 {
    font-size: 13px;
    margin-top: 0.2rem;
    line-height: 25px;
    height: 200px;
    display: block;
    overflow: hidden;
}
.about .box .txt1 * { font-size:13px; line-height:25px;
}
.about .box .picimg{ width:100%; height:auto; margin:0 auto; margin-top:.2rem}
.about .box .picimg img{ max-width:100%; height:auto}

.about .box .more {
    display: inline-block;
    height: 0.6rem;
    padding: 0 0.8rem 0 0.3rem;
    line-height: 0.6rem;
    text-align: left;
    background: url(../images/a1.png) no-repeat right center #fff;
    color: #0051a3;
    font-size: 0.28rem;
    margin-top: 0.3rem;
}
.advert {
  display: block;
  width: 100%;
  margin: 0.4rem 0;
}
/*news*/
.news {
  text-align: center;
}
.news .title {
  width: 100%;
}
.news .title img {
  width: 100%;
}
.news .title p {
  font-size: 0.5rem;
  margin-top: 0.1rem;
  text-align: center; color:#0051a3; font-weight:bold;
}
.news .title p span {
  font-size: 0.3rem;color:#333; font-weight:100;
}
.news .news_nav {
  display: inline-block;
  height: 0.6rem;
  background: url(../images/n1.png) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.4rem;
}
.news .news_nav li {
  display: inline-block;
  width: 2rem;
  height: 0.6rem;
  color: black;
  line-height: 0.6rem;
  font-size: 0.28rem;
}
.news .news_nav li.on {
  background: url(../images/n2.png) no-repeat;
  background-size: 100% 100%;
  color: white;
}
.news .news_box {
  min-height: 7.2rem;
  text-align: left;
  width: 96%;
  margin: 0.2rem auto 0;
}
.news .news_box ul {
  display: none;
}
.news .news_box ul li {
  height: 1.75rem;
  border-bottom: 1px dashed #BEC2C3;
  padding: 0.15rem 0;
}
.news .news_box ul li .txt1 {
  height: 0.5rem;
  line-height: 0.5rem;
  padding-left: 0.2rem;
  background: url(../images/n4.png) no-repeat left center;
  background-size: auto 0.4rem;
  width: 7rem;
  font-size: 0.3rem;
}
.news .news_box ul li .txt1 a {
    color: #333;
    font-size: 15px;
}
.news .news_box ul li .txt2 {
  font-size: 12px;
  margin-top: 0.05rem;
  line-height: 0.4rem; height:0.8rem; display:block; overflow:hidden
}
.news .news_box ul:nth-child(1) {
  display: block;
}
/*cooperate*/
.cooperate {
  width: 100%;
  height: 3rem;
  background: url(../images/cop.png) no-repeat center top;
  background-size: 100% auto;
  margin-top: 0.5rem;
}
.cooperate .swiper-container4 {
  width: 90%;
  margin: 0 auto;
  padding-top: 0.95rem;
}





/*内页*/
.top{ line-height:35px; position:relative; height:35px; background:#e3e3e3; color:#383838; font-size:14px; border-bottom:1px solid #bcbcbc;}
.top .more{ position:absolute;color:#fff; padding:0 10px 0 40px; right:0; top:0; background-image:url(../images/morebg.png) ;background-repeat: no-repeat;background-position: 10px center;}
.moreul{ width:100%;position:absolute; left:0; top:36px; display:none; z-index:100}
.moreul>li{ line-height:35px; }
.moreul>li>div{ color:#616161; display:block;background:/*url(../images/icons-arr.png) 40px center no-repeat*/ #ededed;  border-bottom:1px solid #959595;padding: 0 0 0 60px;}
.moreul ul li{padding:0 0 0 75px;background:#fff;border-bottom:1px solid #959595}
.moreul ul li{line-height:35px;padding:0 0 0 75px;background:#fff;border-bottom:1px solid #959595}
.moreul ul li img{vertical-align:middle;margin:0 3px 0 0}
.moreul ul li a{color:#333}
.moreul>li>div a{color:#333}
.ul2{display:none}
.more1{ background:url(../images/morebg1.png) no-repeat 90% center #b2b6b1; padding:0 30px 0 10px; line-height:25px; margin:0 auto; width:132px; border-radius:2px; color:#FFF}
.homeico{width: 38px;height: 30px;margin:2px 5px 5px 10px;float: left;border-radius: 3px;background: #0051a3;}
.nyText{ width:90%; margin:0 5%; padding:10px 0 0; line-height:25px; color:#333;min-height: 200px;}
.newP{position:absolute;width:8px;height:8px;display:block;top:14px;left:7px}
.nynews li a{
	font-size: 15px;
    color: #333333;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 10px;
	}
.nynews li div{
	line-height: 20px;
    padding: 0 0 5px 9px;
    color: #888;
    font-size: 12px;
	}
.nynews li{
	width: 95%;
    margin: 10px auto;
    border-bottom: 1px solid #c1c4c0;
    position: relative;
    padding: 5px 10px 0 10px;
    height: 82px;
    line-height: 23px;
    box-shadow: 0 0 3px #c1c4c0;
	}
.newsdate{
	position: absolute;
    right: 8px;
    bottom: 5px;
    font-size: 13px;
    font-family: arial;
	}


.List{
    height: 28px;
    background: url(../images/hover.jpg) left top no-repeat;
    position: relative;
    text-indent: 30px;
    line-height: 28px;
    border: 1px solid #dadada;
    float: left;
    width: 48.2%;
    margin: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #333; font-size:14px;
	}
.List:hover{}
.cc img{ max-width:100%; height:auto}