.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; text-align:right}
.mobile-inner-header .mobile-inner-logo img{ height:40px; width:auto; margin:5px 0 0 10px;}

.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: 30px;
	padding-bottom: 80px;
	display: none;
}
.mobile-inner-nav .moul li a{
	display: inline-block;
	line-height: 50px;
	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 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*/


/*-------隐藏浮动连接---------*/
#panel{ display:none;}


.banner{ margin-top:50px;}

#container {width: 100%; height: 240px; overflow: hidden; 	}
#container2 {width: 100%; height: 200px; overflow: hidden; 	}

/*-------标题和介绍---------*/
.overinfo{ width:90%; margin:0 auto 30px;}
.overinfo h1{ font-size:2.4em; margin:0px 0 20px; }
.overinfo h2{ font-size:1.4em; margin:0px 0 20px;}
.overinfo p{ font-size:1.0em; line-height:180%; }
.overinfo span{ display:inline-block; height:30px; line-height:30px; width:22%; background:#EB3D00; text-align:center}
.overinfo span a{ display:inline-block;width:100%; font-size:14px; font-weight:600; color:#fff;}
/*-------内容区宽度---------*/
.pagebg{ padding:50px 0;}
.pageMain{width:98%; margin:0 auto;}
.pageMain2{width:98%; margin:0 auto;}

.page1 .picList { margin:0 auto 60px; }
.page1 .picList ul{ width:100%; margin:0 auto; }
.page1 .picList ul li{ float:left; width:31%; height:170px; margin-right:2%; padding:5px 0px; border:1px solid #ccc; text-align:center;}
.page1 .picList ul li:nth-child(3){margin-right:0%;}
.page1 .picList ul li h3{ font-size:1.2em; color:#0055A2;}
.page1 .picList ul li p{ font-size:1.0em; color:#666;}
.page1 .picList ul li .serpic{ width:70px; height:80px; margin:0 auto 10px;}

.page1 .gongxiang .item .top h3{ font-size:1.4em; color:#333;}
.page1 .gongxiang .item img{ max-width:100%;}
.page1 .gongxiang .item .top p{ font-size:1.0em; color:#999;margin:2px 0}
.page1 .gongxiang .item .top span { display: inline-block; width:80%;  height: 1px;border-top: 1px solid #dfdcda; border-bottom: 1px solid #dfdcda;}
.page1 .gongxiang .item .conter{ font-size:2.6em; color:#F18200;}
.page1 .gongxiang .item .bottom{ font-size:1em; color:#999;}

.page2 .picList{ margin-bottom:0px; }

.page3 .serList{ margin-bottom:10px;color:#fff;}
.page3 .serList .item{ float:left; width:25%}
.page3 .serList .item .serpic{ height:70px; width:70px; margin:0 auto;}
.page3 .serList .item h3{ font-size:1.6em; text-align:center; margin-top:30px;}
.page3 .serList .item h4{ font-size:1.2em; text-align:center; margin-top:5px;}
.page3 .serList .item p{ font-size:1.2em; text-align:left;  width:80%; margin:10px auto 0;}

.page4 .picList ul{ margin:0 auto; width:100%;}
.page4 .picList ul li{ float:left; width:31%; margin-right:2%; margin-bottom:5px;}
.page4 .picList ul li:nth-child(3n){ margin-right:0%;}
.page4 .picList ul li img{ max-width:100%;}

.page5{ background:url(../images/bg.jpg) no-repeat center 0;background-size: 100% 100%;}/*背景图*/
.page5 .dingwei3{text-align:center; color:#fff; margin-bottom:50px;}/*元素内容位置*/
.page5 .serList{ margin-bottom:0px; color:#fff;}
.page5 .serList .item{ float:left; width:50%; text-align:center; margin-bottom: 30px}
.page5 .serList .item .serpic{ height:120px; width:120px; margin:0 auto;}
.page5 .serList .item h3{ display:inline-block; font-size:2em;  margin-top:30px; border-bottom:2px solid #ccc; padding-bottom:5px; }
.page5 .serList .item p{ font-size:1.2em; text-align:left;  width:80%; margin:10px auto 0;}

.page6 .dingwei3{text-align:center; color:#777; margin-bottom:30px;}/*元素内容位置*/
.page6 .serList .item{ float:left; width:50%; text-align:center; margin-bottom:10px;}
.page6 .serList .item .serpic{ height:170px; width:170px; margin:0 auto;}

.aboutpage2{ background:url(../images/bg.jpg) no-repeat center 0;background-size: 100% 100%; padding:50px 0;}/*背景图*/

.newspage1 .dingwei1{margin-bottom:50px;}/*元素内容位置*/
.newspage1 .newsList{ width:100%; margin:0 auto}
.newspage1 .newsList UL{ }
.newspage1 .newsList ul li{line-height:30px; height:30px; overflow:hidden; border-bottom:1px solid #ccc; font-size:12px;}
.newspage1 .newsList ul li a{ margin:0px; display:inline-block; }
.newspage1 .newsList ul li span{ float:right; display:none;}

.newspage2{ background:url(../images/bg.jpg) no-repeat center 0;background-size: 100% 100%; }/*背景图*/
.newspage2 .dingwei2{ margin-bottom:50px;}/*元素内容位置*/
.newspage2 .newsList{ width:100%; margin:0 auto}
.newspage2 .newsList UL{ }
.newspage2 .newsList ul li{line-height:30px; height:30px; overflow:hidden; border-bottom:1px solid #fff; font-size:12px;}
.newspage2 .newsList ul li a{color:#FFF; margin:0px; display:inline-block; }
.newspage2 .newsList ul li span{color:#FFF; float:right; display:none; }

.newsInfo{}
.newsInfo h1{ font-size:1.8em; line-height:150%; text-align:center; margin-bottom:10px;}
.newsInfo h2{ font-size:1.2em; line-height:150%; text-align:center; margin-bottom:30px;}
.newsInfo{ font-size:1.0em; line-height:150%;}

/*底部*/
.footer{padding:10px 0; }
.footer .fol{ float:left; width:60%; margin-left:2%}
.footer .weixin{ float:right; width:20%; text-align:right;margin-right:10% }
.footer .weixin img{max-width:100%; }
.footer .menu a{font-size:12px;color:#fff; display:inline-block; height:30px; line-height:30px; margin-right:3%;}
.footer .menu a:hover ,.header .nav a.active {color:#F08200;}
.footer .addr{ margin:10px 0 0;}



/*经营范围 */
.managepage1 .picList .item img{max-width:100%;}
.managepage1 .picList ul{ width:96%; margin:0 auto; }
.managepage1 .picList ul li{color:#666; float:left; width:31.3%; text-align:center; margin-bottom:20px; margin-right:3%}
.managepage1 .picList ul li:nth-child(3n){margin-right:0%}
.managepage1 .picList ul li h3{ font-size:1.2em;margin:5px 0;}
.managepage1 .picList ul li p{ line-height:180%; }

.managepage2 .picList ul li .pic{ width:100px; margin:0 auto;}
.managepage2 .picList ul li h3{ font-size:1.4em;margin:10px 0;}
.managepage2 .picList ul li p{font-size:1.0em; line-height:150%; }

.managepage3 .picList ul li{ float:left; width:33.333%; text-align:center; margin-bottom:30px;}
.managepage3 .picList ul li .pic{ width:100px; margin:0 auto;}
.managepage3 .picList ul li .pic img{max-width:100%;}
.managepage3 .picList ul li h3{ font-size:1.4em;margin:10px 0;}
.managepage3 .picList ul li p{font-size:1.0em; line-height:150%; }

.managepage4{ padding:50px 0;}/*背景图*/
.managepage4 .picList ul{ width:100%; margin:0 auto; color:#fff }
.managepage4 .picList ul li{ float:left; width:50%; text-align:center; margin-bottom:0px;}
.managepage4 .picList ul li .pic{ width:160px; margin:0 auto;}
.managepage4 .picList ul li .pic img{max-width:100%;}
.managepage4 .picList ul li h3{ font-size:1.4em;margin:10px 0;}
.managepage4 .picList ul li p{font-size:1.0em; line-height:150%; }

.managepage5 .picList ul li{ float:left; width:50%; text-align:center; margin-bottom:20px;}
.managepage5 .picList ul li .pic{ width:160px; margin:0 auto;}
.managepage5 .picList ul li .pic img{max-width:100%;}
.managepage5 .picList ul li h3{ font-size:1.4em; text-align:center; margin-top:10px;}
.managepage5 .picList ul li h4{ font-size:1.2em; text-align:center; margin-top:5px;}
.managepage5 .picList ul li p{ font-size:1.0em; margin:10px auto 0;}

.managepage6 .picList ul li{ float:left; width:33.333%; text-align:center; margin-bottom:30px;}
.managepage6 .picList ul li .pic{ width:100px; margin:0 auto;}
.managepage6 .picList ul li .pic img{max-width:100%;}
.managepage6 .picList ul li h3{ font-size:1.2em; text-align:center; margin-top:10px;}
.managepage6 .picList ul li h4{ font-size:1.2em; text-align:center; margin-top:5px;}
.managepage6 .picList ul li p{ font-size:1.0em; margin:10px auto 0;}

.managepage7{ height:20px; padding:0 0; background:#9FD8F6; }/*背景图*/

.casepage1 .picList ul li{ float:left; width:33.333%; text-align:center; margin-bottom:10px;}
.casepage1 .picList ul li .pic{ width:100px; margin:0 auto;}
.casepage1 .picList ul li .pic img{max-width:100%;}
.casepage1 .picList ul li h3{ font-size:1.4em;margin:10px 0;}
.casepage1 .picList ul li p{font-size:1.0em; line-height:150%; }

.casepage2{ background:url(../images/case2.jpg) no-repeat center 0;background-size: auto 100%; height:100px}/*背景图*/


/*专注领域 */
.advpage1 .serList .item{ float:left; width:50%; margin-bottom:10px;}
.advpage1 .serList .item .serpic{ width:150px; height:160px; margin:0 auto;}
.advpage1 .serList .item h3{ font-size:1.4em; text-align:center; margin-top:10px;}
.advpage1 .serList .item h4{ font-size:1.0em; }

.advpage2 .serList .item{ float:left; width:50%; color:#fff;margin-bottom:10px; }
.advpage2 .serList .item .serpic{ width:150px; height:138px; margin:0 auto;}
.advpage2 .serList .item h3{ font-size:1.4em; text-align:center; margin-top:10px;}
.advpage2 .serList .item h4{ font-size:1.0em;}

.advpage3 .serList .item{ float:left; width:50%; margin-bottom:10px;}
.advpage3 .serList .item .serpic{ width:150px; height:105px; margin:0 auto;}

.advpage4 .serList{ margin-bottom:20px;}
.advpage4 .serList .item{ float:left; width:50%; height:240px; margin-bottom:10px; color:#fff; }
.advpage4 .serList .item .serpic{ width:150px; height:145px; margin:0 auto;}
.advpage4 .serList .item h3{ font-size:1.4em; text-align:center; margin-top:10px;}
.advpage4 .serList .item h4{ font-size:1.0em; text-align:center; margin-top:5px; font-weight:400;}

.advpage5 .picList ul li{ float:left; width:33.333%; text-align:center; margin-bottom:30px; }
.advpage5 .picList ul li .pic{ width:100px; margin:0 auto;}
.advpage5 .picList ul li p{font-size:1.0em; line-height:150%; }

.advpage6 .picList{ margin-bottom:20px; color:#fff}
.advpage6 .picList .item{ text-align:center}
.advpage6 .picList .item img{max-width:100%;}
.advpage6 .picList h3{ font-size:1.4em; text-align:center; margin-top:10px;}
.advpage6 .picList h4{ font-size:1.0em; text-align:center; margin-top:5px; font-weight:400;}

.advpage7 .picList ul{ width:98%; margin:0 auto; }
.advpage7 .picList ul li{ float:left; width:50%; text-align:center; margin-bottom:30px; }
.advpage7 .picList ul li .pic{ width:150px; margin:0 auto;}
.advpage7 .picList ul li .pic img{max-width:100%;}
.advpage7 .picList ul li h3{ font-size:1.2em;margin:10px 0;}
.advpage7 .picList ul li p{font-size:1.0em; line-height:150%; }


/*联系我们 */
.contactpage1{ background:#fff;}/*背景图*/
.contactpage1 .dingwei1{text-align:center; color:#333}/*元素内容位置*/
.contactpage1 .picList{  margin:0 auto; width:100%; font-size:1.0em;}
.contactpage1 .picList .weixin .pic{ float:left; width:30%;}
.contactpage1 .picList .weixin img{ max-width:100%;}
.contactpage1 .picList .weixin .info{ float:right;width:68%;}
.contactpage1 .picList h2{ font-size:1.2em; display:block; margin-bottom:10px;}
.contactpage1 .picList h3{ font-size:1.2em; display:block; margin:10px 0;}
.contactpage1 .picList p b{ font-size:1.0em; display:block; margin-bottom:10px;}

.contactpage{ height:10px; padding:0;}/*背景图*/
}