*{padding:0px; margin:0px;}
html {_overflow-y:scroll;height: 100%;}
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: Microsoft YaHei;    /*文字字体定义 */
	font-size: 12px;    /*文字大小定义 */
	color: #6f6f6f; /*文字颜色定义 */  
	height: 100%;

	}
/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
ul,li{list-style-type:none;}
img{border: 0px;max-width: 100%; display: block; margin: 0 auto}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
*{box-sizing:border-box;}
/*整体色调*/
.pCol,.content .page a.select,.in_news ul li .time{background: #bd0707;}
.page{padding: 10px 0;}
/*公共部分（头部、底部）*/
/*头部*/
.header{ width:100%; padding:8px 20px; position:relative; margin:0 auto;z-index: 1000;background:#fff }
.logo{width: 90%; margin:0 auto;}
.logo img{}
.nav{ position:absolute; right:5px; top:35%;cursor:pointer;width: 30px;height: 20px;}
.nav img{ width: 30px;height: 20px;}
.navul{ position:absolute; top:100%; right:0%; width:147px; display:none;background:#000;opacity: 0.8;z-index: 9999;}
.navul li{ width:100%; line-height:40px;position:relative; border-bottom: 1px solid #ffffff;opacity: 0.95;}
.navul li a{color: #fff;text-align: center;display: block;}
.banner{  margin-top: -10px; position: relative; z-index: 1}
.swiper-pagination-bullet{ border: 1px solid #FFF;}
.swiper-pagination-bullet-active{ border: 1px solid #ffffff;background: #FFF;}
/*底部*/
/*底部*/
/*底部样式*/
.footer {
    width: 100%;
    height: auto;
    padding: 0.25rem 0 0.2rem 0;
    background: url("../images/foot_bg.jpg") no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}
.footer ul {
    width: 100%;
    clear: both;
}
.footer ul li {
    width: 25%;
    float: left;
    text-align: center;
}
.footer ul li img {
    height: 0.5rem;
    width: auto;
}
.footer ul li p {
    font-size: 0.28rem;
    margin-top: 0.05rem;
    color: #fff;
}

.swiper-slide img{ margin: 0 auto; display: block}

.content{ position: relative; z-index: 100;}
.content .title{ padding: 30px 0 20px; display: block; text-align: center;  padding-bottom: 10px;}
.content .title h2{ font-size: 0.35rem; color: #1a1a1c; font-weight: normal}
.content .title h2 span{color:#bd0707;}
.content .title p{ font-size: 0.25rem; color: #bd0707}
.content .title h3{font-weight: normal; font-size: 0.25rem; color: #323232; line-height: 50px;  position: relative; margin-top:5px;}
.content .title h3::before{
    content: "";
    width:40px;
    height: 3px;
    background:#000;
    display: inline-block;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-20px;

}


.amore{
    width:135px;
    height: 38px;
    line-height: 38px;
    color:#fff;
    text-indent: 53px;
    margin: 20px auto;
    display: block;
	background: url(../images/amore.png) no-repeat center;
	background-size:75%;
}

.slideGroup{ width:100%; }

.slideGroup .swiper-slide{
    text-align: center;
}
.wper{padding:0 8%; position: relative; width:100%; background: #f1f1f1;}
.wper .swiper-button-prev{left: 0px;  width: 10px;height: 20px;background: url(../images/a1.png);top: 35px;background-size: 10px 20px; z-index: 9999999;}
.wper .swiper-button-next{right: 0px;width: 10px;height: 20px;background: url(../images/a2.png);top: 35px;background-size: 10px 20px; z-index: 999999999;}

.wrapBg{background-color: #f5f5f5;padding: 5px 0;}



.wrap1{position: relative;    width: 80%; margin:0 auto}
.wrapBg .swiper-button-prev{left: 0px;width: 10px;height: 20px;background: url(../images/a1.png);top: 20px;background-size: 10px 20px;}
.wrapBg .swiper-button-next{right: 0px;width: 10px;height: 20px;background: url(../images/a2.png);top: 20px;background-size: 10px 20px;}





.slideGroup .parHd{ height:26px;  position:relative;  margin:0px auto 20px; padding:10px 0; box-sizing: content-box  }
.slideGroup .parHd div{ float:left; text-align: center  }
.slideGroup .parHd  a{  display:block; cursor:pointer; width:100%;  float: left;  text-align: center}
.slideGroup .parHd  a{ color: #1a1a1c; font-size: 12px; line-height: 25px; display: block}
.slideGroup .parHd a.on{  background: #bd0707; color:#fff; }
.slideGroup .parHd ul li.on a{ color: #FFF;}
.slideGroup .slideBox{ zoom:1; padding:0 0 10px 0; position:relative; }
.slideGroup .slideBox.on{ display: block}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-68px; top:100px; display:block; width:68px; height:68px; background:url(../images/icoLeft.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:-68px; background:url(../images/icoRight.png) center center no-repeat;  }


.slideGroup { overflow:hidden; zoom:1;   }
.slideGroup .parBd{width:96%;margin:0 auto;}
.slideGroup .parBd li{ float:left; _display:inline; width: 48%; overflow:hidden; text-align:center;  }
.slideGroup .parBd li .pic{ text-align:center; }
.slideGroup .parBd li .pic img{ display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd  li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd li .title{ line-height:40px; margin: 0; background: none; color: #000;  background: #f6f6f6; padding:0  }
.slideGroup .parBd  li .title a{color: #000;  }

.in-ad{
	background: url(../images/in-ad-bg.jpg) repeat;
}
.in-ad .wrap{
	position: relative;
}
.in-ad .title p,.in-case .title p{
	color: #2381c2;
}
.in-ad ul{
	overflow: hidden;
	padding: 0px 0 24px 0;
}
.in-ad ul li{
	width: 33.3%;
	float: left;
	position: relative;
	border-right: 1px dashed #a5a8a1;
}
.in-ad ul li img{
	display: block;
	margin: 10px auto 10px;
	width: 35%;
}
.in-ad ul li:last-child{
	border: none;
}
.in-ad ul li p{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #313130;
}
.in-ad ul li span{
	text-align: center;
	color: #aaa8ab;
	font-size: 12px;
	display: block;
	width: 100%;
}




.in-case{
   
}
.in-case a{
    color:#fff;
}
.in-case ul{
	padding: 7px 0 0px 0;
	overflow: hidden;
}
.in-case ul li{
     width:48%;
    float: left;
    margin:0 1%;
    margin-bottom:20px;
    overflow: hidden;
}
.in-case ul li img{
    width:100%;
    height: 110px;
}
.in-case ul li h2{
    font-size:0.28rem;
    color:#197bc6;
    height: 40px;
    vertical-align: middle;
    font-weight: normal;
    line-height: 40px;
    border-bottom:2px dotted #adadad;
}
.in-case ul li h2 i{
   width:8px;
   height: 8px;
   border-radius:4px;
   vertical-align: middle;
   margin-right:10px;
   display: inline-block;
   background: #197bc6;
}
.in-case ul li p {
    line-height: 50px;
    font-size:0.25rem;
    color:#888889;
    height: 50px;
}
.in-case ul li p span{
    width:60px; 
    height: 28px;
    line-height: 28px;
    color:#fff;
    background: #005496;
    display: inline-block;
    margin-right:6px;
    margin-top:10px;
    text-align: center;

}


.in-case .amore{
	margin-top:0
}


.in-about{
    background: url(../images/about_bg.jpg) no-repeat #eeeeee;
    overflow: hidden;
    background-size:100% auto;
    margin-top:20px;
	
	
}
.about_txt{
    background: url(../images/hao.png) no-repeat 65% 20px ;
    background-size:25px auto;
	width:96%;
	margin:0 auto;
    padding:20px 0;
    
}

.in-about .title{
    color: #FFF;
    text-align: left;
    padding:0
}
.in-about .title h2{
    color: #ffffff;
    font-size:0.3rem;
}
.in-about .title span{
    color: #005496;
}
.in-about .bottom{
    display: block;
    margin: 0 auto ;
    font-size: 0.23rem;
    color: #fff;
    line-height:0.5rem;
    text-align: left;
    padding: 10px 0;
    border-bottom:1px dotted #d2d2d2;
}
.in-about .bottom a{
    color: #bd0707;
    float: right;
}
.in-about .cultur{
    margin-top:10px;
}
.in-about .cultur p{
    font-size: 0.25rem;
    color:#252635;
    margin-bottom:15px;

}
.in-about .cultur p span{
    display: inline-block;
    width:70px;
    height: 28px;
    color:#fff;
    background: #197bc6;
    position: relative;
    text-align:center;
    line-height: 28px;
    margin-right:15px;

}
.in-about .cultur p span::after{
    display: inline-block;
    position: absolute;
    content:"";
    right:-17px;
    top:7px;
    height:0;
    width:0;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent transparent #197bc6 ;
    
}
.in-about .cultur p:hover span{

    -webkit-animation:moving 0.75s linear;animation:moving 0.75s linear;
    
}


.bangenr{ width: 100%; height: 180px; margin-top: 35px; padding-top:5px; }
.bangenr ul{ width: 100%; height:auto; padding-top:10px;}
.bangenr ul li{ position: relative;  height: auto; float:left; margin:1%; width:48%; margin-bottom:30px;border:2px solid #a6a7a7; overflow: hidden;}
.bangenr ul li img{ transition: all 0.5s ease-in; display: block;}
.bangenr ul li p{ position: absolute; bottom:0; left:0; padding-bottom:0px; height:20px; line-height:20px; width:100%; text-align: center; font-size: 0.23rem; color: #1f1f1f; background:#fff; opacity: 0.85}
.bangenr ul li p em{font-style: normal; display: inline-block; padding-left:20px; font-size: 0.20.25rem; color:#df0000; font-weight: bold;}
.bangenr ul li:hover img{transform: scale(1.2); cursor: pointer;}



.honor{
    overflow: hidden;
    margin-top:30px;
}
.honor li{
    width:156px;
    height: 114px;
    margin-right:10px;
}


.digital{
	width: 100%; border-top: 1px solid #FFF;
	padding:30px 0 54px;
}
.main{width:100%;margin:0 auto;font-size: 0; overflow: hidden}
.mumping_mun li{width: 33.3%;display: inline-block;margin: 10px auto; color: #FFF;}
.mumping_mun{width: 100%;list-style: none; text-align: center}
.mumping_mun p{font-size: 13px;width: 100%;display: block;clear: both;}
.mumping_mun span{font-size: 20px;font-weight: normal;}
.mun_top{ width: 100%;font-size: 20px;}




.in_news { width:96%; margin: 0.3rem auto;}
.in_news ul li {margin-bottom: 0.2rem;}
.in_news ul li h2 {
  height: 0.7rem;
  line-height: 0.7rem;
  padding-left: 0.6rem;
  background: url(../images/n_icon.png) no-repeat left center;
  background-size: auto 0.4rem;
  border-bottom: 1px solid #e6e9ed;
  font-size: 0.28rem;
  color:#363636;
}

.in_news ul li p {
  font-size: 0.22rem;
  margin-top: 0.05rem;
  line-height: 0.4rem;
  color:#363636;
}
.in_news ul li p a{color:#e53826;}

.news_nav{
    width: 160px;

    margin: 2px auto 20px;
    text-align: center;
}
.news_nav a{
    display: inline-block;
    cursor: pointer;
    width: 75px;
    height: 32px;line-height: 32px;text-align: center;
    background: #197bc6;
    color: white;
}
.news_nav a.txt2{
    background: #B5B5B5;
}


	/*内页*/
.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/base/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/base/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:#000}
.moreul>li>div a{color:#000}
.ul2{display:none}
.more1{ background:url(../images/base/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;}
.nyText{ width:90%; margin:0 5%; padding:10px 0 0; line-height:25px; color:#000;min-height: 200px;}
.nyText table{width: 100%;border-collapse: collapse;}
.newP{position:absolute;width:8px;height:8px;display:block;top:14px;left:7px}
.nynews li a{font-size:14px;color:#02467c;height:25px;line-height:25px;padding:0 0 0 10px}
.nynews li div{line-height:23px;padding:0 0 5px 9px;color:#8d9daa}
.nynews li{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:14px}

/*产品*/
.pro{ width:95%; margin:2% 2.5%;}
.pro li{ width:48%; margin:1%; float:left;text-align: center;}
.pro li a{ display:block;border:1px solid #bfbfbf;box-shadow: 0 0 0 2px #f9e4e4;}
.pro li a img{height: 120px; display:block; margin:0 auto; padding:3px; }
.pro li span{ display:block; line-height:25px; text-align:center; height:25px; overflow:hidden; color:#484848;font-size: 14px;}

/*产品新闻共用内页*/
.news_title{ width:100%; font-size:14px; line-height:20px; text-align:center;}
.news_time{width:100%; font-size:12px; line-height:20px; text-align:center; margin-bottom:10px;}
.news_img{ margin-bottom:10px;}
.news_img img{ max-width:100%; display:block; margin:0 auto}


/*留言*/
.nyMainC3{background-color:#fff;color:#000;font-family:"宋体";line-height:26px;padding:10px 16px}
.nyMainMessage{color:#000;font-family:"宋体";line-height:34px;height:34px}
.nyMainMessage span{color:red;display:block;float:right;margin-right:20px}
.txtInput1{border:solid 1px #929292;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;height:36px;width:99%;padding-left:15px;line-height:36px;-moz-box-shadow:2px 2px 2px #929292 inset;-webkit-box-shadow:2px 2px 2px #929292 inset;box-shadow:2px 2px 2px #929292 inset}
.btnInput{height:45px;color:#000000;width:98%;cursor:pointer;font-size:14px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;border:solid 1px #8f8f8f;background: -moz-linear-gradient(top, #f3f4f3, #dfddda); background: -o-linear-gradient(top,#f3f4f3, #dfddda); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f4f3), to(#dfddda));box-shadow: 1px 2px 3px #888888;}
.btnTJ{margin:10px 0;}


/* 分页 */
.page a { padding:4px 10px; color:#000 }
.page a.num{ margin:0 5px; padding:2px 8px; color:#FFF; background:#ababab;}
.page a.num:hover { color: #fff; background:#1385cc;}
.page a.select{ margin:0 5px; padding:2px 8px; color:#FFF; background:#1385cc;}
.pager-next-pre{width: 100%;margin-top: 20px;}
.pager-next-pre span{width: 50%;float: left;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pager-next-pre span:nth-child(1){background: #ccc}
.pager-next-pre span:nth-child(2){background: #999}
.pager-next-pre span a{color: #333}
.page span{
    display: none;
}
.page{
    text-align: center;
}