/* CSS Document */
*{ padding:0px; margin:0px;}
.clear{ clear:both;}
ul{ list-style:none;}
a{ text-decoration:none; -webkit-tap-highlight-color: transparent;}
img{max-width: 100%}
html{-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei"; -webkit-tap-highlight-color: transparent;}

@font-face {font-family: "iconfont";
  src: url('../fonts_icon/iconfont.eot?t=1503381643991'); /* IE9*/
  src: url('../fonts_icon/iconfont.eot?t=1503381643991#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts_icon/iconfont.woff?t=1503381643991') format('woff'), /* chrome, firefox */
  url('../fonts_icon/iconfont.ttf?t=1503381643991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts_icon/iconfont.svg?t=1503381643991#iconfont') format('svg'); /* iOS 4.1- */
}
i.icon{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-news1:before { content: "\f029d"; font-weight:bolder;}
.icon-news2:before { content: "\e620"; font-weight:bolder; }
.icon-news3:before { content: "\e63b"; font-size:0.34rem; color:#fff; }
.icon-news4:before { content: "\e603"; font-weight:bolder; color:#fff;}
.icon-news6:before { content: "\e729";}
.icon-news8:before { content: "\e607"; font-size:0.45rem; color:#FFF;}
.icon-news9:before { content: "\e611"; font-weight:bolder;}
.icon-jingti:before { content: "\e62d"; }
.icon-guancai:before { content: "\e646"; }
.icon-yibiao:before { content: "\e64b"; }

/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#ffffff;height:auto;min-height:9rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto; border-bottom:1px solid #9f9f9f;}
.nav li a{display:block;width:100%;font:100 16px/50px 'microsoft yahei';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}

.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%; cursor:pointer; background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-fixed .clogb{ background:url(../images/close.png) no-repeat;}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}

/*header*/
.header{width:100%; height:0.71rem; position:relative; z-index:9999;}
.head{text-align:center; position:fixed; width:100%; height:0.71rem; top:0; right:0; line-height:0.71rem; z-index:99; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; box-shadow:0 4px 4px rgba(9,2,4,.55); background:#236fdd;}
.logo{display:inline-block;width:4rem;height:auto; float:left; margin-left:3.4375%; margin-top:0.1rem; }
.logo img{ width:100%;}

.nav-btn{width:14.0625%;right:0;top:0;position:absolute; cursor:pointer; color:#000000;text-align:center;overflow:hidden;}
.home-btn{width:9%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#171717;text-align:center;overflow:hidden;display:block;transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
.home-btn img{ width:50%; max-width:59px; margin-top:10px;}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;}
.top-title1{width:57%;position: absolute;left:10%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:3px;width:18.0625%;font-size:0.26rem;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden; cursor:pointer;}
/*分类*/
  .type{width:100%;top:0.691rem;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3.5rem;padding:0.1rem 0;display:none}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#f76f0c; color:#FFF;}


.content{ width:100%; margin:0 auto; max-width:640px; height:100%; min-height:6rem;overflow:hidden;font-size:0.16rem;padding-bottom:0.05rem;}
.content_new1{ width:95%; margin:0px auto;}
.banner{ width:100%;}
/*首页banner 下导航*/
.nav_new{
	width: 100%;
	background-color: #2c4387;
}
.nav_new ul li{
	width: 24.77%;
	height: 0.5rem;
	float: left;
	text-align: center;
 	border-right: 1px solid #3a53af;
	border-bottom: 1px solid #3a53af;
}
.nav_new ul li:nth-child(4){
	border-right:none
}
.nav_new ul li:last-child{
	border-right:none
}
.nav_new ul li a{
	display: inline-block;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	color:#fff;
	font-size: 0.23rem;
	font-family: "microsoft yahei";
}
.nav_new ul li a:nth-child(4){
	border:none!important;
}
.nav_new ul li a:last-child{
	border:none;
}
.nav_new ul li:nth-child(5){
	background-color: #1c316d;
}
.nav_new ul li:nth-child(6){
	background-color: #1c316d;
}
.nav_new ul li:nth-child(7){
	background-color: #1c316d;
}
.nav_new ul li:nth-child(8){
	background-color: #1c316d;
}
/* 字体图标样式 */
.icon_nav {
  background-color: #fff;
  margin-top: 3%;
  margin-bottom: 3%;
  padding:0 2%;
}
.icon_nav ul li {
  width: 24.77%;
  text-align: center;
  float: left;
}
.icon_nav ul li a strong {
	display: inline-block;
	font-size: 0.6rem;
	width: 0.9rem;
	height: 0.9rem;
	text-align: center;
	background-color: #fff;
	font-weight: normal;
	border-radius: 50%;
}
.icon_nav ul li a span {
  display: inline-block;
  color: #3c4f8c;
  font-size: 0.23rem;
  width: 100%;
  height: 0.3rem;
  margin-top: 6%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon_nav ul li:first-child strong i{ font-size:0.55rem; margin-left:0.08rem; line-height:0.9rem;}
.icon_nav ul li:nth-child(2) strong i{ font-size:0.55rem;}
.icon_nav ul li:nth-child(3) strong i{ font-size:0.6rem; line-height:0.9rem;}
.icon_nav ul li:nth-child(4) strong i{ font-size:0.45rem; line-height:0.9rem; font-weight:normal;}
.icon_nav ul li:first-child strong,
.icon_nav ul li:nth-child(3) strong{
	color:#2b2823; text-align:center;
	border:2px solid #2b2823;
}
.icon_nav ul li:nth-child(2) strong,
.icon_nav ul li:nth-child(4) strong{
	color:#ff9805; text-align:center;
	border:2px solid #ff9805;
} 
.icon_nav ul li:nth-child(1) span,
.icon_nav ul li:nth-child(3) span{
	color:#2d2a25;
}
.icon_nav ul li:nth-child(2) span,
.icon_nav ul li:nth-child(4) span{
	color:#ff9805;
}
/*标题样式*/
.common_i_title_color{
	background-color: #2c4387!important;
}
.common_i_title{
	position: relative;
	height: 0.4rem;
	margin-bottom: 3%;
	padding:0 4%;
	background-color: #2b2823;
}
.common_i_title h2{
	display: block;
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	color:#fff;
	font-size: 0.25rem;
	font-weight: normal;
}
.common_i_title a{
	position: absolute;
	top: 0;
	right: 3.5%;
	display: inline-block;
	width: 15%;
	height: 0.4rem;
	line-height: 0.4rem;
	color:#fff;
	font-size: 0.23rem;
	text-align: center;
}
.common_i_title a:before{
	content:">";
	display: inline-block;
	vertical-align: top;
}
/*首页 产品展示*/
.common_i_css{
	background-color: #fff;
	padding:0 4%;
	margin-bottom: 2%;
}
.product_i_list ul li{
	width: 47%;
	float: left;
	margin-bottom: 1%;
}
 .product_i_list ul li:nth-child(even){
	margin-left: 5.5%;
}
.product_i_list ul li a span{
	display:block;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	font-size: 0.22rem;
	color:#393131;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-top: 1%;
}
.product_i_list ul li a img{ border:1px solid #CCC; width:100%;}
/*首页 新闻中心*/
.news_i {
	margin-top: -2%;
}
.news_i_list ul li{
	padding:1% 1%;
	padding-top: 2%;
	border-radius: 4px;
	border-bottom: 1px dashed #2c4387;
}
.news_i_list ul li span{ float:right; font-size:0.21rem;}
.news_i_list ul li font{ white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; width:73%; display:block;}
.news_i_list ul li a{
	color:#393131;
	font-size: 0.22rem;
}
.news_i_list ul li a strong{
	font-weight: normal;

}
.news_i_list ul li a:before{
	content:"";
	width: 0.2rem;
	height: 0.2rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 1%;
	background: url(../images/ddddd_16.jpg) no-repeat center;
	-webkit-background-size: 45%;
	background-size: 45%;
}
/*首页 关于我们*/
.about_i_text{
	line-height: 1.6;
	font-size: 0.21rem;
	padding:0 1%;
	margin-top: -1%;
	color:#393131;
	text-align: justify;
}
/*首页  联系方式*/
.baoming{
	margin:0 3.5%;
	padding:1% 0 0;
	color:#fff;
	font-size: 0.2rem;
}
.baoming div{
	width: 94%;
	padding:0.5% 3%;
	background-color: #e7ecff;
	margin-bottom: 0.1em;
}
.baoming div:first-child{
	background-color: #2b2823;
}
.baoming div:nth-child(2){
	background-color: #ff9805;
}
.baoming span{
	display: block;
	font-size: 0.2rem;
}
.baoming strong{
	display: block;
	font-weight: normal;
	font-size: 0.24rem;
}
/*首页  网站技术支持*/
.beian {
  background-color: #fff;
  text-align: center;
  padding: .2rem 0;
  font-size: 0.2rem;
}
.beian a {
  color: #7a7a7a;
  font-size: 0.21rem;
}

/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; }
.foot-relative{position:relative;width:100%;height:0.8rem;}
#foot i{ display:block; font-size:0.35rem; margin:0.08rem 0px 0.04rem 0px; color:#fff;}
#foot a{ width:25%; float:left; display:block; text-align:center; color:#fff;}
/*关于我们*/
#view{ margin-top:3%; line-height:180%; font-size:1.3em;}
#view p{ text-indent:2em;}
/*新闻列表页*/
.newslist1{ margin-top:15px;}
.newslist1 li{border-bottom: 1px dashed #ababab; padding:7px 0px;}
.newslist1 li span{ float:right; color:#666666; font-size:1.4em;}
.newslist1 li a{ color:#666666; font-size:1.4em; width:70%; overflow: hidden; display:block; padding-left:7px;
	white-space: nowrap;
	text-overflow: ellipsis;}
/*新闻内页*/
.newbit{ padding-top:15px; text-align:center; font-size:1.8em; color:#666666;}
.time{ text-align:center; color:#999999; margin-top:7px;}
.nexty{ margin-top:20px;}
.nexty dd{    color: #777;
    background: #ddd;
    border-radius: 0.38rem;
    margin: 2% auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 0.1rem;}
	.nexty dd a{ color:#777;}
.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#ff4800;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
/*分页*/
.pglist{ padding-top:15px; color:#666666; width:96%; margin:0 auto; font-size:1.3em; text-align:center;}
.pglist a{ color:#666666;}
/*产品展示*/
.item_a{
	width:93.75%;
	padding:4% 3.125% 0 3.125%;
}
.item_a li{
	width:48.5%;
	margin: 0 3% 2% 0;
	float: left; position: relative;
}
.item_a li.item_case{
	margin-bottom: 0;
}
.item_a li.item_case i{
	display: block;background-color:#fff100;color: #333333;width: 55%;margin: 0 auto;text-align: center;
	font-style: normal;line-height: 0.35rem;margin-bottom: 0.05rem;
}
.item_a li h5{
	font-size: 0.23rem;margin: 0;
	line-height: 0.45rem;height: 0.45rem;
	color: #333333;white-space: nowrap;text-align: center;
	width:100%;font-weight: normal;
	overflow: hidden; text-overflow: ellipsis;background-color: #fff;
}
.item_a li img{
	width:98%; border:1px solid #CCC;
}
.item_a li:nth-of-type(2n){
	margin-right:0;
}