.mobile-inner{ display:none;}
.banner {display:none;}
.wap{display:none;}
.inProList{display:none;}
@media only screen and (min-width:240px) and (max-width: 900px){
#head{display:none;}
#content_start{display:none;}
.topkong{ height:50px;}
#wrapper {display:none;}
.pc{display:none;}
.wap{display:block;}

.slider_box{display:none;}
.mobile-inner{ display:block;}
/*手机导航start*/
.mobile-inner{width: 100%;margin:0 auto;background-color: #333;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: #fff;width: 100%;height: 50px; position: absolute;	top: 0px;left: 0px;}
.mobile-inner-header .mobile-inner-logo{ float:left; width:84%;}
.mobile-inner-header .mobile-inner-logo a{ display:inline-block;}
.mobile-inner-header .mobile-inner-logo img{ height:35px; width:auto; margin:8px 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:16px;}
.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(0,0,0,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(0,0,0,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(0,0,0,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 ul{ margin-left:30px; display:none}
/*手机导航end*/
/*-------banner---------*/
p{ font-size:12px;}
img{ display:block}
img:hover { transform: scale(1);}

body {background:#eee;margin:0; font-size:12px;}

/*-------内容区宽度---------*/
.main2 { width:100%;}
.main { width:98%; }
.man30{ padding:30px 1% 30px; margin-top:10px; min-height:700px;}
.leftmenu{ display:none}


.slider_box{margin:0px auto 0 auto;height:200px;overflow:hidden;position:relative;width:100%;} 
.mask{height:100px;overflow:hidden;background:#000;opacity:0.5;filter:alpha(opacity:50);width:100%;position:absolute;left:0;bottom:0;z-index:1;}
.silder_con{overflow:hidden;position:absolute;}
.silder_panel{width:370px;height:200px;overflow:hidden;float:left;position:relative;}
.silder_panel img{width:100%;height:100%;display:block;overflow:hidden;overflow:hidden}
.silder_nav li{float:left;padding:0px;border:1px solid #fff;margin:2px;display:inline;position:relative;}
.silder_nav li.current{border:1px solid #118EEA;margin:0 0px;}
.silder_nav li,.silder_nav img{display:block;width:112px;height:48px;overflow:hidden;}
.slider_box a.prev,.slider_box a.next{display:block;width:45px;height:100px;line-height:999em;overflow:hidden;z-indent:9;position:absolute;cursor:pointer;margin:85px 0 0 0;}
.slider_box a.prev{left:0;background-position:left 0;}
.slider_box a.next{right:0;background-position:right 0;} 
.silder_intro{position:absolute;left:10;bottom:0;z-index:9;width:95%;height:100px;overflow:hidden;color:#fff;padding-left:10px;}
.silder_intro h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;height:22px;line-height:22px;}
.silder_intro p{font-size:12px;line-height:18px;}
.dec{ display:none; float:right;height:100px;width:49%;bottom:-30px;right:20px;overflow:hidden;z-index:9;position:absolute; text-align:right;}
.dec li{ float:none; display:inline-block;}



.mr_frbox{ display:none}
.rightBox{ float:none; width:100%;}
.rightBox h1{font-size:1.5em; text-align:center}
.inProList{ display:block;}
.inProList ul li{margin-bottom:15px; position:relative; border-bottom:1px double #ccc; padding-bottom:15px; text-align:center}
.inProList ul li .pics{width:100%; text-align:center}
.inProList ul li .pics img{ display:inline}

.NewsList{}
.NewsList ul li{margin-bottom:15px; position:relative; border-bottom:1px double #ccc; padding-bottom:15px;}
.NewsList ul li span{ position:absolute; right:0; bottom:15px; background:#118EEA; z-index:50; display:inline-block; padding:3px 6px; border-radius:5px;}
.NewsList ul li span a{ color:#fff;}
.NewsList ul li .pic{ border-radius:5px 5px 0 0; float:none; width:100%; text-align:center}
.NewsList ul li .pic img{width:100%; }
.NewsList ul li .info{float:none; width:100%;overflow:inherit;}
.NewsList ul li .info h3{ font-size:1.2em; overflow:hidden; padding:0; margin:10px 0 0; text-align:center}
.NewsList ul li .info p{ line-height:200%}
/* 分页*/
.fenye{ margin:20px 0px;  padding-top:10px; text-align:center}
.fenye a{ border:1px solid #ddd; padding:3px 8px; min-width:12px; display:inline-block; margin:0 3px 0 0; color:#000; background-color:#EBEBEB; font-size:12px;}
.fenye a:hover{	text-decoration: none;}
.fenye a.cur, .fenye a:hover{ color:#000; background-color:#118EEA;border:1px solid #118EEA; color:#fff;}

.caseList ul li{ float:left; width:49%; margin-right:2%;margin-bottom:15px; position:relative; }
.caseList ul li:nth-child(2n){ margin-right:0%;}

/* 效果CSS开始 */
.banner{ display:block; width:100%; height:400px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:400px;  position:absolute; left:0; top:0;}
@media only screen and (min-width:370px) and (max-width: 430px){
.banner{  height:600px;}
.b-img{ height:600px; }
}
.b-img a{ display:block; height:100%; float:left;}
.b-img a img{ width:100%; }

.b-list{ height:10px; position:absolute; z-index:1; left:50%; bottom:10px; margin-left:-30px}
.b-list span{ display:block;cursor:pointer; width:7px; height:7px; border-radius:50%; border:1px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:1px solid #118EEA;}
.bar-left{ position:absolute; z-index:1; display:none; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:none; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.innews{margin-top:20px;}
.innews ul li{margin-bottom:15px; position:relative; width:100%; float:none; margin-right:0%; }
.innews ul li:nth-child(2){margin-right:0%;}
.innews ul li .pic{ border-radius:5px 5px 0 0; float:left; width:25%;}
.innews ul li .info{float:right; width:73%;overflow:hidden;}
.innews ul li .info h3{ font-size:1em; overflow:hidden; padding:0; margin:0;}
.innews ul li .info p{ line-height:150%; padding:0;margin:5px 0 0;}

#footer { border-top:1px solid #999; margin-bottom:80px;}


.nav_float{position:fixed;right:auto; left:1%; top:auto; bottom:0px;margin-top:0px;width:100%;z-index:2;}
.nav_float li{height:60px;background:#118EEA;border-radius:0px;margin-bottom:0px; margin-right:1%;position:relative; float:left; width:32%;}
.nav_float li a{background:#118EEA;border-radius:5px;display:block;height:100%;background-position:center center;background-repeat:no-repeat;position:relative;}
.nav_float li .a1{background-image:url(../images/icon6_1.png);width:100px;padding-left:50px;position:absolute;right:0;top:0;background-position:15px center;font-size:10px;overflow:hidden;line-height:60px;color:#fff;
transition:;-webkit-transition:;
animation:;-webkit-animation:;}
.nav_float li:hover .a1{width:100px;}
.nav_float li .a2{background-image:url(../images/icon6_2.png);
animation:nf 5s ease-out 0.3s infinite;-webkit-animation:nf 5s ease-out 0.3s infinite;}
.nav_float li .a3{background-image:url(../images/icon6_3.png);
animation:nf 5s ease-out 0.6s infinite;-webkit-animation:nf 5s ease-out 0.6s infinite;}
.nav_float li .a3 span{position:absolute;bottom:0;right:100%;margin-right:1px;padding:9px;background:#118EEA;border-radius:5px; display:none}
.nav_float li .a3 span img{ max-width:inherit}
.nav_float li .a3:hover span{display:block;}
.service_m{display:none;}
@-webkit-keyframes nf{
0%{-webkit-transform:scale(1);}
5%{-webkit-transform:scale(1.1);}
10%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes nf{
0%{transform:scale(1);}
5%{transform:scale(1.1);}
10%{transform:scale(1);}
100%{transform:scale(1);}
}
}