@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;}

.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; overflow:hidden;}
.logo img { width:auto;}
.top ul {float:right; width:20%; max-width:80px; height:50px; overflow:hidden; margin-right:0; text-align:center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s easy 0s;
	-ms-transition: all 0.3s ease 0s;
}
.top ul li { width:100%; height:50px; font-size:1em; line-height:50px; text-align:center;  background:rgba(0,0,0,0.7); position:relative; }
.top ul p { width:100%; height:50px; text-align:center; cursor:pointer;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	transition: all 0.8s easy 0s;
	-ms-transition: all 0.8s ease 0s;
}
.top ul p img { max-width:100%; position:relative; top:10px;}
.top ul li a {display:block; width:100%; height:50px; }
.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 { }

.top ul li a:hover i {
	
}
.top ul li:hover a { background:rgba(0,223,137,0.5); color:#fff;}
div.active ul.tmenu_ul { height:410px;}
div.active ul.tmenu_ul p {background:rgba(0,0,0,0.7);}


.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:2em; 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:94%; min-height:88px; left:3%; top:80%; text-align:center; background:url(../images/banner_1_tb1.png) no-repeat center bottom; background-size:100%;
	-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:-8px;  font-size:0.8em;}

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

/*banner2*/
.bannerBox ul li .txt2_1 {position:absolute; width:100%; left:-30%; top:35%; text-align:center; font-size:1.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:35%; left:0;}

.bannerBox ul li .txt2_2 { position:absolute; width:94%; min-height:88px; left:50%; top:50%; text-align:center; background:url(../images/banner_2_tb1.png) no-repeat center bottom;  background-size:94%;  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:-5px; font-size:0.75em;}
.bannerBox ul li.hover .txt2_2 {transform: scale(1); top:50%; left:3%;}

/*banner3*/
.bannerBox ul li .txt3_1 {position:absolute; left:5%; top:10%; text-align:center; font-size:1.5em; 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:35%;}
.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:90%;}
.bannerBox ul li .txt3_3 { position:absolute; left:5%; top:57%; font-size:1.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.7em; 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; display:none}
.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.2em; 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:13%;}
.businessList {width:100%; height:100%; margin:0 auto; position:relative;}
.businessList ul {position:absolute; left:0; top:25%; width:100%; }
.businessList ul li { width:40%; height:auto; min-height:130px; background:rgba(255,255,255,0.2); position:absolute; 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 { top:0; left:-100px;}
div.active .businessList ul li.b_website {left:5%;}

.businessList ul li.b_weixin { top:0; right:-100px;}
div.active .businessList ul li.b_weixin { right:5%; }

.businessList ul li.b_soft {left:-100px; top:160px;}
div.active .businessList ul li.b_soft {left:5%;}

.businessList ul li.b_seo {right:-100px; top:160px;}
div.active .businessList ul li.b_seo {right:5%;}



.businessList ul li .b_tb {position:absolute; left:0; top:15px; 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; height:auto; max-height:55px;
	
}

.businessList ul li .b_tit {display:block; width:100%; height:auto; font-size:0.9em; position:absolute; left:0px; top:78px; line-height:1.2; 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:100%; height: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;
	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; 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:1em; background:rgba(228,228,228,0.2); margin:0 auto; border-radius:20px;}
div.active .business_btn { top:80%;}
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:0.9em; position:absolute; left:0; top:0; z-index:2; width:90%; left:5%;
	-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; display:block; width:100%;}
.icaseTopTxt .case_tit {font-weight:bold; font-size:1.5em;}
.icaseTopTxt .case_des { margin-top:8px; font-size:1em; max-height:1.5em; overflow:hidden;}
div.active .icaseTopTxt { top:14%;}

.icaseList {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.icaseList ul { position:absolute; left:0; top:25%; width:100%; max-height:330px; overflow:hidden;}
.icaseList ul li { float:left; width:45%; height:auto; min-height:140px; position:relative; margin-left:3%; margin-top:25px; 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; left:0; top:0; z-index:1; width:100%; height:auto; height:140px;
	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:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;
	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 .icaseTxtBox { width:90%; height:120px; position:absolute; left:5%; top:10px; z-index:3; 
	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: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 { top:0; left:0; width:1px; height:20px;}
.icaseList ul li .icaseTxtBox span.t { top:0; left:0; width:20px; height:1px;}
.icaseList ul li .icaseTxtBox span.r { bottom:0; right:0; width:1px; height:20px;}
.icaseList ul li .icaseTxtBox span.f { bottom:0; right:0; width:20px; height:1px;}

.icaseList ul li .icaseTxtCon {width:86%; height:auto;  position:absolute; left:7%; top:30px; z-index:5;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	
}
.icaseList ul li .icaseTxtCon span { display:block; width:100%; text-align:center; font-size:0.8em; padding-top:5px;}
.icaseList ul li .icaseTxtCon .tit { font-size:1em;  padding-bottom:0px; max-height:2.5em; overflow:hidden;}
.icaseList ul li .icaseTxtCon .url { display:none;}
.icaseList ul li .icaseTxtCon .view { padding-top:10px;}

.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:cover; z-index:2}
.icustomerTopTxt {}
.icustomerList {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.icustomerList ul { width:100%; height:360px; overflow:hidden; 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%; padding-top:10px;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icustomerList ul li { float:left; width:45%; height:90px; margin-left:3%; margin-right:2%; margin-top:0px; position:relative; 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;
}
.icustomerList ul li img { width:auto; max-width:100%; height:auto;}

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


/*indexCustomer 首页客户结束*/



/*indexNews 首页新闻开始*/
.indexNews { background:url(../images/news_bg.jpg) no-repeat center; background-size:cover;}

.inewsTopTxt .case_des { display:none}

.inewsList {width:100%; height:auto; position:absolute; left:0; top:22%; z-index:1;
	
}


.inewsList .newsBox {width:90%; height:360px;  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:5%;}

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

.inewsList .newsBox3 {right:-370px;}
div.active .inewsList .newsBox3 { right:0;display:none}
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:1.05em;}
.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:125px; margin-top:10px; text-align:center;}
.inewsList .newsBox .newsImg img { width:100%; 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:17px; margin-top:6px; background:url(../images/inews_tb1.png) no-repeat 0 3px; font-size:12px;}
.inewsList .newsBox ul li a { float:left; max-width:72%; overflow:hidden; max-height:15px;}
.inewsList .newsBox ul li span { float:right; color:#dbdbdb}

/*indexNews 首页新闻结束*/




/*indexAbout 首页关于开始*/
.indexAbout { background:url(../images/about_bg.jpg) no-repeat center; background-size:cover;}
.iaboutTopTxt { font-size:1.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:16%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.iaboutTopTb1 {width:100%; height:14px; position:absolute; left:0; top:25%; 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:0; top:50%; width:94%; left:3%; 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:31%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.iaboutTxt3 {width:100%; height:auto; min-height:120px; position:absolute; left:0; top:45%; font-size:1.1em; font-weight:bold;}
.iaboutTxt3 span { position:absolute; 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;
}
.iaboutTxt3 span i { font-style:normal; font-size:1.2em; font-weight:bold;  color:#00df89;}
.iaboutTxt3 span.txt1 { left:-52%; top:0;}
.iaboutTxt3 span.txt2 { left:52%; top:35px;}
.iaboutTxt3 span.txt3 { left:-52%; top:70px;}
.iaboutTxt3 span.txt4 { left:52%; top:105px;}
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:0; top:35px;}
div.active .iaboutTxt3 span.txt3 {left:0; top:70px;}
div.active .iaboutTxt3 span.txt4 {left:0%; top:105px;}

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

/*indexAbout 首页关于结束*/



/*indexContact 首页联系方式开始*/
.indexContact { background:url(../images/contact_bg.jpg) no-repeat center; background-size:cover;}
.icontLeft {width:90%; height:auto; position:absolute; left:-110px; top:25%;
	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:5%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.icontLeft p {width:90%; padding-left:10%; height:45px; font-size:1.1em; line-height:1.5;}
.icontLeft p img { max-width:100%;}
.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%; display:none;
	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;
}

.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:block; width:100%; height:36px; position:absolute; left:0; top:0; display:none;}
.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; display:none;
	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;
}


.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;}
.icontFoot .cnzz { display:none;}
.icontFoot .sitemap { display:none;}


/*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:100%; height:50px; position:fixed; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index:99999;}
.rightBtn ul { height:50px;}
.rightBtn ul li { float:left; width:25%; height:40px; position:relative; line-height:40px; margin-top:5px;
}
.rightBtn ul li a.btn {display:block; width:100%; height:40px; position:absolute; top:0; right:0; background:url(../images/rbtn_tb.png) no-repeat 50% 0px; }
.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:none; text-align:left;  padding-left:20px; }
/*qq*/
.rightBtn ul li.r_qq p span { width:160px;  }

/*电话*/
.rightBtn ul li.r_tel a.btn { background-position:50% -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_mob a.btn { background-position:50% -80px;}
.rightBtn ul li.r_mob { display:none; 
}


/*返回顶部*/
.rightBtn ul li.r_top a.btn { background-position:50% -120px;}


.rightBtn ul li.r_sms a.btn { background-position:50% -160px;}




/*rightBtn 右侧按钮结束*/



/*内页新闻*/
.nh_head {width:100%; height:200px; background:url(../images/nh_bg.jpg) no-repeat center; position:relative; overflow:hidden;
	
}
.nh_head .htit {font-size:1.1em; width:100%; text-align:center; position:absolute; top:0; 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:30px; position:absolute; top:47%; left:0; text-align:center;}
.nh_head .nh_tb span { display:inline-block; width:0; height:30px; 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:90%;
	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:96%; margin:0 auto; text-align:center; font-size:0.9em;}
.nh_head .nh_menu p span { display:inline-block; /*max-height:50px; */overflow:hidden;}
.nh_head .nh_menu p a { display:none}
.nh_head .nh_menu ul { width:auto; height:40px; float:left;}
.nh_head .nh_menu ul li {float:left; width:auto; height:28px; margin-left:5px; margin-right:5px; font-size:0.9em; line-height:28px;  text-align:center; margin-top:10px;}
.nh_head .nh_menu ul li a {display:block; width:auto; height:28px; padding:0px 8px; 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:35%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
div.active .nh_tb span { width:100%;}
div.active .nh_menu { top:62%;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}



.nmain {width:100%; height:auto; background:#f5f5f5;}
.nmain_c { width:98%; margin:0 auto; height:55px;}
.nmain_c .npos {font-size:1em; line-height:55px; 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%; height:auto; margin:0 auto; background:#fff;}
.nnewsList { width:98%; padding:20px 1%; 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:96%; height:auto; padding:2%; margin-bottom:5px; overflow:hidden; border-bottom:1px dotted #ccc;
}
.nnewsList ul li .date {float:left; width:120px; height:120px; background:url(../images/n_news_tb1.gif) no-repeat 0 0; font-family:arial; display:none;}
.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 { width:100%; height:auto; font-size:1em; color:#878787;}
.nnewsList ul li .right a { display:inline-block;}
.nnewsList ul li .right a.tit {font-size:1.1em; color:#333; padding-top:3px; padding-bottom:8px;}
.nnewsList ul li .right a.m { font-family:arial; color:#333; padding-top:5px; font-size:0.9em; display:none; }
.nnewsList ul li .right a:hover { color:#00df89}
.nnewsList ul li .right span { display:block; width:100%; max-height:45px; line-height:1.5; font-size:0.9em;  overflow:hidden;}
.nnewsList ul li .right i { font-family:arial; color:#999; padding-top:8px; font-size:0.9em; font-style:normal;}

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;}
.npage span  { display:none;}

.nFoot {position:relative; left:auto; bottom:auto; background:#2e2e2e;opacity: 1; display:block;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nFoot .icontCopyr { padding:15px 0px 70px 0px;}

/*内页新闻*/


.nsingle {width:96%; height:auto; margin:0 auto; min-height:300px; background:#fff; margin-top:300px; 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 .nsingle { margin-top:0;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}

.nViewTit {font-size:1.3em; color:#02a969; text-align:center; padding-top:30px;}
.nViewDes {font-size:0.9em; color:#7c7c7c; text-align:center; padding:10px 0px;}
.nViewDes .from { display:none;}
.nViewDes .source { display:none;}
.nViewDes a { color:#7c7c7c;}
.nViewDes a:hover { color:#02a969;}
.nViewMovie {width:98%; max-height:200px; max-width:400px;  margin:0 auto; margin-top:20px; margin-bottom:10px;}
.nViewCon {width:98%; margin:0 auto; line-height:2; font-size:0.9em; color:#454545; margin-top:20px;}
.nViewCon a { color:#454545;}
.nViewCon a:hover { color:#02a969;}

.news_detail_page {width:100%; margin:0 auto; height:auto; border-top:1px solid #c9c9c9; margin-top:40px; padding-top:15px; }
.news_detail_page p{line-height: 1.5; font-size:0.9em; width:100%; color:#767676; padding-bottom:8px;}
.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:1.1em; color:#333; line-height:55px;}
.nCaseViewCon { width:100%; padding:20px 0px; color: #333; line-height: 2; font-size: 16px; }
.nCaseViewCon img { /*max-width:100%;*/}

.nmain .jg40 { height:20px;}