body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;}
html { overflow: hidden;}
body { width: 100%;  *cursor: default;
		overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
#pageContain { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { 
    display: table; 
    content: " "; 
} 
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { 
    clear: both; 
} 

.page1 {}

.page1 .center {
	background: url(../../images/bg1.jpg)  no-repeat center ;
	height: 100%;
	padding-top: 60px;
}
.main{
	position: absolute;
	width: 860px;
	
	left:50%;
	margin-left: -420px;
	top: 50%;
	height: 292px;
	margin-top: -146px;
}
.page1 .main{ 

	height: 292px;
	margin-top: -146px;
}
#nav {
    position: absolute;
    z-index: 9999;
	height: 60px;
	background:rgba(0,0,0,0.5);
	
	width:100%;
	margin: 0 auto;
	top: 0;
}

#nav .inner{
	background:url(../../../../images/logo.png) no-repeat 0 center;
	width: 80%;
	margin: 0 auto;
	height: 60px;

}
#nav ul{ 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	float: right;

}
#nav ul li{ 
	margin-top: 8px;
	float: left;
	margin-right: 84px;
	padding: 13px 3px;
	cursor: pointer;
	font: normal 18px/1 "微软雅黑";
	color: #FFFFFF;
	transition: all .7s ease;
	-moz-transition:all .7s ease;
	-webkit-transition:all .7s ease ;
	-moz-transition: all .7s ease ;
}
#nav ul li.active{
	color: #4fc3f7;
	border-bottom: 2px solid #4fc3f7;
}


#nav a.open {
	display: block;
	float: right;
   font: normal 18px/1 "微软雅黑";
   color: #4fc3f7;
   padding: 7px 14px;
   margin-top:14px;
   border: 1px solid #4fc3f7;
   border-radius: 5px;
   cursor: pointer;
}
#nav a.open:hover{
	background: rgba(79,195,247,0.9);
	opacity: 0.9;
	color: rgba(0,0,0,.9);
}
.page1 .center{
	color: #333;
}
.page1 .center h1{
	margin: 0;
	padding: 0;
	text-align: center;
	font:normal 72px/1 "微软雅黑";
	font-weight: 200;
	
}
.page1 .center .underline {
	height: 0px;
	width:182px ;
	border: 1px solid #333;
	margin: 30px auto;
}
.page1 .center p{
	font: normal 24px/1 "微软雅黑";
	text-align: center;
}
.page1 .center a.now{
	display: block;
	background: url(../../../../images/code.png);
	background: rgba(79,195,247,0.9);
	width:180px ;
	text-align: center;
	padding:18px 0px;
	font:normal 30px/1 "微软雅黑";
	color: #eef8fe;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 72px;
}
.page2 {}

.page2 .center {
	color: #333;
	background: url(../../../../images/bg2.jpg) no-repeat center;
	 height: 100%;
}
.page2 .main{
	width: 1120px;
	margin-left: -500px;
	height: 500px;
	margin-top: -250px;
}
h1.en{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal 60px/1 "微软雅黑";
	
}
h2.china{
	margin: 0px;
	padding: 0px;
	font:normal 30px/2 "微软雅黑";
	text-align: center;
	color: #5f6161;
	
}
#icons-list{
	position:absolute;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	left: 50%;
	margin-left: -559px;
   	
	
}
ul#icons-list li {
	float: left;
	margin-top:86px;
	margin-right: 30px;
	padding:28px 38px;
	height: 244px;
	width: 166px;
}

ul#icons-list li a{
	display: block;
	width: 160px;
	height: 160px;
	border: 5px solid #5fc8f6;
	border-radius: 50%;
	background: url(../../../../images/icons01.png) no-repeat center;
}
ul#icons-list li:hover{
	background: rgba(79,195,247,0.9);
	
}
ul#icons-list li:hover a{
	border: none;
	background: url(../../../../images/icons01-hover.png) no-repeat center;
}
ul#icons-list li span{
	display: none;
}
ul#icons-list li:hover span{
	display: block;
	color: #ddf0f9;
	font: normal 17px/2 "微软雅黑";
	width: 160px;
	text-align: center;
}
ul#icons-list li:nth-child(2) a{
	background-image:url(../../../../images/icons02.png);
}
ul#icons-list li:nth-child(2):hover a{
	background-image: url(../../../../images/icons02-hover.png);
}
ul#icons-list li:nth-child(3) a{
	background-image:url(../../../../images/icons03-hover.png);
}
ul#icons-list li:nth-child(3):hover a{
	background-image: url(../../../../images/icons03.png);
}
ul#icons-list li:nth-child(4) a{
	background-image:url(../../../../images/ions04.png);
}
ul#icons-list li:nth-child(4):hover a{
	background-image: url(../../../../images/ions04-hover.png);
}
	#links{
	position: absolute;
	top: 50%;
	right:-355px ;
    z-index:2222;
}
#links .links-inner{
	position: relative;
	width: 444px;
}
 div.phone,div.email{
 	position: absolute;
 	width: auto;

 	top: 0px;
 	left: 0px;
 	 background:url(../../../../images/opcity-0.5.jpg) repeat 0 0;
 	 background:rgba(0,0,0,0.5);

    /*transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition:all 0.7s ease ;
	-ms-transition:all 0.7s ease  ;
	-moz-transition:all 0.7s ease ;
	-o-transition:all 0.7s ease  ;*/
	font: normal 28px/1 "微软雅黑";
	color: #c7c6c6;
	padding: 33px ;
	border-radius: 10px 0px 0px 10px;
	cursor: pointer;
	/*-webkit-transform: translate3d(75%,0,0);
    -moz-transform: translate3d(75%,0,0);
    -ms-transform: translate3d(75%,0,0);
    -o-transform: translate3d(75%,0,0);
	*/
}
div.email{
	top: 111px;
	border-top: 1px solid #c7c6c6;
}
div.phone img, div.email img{
	vertical-align: middle ;
}


.page3 { }
.page3 .main{

	height: 600px;
	margin-top: -300px;
	
}
.page3 .center{
	background: url(../../images/page3.jpg) no-repeat center;
     height: 100%;
    
	
}
ul#Features{
	position: absolute;
	width: 960px;
	margin: 0px;
	margin-left:-480px;
	left: 50%;
	margin-top: 40px;
	padding: 0px;
	padding-left:20px ;
}
ul#Features li{
	float: left;
    width: 173px;
	height: 400px;
	padding:32px 60px;
	margin-right: 20px;
}
ul#Features li a{
	display: block;
	background: url(../../../../images/icon06.png) no-repeat center;
	width: 173px;
	height:169px;
    
	
}
 ul#Features > li> h3{
	margin: 0px;
	margin-top: 30px;
	font: bold 36px/1.5 "微软雅黑";
	color:#47494a ;
	text-align: center;
}
ul#Features> li> h4{
    margin: 0px;
	font:normal 30px/1.5 "微软雅黑";
	color:#333;
	text-align: center;
}
ul#Features> li > p{
	display: none;
	margin-top:30px ;
	font: normal 18px/1.5 "微软雅黑";
	text-align: center;
}
ul#Features li:hover {
	background:url(../../../../images/opcity-0.9.jpg) no-repeat 0 0;
	 background: rgba(79,195,247,0.9);
	
}
ul#Features li:hover a{
	background-image: url(../../../../images/icons06-hover.png);
}
ul#Features li:hover h3{
	color: #fff;
}
ul#Features li:hover h4{
	color: #fff;
}
ul#Features li:hover p{
	display: block;
	color: #fff;
}
ul#Features li:first-child a{
	background: url(../../../../images/icons05.png) no-repeat center;
}
ul#Features li:first-child:hover a{
	background: url(../../../../images/icons05-hover.png) no-repeat center;
}
ul#Features li:last-child a{
	background: url(../../../../images/icons07.png) no-repeat center;
}
ul#Features li:last-child:hover a{
	background: url(../../../../images/icons07-hover.png) no-repeat center;
}

.page4 { }

.page4 .center{
	background: url(../../../../images/page4.jpg) no-repeat center;
	height: 100%;
    
}
.page4 .main{
	height: 540px;
	margin-top: -270px;
}
.page4 .tabs-content{
	position: relative;
	margin: 0 auto;
	margin-top: 50px;
	width: 828px;
	height: 334px;
	overflow: hidden;
	
}
.page4 .tabs-inner{
	position:absolute;
	left: 0px;
	width: 1660px;
}
.page4 .tabs-content .tabs-panel{
	float: left;
	width: 830px;
	height: 336px;
}
.page4 .tabs-content .tabs-panel .item{
	float: left;
	position: relative;
	width:166px;
	height: 166px;

}
.page4 .tabs-content .tabs-panel .item a {
	z-index: 30;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	width:164px ;
	height: 164px;
	background:url(../../../../images/opcity-0.2_02.png) repeat 0 0 ;
	background:rgba(255,255,255,.2);
	
    border-right:2px solid #d9dbe2  ;
    border-bottom:2px solid #d9dbe2 ;
	
}
.page4 .tabs-content .tabs-panel .item a img{
	vertical-align: middle;
}
.page4 .tabs-content .tabs-panel .item a:hover{
	background:url(../../../../images/opcity-0.2_02.png) repeat 0 0 ;
	background:rgba(255,255,255,.2);

	-webkit-box-shadow: 1px 1px 4px #bcbec4;
    -moz-box-shadow: 1px 1px 4px #bcbec4;
     box-shadow:1px 1px 4px #bcbec4;
}
.page4 ul.tabs{
	list-style: none;
	width: 252px;
	margin: 0px;
	padding: 0px;
   margin: 0 auto;
   margin-top: 28px;
	
}
.page4 ul.tabs  li{
	float: left;
	padding: 0px 20px;
	cursor:pointer ;
}
.page4 ul.tabs li a{
	display: block;
	width: 86px;
	height: 8px;
	background: #989898;
}
.page4 ul.tabs li.active a{
	background: #4fc3f7;
}
.page4 .bottom{
	background: url(../../images/page4-bottom.jpg) no-repeat center;
	height: 348px;
	
} 
.page5 {}

.page5 .center{
	background: url(../../images/page5.jpg) no-repeat center;
	height:100%;
}
.page5 .center .content p{
	margin-top: 190px;
	text-align: center;
	font: bold 60px/1 "微软雅黑";
}
.page5 .bottom{
	background: url(../../images/page5-bottom.jpg) no-repeat center;
	height: 333px;
}
#dialogwrap{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
#openedwrap{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
#opened{
	position: absolute;
	z-index:100 ;
	top: 60px;
	width: 100%;
	background: rgba(79,195,247,.6);
	height: 40px;
}

#opened p{
	color: #FFFFFF;
	font-size:20px;
	line-height: 40px;
	text-align: center;
	
}
#dialog{
	position:absolute;
	z-index: 99;
	height: 0px;
	width: 0px;
	top: 0px;
	right: 0px;
	background: rgba(0,0,0,.6);
	border-radius: 5px;
}

#dialog .dialog-center{
	position: relative;
	padding:25px 0px ;
}
#dialog span{
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 18px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#dialog .cos {
	position: relative;
	width: 80%;
	height: 62px;
	margin: 0 auto;
	border-bottom: 1px solid #8C8C8C;
}
#dialog .cos label{ 
	position: absolute;
	left: 0px;
	top: 16px;
	font: normal 24px/30px "微软雅黑";
	color: #8C8C8C;
	z-index: 10;
}
#dialog .tip{
	position: absolute;
	top: 16px;
	right: 0;
	color: #b0504c;
	font: normal 14px/30px "微软雅黑";
}
#dialog .cos input {
	position: absolute;
	z-index: 20;
	height: 30px;
	border: none;
	background: none;
	width: 100%;
	margin: 16px 0px;
	color: #717274;
	font: normal 24px/30px "微软雅黑";
}
#dialog .cos-btn{
	border: none;
	padding-top: 45px;
}
#dialog .cos-btn input{
	height: 66px;
	width: 100%;
	background: #4fc3f7;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font: normal 24px/66px "微软雅黑";
	
}
#dialog .cos input.txtC{
	color: #FFFFFF;
}
.page6 { }

.page6 .main{
	width: 900px;
	margin-left: -450px;
}
.page6 .center{
	background: url(../../images/page6.jpg) no-repeat center;
	height: 100%;
}
.page6 .content{

	margin: 0 auto;
	margin-top: 8%;
}
.page6 .content .code{
	float: left;
	width: 25%;
	margin-right: 10%;
	
}
.page6 .content .code img{
	width:100%;
	height: 100%;
}
.page6 .content .address{
	float: left;
	width: 65%;
}
.page6 .content .address p{
	font: normal 20px/2 "微软雅黑";
	color: #444;
}


.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}