.mobile-inner{ display:none;}
.banmar{ display:none;}
@media only screen and (min-width:240px) and (max-width: 900px){
.outer{min-width:100%;}
.banmar{ display:block; height:50px;}
.header--fixed{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*/


/*-------隐藏浮动连接---------*/
.pageMain{width:98%; margin:30px auto;}
.pageMain3{width:100%; margin:30px auto;}
.pageMain2{width:98%; margin:0px auto;}
.pageMain4{width:100%; margin:0px auto;}
#panel{ display:none;}

/*-------banner---------*/
.banner{ margin-top:0px; position:relative;}
.fullSlide{width:100%;position:relative;height:200px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:200px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:auto;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center; display:none}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}
/*-------index 标题---------*/
.titleBox{ width:100%; margin:10px 0;text-align:center; position:relative}
.titleBox h1{ font-size:1.5em; color:#000; font-weight:600; margin-bottom:5px}
.titleBox h2{  font-size:1.0em; color:#118EEA;text-transform:uppercase;}
.titleBox a{ display:inline-block; position:absolute; right:10px; bottom:0; font-size:1.0em; color:#118EEA;}
/*-------index 服务---------*/
.inSerList ul{margin:30px auto 0; color:#8A8A8A;}
.inSerList ul li{ float:none; width:60%; height:180px; margin-right:0%; padding:20px 0; margin:0 auto 40px; border-radius:10px; background:#fff text-align:center;}
.inSerList ul li:nth-child(5){margin:0 auto;}
.inSerList ul li h3{ font-size:1.6em; color:#8A8A8A; margin-bottom:10px; text-align:center}
.inSerList ul li p{ font-size:1.2em; margin:0 8%;color:#8A8A8A;}
.inSerList ul li a{ width:100%; height:100%; display:inline-block;}
.inSerList ul li .serpic{ width:50px; height:50px; margin:10px auto 10px;}

/*-------index 新闻---------*/
.inNewsList ul{margin:20px auto 0;}
.inNewsList ul li{ float:left; width:48%; margin-right:2.2%; padding:0px 0;border-radius:10px; background:#fff text-align:center; position:relative; margin-bottom:20px;}
.inNewsList ul li img{ border-radius:10px; padding-bottom:55px;}
.inNewsList ul li:nth-child(2n){margin-right:0%;}
.inNewsList ul li h3{ background:#fff; width:94%; height:40px; line-height:20px; color:#333; text-align:left; padding:5px 3.1%;
position:absolute; left:0; bottom:0;border-radius: 0px 0px 8px 8px;-webkit-transition: all .2s linear;  transition: all .2s linear;}

.video2box{ text-align:center; margin-bottom:10px;}
.video2box video{ width:98%;max-height:200px;}

/*-------index 方案---------*/
.inPlanList ul{margin:20px auto 0; color:#8A8A8A;}
.inPlanList ul li{ float:none; width:100%; padding:0px 0; height:auto; overflow:hidden; position:relative;}
.inPlanList 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}
.inPlanList ul li:hover .info{ position:absolute; top:-400px; left:0;}
.inPlanList ul li .info .serpic{ width:75px; height:75px; margin:100px auto 20px;}
.inPlanList ul li .info .serpic img{ width:100%; height:100%;}
.inPlanList ul li .info h3{ font-size:2em; color:#fff; font-weight:600; }
.inPlanList ul li .info span{ display:inline-block; width:40px; height:8px; margin:20px auto 0; background:#fff;}
.inPlanList ul li .infoVer{ width:100%; height:100%; background:rgba(16,142,233,0.8); position:absolute; top:400px; left:0; text-align:center; -webkit-transition: all .2s linear;  transition: all .2s linear}

.inPlanList ul li:hover .infoVer{ position:absolute; top:0px; left:0;}
.inPlanList ul li .infoVer h3{ font-size:2em; color:#fff; font-weight:600;margin:100px auto 0px;}
.inPlanList ul li .infoVer span{ display:inline-block; width:40px; height:8px; margin:20px auto 20px; background:#fff;}
.inPlanList ul li .infoVer p{ font-size:1.4em; color:#fff; text-align:left; width:80%; margin:0 auto 20px;}
.inPlanList ul li .infoVer a{ display:inline-block; font-size:1.4em; color:#118EEA;width:40%; margin:0 auto; height:50px; line-height:50px; border-radius:5px;
 background:#fff url(../images/jtr.png) no-repeat right 10px top 16px; background-size: auto 36%;}

/*底部*/
.footer{ background:url(../images/fotbg.jpg) no-repeat center 0; background-size:auto 100%; padding:30px 0;color:#fff; margin-top:30px; height:auto}
.footer .fol{ float:none; width:100%; text-align:center}
.footer .fol img{ float:none;margin-right:0px;}
.footer .fol h3{ font-size:16px;color:#fff; margin-bottom:10px; font-weight:600; margin-bottom:10px;}
.footer .for{ float:none; width:100%;}
.footer .for .menu ul li{ float:none; width:100%; text-align:center; }
.footer .for .menu ul li:nth-child(2){ display:none}
.footer .for .menu ul li:nth-child(1){ display:none}
.footer .for .menu ul li:nth-child(3){float:none; width:100%; text-align:center; }
.footer .for .menu ul li h3{display:none}
.footer .for .menu ul li a{font-size:14px;color:#D4D5D9; display:block; height:30px; line-height:30px;}
.footer .for .menu ul li a:hover{color:#fff;}
.footer .for .menu ul li p{font-size:14px;color:#D4D5D9;height:30px; line-height:30px; margin-top:20px;}
.footer .foot2{font-size: 14px; color: #D4D5D9; display: block;text-align:center; margin-top:0px;}


.profullSlide{width:100%;position:relative;height:200px;background:#000;}
.profullSlide .bd li{width:100% !important;height:200px;overflow:hidden;text-align:center;}

/*-------产品中心---------*/
.titlePro .title{ float:none; font-size:1.5em; color:#2A4065; line-height:30px; letter-spacing:5px; margin-bottom:10px; }
.titlePro ul{ float:none; }
.titlePro ul li { float:left; margin:0 5% 0 0; width:45%; font-size:1.2em; line-height:30px; cursor:pointer;border-bottom:2px solid #F5F5F5;}
.ProList .bigCl{float:left; width:32%;background-color:#fff;}
.ProList ul{float:right; width:66.5%;}
.ProList ul li{float:none; width:100%; margin-right:2%; margin-bottom:10px; background-color:#fff; height:250px; position:relative;}
.ProList ul li:nth-child(2),.ProList ul li:nth-child(3), .ProList ul li:nth-child(4), .ProList ul li:nth-child(5){ display:none;}
.ProList ul li:nth-child(6){ margin-bottom:0px; margin-top:20px; height:115px;}

.ProList ul li:last-child .more{ margin-top:0%; text-align:center}
.ProList ul li:last-child .more img{ padding-top:12px;}
.ProList ul li:last-child a{width:100%; height:100%; display:block;}
.ProList ul li .oInfo{ -webkit-opacity: 0;  -moz-opacity: 0; opacity: 0;
position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.4); text-align:center; height:100%; color:#fff;}
.ProList ul li:hover .oInfo{-webkit-opacity: 1;  -moz-opacity:1;  opacity: 1;animation:mymove infinite;animation-duration:1s;/* Safari and Chrome */
-webkit-animation:mymove infinite;-webkit-animation-duration:1s;animation-iteration-count:1;-webkit-animation-iteration-count:1; /* Safari 和 Chrome */}
.ProList ul li .oInfo h3{ font-size:1.4em; font-weight:600; margin:0% 0% 0;}
.ProList ul li .oInfo p{ font-size:1.0em; margin:20px 10% 0;}
.divNone1, .divNone2, .divNone3, .divNone4, .divNone5{ display:none;}
.nowopen{ display:block;}
@media only screen and (min-width:361px) and (max-width: 380px){
.ProList ul li{float:none; width:100%; margin-right:2%; margin-bottom:10px; background-color:#fff; height:230px; position:relative;}
.ProList ul li:nth-child(2),.ProList ul li:nth-child(3), .ProList ul li:nth-child(4), .ProList ul li:nth-child(5){ display:none;}
.ProList ul li:nth-child(6){ margin-bottom:0px; margin-top:16px; height:106px;}
.ProList ul li:last-child .more{ margin-top:0%; text-align:center}
.ProList ul li:last-child .more img{ padding-top:10px;}
}
@media only screen and (min-width:321px) and (max-width: 360px){
.ProList ul li{float:none; width:100%; margin-right:2%; margin-bottom:10px; background-color:#fff; height:230px; position:relative;}
.ProList ul li:nth-child(2),.ProList ul li:nth-child(3), .ProList ul li:nth-child(4), .ProList ul li:nth-child(5){ display:none;}
.ProList ul li:nth-child(6){ margin-bottom:0px; margin-top:10px; height:98px;}
.ProList ul li:last-child .more{ margin-top:0%; text-align:center}
.ProList ul li:last-child .more img{ padding-top:5px;}
}
@media only screen and (min-width:240px) and (max-width: 320px){
.ProList ul li{float:none; width:100%; margin-right:2%; margin-bottom:10px; background-color:#fff; height:200px; position:relative;}
.ProList ul li:nth-child(2),.ProList ul li:nth-child(3), .ProList ul li:nth-child(4), .ProList ul li:nth-child(5){ display:none;}
.ProList ul li:nth-child(6){ margin-bottom:0px; margin-top:10px; height:90px;}
.ProList ul li:last-child .more{ margin-top:0%; text-align:center}
.ProList ul li:last-child .more img{ padding-top:0px;}
}

/*详情页 上一页 下一页 */
.prvandnext{padding:20px 0px 20px ; }
.prvandnext span{ background:#118EEA; color:#fff; margin-right:10px; padding:5px; }
.prvandnext a{ display:inline-block; width:100%; margin:10px 0 0px; line-height:24px;}
/*-------pro 视频---------*/
.proVideoList ul{margin:20px auto 0; color:#8A8A8A;}
.proVideoList ul li{ float:none; width:80%; margin:0 auto 30px; padding:0px 0; position:relative; text-align:center;position:relative;}
.proVideoList ul li video{ width:100%;}
.proVideoList ul li .movie-mask {width: 100%;height:100%;background:rgba(255,255,255,0.3) url(../images/video.png) no-repeat center 50%; background-size:16% 16%; position: absolute; top: 0px; cursor: pointer;-webkit-transition: all .2s linear;  transition: all .2s linear}
.proVideoList ul li:hover .movie-mask {background:rgba(255,255,255,0.3) url(../images/video2.png) no-repeat center 50%; position: absolute; top: 0px; cursor: pointer;}
.proVideoList ul li:last-child{margin:0 auto 30px;}
.proVideoList ul li h3{ font-size:2em; position:absolute; left:0%; bottom:26%;text-align:center; width:100%; color:#fff;}
/*-------pro 视频弹出窗口---------*/
.videolist{ width:100%; position:relative} 
.videolist img{ width:100%;} 
.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:0; z-index:100; width:100%; height:auto; background:#000; padding-top:10px;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/*-------list 方案---------*/
.planList ul{margin:20px auto 0; color:#8A8A8A;}
.planList ul li{ float:none; width:100%; margin-right:0%; margin-bottom:20px; padding:0px 0; height:auto; overflow:hidden; position:relative;}
.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:-380px; left:0;}
.planList ul li .info .serpic{ width:75px; height:75px; margin:140px auto 20px;}
.planList ul li .info .serpic img{ width:100%; height:100%;}
.planList ul li .info h3{ font-size:2em; color:#fff; font-weight:600; }
.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(16,142,233,0.8); position:absolute; top:380px; 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:2em; color:#fff; font-weight:600;margin:100px 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.4em; color:#118EEA;width:40%; margin:0 auto; height:50px; line-height:50px; border-radius:5px;
 background:#fff url(../images/jtr.png) no-repeat right 10px top 16px; background-size: auto 36%;}

/*------- 新闻---------*/
.NewsList ul li{float:left; width:49%; margin-right:2%; margin-bottom:25px; background-color:#fff;; position:relative; border-radius:5px;}
.NewsList ul li:nth-child(2n){ margin-right:0%;}
.NewsList ul li .pic{ height:140px; overflow:hidden;border-radius:5px 5px 0 0;}
.NewsList ul li h3{ font-size:1.2em; line-height:40px; text-align:center;}
/* 分页*/
.fenye{ margin:20px 0px 50px;  padding-top:0px; text-align:center}
.fenye a{ border:1px solid #ddd; padding:5px 6px; min-width:12px; display:inline-block; margin:0 3px 0 0; color:#000; background-color:#EBEBEB; font-size:12px;}

.ntitle{  text-align: center;}
.ntitle h3{    font-size: 20px;   margin-bottom: 15px; color:#118EEA}
.ntitle ul li{ display: inline-block;  padding-left: 10px;  padding-right: 10px;font-size: 14px;  color: #8c8c8c;}
.infoBox{ margin:20px 0; min-height:400px;}
.infoBox img{width:100% !important;}

/* 联系*/
.contactbg{ width:100%; background: url(../images/conbg.png) repeat-x center 0; background-size:100% 100%; height:100px;}
.contactTitle { text-align:center; margin:20px auto 20px;}
.contactTitle h1{font-size:1.5em; line-height:40px; margin-bottom:10px;}
.contactTitle p{font-size:1.0em; line-height:30px;}

.contactList{margin:20px auto; color:#8A8A8A;}
.contactList ul li h3{ font-size:1.5em; margin-top:10px; color:#333}

.conList{margin:30px 5% 0 5%; color:#8A8A8A; width:90%;}
.conList ul li { width:100%; margin-bottom:20px;}
.conList ul li .left{ float:left; width:22%; }
.conList ul li .info{ float:left; width:78%;color:#333;}
.conList ul li .info p{ font-size:1.2em; line-height:200%;}
.conList ul li .ion{ width:50px; height:50px; margin:20px 0 0px;}
.conList ul li:nth-child(1) .ion{background:url(../images/con1.png) no-repeat center 0;background-size: 100% 100%;}
.conList ul li:nth-child(2) .ion{background:url(../images/con3.png) no-repeat center 0;background-size: 100% 100%;margin:50px 0 0px;}
.conList ul li:nth-child(3) .ion{background:url(../images/con2.png) no-repeat center 0;background-size: 100% 100%;}
.conList ul li:nth-child(4) .ion{background:url(../images/con4.png) no-repeat center 0;background-size: 100% 100%;margin:32px 0 0px;}

.wx{margin:30px 25% 0 25%; color:#8A8A8A; width:50%;}

/* 简介*/
.aboutFullSlide{width:100%;position:relative;height:200px;background:#000;}
.aboutFullSlide .bd li{width:100% !important;height:200px;overflow:hidden;text-align:center;}
.aboutFullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.aboutFullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}

.aboutBox .abMenu{ float:none; width:100%; margin-right:0%;}
.aboutBox .abMenu ul li{ background:#118EEA; float:left; margin-right:2%; width:49%; height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:5px; border-radius:5px;}
.aboutBox .abMenu ul li:nth-child(2n){margin-right:0%;}
.aboutBox .abMenu ul li a{ color:#fff;}

.aboutBox .abbox{ float:none; width:100%; margin-top:30px;}
.aboutBox .abbox .abInfo { margin-bottom:30px;}
.aboutBox .abbox h1{font-size:30px; margin-bottom:10px; color:#118EEA; text-align:center }
.aboutBox .abbox .abInfo hr{ border:1px solid #ccc; margin:10px 0}
.aboutBox .abbox .abInfo p{ font-size:1.2em; line-height:200%; }

.aboutBox .abbox .abLicheng{margin-bottom:50px;}
.aboutBox .abbox .abLicheng ul li div{ margin-left:6%; border-left:1px solid #ccc;}
.aboutBox .abbox .abLicheng ul li div span{ position:absolute; left:-10px; top:-10px; display:inline-block; width:60px; text-align:center; font-size:1.4em; color:#000; background:#F5F5F5;}
.aboutBox .abbox .abLicheng ul li div p{ margin:15px 0 15px 5%; padding:10px 0;  display:block; width:94%;font-size:1.2em; line-height:180%; border-top:1px solid #ccc; color:#888;}

.aboutBox .abbox .honrlist{margin-bottom:50px;}
.aboutBox .abbox .honrlist ul li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.aboutBox .abbox .honrlist ul li:nth-child(4n){margin-right:2%;}
.aboutBox .abbox .honrlist ul li:nth-child(3n){margin-right:0%;}

.joinFullSlide{width:100%;position:relative;height:200px;background:#000;}
.joinFullSlide .bd li{width:100% !important;height:200px;overflow:hidden;text-align:center;}
.joinFullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/left.png) no-repeat 0 0; background-size:100% 100%;}
.joinFullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;right:5%;z-index:1;width:40px;height:40px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;
background:url(../images/right.png) no-repeat 0 0; background-size:100% 100%;}


/*-------pro 产品详情---------*/
.ptb ul li { display:inline-block;border-radius:5px;  font-size:1.2em; height:30px; line-height:30px; cursor:pointer; padding:2px 10px; margin:0 2px 5px 0; color:#333; background:#ccc; }
.ptb ul li.over, .ptb ul li:hover{background:#118EEA; color:#fff; }

.titleXL ul{ width:100%; margin:20px auto 0; text-align:center}
.titleXL ul li { font-size:1.2em; height:32px; line-height:28px; cursor:pointer; padding:5px 2px 0; margin:0 2px -2px; color:#123F69; }
.titleXL ul li.over, .titleXL ul li:hover{ border-top:1px solid #118EEA;border-left:1px solid #118EEA;border-right:1px solid #118EEA; border-radius:6px 6px 0 0;
-webkit-box-shadow: 0 0px 5px rgba(65,161,247,.8);  box-shadow: 0 0px 5px rgba(65,161,247,.8);}

.ProSMList ul li{float:none; width:100%; margin-right:0%; margin-bottom:20px; background-color:#fff; height:auto; position:relative; text-align:center}
.ProSMList ul li:last-child .more{ margin-top:33%; text-align:center}
.ProSMList ul li .oInfo{ -webkit-opacity: 1;  -moz-opacity: 1; opacity: 1;
position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.2); text-align:center; height:100%; color:#fff;}
.ProSMList ul li:hover .oInfo{-webkit-opacity: 1;  -moz-opacity:1;  opacity: 1;animation:mymove infinite;animation-duration:1s;/* Safari and Chrome */
-webkit-animation:mymove infinite;-webkit-animation-duration:1s;animation-iteration-count:1;-webkit-animation-iteration-count:1; /* Safari 和 Chrome */}
.ProSMList ul li .oInfo h3{ font-size:1.5em; font-weight:600; margin:40% 10% 0;}
.ProSMList ul li .oInfo p{ font-size:1.2em; margin:20px 10% 0;}




.nav_float{position:fixed;left:2px;top:auto; bottom:0%; margin-top:31px;width:100%;z-index:2;}
.nav_float li{ float:left; width:32%;height:40px; margin-right:1%;background:#118EEA;border-radius:0px;margin-bottom:0px;position:relative;}
.nav_float li:nth-child(3){  margin-right:0%;}
.nav_float li a{background:#118EEA;border-radius:0px;display:block;height:100%;background-position:center center;background-repeat:no-repeat;position:relative;}
.nav_float li div{background:#118EEA;border-radius:0px;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:0px;padding-left:32px;position:absolute;right:auto; left:30%;top:0;background-position:1px center;font-size:12px;overflow:hidden;
line-height:40px;color:#fff;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;
animation:nf 5s ease-out 0s infinite;-webkit-animation:nf 5s ease-out 0s infinite;}


.nav_float li:hover .a1{width:85%;padding-left:15%;position:absolute;left:0%;top:0; background-size:20px 20px;}
.nav_float li .a2{background-image:url(../images/icon6_2.png);animation:nf 5s ease-out 0.6s infinite;-webkit-animation:nf 5s ease-out 0.6s infinite;}
.nav_float li .a2 span{position:absolute;top:-180px;right:-30%;margin-right:1px;padding:15px 9px;background:#118EEA;border-radius:5px; width:160px; display:none}
.nav_float li .a2 span a{ color:#fff;}
.nav_float li .a2 span img{ max-width:inherit}
.nav_float li .a2:hover span{display:block;}

.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:auto;top:-180px;right:-2%;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;}







}