@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:1200px; 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:4em; 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:2em; color:#00df89; font-family:'arial';}
.bannerBox ul li .txt1_2 { position:absolute; width:100%; min-height:88px; left:0; top:80%; text-align:center; background:url(../images/banner_1_tb1.png) no-repeat center;
	-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.55em;}

.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:20%; }
.bannerBox ul li.hover .txt1_2 { top:55%;}

/*banner2*/
.bannerBox ul li .txt2_1 {position:absolute; width:100%; left:0; top:0%; text-align:center; font-size:4em; 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.55em;}
.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: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:2em;
	-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:10px;}
.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:100% 100%;}
.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:2em; font-weight:bold ; z-index: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 .businessTop { top:15%;}
.businessList {width:1200px; height:100%; margin:0 auto; position:relative;}
.businessList ul {position:absolute; left:0; top:33%; width:100%;}
.businessList ul li { width:256px; height:300px; background:rgba(255,255,255,0.2); position:absolute; top:0;
	-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 {left:-350px;}
div.active .businessList ul li.b_website {left:0;}

.businessList ul li.b_seo {left:100px;}
div.active .businessList ul li.b_seo {left:314px;}

.businessList ul li.b_weixin {right:100px;}
div.active .businessList ul li.b_weixin {right:314px;}

.businessList ul li.b_soft {right:-350px;}
div.active .businessList ul li.b_soft {right:0;}



.businessList ul li:hover {
	 background:rgba(0,223,137,0.5);
}

.businessList ul li .b_tb {position:absolute; left:0; top:65px; 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:hover .b_tb {
	width:65px; height:55px; left:20px; top:30px;
}
.businessList ul li:hover .b_tb img { width:65px;}
.businessList ul li:hover .b_tb_soft img { width:50px;}
.businessList ul li .b_tb_seo { top:70px; }

.businessList ul li .b_tit {display:block; width:auto; font-size:1.3em; position:absolute; left:65px; top:160px; 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 { left:65px; }
.businessList ul li .b_tit span { display:block; width:auto;}
.businessList ul li:hover .b_tit {width:auto; left:100px; top:30px; line-height:1.3;  }
.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;
	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;}
.businessList ul li:hover .b_txtlist {  top:110px; 
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.business_btn {width:100%; height:auto; position:absolute; top:120%; 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 { top:90%;}
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:100%;}
.icaseTopTxt {font-size:1.05em; position:absolute; left:0; top:0; z-index:2;
	-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%;}
.icaseList ul li { float:left; width:285px; height:200px; position:relative; margin-left:20px; margin-top:0px; 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 { margin-left:0;}
.icaseList ul li img.img { position:absolute; left:0; top:0; z-index:1;
	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}
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:200px; background:rgb(0,0,0); position:absolute; left:0; top:0; z-index:2;
	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;
}
.icaseList ul li:hover .icaseBg  {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-ms-opacity: 0.7;
	-moz-opacity: 0.7;
	
}

.icaseList ul li .icaseTxtBox { width:245px; height:160px; position:absolute; left:20px; top:20px; z-index:3; 
	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;
}
.icaseList ul li:hover .icaseTxtBox {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-ms-opacity: 0.7;
	-moz-opacity: 0.7;	
}

.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 { bottom:0; left:0; width:2px; height:0;}
.icaseList ul li:hover .icaseTxtBox span.l { height:100%;}
.icaseList ul li .icaseTxtBox span.t { top:0; left:0; width:0px; height:2px;}
.icaseList ul li:hover .icaseTxtBox span.t { width:100%;}
.icaseList ul li .icaseTxtBox span.r { top:0; right:0; width:2px; height:0px;}
.icaseList ul li:hover .icaseTxtBox span.r { height:100%;}
.icaseList ul li .icaseTxtBox span.f { bottom:0; right:0; width:0px; height:2px;}
.icaseList ul li:hover .icaseTxtBox span.f { width:100%;}

.icaseList ul li .icaseTxtCon {width:230px; height:auto;  position:absolute; left:27px; top:45px; z-index:5;
	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;
}
.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:1.05em; background:url(../images/tb2.gif) no-repeat center bottom; padding-top:0px; padding-bottom:12px;}
.icaseList ul li:hover .icaseTxtCon {
	transform: scale(1);
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icaseList ul li .icaseTxtCon .view a { display:inline-block;width:24px;height:24px;  background:url(../images/icase_btn.png) no-repeat center top; background-size:cover; }

/*indexCase 首页案例结束*/



/*indexCustomer 首页客户开始*/
.indexCustomer { background:url(../images/customer_bg.jpg) no-repeat center; background-size:100% 100%; 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%;
	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:28%;
	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:hover { background:rgba(0,223,137,0.2);}
.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;
	-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:100% 100%;}
.inewsList {width:100%; height:auto; position:absolute; left:0; top:27%; z-index:1;
	
}


.inewsList .newsBox {width:370px; height:370px;  background:rgba(255,255,255,0.2); position:absolute; top:0;
	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;
}
.inewsList .newsBox1 { left:-370px;}
div.active .inewsList .newsBox1 { left:0;}

.inewsList .newsBox2 { top:370px; left:415px;}
div.active .inewsList .newsBox2 { top:0; }

.inewsList .newsBox3 {right:-370px;}
div.active .inewsList .newsBox3 { right:0;}
div.active .inewsList .newsBox {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.inewsList .newsBox .newsHead {width:338px; height:30px; border-bottom:1px solid #fff; margin:0 auto; margin-top:10px;}
.inewsList .newsBox .newsHead a.tit {float:left; font-size:1.05em;}
.inewsList .newsBox .newsHead a.m {float:right; font-size:0.7em; line-height:2.2; font-family:'arial';}
.inewsList .newsBox .newsImg { width:338px; height:auto; margin:0 auto; min-height:125px; margin-top:10px;}
.inewsList .newsBox ul { width:338px; height:auto; margin:0 auto; padding-top:7px;}
.inewsList .newsBox ul li { width:322px; padding-left:16px; 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:18px;}
.inewsList .newsBox ul li span { float:right; color:#dbdbdb}

/*indexNews 首页新闻结束*/




/*indexAbout 首页关于开始*/
.indexAbout { background:url(../images/about_bg.jpg) no-repeat center; background-size:100% 100%;}
.iaboutTopTxt { font-size:4em; 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:33%; 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:1.1em; position:absolute; left:0; top:50%; 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;
}
div.active .iaboutTopTxt2 { top:40%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.iaboutTxt3 {width:900px; height:auto; min-height:120px; position:absolute; left:175px; top:53%; font-size:1.7em; font-weight:bold;}
.iaboutTxt3 span { position:absolute;
	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 { left:0; top:100px;}
.iaboutTxt3 span.txt2 { left:55%; top:100px;}
.iaboutTxt3 span.txt3 { left:0; top:300px;}
.iaboutTxt3 span.txt4 { left:55%; 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 {left:0; top:0;}
div.active .iaboutTxt3 span.txt2 {left:55%; top:0;}
div.active .iaboutTxt3 span.txt3 {left:0; top:70px;}
div.active .iaboutTxt3 span.txt4 {left:55%; top:70px;}

.iaboutBtn { width:100%; height:auto; text-align:center; position:absolute; top:85%; 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);}

/*indexAbout 首页关于结束*/



/*indexContact 首页联系方式开始*/
.indexContact { background:url(../images/contact_bg.jpg) no-repeat center; background-size:cover;}
.icontLeft {width:500px; height:auto; position:absolute; left:-110px; 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;
}
div.active .icontLeft { left:110px;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icontLeft p {width:460px; padding-left:40px; height:45px; font-size:1.05em;}
.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;}
.icontLeft p.wx {background:url(../images/contact_wx.png) no-repeat center left; height:130px;}

.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;
}
div.active .icontRight { right:140px;
	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:-200px; 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;}
.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;}

.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 { position:absolute; right:-100px; top:0;
	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;
}
.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:0.9em; line-height:20px;}
.rightBtn ul li.r_tel p span { width:160px; display:inline-block; padding-top:11px;}
.rightBtn ul li.r_tel:hover p {width:180px;}

/*手机端二维码*/
.rightBtn ul li.r_mob a.btn { background-position:0px -80px;}
.rightBtn ul li.r_mob .img { display:block; width:107px; height:auto; 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;}

div.active ul.rightBtnUl { right:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}


/*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:40px; 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:160px; 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;}
.nh_head .nh_menu ul { width:auto; max-width:1200px; height:40px; float:left;}
.nh_head .nh_menu ul li {float:left; width:130px; height:40px; margin-left:20px; margin-right:20px; font-size:18px; line-height:40px; text-align:center;}
.nh_head .nh_menu ul li a {display:block; width:100%; height:40px; 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:100px;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
div.active .nh_tb span { width:100%;}
div.active .nh_menu { top:250px;
	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:1100px; padding:20px 50px; 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:1060px; height:120px; padding:20px; overflow:hidden;
}
.nnewsList ul li .date {float:left; 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:910px; 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;}