.mobile-inner{ display:none;}

@media only screen and (min-width:240px) and (max-width: 900px){
.outer{min-width:100%;}
.header{display:none;}
.mobile-inner{ display:block;}

/*手机导航start*/
.mobile-inner{
	width: 100%;
	margin:0 auto;
	background-color: #fafafa;
	position:fixed; left:0; top:0; z-index:99999;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.mobile-inner-header .mobile-inner-logo{ float:left; width:86%;}
.mobile-inner-header .mobile-inner-logo img{ height:26px; width:auto; margin:10px 0 0 10px;}
.mobile-inner-header .mobile-inner-logo span{ float:right;}
.mobile-inner-header .mobile-inner-logo span a{ color:#ccc; border:1px solid #ccc; display:inline-block; padding:1px 5px; border-radius:5px; margin-top:15px;}

.mobile-inner-header-icon{
	color: #ffffff;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(6px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
opacity:1;
	}
.mobile-inner-header-icon span:nth-child(3){
transform: translateY(-6px) rotate(0deg);
	}
	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: fadeOut;
	}
.mobile-inner-header-icon-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}

@keyframes clickfirst {
  0% { transform: translateY(6px) rotate(0deg); }
  100% {  transform: translateY(0) rotate(45deg); }
}	
@keyframes clicksecond {
	0% { transform: translateY(-6px) rotate(0deg);  }

  100% {  transform: translateY(0) rotate(-45deg); }
}	
@keyframes fadeOut {
    0% { opacity: 1 }
    100% {  opacity: 0}
}
.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	}
.mobile-inner-header-icon-out span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {  transform: translateY(0) rotate(-45deg);  }

  100% {   transform: translateY(-6px) rotate(0deg);  }
}	

@keyframes outsecond {
  0% {    transform: translateY(0) rotate(45deg);  }

  100% {    transform: translateY(6px) rotate(0deg);  }
}
.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	display: none;
}
.mobile-inner-nav .moul li a{
	display: inline-block;
	line-height: 40px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav .moul li a span{ display:inline-block; margin-left:5px;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav .mosmul li a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;}
.mobile-inner-nav .moul li .mosmul{ margin-left:30px; display:none}
.mobile-inner-nav .moul li .mosm2ul{ margin-left:30px; display:none}
/*手机导航end*/

/*-------隐藏浮动连接---------*/

.pageMain{width:100%; margin:0 auto;}
.pageMain2{width:100%; margin:0 auto;}

header{ display:none}
/*-------banner---------*/
.carouselh{	display: block;	position: relative;	height: auto;	background: none; margin-top:50px;}
.carouselh img{	width: 100%;}
.carouselh-video{position: absolute;	top: 0;	left: 0;   width: 100%;height: 100%;z-index: -1;}
.carouselh-video video{ width: 100%;  }
.carouselh-body{    overflow: hidden;  }
.carouselh-body ul{    width: 1000%;  }
.carouselh-body li{    position: relative;    float: left;    width: 10%;  }
.carouselh-body li img{width: 100%;  }
.carouselh .hd{    position: absolute;    bottom: 10px;    left: 0;    width: 100%;    height: 12px;    text-align: center;  }
.carouselh .hd li{ display: inline-block; width: 12px;  height: 12px; margin: 0 3px;  border: 1px solid #1ed3ff;  border-radius: 50%; box-sizing: border-box;  cursor: pointer; }
.carouselh .hd li.on{  background: #1ed3ff;}

/*-------标题和介绍---------*/


.main1 .m1lie{ width:48%; height:auto; margin-right:4%; margin-left:-2px; float:left; position:relative; text-align:center; margin-top:10px; border:1px dashed #ccc;}
.main1 .m1lie:hover{border:1px solid #4a8ecc;}
.main1 .m1lie:nth-child(2n){margin-right:0%;}
.m1a{ display:block; text-align:center; color:#1367af; font-size:1.5rem; line-height:30px; margin-top:0px;}
.m1tu{ display:block; margin:auto; width:100%;}
.m1tu img{ display:block; margin:auto; max-width:85%;}

.main5{ padding:50px 0; overflow:hidden;}
.m5biao{ display:block; font-size:30px; font-size:3rem; color:#4a8ecc; line-height:40px; text-align:center;}
.m5p a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:23px;}
.m5l{ width:100%; float:none; margin-top:13px; }
.m5r{ width:100%; float:none; margin-top:13px;}
.m5mor{ display:inline-block; width:auto; padding: 0 20px; line-height: 40px;height: 40px;border-radius:3px; font-size:14px; font-size:1.4rem; color:#fff; text-align:center; background:#5795ce; margin-top:5px;}
p.m5acont { text-align:center}

.bigTitle{ padding:50px 0 0;}
.banNei{margin:50px 0 0; padding:0;}
.banNei img{ width:100%;}
/* 二级栏目标题 */
.pBox {color: #bfbfbf; width:80%; padding-bottom:15px;  border-bottom: 1px solid #DCDCDC;  position: relative; font-size: 16px; font-weight:600;  margin: 5px auto 10px;  text-align: center;}
.pBox:after { background: #0058DE;}
.pBox:after { position: absolute;  content: '';  display: block;  width: 30px;  height: 5px; left: 50%;  margin-left: -15px;  bottom: -3px;}

#right { float: none; margin-top:2px; padding-top:2px; width:100%;}
#right .title {width: 100%; height: 50px; background-color:#137BD3; display:none}
#right .title span{color:#fff; line-height:50px; font-size:1.6em; display: inline-block; width:100%; text-align:center}
#right .menu2 li { float:left; width:45%; margin-right:2%; position: relative; line-height:140%; padding:10px 0;border-bottom: 1px solid #eee;font-size:1.2em; background:url(../images/m7la2.png) no-repeat 0 15px; padding-left:4%;}
#right .menu2 li:nth-child(2n){ margin-right:0%; }
#right .menu2 li a {width: 95%; display:inline-block; padding-left:3%; color:#666;}
#right .menu2 li a:hover {color:#0058DE ;}
#right .menu2 li.on a{ color:#0058DE ; }

#left { float: none; padding: 0; width:100%; overflow: hidden; }
#left .crumbs { margin-bottom: 25px; padding: 5px 0 0 5px; height: 35px; line-height: 35px; border-bottom: 1px solid #999a9a;  }
#left .crumbs a { font-weight: bold; color: #645b58; }
#left .crumbs span { /*margin:0 7px; */ font-weight: bold; /*font-style:italic; font-size:15px;*/ }
#left .crumbs .last { color: #137BD3; }

.bodyMain .video_about{ text-align:center; margin-bottom:20px; display:inline-block; width:100%;}
.bodyMain .video_about video{width:100%;}

.prolist{ border-bottom:1px solid #ededed;}
.prolist .m2lie{  float:left; width:48%;}
.prolist .m2lie .m2fu{ display:none}
.prolistInfo{ float:right; width:48%;margin-top:23px;  }
.prolistInfo h1{ margin:0 0 10px; text-align:center; font-size:16px; font-weight:600;}
.prolistInfo p{ line-height:180%; height:auto; overflow:hidden;}
.prolistInfo .more{ text-align:center; margin-top:15px;}
.prolistInfo .more a{ background-color:#4a8ecc; color:#fff;padding:6px 15px; border-radius:10px;}
.prolistInfo .more a:hover{  background-color:#137BD3;}

.protop{ margin-top:30px;}
.protop .pic img{max-width:100%;}
.protop .info h1{ margin-bottom:10px;}
.protop .info p{ line-height:180%;}

/* 动态*/
.newsList ul li{ width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; overflow: hidden;}
.newsList ul li .pic{ float:none; width:100%; position:relative;}
.newsList ul li .pic img{ width:100%;}
.newsList ul li .info{ float:none; width:100%; position: relative;}
.newsList ul li .info h1{ font-size:1.4em; margin:10px 0; text-align:center}
.newsList ul li .info p{ height:100px; overflow:hidden; line-height:25px;}
.newsList ul li .info .date{ position:absolute; left:0; bottom:0;}
.newsList ul li .info .date .dateTitle{ color:#000; margin-right:10px;}
.newsList ul li .info .more{ text-align:center; margin-top:15px;}
.newsList ul li .info .more a{background-color:#4a8ecc; color:#fff; padding:6px 15px; border-radius:10px;}
.newsList ul li .info .more a:hover{ background-color:#137BD3;}
/* 分页*/
.fenye{ margin:10px 10px;  padding-top:10px; text-align:center}
.fenye a{ border:1px solid #ddd; padding:4px 8px; margin:0; color:#fff; background-color:#1E76BE; font-size:12px;}
.fenye a:hover{	text-decoration: none;}
.fenye a.cur{ color:#fff; background-color:#0A3F6B;border:0px solid #ddd;}
.fenye a:hover{ color:#fff; background-color:#0A3F6B; }

.conL{ float:left; width:49%;}
.conR{float:right; width:49%;}
.wpdis{ display:none}
	  .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
	  .videoskh{ display:none; position:fixed; left:0%; top:30%; margin-left:0px; margin-top:0px; z-index:100; width:100%; background:#000; padding-top:10px;}
	  .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.hoorList{}
.hoorList ul li{ width:49%; float:left; margin-right:2%; margin-bottom:10px; height:280px; overflow:hidden;}
.hoorList ul li:nth-child(3n){ margin-right:2%; }
.hoorList ul li:nth-child(2n){ margin-right:0%; }
.hoorList ul li img{ width:100%; }

.infobox{ line-height:200%;}
.infobox img{ max-width:100%; margin:10px 0;}
.infobox h1{ text-align:center; font-size:20px; font-weight:600; margin-bottom:20px;}
.infobox .pic{ text-align:center; }
.infobox .pic img{ max-width:100%;}
.preandnext{ margin:50px 0 30px; border-top:1px solid #ededed; padding-top:20px;}
.preandnext a{ font-size:14px; display:block;}
.preandnext .prel{ float:none; width:100%;}
.preandnext .prer{ float:none;width:100%;}

.m8l{ width:96%; float:none; margin-left:4%}
.m8r{ width:100%; float:none;}
.m8l .int1,.m8l textarea{ width:90%;}
.m8r p{ line-height:40px; padding-left:0; margin-top:15px;}
.m8r p{ font-size:16px; font-size:1.6rem;}
.m8dingwei li{ font-size:14px; font-size:1.4rem;}

#allmap {height: 250px;width:100%;overflow: hidden;}
#result {width:100%;font-size:12px;}

.m2fu a.m2a1  {  width: 75%; line-height: 30px; overflow:hidden;  height: 28px;}
.m2fu a.m2a3 {  width: 20%; line-height: 30px; overflow:hidden;  height: 28px;}


}