.mobile-inner{ display:none;}

.ipc{ display:block}
.ihpone{ display:none}

@media only screen and (min-width:240px) and (max-width: 900px){
#header{ display:none; }
.topbox{display:none;}
.topkong{ height:50px;}
.mobile-inner{ display:block;}
.ipc{ display:none}
.ihpone{ 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%;}
.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(255,255,255,0.8);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:40px; width:auto; margin:5px 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(0,0,0,0.4);	border-bottom: solid 1px rgba(0,0,0,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---------*/
.banner{ width:100%; height:250px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; width:100%; float:left;}
.b-list{ height:50px; padding-top:220px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.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;}
p{ font-size:12px;}
img{ display:block}
img:hover { transform: scale(1);}

/*-------内容区宽度---------*/
.pageMain{width:98%; margin:0 auto; position:relative}

/*-------标题和介绍---------*/
.titleBox{ width:100%; margin:0 0 30px 0;}
.titleBox h1{ font-size:1.6em; color:#000; font-weight:600; height:40px; line-height:40px; text-align:center; background:url(../images/bgline.png) no-repeat center 10px;}
.titleBox span{ display:inline-block; padding:0 30px; background:#fff; text-align:center; border:1px solid #47409F; border-radius:5px;}
.titleBox p{font-size:1.4em; text-align:center;}

.titleBox2{ width:100%; margin:0;color:#fff; padding:50px 0 100px;}
.titleBox2 h1{ font-size:2em;  font-weight:600; text-align:center; margin-bottom:20px;}
.titleBox2 p{font-size:1.2em; text-align:center; width:60%; margin:0 auto;}


.pagebg{ padding:60px 0 0;}
.page1{ background:#fff;}
.page2{ background:url(../images/probg.jpg) center 0px no-repeat; }

.InAbout{ text-align:center}
.InAbout h2{ color:#47409F; font-size:1.2em; font-weight:bold;}
.InAbout p{font-size:1.0em; text-align:center; margin-top:15px;}
.abImg{ float:none; width:100%;}
.InAbinfo{float:none; width:100%; padding:80px 0% 0;}
.InAbinfo h2{ color:#47409F; font-size:1.4em; font-weight:bold; text-align:center;background:url(../images/bgline.png) no-repeat center 45px; padding-bottom:40px;}
.InAbinfo p{font-size:1.0em; margin-top:5px;}
/*-------合作---------*/
.planList ul{margin:40px auto 0; color:#8A8A8A;}
.planList ul li{ float:none; width:100%; margin-right:0%; margin-bottom:20px; padding:0px 0; height:430px; overflow:hidden; position:relative;}
.planList ul li div img{ width:100%; }
.planList ul li:nth-child(3n){margin-right:0%;}
.planList ul li .info{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}
.planList ul li:hover .info{ position:absolute; top:-430px; left:0;}
.planList ul li .info h3{ font-size:1.6em; color:#fff; font-weight:600;background:rgba(0,0,0,0.4); height:50px; line-height:50px; position:absolute; left:0; bottom:0; width:100%;}
.planList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}

.planList ul li .infoVer{ width:100%; height:100%;background:rgba(0,0,0,0.4); position:absolute; top:430px; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}
.planList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.planList ul li .infoVer h3{ font-size:1.6em; color:#fff; font-weight:600;margin:40% auto 0px;}
.planList ul li .infoVer span{ display:inline-block; width:40px; height:8px; margin:20px auto 20px; background:#fff;}
.planList ul li .infoVer p{ font-size:1.4em; color:#fff; text-align:left; width:80%; margin:0 auto 20px;}
.planList ul li .infoVer a{ display:inline-block; font-size:1.2em; color:#118EEA;width:40%; margin:0 auto; height:40px; line-height:40px; border-radius:5px;
 background:#fff ; background-size: auto 36%;}


/*底部*/
.footer{ background:#F8F7FD; padding:30px 0;color:#333; margin-top:30px;}
.footer p{ line-height:200%;}
.footer .fotL{ float:left; width:35%; margin-right:2%;}
.footer .fotL img{ width:100%;}
.footer .fotC{ float:left; width:63%; margin-top:10px;}
.footer .fotC h2{ font-size:1.4em; font-weight:600;margin-top:10px;}
.footer .fotC p{background:url(../images/sna.jpg) no-repeat 0 4px; font-size:1em; padding-left:20px; margin-top:5px;}
.footer .fotR{ display:none; float:left; width:40%; margin-top:30px;}
.footer .fotR .fotpro a{ display:block;color:#333;line-height:200%; background:url(../images/sna.jpg) no-repeat 0 4px; font-size:1em; padding-left:20px;}

.bannerbox{ width:100%; height:316px; overflow:hidden; position:relative;font-size:0}
.bannerbox .loginDiv{ width:100%;margin-top:0%;}
.bannerbox .loginDiv h1{color: inherit; margin: 20px 0 10px; font-size:2rem; line-height: 1.1; color:#fff; text-align:center; padding-top:4.5%;text-transform:uppercase; text-shadow:2px 1px 3px #333}
.banie7{ background:url(../images/banhoor.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie6{ background:url(../images/bancon.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie5{ background:url(../images/bannews.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie4{ background:url(../images/ban4.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie3{ background:url(../images/ban3.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie2{ background:url(../images/bann2.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}
.banie1{ background:url(../images/banAbout.jpg) no-repeat 0 center; height:120px; background-size: auto 100%;}

.pageNow{ background:#F7F7F7; border-bottom:1px solid #C8C8C8; line-height:40px; padding-top:20px; font-size:1.2em;}
.pageNow a{ color:#1D78B1; display:inline-block;}
.pageNow a.home{ background:url(../images/home.png) 0 12px no-repeat; padding-left:20px;}

.proList{}
.proList ul{ width:100%; margin:0 auto; }
.proList ul li{ float:left; width:23%; height:420px; overflow:hidden; margin-right:2.666%; margin-bottom:30px; position:relative; background:#F7F7F7; }
.proList ul li:nth-child(4n){margin-right:0%;}
.proList ul li .pic{margin:35px 20px 0; height:250px; overflow:hidden; text-align:center;} 
.proList ul li h1{ font-size:1.4em; margin-bottom:10px; text-align:center; line-height:35px; border-bottom:1px solid #C8C8C8;}
.proList ul li p{ width:90%; margin:0 auto; line-height:180%;}
.InfoBox img{ display:inline-block}
.Nowtitle{background:#fff ; height:50px; line-height:50px; -moz-box-shadow:0px 1px 2px #eee; -webkit-box-shadow:0px 1px 2px #eee; box-shadow:0px 1px 2px #eee; margin-bottom:30px;}
.Nowtitle a{}
.Nowtitle span{ color:#018BF0}

.InfoBox{ float:none; width:100%; font-size:1.2em;}
.InfoBox h1{ font-size:1.5em; font-weight:600; text-align:center; margin-bottom:20px;text-transform:uppercase;}
.InfoBox .pic{ text-align:center; margin-bottom:20px;}
.InfoBox span{color: !important;}
.InfoBox span a{color:#f00 !important;}
.rightBox{ display:none}

.caseList{float:none; width:100%; }
.caseList ul{ width:100%; margin:0 auto; }
.caseList ul li{ float:none; overflow:hidden; margin-bottom:15px; position:relative; background:#F7F7F7; padding:8px 0;}
.caseList ul li .pic{overflow:hidden;float:left; width:25%;} 
.caseList ul li .info{float:right; width:72%; margin:0px;} 
.caseList ul li h1{ font-size:1.2em; margin-bottom:5px;font-weight:600;}
.caseList ul li h2{ font-size:1em; margin-bottom:5px; font-weight:600; color:#888; display:none;}
.caseList ul li p{ margin:0 auto; line-height:180%; height:68px; overflow:hidden; }

.hoorList{float:none; width:100%;}
.hoorList ul{margin:40px auto 0; color:#8A8A8A;}
.hoorList ul li{ float:none; width:100%;margin-right:0%; margin-left:-2px; margin-bottom:20px; padding:0px 0;  overflow:hidden; position:relative;border:1px solid #ccc;}
.hoorList ul li .pic{ height:240px;overflow:hidden; }
.hoorList ul li div img{ width:100%; display:inline-block}
.hoorList ul li:nth-child(3n){margin-right:0%;}
.hoorList ul li h3{font-size:1.2em; color:#666; font-weight:600;background:rgba(0,0,0,0.1); text-align:center; height:40px; line-height:40px;width:100%;}
.lightbox-container-image{ width:100% !important;}
.lightbox-container-image img{ width:100% !important;}
/*print----------------------------------------*/
.print{width: 90%;padding-top: 20px;}
.print p{ margin-bottom:20px;}
.input_box{padding-left: 160px;position: relative;margin-bottom:22px;}
.input_box span{position: absolute;left: 0px;color: #585858;display: inline-block;line-height: 44px;width: 150px;text-align: right;}
.input_box span.ov{line-height: 22px;}
.input_box input{width: 100%;background: none;border: 1px solid #e5e5e5;line-height: 42px;height: 42px;padding-left: 10px;box-sizing: border-box;}
.input_box input::-webkit-input-placeholder{color: #666;}
.input_box input::-moz-placeholder{color: #666;}
.input_box input::-ms-input-placeholder{color: #666;}
.input_box select{width: 100%;background: none;border: 1px solid #e5e5e5;line-height: 42px;height: 42px;padding-left: 10px;height: 44px;box-sizing: border-box;}
.input_box p{width: 60%; margin-bottom:20px;}
.print .btn{width: 110px;line-height: 40px;border-radius: 0;margin-left: 205px;display: inline-block;text-align: center;margin-top: 20px;}