@charset "utf-8";
div,form,img,ul,ol,dl,dt,dd,em,i,h1,h2,h3,h4,span,b,p,input{padding:0px; border:0px;margin:0px auto;
list-style: none;font-style:normal;}
html {
   width: 100%;
   font-family:"微软雅黑";
   font-size: 100px;
   outline: 0;
   -webkit-text-size-adjust:none;
}
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 }
 ::-webkit-input-placeholder,::-moz-placeholder,::-ms-input-placeholder{
         color: #999;
 }
a:link,a:visited{ color: #333; text-decoration: none;}
a:hover{ color: #333; text-decoration: none;}
.mdui-drawer a:link,.mdui-drawer a:visited{ color: #fff; text-decoration: none;}
.mdui-drawer a:hover{ color: #FFF; text-decoration: none;}
body {      
	margin:0 auto;
	max-width: 1080px;
	overflow-x:hidden;
	-webkit-user-select: none;
	position: relative;
	background:#FFF;
	 font-family: "微软雅黑";
 }
.cleathbox{ clear: both;}
.top{
	width: 7.5rem; height: 1.2rem; position: fixed; top: 0; background: #FFF;
	z-index: 999;
}
.top h1{ float: left;}
.top h1 img{ float: left; height: 0.8rem; margin: 0.2rem;}
.top_2{ width: 1.1rem; float: right; height: 1.2rem; background: url(right_nav.png) no-repeat 0.39rem 0.5rem;
 background-size: 0.34rem 0.26rem;
}
.top_1{
	width: 7.5rem; height: 1.2rem; float: left;
}
.flash{ width: 7.5rem; height: 2.6rem; float: left;}
.flash .swiper-container{ height: 2.6rem; width: 100%; position: absolute;}
.flash .swiper-container .swiper-wrapper{ height: 2.6rem;  width: 100%; position: absolute; }
.flash .swiper-wrapper img{position: absolute; width: 100%; height: 2.6rem;border: none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ color: #fff; }


.flash_1{ width: 7.5rem; height: 1.6rem; float: left;}
.flash_1 img{ width: 100%; height: 1.6rem; border: none;}


.index_box1{ float: left; width: 100%; background: #FFF;}
.index_1{
	width: 100%; float: left; padding-bottom: 0.25rem;
}
.index_1 h2{
	width: 100%; float: left; margin-top: 0.25rem;
}
.index_1 h2 em{
	width: 100%; height: 1.16rem; float: left; background: url(t1.png) no-repeat center bottom;
	background-size: 0.6rem 0.1rem; line-height: 1.06rem; color: #333; text-align: center;
	font-size: 0.4rem;
}
.index_1 h2 span{
	width: 90%; float: left; line-height: 0.4rem; color: #999; text-align: center;
	font-size: 0.25rem; font-weight: normal; padding: 0 5%;padding-top: 0.25rem; 
}
.index_1_1{
	width: 7rem; float: left; margin-left: 0.25rem; margin-right: 0.25rem;
}
.index_1_1 li{
	margin-top: 0.25rem;
	width: 7rem; height: 2rem; float: left; box-shadow: 0 1px 0.05rem #ddd; padding: 0.35rem 0;
}
.index_1_1 li span{
	width: 2.8rem; height: 2rem; float: left; margin-left: 0.25rem;
}
.index_1_1 li span img{ width: 2.8rem; height: 2rem; border: none;}
.index_1_1 li em{
	width: 3.6rem; height: 2rem; float: left; margin-left: 0.15rem;
}
.index_1_1 li em h3{ width: 3.6rem; height: 0.4rem; float: left; line-height: 0.4rem; overflow: hidden;
	font-size: 0.32rem; color: #015293;
}
.index_1_1 li i{ width: 3.6rem; height: 1.5rem; float: left; line-height: 0.3rem; margin-top: 0.1rem; overflow: hidden;
	font-size: 0.25rem; color: #999; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; font-family: "宋体";
}
.index_box2{ float: left; height: 9.7rem; width: 100%; background:url(timg.jpg) no-repeat center; 
 background-size: 150% 9.7rem; position: relative;
}
.index2{
 width: 100%; height: 9.7rem; position: absolute; z-index: 1; background: #000; opacity: 0.7;
}
.index2_1{
	width: 7rem; height: 0.88rem; position: absolute; left: 0.25rem; top: 0.8rem; line-height: 0.55rem;
	font-size: 0.45rem; color: #FFF; z-index: 2;
}
.index2_2{
	width: 7rem; position: absolute; left: 0.25rem; top: 2.2rem; line-height: 0.48rem;
	font-size: 0.32rem; color: #FFF; z-index: 2;
}
.index2_3{
	width: 3.56rem; height: 0.94rem; position: absolute; left: 0.25rem; top: 7.2rem; line-height: 0.94rem;
	font-size: 0.4rem; color: #FFF; z-index: 2; border:2px solid #FFF; text-align: center; border-radius: 0.15rem;
	
}
.index_1_2{
	width: 7.5rem; float: left;
}
.index_1_2 .middel{
	width: 6.5rem; float: left;
}
.index_1_2 .middel .swiper-container{
	width: 6.5rem; float: left; position: relative;padding: 0 0.5rem;
}
.index_1_2 .middel .swiper-container .swiper-button-next{
	position: absolute; right: -0.1rem; background-size: 0.3rem;
}
.index_1_2 .middel .swiper-container .swiper-button-prev{
	position: absolute; left: -0.1rem; background-size: 0.3rem;
}
.index_1_2 .middel .swiper-container .swiper-slide{
	width: 6.5rem; float: left; height: 6rem;
	margin-top: 0.25rem; position: relative;
}
.index_1_2 .middel .swiper-container .swiper-slide .swiper-slide-1{
	width: 6.5rem; position: absolute; top: 0; left: 0; height: 4rem; border: none;
}
.index_1_2 .middel .swiper-container .swiper-slide .swiper-slide-2{
	width: 6.5rem; position: absolute; top: 4rem; left: 0; height: 0.8rem; line-height: 0.8rem; color: #333; font-weight: normal;
	overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 0.32rem;
}
.index_1_2 .middel .swiper-container .swiper-slide .swiper-slide-3{
	width: 6.5rem; position: absolute; top: 4.8rem; left: 0;  height: 0.8rem; line-height: 0.8rem; color: #999; font-weight: normal;
	overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 0.28rem; border-top: 1px solid #efefef;
}


.index_1_3{
	width: 6.5rem; float: left; margin-left: 0.25rem; margin-top: 0.25rem; background: #FFF; box-shadow: 0 1px 5px #DDD;
	padding: 0.25rem;
}
.index_1_3 h3{
	width: 6.5rem; float: left; height: 1rem;
	line-height: 1rem; color: #333; font-size: 0.35rem;
}
.index_1_3 h3 a{
	float: right; height: 0.8rem;
	line-height: 0.7rem; color: #0b5290; font-size: 0.25rem; padding-top: 0.2rem;
	font-weight: normal;
}
.index_1_3 ul{
	width: 6.5rem; float: left; padding-top: 0.15rem;
}
.index_1_3 ul li{
	width: 6.5rem; height: 0.6rem; float: left;
}
.index_1_3 ul li span{
	width: 4.5rem; height: 0.6rem; line-height: 0.6rem; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	 font-size: 0.3rem; color: #333;
}
.index_1_3 ul li i{
	width: 2rem; height: 0.6rem; line-height: 0.6rem; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	 font-size: 0.28rem; color: #999; text-align: right;
}
/**内页样式开始**/
.nei_1{
	width: 6.5rem; height: 0.6rem; float: left; padding-top: 0.2rem; margin-left: 0.25rem; margin-right: 0.25rem;
	background: url(home_ico.png) no-repeat 0 0.2rem; border-bottom: 1px solid #DDD; background-size: 0.4rem;
	line-height: 0.5rem; font-size: 0.3rem; color: #999; padding-left: 0.5rem;
}
.nei_1 a:link,.nei_1 a:visited{ color: #0974c0; text-decoration: none;}
.nei_1 a:hover{ color: #0974c0; text-decoration: none;}
.title{
 	  width: 7rem; float: left; margin-top: 0.25rem;
	  line-height: 0.6rem; font-size: 0.35rem; color: #000; font-weight: bold;
	  margin-left: 0.25rem; margin-right: 0.25rem;
 }
 .basic{
	 width: 6.8rem;float: left; height: 0.6rem; margin-left: 0.25rem;
	 background: #efefef; margin-top: 0.2rem; padding: 0 0.1rem; line-height: 0.6rem; font-size: 0.25rem;
	 color: #999;
 }
.basic img{ display: inline-block; height: 0.3rem; vertical-align: middle;}
.content{
	 width: 93%; float: left; line-height: 0.6rem; float: left; 
	 font-size: 0.32rem; color: #666; padding: 0.25rem 3.5%;
 }
.nei_2{
	width: 7rem; float: left; padding: 0.25rem;
}
.nei_2 h2{
	width: 7rem; float: left; height: 0.6rem; border-bottom: 1px solid #efefef ; position: relative;
}
.nei_2 h2 span{
	position: absolute; z-index: 1; left: 0; top: -1px; border-bottom: 2px solid #0974c0;
	font-size: 0.4rem; height: 0.6rem; color: #025291;
}
.nei_2 div{
	width: 7rem; float: left; margin-top: 0.1rem;
}
.nei_2 div a{
	width: 6.25rem; height: 0.9rem; float: left; background: #e6e6e6; margin-top: 0.1rem; position: relative;
	color: #666; padding-left: 0.25rem; line-height: 0.9rem; font-size: 0.35rem;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 0.5rem;
}
.nei_2 div a:after{ content: ""; width: 10px; height: 10px; display: block; 
border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; 
top:0; bottom: 0; right:15px; margin: auto;transform:rotate(45deg);
}
.cases{
	width: 7rem; float: left; margin-left: 0.25rem; margin-right: 0.25rem;
}
.cases li{
	width: 7rem; float: left; margin-top: 0.25rem;
}
.cases li span{
	width: 7rem; float: left; height: 4rem;
}
.cases li span img{
	width: 7rem; height: 4rem; border: none;
}
.cases li h3{
	width: 7rem; float: left; height: 0.8rem; line-height: 0.8rem; color: #333; font-weight: normal;
	overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 0.32rem;
}
.cases li em{
	width: 7rem; float: left; height: 0.8rem; line-height: 0.8rem; color: #999; font-weight: normal;
	overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 0.28rem; border-top: 1px solid #efefef;
}
.news{
	width: 7rem; float: left; margin-left: 0.25rem; margin-right: 0.25rem;
}
.news li{
	width: 6.48rem; float: left; border: 1px solid #efefef; box-shadow: 0 1px 5px #ddd;
	padding: 0.25rem; margin-top: 0.25rem;
}
.news li h3{
	width: 6.48rem; float: left; line-height: 0.4rem; font-size:0.32rem;
	
}
.news li em{
	width: 6.48rem; height: 1.2rem; float: left; line-height: 0.4rem; font-size:0.28rem;
	color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
	margin-top: 0.2rem;
}
.news li i{
	width: 6.48rem; height: 0.4rem; float: left; line-height: 0.4rem; font-size:0.28rem;
	color: #999;margin-top: 0.2rem;
}
.news li i img{ display: inline-block; height: 0.3rem; vertical-align: middle; margin-left: 0.2rem;}
.jiazai{
	width: 7rem; float: left; height: 0.6rem; margin-bottom: 0.25rem; 
	color: #FFF; margin-left: 0.25rem; line-height: 0.6rem; font-size: 0.3rem; text-align: center;
}
.pagination {
	text-align: center; color: #FFF; margin-top:0.25rem; 
}
.pagination li {display: inline-block; background: #666; 
  margin-right: 0.15rem;
  padding:0.02rem 0.15rem;
  font-size: 0.32rem;
  border: 1px solid #e2e2e2;
  min-width: 0.5rem;
  text-align: center; 
  color: #FFF;}
.pagination li.active {background: #20537e;color: #FFF; }
.pagination li a {display: block;text-align: center;color: #FFF; text-decoration: none;}


#neili{
  background: #20537e;  color: #FFF;
}
#neili:after{border-top: 1px solid #fff; border-right: 1px solid #fff; }
.nei_2_1{
	width: 7rem; float: left; margin-top: 0.15rem;
	line-height: 0.6rem; color: #666; font-size: 0.32rem;
}

.footer{
	width: 90%; float: left; padding: 0.25rem 5%;
	background: #3d3d3d; color: #adadad; text-align: center; 
	font-size: 0.28rem;
}
.footer img{ width:7%; border: none; display: inline-block; margin-top: 0.05rem; margin-right: 0.15rem;}
.footer_fix{
	width: 100%; height: 1.15rem; float: left;
}
.footer_fix_p{
	width: 100%; height: 1.15rem; position: fixed; bottom: 0; left: 0; background: #025193; z-index: 999;
}
.footer_fix_p li{
	width: 25%; height: 1.15rem; float: left;
}
.footer_fix_p li span{
	width: 100%; height: 0.5rem; float: left; text-align: center; margin-top: 0.1rem;
}
.footer_fix_p li span img{ width: 0.4rem; height: 0.4rem; float: left; border: none; margin-left: 38%; margin-top: 0.05rem;}
.footer_fix_p li em{
	width: 100%; height: 0.5rem; float: left; line-height: 0.5rem; color: #FFF; font-size: 0.3rem;
	text-align: center;
}