@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:"微软雅黑",Arial; font-size:100%;  color:#fff;  margin:0 auto; height:100%; position:relative;/* overflow-y:hidden; overflow-x:hidden*/}
html { height:100%;}
ul{ margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; list-style:none}
a{ color:#fff; text-decoration:none;}
a:hover { color:#00df89; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s;-o-transition: 0.2s;}
img{ border:none;}
p{ margin:0; padding:0;}
h1 { margin:0; padding:0;}

.hide {opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;}

.show {opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;}

/*使用jquery mobile 后 loading隐藏 未使用侧无效*/
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 

/*填充行距高度*/
.jg5 { width:100%; height:5px; line-height:5px;}
.jg10 { width:100%; height:10px; line-height:10px;}
.jg15 { width:100%; height:15px;}
.jg20 { width:100%; height:20px;}
.jg25 { width:100%; height:25px;}
.jg30 { width:100%; height:30px;}
.jg35 { width:100%; height:35px;}
.jg40 { width:100%; height:40px;}
.jg45 { width:100%; height:45px;}
.jg50 { width:100%; height:50px;}
.jg60 { width:100%; height:60px;}
.jg65 { width:100%; height:65px;}
.jg70 { width:100%; height:70px;}
.jg100 { width:100%; height:100px;}
.jg150 { width:100%; height:150px;}
.jg200 { width:100%; height:200px;}

.top {width:100%; height:50px; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9999}
.logo {float:left; margin-left:10px; margin-top:12px;}
.top ul {float:right; width:auto; height:100%;}
.top ul li {float:left; width:60px; height:100%; font-size:0.9em; line-height:3.4; margin-left:10px;}
.top ul p { display:none; text-align:center;}
.top ul li a {display:block; width:100%; height:100%;}
.top ul li a i { float:left; height:100%; width:0px; background:url(../images/tb1.png) no-repeat 0 46%;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}
.top ul li a span { float:left; padding-left:2px;}

.top ul li a:hover i {
	width:15px;
}

.top .shareFace { display:none;}

.indexMain {width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}

.viewAreaBox {width:100%; height:auto; position:absolute; left:0;} 
.section {width:100%; height:100%; position:relative; overflow:hidden; }


/*banner*/

.bannerBox ul { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;}
.bannerBox ul li { position:absolute; left:0; top:0; width:100%; height:100%;  z-index:1;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	transition: all 0.7s easy 0s;
	-ms-transition: all 0.7s ease 0s;
}

.bannerBox ul li .imgbanner { width:100%; height:100%; position:absolute; left:0; top:0;}
.bannerBox ul li .imgbanner_1 {background:url(../images/banner1.jpg) no-repeat; background-size:cover;}
.bannerBox ul li .imgbanner_2 {background:url(../images/banner2.jpg) no-repeat bottom; background-size:cover;}
.bannerBox ul li .imgbanner_3 {background:url(../images/banner3.jpg) no-repeat center; background-size:cover;}

.bannerBox ul li .txtBox {width:100%; height:100%; margin:0 auto; position:relative;}

.bannerBox ul li .txt1_1 {position:absolute; width:100%; left:0; top:0%; text-align:center; font-size:3em; color:#fff;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li .txt1_1 span {font-size:1.5em; color:#00df89; font-family:'arial';}
.bannerBox ul li .txt1_2 { position:absolute; width:94%; min-height:150px; left:3%; top:80%; text-align:center; background:url(../images/banner_1_tb1.png) no-repeat bottom; 
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li .txt1_2 span {position:absolute; width:100%; text-align:center; left:0; bottom:-0.5em; font-size:1.35em;}

.bannerBox ul li.hover  { z-index:2; 
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;	
}


.bannerBox ul li.hover .txt1_1 { top:22%; }
.bannerBox ul li.hover .txt1_2 { top:40%;}

/*banner2*/
.bannerBox ul li .txt2_1 {position:absolute; width:100%; left:0; top:0%; text-align:center; font-size:2.5em; color:#fff;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li .txt2_1 span {font-size:1.4em; color:#00df89;}
.bannerBox ul li.hover .txt2_1 { top:25%;}

.bannerBox ul li .txt2_2 { position:absolute; width:100%; min-height:88px; left:0; top:55%; text-align:center; background:url(../images/banner_2_tb1.png) no-repeat center; transform: scale(0.5);
	
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li .txt2_2 span {position:absolute; width:100%; text-align:center; left:0; bottom:-0.5em; font-size:1.35em;}
.bannerBox ul li.hover .txt2_2 {transform: scale(1);}

/*banner3*/
.bannerBox ul li .txt3_1 {position:absolute; left:5%; top:10%; text-align:center; font-size:2.3em; color:#00df89;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li.hover .txt3_1 { top:30%;}
.bannerBox ul li .txt3_2 { position:absolute; left:5%; top:34%; width:0%; border-bottom:1px solid #fff; height:10%;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.bannerBox ul li.hover .txt3_2 { width:40%;}
.bannerBox ul li .txt3_3 { position:absolute; left:5%; top:57%; font-size:1.5em;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;	
}
.bannerBox ul li.hover .txt3_3 { top:47%;}
.bannerBox ul li .txt3_4 { position:absolute; left:5%; top:60%; font-size:0.9em; width:88%; padding:0 1%; height:0; overflow:hidden; background:rgba(255,255,255,0.15);
	-webkit-transition: all 1s ease 0.5s;
	-moz-transition: all 1s ease 0.5s;
	transition: all 1s ease 0.5s;
	-ms-transition: all 1s ease 0.5s;	
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}
.bannerBox ul li.hover .txt3_4 { height:auto; padding:1.5% 1%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.bannerBtnBox { width:100%; height:20px; margin:0 auto; position:absolute; z-index:5; left:0; bottom:6%;}
.bannerBtnBox p { width:auto; position:absolute; left:0; top:0;}
.bannerBtnBox p a { display:block; width:14px; height:14px; border-radius:7px; background:#FFF; float:left; margin:0 7px;}
.bannerBtnBox p a:hover { background:#00df89}
.bannerBtnBox p a.hover { background:#00df89}

/*banner 结束*/

/*indexBusiness 首页业务开始*/
.indexBusiness { background:url(../images/business_bg.jpg) no-repeat right bottom; background-size:cover;}
.sectionMain {max-width:1200px; height:100%; margin:0 auto; position:relative;}
.iBusinessMain {max-width:1200px; height:100%; margin:0 auto; position:relative;}
.businessTop {text-align:center; width:100%; position:absolute; left:0; top:0%; font-size:1.4em; font-weight:bold ;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .businessTop { top:15%;}
.businessList {max-width:1200px; height:100%; margin:0 auto; position:relative;}
.businessList ul {position:absolute; left:0; top:33%; width:100%; height:100%;}
.businessList ul li { float:left; width:23%; height:auto; height: 35%; margin-left:1%; margin-right:1%; background:rgba(255,255,255,0.2); position:relative; overflow:hidden;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.businessList ul li.b_website { margin-top:20% }
div.active .businessList ul li.b_website {margin-top:0;}

.businessList ul li.b_weixin { margin-top:40%;}
div.active .businessList ul li.b_weixin { margin-top:0;}

.businessList ul li.b_soft { margin-top:60%;}
div.active .businessList ul li.b_soft { margin-top:0%;}

.businessList ul li.b_seo {margin-top:80%;}
div.active .businessList ul li.b_seo { margin-top:0%;}

.businessList ul li .b_tb {position:absolute; left:0; top:18%; text-align:center; width:100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.businessList ul li .b_tb img {  max-width:81px;
	
}


.businessList ul li .b_tit {display:block; width:100%; font-size:1em; position:absolute; left:0; bottom:18%; line-height:1.5; text-align:center;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.businessList ul li .b_tit_1 {  }
.businessList ul li .b_tit span { display:block; width:auto;}
.businessList ul li .b_txtlist {width:220px; height:auto; position:absolute; top:150px; left:20px; border-top:1px solid #fff; padding-top:18px; font-size:0.7em; display:none;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	
}
.businessList ul li .b_txtlist span {float:left; width:98px; padding-left:12px; height:24px; background:url(../images/business_comm_tb1.png) no-repeat 0 5px;}


.business_btn {width:100%; height:auto; position:absolute; bottom:0; left:0;
	-webkit-transition: all 1s ease 0.2s;
	-moz-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
	-ms-transition: all 1s ease 0.2s;
}
.business_btn a {display:block; width:280px; height:40px; line-height:41px; text-align:center; font-size:1.2em; background:rgba(228,228,228,0.2); margin:0 auto; border-radius:20px;}
div.active .business_btn { bottom:10%;}
div.active .business_btn a:hover {background:rgba(0,223,137,0.2);}

/*indexBusiness 首页业务结束*/





/*indexCase 首页案例开始*/
.indexCase { background:url(../images/case_bg.jpg) no-repeat center; background-size:cover;}
.icaseTopTxt {font-size:1em; position:absolute; left:2%; top:0; z-index:2; width:98%;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.icaseTopTxt span { float:left; margin-right:20px;}
.icaseTopTxt .case_tit {font-weight:bold; font-size:1.5em;}
.icaseTopTxt .case_des { margin-top:8px; font-size:1em;}
div.active .icaseTopTxt { top:14%;}

.icaseList {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.icaseList ul { position:absolute; left:0; top:20%; width:100%; max-height:380px; overflow:hidden;}
.icaseList ul li { float:left; width:31%; height:170px; position:relative; margin-left:1%; margin-right:1%; margin-top:20px; overflow:hidden;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1.5s ease 0.2s;
	-moz-transition: all 1.5s ease .2s;
	transition: all 1.5s ease .2s;
	-ms-transition: all 1.5s ease .2s;
}
.icaseList ul li.f { }
.icaseList ul li img.img { position:absolute; top:0; z-index:1; width:100%; height:170px;
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-ms-opacity: 0.8;
	-moz-opacity: 0.8;
}

.icaseList ul li.li1 { margin-top:70px}
.icaseList ul li.li2 { margin-top:120px}
.icaseList ul li.li3 { margin-top:170px}
.icaseList ul li.li4 { margin-top:220px}
.icaseList ul li.li5 { margin-top:270px}
.icaseList ul li.li6 { margin-top:320px}
div.active .icaseList ul li { margin-top:20px;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.icaseList ul li .icaseBg { width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;
	
}
.icaseList ul li:hover .icaseBg  {
	
}

.icaseList ul li .icaseTxtBox { width:94%; height:150px; position:absolute; left:3%; top:10px; z-index:3; 
	
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.icaseList ul li:hover .icaseTxtBox {
	
}

.icaseList ul li .icaseTxtBox span { position:absolute; z-index:4; background:#00df89;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-ms-transition: all 0.7s ease 0s;
}
.icaseList ul li .icaseTxtBox span.l { top:0; left:0; width:2px; height:20px;}
.icaseList ul li .icaseTxtBox span.t { top:0; left:0; width:20px; height:2px;}
.icaseList ul li .icaseTxtBox span.r { bottom:0; right:0; width:2px; height:20px;}
.icaseList ul li .icaseTxtBox span.f { bottom:0; right:0; width:20px; height:2px;}

.icaseList ul li .icaseTxtCon {width:94%; height:auto;  position:absolute; left:3%; top:30px; z-index:5;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.icaseList ul li .icaseTxtCon span { display:block; width:100%; text-align:center; font-size:0.8em; padding-top:8px;}
.icaseList ul li .icaseTxtCon .tit { font-size:0.9em; background:url(../images/tb2.gif) no-repeat center bottom; padding-top:0px; padding-bottom:12px;}
.icaseList ul li:hover .icaseTxtCon {
	
}

/*indexCase 首页案例结束*/



/*indexCustomer 首页客户开始*/
.indexCustomer { background:url(../images/customer_bg.jpg) no-repeat center; background-size:cover; z-index:2}
.icustomerTopTxt {}
.icustomerList {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.icustomerList ul { width:100%; height:360px; background:rgba(255,255,255,0.1); position:absolute; left:0; top:70%; overflow:hidden;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .icustomerList ul { top:26%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icustomerList ul li { float:left; width:160px; height:110px; margin-left:20px; margin-right:20px; margin-top:45px; position:relative;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.icustomerList ul li img { width:120px; height:70px; position:absolute; left:20px; top:20px; text-align:center;}

.icustomerList ul li span { position:absolute; z-index:4; background:#00df89; display:none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.icustomerList ul li span.l { bottom:0; left:0; width:2px; height:0;}
.icustomerList ul li:hover span.l { height:100%;}
.icustomerList ul li span.t { top:0; left:0; width:0px; height:2px;}
.icustomerList ul li:hover span.t { width:100%;}
.icustomerList ul li span.r { top:0; right:0; width:2px; height:0px;}
.icustomerList ul li:hover span.r { height:100%;}
.icustomerList ul li span.f { bottom:0; right:0; width:0px; height:2px;}
.icustomerList ul li:hover span.f { width:100%;}


/*indexCustomer 首页客户结束*/



/*indexNews 首页新闻开始*/
.indexNews { background:url(../images/news_bg.jpg) no-repeat center; background-size:cover;}
.inewsList {width:100%; height:auto; position:absolute; left:0; top:27%; z-index:1; max-height:370px; overflow:hidden;
	
}


.inewsList .newsBox { float:left; width:31%; /*min-width:300px;*/ margin-left:1%; margin-right:1%; height:370px; overflow:hidden;  background:rgba(255,255,255,0.2); 
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: margin-top,opacity 1s,1s;
	-moz-transition: margin-top,opacity 1s,1s;
	transition: margin-top,opacity 1s,1s;
	-ms-transition: margin-top,opacity 1s,1s;
}
.inewsList .newsBox1 { margin-top:100px; }
div.active .inewsList .newsBox1 { margin-top:0; }

.inewsList .newsBox2 { margin-top:200px; }
div.active .inewsList .newsBox2 { margin-top:0; }

.inewsList .newsBox3 { margin-top:300px;}
div.active .inewsList .newsBox3 { margin-top:0; }
div.active .inewsList .newsBox {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.inewsList .newsBox .newsHead {width:90%; height:30px; border-bottom:1px solid #fff; margin:0 auto; margin-top:10px;}
.inewsList .newsBox .newsHead a.tit {float:left; font-size:1em;}
.inewsList .newsBox .newsHead a.m {float:right; font-size:0.7em; line-height:2.2; font-family:'arial';}
.inewsList .newsBox .newsImg { width:90%; height:auto; margin:0 auto; min-height:115px; margin-top:10px; text-align:center;}
.inewsList .newsBox .newsImg img { max-width:100%; margin:0 auto; display:inline;}
.inewsList .newsBox ul { width:90%; height:auto; margin:0 auto; padding-top:7px;}
.inewsList .newsBox ul li { width:96%; padding-left:4%; height:18px; margin-top:6px; background:url(../images/inews_tb1.png) no-repeat 0 3px; font-size:12px;}
.inewsList .newsBox ul li a { float:left; display:inline-block; max-width:72%; overflow:hidden; max-height:14px;}
.inewsList .newsBox ul li span { float:right; color:#dbdbdb}
.inewsList .newsBox_W48 { width:48%;}
.inewsList .newsBox_W31{ width:31%;}

/*indexNews 首页新闻结束*/




/*indexAbout 首页关于开始*/
.indexAbout { background:url(../images/about_bg.jpg) no-repeat center; background-size:cover;}
.iaboutTopTxt { font-size:2.5em; position:absolute; left:0; top:0; width:100%; text-align:center;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.iaboutTopTxt span { color:#00df89}
div.active .iaboutTopTxt { top:15%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.iaboutTopTb1 {width:100%; height:14px; position:absolute; left:0; top:30%; background:url(../images/iabout_tb1.png) no-repeat center;
	transform: scale(0);
	-webkit-transition: all 1.2s ease 0.2s;
	-moz-transition: all 1.2s ease 0.2s;
	transition: all 1.2s ease 0.2s;
	-ms-transition: all 1.2s ease 0.2s;
}
div.active .iaboutTopTb1 {transform:scale(1);}

.iaboutTopTxt2 { font-size:1em; position:absolute; left:2%; top:50%; width:96%;  text-align:center;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .iaboutTopTxt2 { top:38%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.iaboutTxt3 {width:100%; height:auto; min-height:120px; position:absolute; left:0px; top:50%; font-size:1.3em; font-weight:bold;}
.iaboutTxt3 span { position:absolute; text-align:left; display:block; width:45%; text-align:center;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.iaboutTxt3 span i { font-style:normal; font-size:1.6em; font-weight:bold;  color:#00df89;}
.iaboutTxt3 span.txt1 { right:50%; top:100px;}
.iaboutTxt3 span.txt2 { left:50%; top:100px;}
.iaboutTxt3 span.txt3 { right:50%; top:300px;}
.iaboutTxt3 span.txt4 { left:50%; top:300px;}
div.active .iaboutTxt3 span {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .iaboutTxt3 span.txt1 {right:50%; top:0;}
div.active .iaboutTxt3 span.txt2 {left:50%; top:0;}
div.active .iaboutTxt3 span.txt3 {right:50%; top:70px;}
div.active .iaboutTxt3 span.txt4 {left:50%; top:70px;}

.iaboutBtn { width:100%; height:auto; text-align:center; position:absolute; top:95%; left:0;
	transform: scale(0);
	-webkit-transition: all 1.2s ease 0.2s;
	-moz-transition: all 1.2s ease 0.2s;
	transition: all 1.2s ease 0.2s;
	-ms-transition: all 1.2s ease 0.2s;
}
.iaboutBtn a { display:block; width:190px; height:38px; border:1px solid #fff; border-radius:8px; margin:0 auto; font-size:1em; text-align:center; line-height:38px;}
.iaboutBtn a:hover { color:#fff; background:rgba(0,223,137,0.8); border:1px solid #00df89;}
div.active .iaboutBtn {transform:scale(1); top:80%;}

/*indexAbout 首页关于结束*/



/*indexContact 首页联系方式开始*/
.indexContact { background:url(../images/contact_bg.jpg) no-repeat center; background-size:cover;}
.icontLeft {width:45%; height:auto; position:absolute; left:-5%; top:20%; min-width:400px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .icontLeft { left:7%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icontLeft p {width:92%; padding-left:8%; height:45px; font-size:1em;}
.icontLeft p.htb { height:auto; width:100%; padding:0; padding-bottom:30px;}
.icontLeft p.qq { background:url(../images/contact_qq.png) no-repeat 0px 0px;}
.icontLeft p.tel { background:url(../images/contact_tel.png) no-repeat 0px 0px;}
.icontLeft p.address { background:url(../images/contact_address.png) no-repeat 0px 0px;}

.icontRight {width:280px; height:auto; position:absolute; right:-140px; top:20%;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}

.icontRightHide { display:none;}

div.active .icontRight { right:7%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icontRight .inpRow {width:100%; height:34px; background:#f9f9f9; margin-top:10px;}
.icontRight .inpRow input {background:none; border:none; font-family:'微软雅黑'; width:90%; padding:0px 5%; height:34px; color:#343434;}
.icontRight .inpRow2 { height:75px;}
.icontRight .inpRow2 textarea { width:90%; height:65px; padding:5px 5%; background:none; border:none; overflow:auto;  color:#343434;  font-family:'微软雅黑';}
.icontRight .subBtn { width:100%; height:38px; text-align:center; position:relative; margin-top:10px;}
.icontRight .subBtn a { display:block; width:278px; height:36px; line-height:36px;  border:1px solid #f9f9f9; font-size:1em; } 
.icontRight .subBtn a:hover { background:#00df89; color:#fff; border:1px solid #00df89;}
.icontRight .subBtn span { display:none; width:278px; height:36px; position:absolute; left:0; top:0; background:url(../images/loading.gif) no-repeat center; border:1px solid #787878; background-color:#4545454; }
.icontRight .subBtn span.hover { display:block;}

.icontFoot {width:100%; height:auto; background:rgba(0,0,0,0.5); position:absolute; bottom:-150px; left:0; min-height:50px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .icontFoot{ bottom:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.icontCopyr {width:100%; height:auto; line-height:1.8; font-size:0.8em; text-align:center; padding:10px 0px 10px 0px; color:#999}
.icontCopyr a { color:#999;}
.icontFlink {width:98%; height:auto; padding:10px 1%; text-align:center; line-height:1.5; font-size:0.75em; color:#454545; border-top:1px solid #454545; display:none;}
.icontFlink a { color:#454545;}
.icontFoot a:hover { color:#00df89;}


/*indexContact 首页联系方式结束*/


/*indexLeftBtn 首页左侧按钮开始*/

.indexLeftBtn {width:14px; height:auto; position:fixed; left:5px; top:0; z-index:99999; display:none; }

.indexLeftBtnBox { margin-left:-50px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .indexLeftBtnBox { margin-left:0;}


.indexLeftBtn a {display:block; width:14px; height:14px; background:#ccc; color:#333; font-size:0.8em; overflow:hidden; border-radius:7px; margin-top:7px;
	transform: scale(0.8);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}
/*.indexLeftBtn a:hover { background:#00df89; color:#fff;
	transform: scale(1);
}*/
.indexLeftBtn a.hover { background:#00df89; color:#fff;
	transform: scale(1);
}

/*indexLeftBtn 首页左侧按钮结束*/


/*rightBtn 右侧按钮开始*/
.rightBtn {width:40px; height:auto; position:fixed; top:40%; right:5px; z-index:99999;}

.rightBtn ul { margin-right:-50px; float:right;
	
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active ul.rightBtnUl { margin-right:0px;}

.rightBtn ul li {width:40px; height:40px; margin-top:15px;  position:relative; line-height:36px;
}
.rightBtn ul li a.btn {display:block; width:40px; height:40px; position:absolute; top:0; right:0; background:url(../images/rbtn_tb.png) no-repeat 0px 0px;  background-color:#878787; border-radius:20px;}
.rightBtn ul li p { width:0; height:40px; position:absolute; top:0; right:20px;  color:#fff; background:#02a969; border-top-left-radius:20px;border-bottom-left-radius:20px; overflow:hidden; font-size:0.9em;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
}
.rightBtn ul li p span { display:block; text-align:left;  padding-left:20px; }
/*qq*/
.rightBtn ul li.r_qq p span { width:160px;  }
.rightBtn ul li.r_qq:hover p { width:190px;   }

/*电话*/
.rightBtn ul li.r_tel { }
.rightBtn ul li.r_tel a.btn { background-position:0px -40px;}
.rightBtn ul li.r_tel p { font-size:1em; line-height:40px;}
.rightBtn ul li.r_tel p span { width:140px;}
.rightBtn ul li.r_tel:hover p {width:170px;}

/*手机端二维码*/
.rightBtn ul li.r_mob { }
.rightBtn ul li.r_mob a.btn { background-position:0px -80px;}
.rightBtn ul li.r_mob .img { display:block; width:107px; height:100px; position:absolute; right:-7px; top:-30px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	transform: scale(0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	
}
.rightBtn ul li.r_mob:hover .img { right:42px; 
	transform: scale(1);
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

/*返回顶部*/
.rightBtn ul li.r_top a.btn { background-position:0px -120px;}

/*发送短信*/
.rightBtn ul li.r_sms {  display:none}
.rightBtn ul li.r_sms a.btn { background-position:0px -160px;}

.rightBtn ul li:hover a.btn { background-color:#00df89;}



/*rightBtn 右侧按钮结束*/



/*内页新闻*/
.nh_head {width:100%; height:360px; background:url(../images/nh_bg.jpg) no-repeat center; position:relative; overflow:hidden;
	
}
.nh_head .htit {font-size:1.5em; width:100%; text-align:center; position:absolute; top:0px; color:#00df89;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.nh_head .nh_tb {width:100%; height:80px; overflow:hidden; position:absolute; top:37%; left:0; text-align:center;}
.nh_head .nh_tb span { display:inline-block; width:0; height:80px; margin:0 auto; background:url(../images/nh_tb1.png) no-repeat center; 
	-webkit-transition: all 6s ease 0s;
	-moz-transition: all 6s ease 0s;
	transition: all 6s ease 0s;
	-ms-transition: all 6s ease 0s;	
}

.nh_head .nh_menu {width:100%; height:40px; position:absolute; left:0; top:450px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.nh_head .nh_menu p { width:100%; text-align:center;}
.nh_head .nh_menu p span { display:inline-block; max-height:20px; overflow:hidden;}
.nh_head .nh_menu p a {display:inline-block; padding:5px 10px; background:rgba(0,223,137,0.5); font-size:1em; margin-top:20px; display:none;}
.nh_head .nh_menu ul { width:auto; max-width:1200px; height:40px; float:left;}
.nh_head .nh_menu ul li {float:left; width:120px; height:36px; margin-left:15px; margin-right:15px; font-size:1em; line-height:35px; text-align:center;}
.nh_head .nh_menu ul li a {display:block; width:100%; height:36px; background:#7d8185; color:#fff;}
.nh_head .nh_menu ul li a:hover { background:#149e6f;}
.nh_head .nh_menu ul li a.hover { background:#149e6f;}

div.active .htit { top:30%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
div.active .nh_tb span { width:100%;}
div.active .nh_menu { top:57%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nmain {width:100%; height:auto; background:#f5f5f5;}
.nmain_c {width:98%; max-width:1200px; margin:0 auto; height:65px;}
.nmain_c .npos {font-size:16px; line-height:65px; color:#333; margin-left:-200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .npos { margin-left:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nmain_c .npos a { color:#333;}
.nmain_c .npos a:hover { color:#00df89}

.nCbox { width:98%; max-width:1200px; height:auto; margin:0 auto; background:#fff;}
.nnewsList { width:96%; padding:20px 2%; margin-top:200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
.nnewsList ul {width:100%; height:auto;}
.nnewsList ul li {width:98%; height:120px; padding:20px 1%; overflow:hidden;
}
.nnewsList ul li .date {float:left; width:15%; max-width:120px; height:120px; background:url(../images/n_news_tb1.gif) no-repeat 0 0; font-family:arial;}
.nnewsList ul li .date .d { font-size:40px; display:block; width:100%; height:80px; line-height:80px; text-align:center; color:#7b7b7b;}
.nnewsList ul li .date .m { font-size:16px; display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#3a3a3a; }
.nnewsList ul li .right {float:right; width:84%; max-width:980px;  height:120px; font-size:14px; color:#878787;}
.nnewsList ul li .right a { display:inline-block;}
.nnewsList ul li .right a.tit {font-size:24px; color:#333; padding-top:3px; padding-bottom:8px;}
.nnewsList ul li .right a.m { font-family:arial; color:#333; padding-top:8px; }
.nnewsList ul li .right a:hover { color:#00df89}
.nnewsList ul li .right span { display:block; width:100%; max-height:50px; line-height:1.7;  overflow:hidden;}
.nnewsList ul li .right i { display:none;}

.nnewsList ul li:hover {box-shadow: 0px 5px 20px #ccc;}
.nnewsList ul li:hover .date { background-position:0px -120px;}
.nnewsList ul li:hover .date .d { color:#fff;}
.nnewsList ul li:hover .date .m { color:#fff; }

div.active .nnewsList { margin-top:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.npage{height:34px; padding:0; text-align:center;font-size:14px; width:100%; margin:0 auto; margin-top:20px; padding-bottom:50px;}
.npage p{text-align:right; padding-right:20px;}
.npage a{ display:inline-block; padding:0px 13px; height:32px; line-height:32px; color:#454545; border:1px solid #c0c0c0; text-decoration:none;}
.npage a:hover{ background:#02a969; border:1px solid #02a969; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;}
.npage a.hover{ background:#02a969; border:1px solid #02a969; color:#fff; text-decoration:none;transition: all 0.5s ease 0s;}

.nFoot {position:relative; left:auto; bottom:auto; background:#2e2e2e;opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nFoot .icontCopyr { padding:15px 0px 15px 0px;}

/*内页新闻*/


.nsingle { width:98%; height:auto; margin:0 auto; min-height:300px; background:#fff; margin-top:300px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
}
div.active .nsingle { margin-top:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nViewTit {font-size:30px; color:#02a969; text-align:center; padding-top:30px;}
.nViewDes {font-size:14px; color:#7c7c7c; text-align:center; padding:10px 0px;}
.nViewDes a { color:#7c7c7c;}
.nViewDes a:hover { color:#02a969;}
.nViewMovie {width:600px; height:400px;  margin:0 auto; margin-top:20px;}
.nViewCon {width:98%; margin:0 auto; line-height:2; font-size:16px; color:#454545; margin-top:20px;}
.nViewCon a { color:#454545;}
.nViewCon a:hover { color:#02a969;}

.news_detail_page {width:100%; margin:0 auto; height:30px; border-top:1px solid #c9c9c9; margin-top:40px; padding-top:15px; padding-bottom:0px;}
.news_detail_page p{line-height: 24px; font-size:16px; float:left; width:49%; margin-right:1%; color:#767676;}
.news_detail_page p span{color:#333; }
.news_detail_page p a { color:#666;}
.news_detail_page p a:hover { color:#02a969; text-decoration:underline}


.nmain_c .vCasePos { font-size:24px; color:#333; line-height:60px;}
.nCaseViewCon { width:100%; padding:50px 0px; text-align:center; color: #333; line-height: 2; font-size: 16px;}