/*===============css reset===============*/
*{margin:0;padding:0;}
body{font-family:heiti sc,segoe ui,tahoma,arial,verdana,sans-serif;font-size:14px;}
article,aside,details,figcaption,figure,footer,banner,header,hgroup,main,menu,nav,section,video{  display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
b,p,i,em{font-style: normal;font-weight: normal;}
ul,ol{list-style: none;}
a{text-decoration:none;outline: none;} 
a img{ border: 0;}
img{vertical-align:middle; max-width:100%;}
table {border-collapse: collapse;border-spacing: 0;}
.clearfix:after{
	content: "";
	display: table;
	clear: both;
}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
.hide {display: none;}
.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.break {
	word-break: break-all;
	word-wrap: break-word
}
/*============css reset end============*/
/*public*/
html,body{height:100%;}
.wrap{height: auto!important;min-height: 100%;}
.wrap-feature{height:100%;}
.pub-page{width:100%;}
.pub-con-w{width:1200px;margin:0 auto;} 
/*============public end============*/
/*header*/
.header-dw{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 40;
}
.pub-header-bg{
	opacity: 0.6;
    -moz-opacity: 0.6;
    filter:alpha(opacity=60);
    background:#000;
    height:60px;
	position: absolute; 
	left: 0;
	top: 0;
}
.header{
	position: relative;
	line-height:60px;
	height: 60px;
	
}
.header-logo a{display:block;}
.header-logo a img{height:60px;}
.nav a{
	color:#fff;
	padding:0px 15px;
}
.nav a:hover{
	-moz-transition:color 0.3s;
	-webkit-transition:color 0.3s;
	-0-transition:color 0.3s;
	transition:color 0.3s;
}
.nav a:hover,.nav a.curr{color:#00b7ee;}
.header-login{
	padding-left:80px;
	font-size:18px;
	font-weight:700;
	color:#fff;
}
.header-login a,.header-version a{
	color:#6691c1;
}
.header-login span{
	padding:0px 5px;
}
.header-version{
	padding-left:20px;
	font-size:15px;
	font-weight:700;
	line-height:22px;
	padding-top:8px;
	color:#fff;
}
.header-version span{letter-spacing:1px;}
.header-version a{
	padding-right:10px;
}
/*banner*/
.pub-top-box{
	position: relative;
	z-index: 10;
	height:560px;
}
/*feature*/
.page-tab-change-ul,.page-tab-change-ul li,.page-tab-change-ul-last,.page-tab-change-ul-last li{text-align: center;height:100%;overflow: hidden;}
.page-tab-change-ul-text{z-index:1;position:absolute;top:200px;width:100%;color:#fff;font-size:36px;}
.page-tab-change-ul-text p{width:1200px;margin:0 auto;line-height:30px;font-size:18px;}
.page-tab-change-ul-text p.page1{ padding-top:30px;}
.page-tab-change-ul-text h3,.page-tab-change-ul-text h2{ font-size:36px; line-height:60px; text-align:center; margin-bottom:60px;}
.page-tab-change-ul-text h3{ font-size:20px; margin:10px 0; line-height:30px; }
.page-tab-change-ul-text .piclist4,.page-tab-change-ul-text .piclist3,.page-tab-change-ul-text .piclist2,.page-tab-change-ul-text .piclist{width:1200px;padding-top:40px;padding-bottom:30px;margin:0 auto;text-align:left;}
.page-tab-change-ul-text .piclist ul li{width:31%;margin-right:3.5%;float:left;overflow:hidden;}
.page-tab-change-ul-text .piclist4 ul li:nth-child(4n),.page-tab-change-ul-text .piclist3 ul li:nth-child(4n),.page-tab-change-ul-text .piclist2 ul li:nth-child(2),.page-tab-change-ul-text .piclist ul li:nth-child(3){ margin-right:0;}
.page-tab-change-ul-text .piclist2 ul li img,.page-tab-change-ul-text .piclist ul li img{ width:100%;max-width:100%;margin-bottom:1px;}
.page-tab-change-ul-text .piclist2 p,.page-tab-change-ul-text .piclist p{background:#000;opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70);width:90%;margin:0;padding:10px 5%;font-size:16px;text-align: justify;line-height:30px; font-weight:700;}
.page-tab-change-ul-text .piclist2 a,.page-tab-change-ul-text .piclist a{ color:#fff;}
.page-tab-change-ul-text .piclist2 a:hover,.page-tab-change-ul-text .piclist a:hover{ text-decoration:underline;}
.page-tab-change-ul-text .piclist2 ul li{width:48%;float:left;margin-right:4%;}
.page-tab-change-ul-text .piclist3 ul li{ width:22.75%; margin-right:3%; float:left; font-size:18px; color:#fff; margin-bottom:30px;background:#0094da; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); padding:20px 0;}
.page-tab-change-ul-text .piclist3 ul li:nth-child(8),.page-tab-change-ul-text .piclist3 ul li:nth-child(7),.page-tab-change-ul-text .piclist3 ul li:nth-child(6),.page-tab-change-ul-text .piclist3 ul li:nth-child(5){ margin-bottom:0;}
.page-tab-change-ul-text .piclist4{ padding:0; margin-bottom:0;}
.page-tab-change-ul-text .piclist4 ul li{ width:23.5%; margin-right:2%; float:left; margin-bottom:30px;}



.feature-con-box{height:100%;}
.page-img1{ background:url(/uploads/image/2images/feature_3.jpg) center top no-repeat;background-size:100% 100%;}
.page-img2{ background:url(/uploads/image/2images/screenbg1.jpg) center top no-repeat;background-size:100% 100%;}
.page-img3{ background:url(/uploads/image/2images/screenbg2.jpg) center top no-repeat;background-size:100% 100%;}
.page-img4{ background:url(/uploads/image/2images/screenbg3.jpg) center top no-repeat;background-size:100% 100%;}
.page-img5{ background:url(/uploads/image/2images/screenbg1.jpg) center top no-repeat;background-size:100% 100%;}
.page-img6{ background:url(/uploads/image/2images/screenbg4.jpg) center top no-repeat;background-size:100% 100%;}
.page-img10,.page-img7{ background:url(/uploads/image/2images/screenbg5.jpg) top center no-repeat;background-size:100% 100%;}
.page-img8{ background:url(/uploads/image/2images/screenbg6.jpg) center top no-repeat;background-size:100% 100%;}
.page-img9{ background:url(/uploads/image/2images/screenbg12.jpg) center top no-repeat;background-size:100% 100%;}
.page-img11{ background:url(/uploads/image/2images/screenbg8.jpg) center top no-repeat;background-size:100% 100%;}
.page-img12{ background:url(/uploads/image/2images/screenbg9.jpg) center top no-repeat;background-size:100% 100%;}
.page-img13{ background:url(/uploads/image/2images/screenbg10.jpg) center top no-repeat;background-size:100% 100%;}
.page-img14{ background:url(/uploads/image/2images/screenbg11.jpg) center top no-repeat;background-size:100% 100%;}

.page-img-box{position: relative;z-index:30;overflow: hidden;height: 100%;}
.list{margin-top:40px;}
.client{ padding-top:30px;}
.epco-s{ display:none;}
.s2015{ width:42%;}
.pagemore{color:#ffd700;font-size:20px; font-weight:700;}