body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; margin: 0;padding: 0;}
ul, ol { list-style:none; }

fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }

body{
	color: #333;
	font-size: 16px;
	font-family: "Microsoft YaHei",Arial,Helvetica,tahoma,sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
}
header nav li {
	display: inline;
}
header{
	background-color: #fff;
	height: 60px;
	width: 100%;
}
header img{
	float: left;
	margin-left: 30px;
}
header ul li{
	display: inline-block;
}
/*.logo{*/
	/*margin-top: 5px;*/
	/*position: relative;*/
	/*left: 50%;*/
	/*margin-left: -340px;*/
/*}*/
.banner{
	position: relative;
	height: 381px;
        overflow: hidden;
	/*background: url(../img/banner1.png) center;*/
}
.banner-slide{
    width: 2400px;
    height: 460px;
    position: absolute;/*相对于父元素.banner的绝对定位*/
    background-repeat: no-repeat;/*图片平铺*/
    display: none;/*隐藏图片*/
}
.slide-active{
    display: block;/*设置图片显示*/
}

.slide1{
    background-image: url(../img/banner1.png);
    /*  
        如果直接使用backgroung属性 
        会将.banner-slide中的background-repeat属性覆盖
        所以应该使用background-image属性定义背景图片
    */ 
}

.slide2{
    background-image: url(../img/banner2.png);
}
.banner-intro{
	position: relative;
	height: 359px;
	background: url(../img/banner-intro.png) center;
}
.banner2-top{
	position: relative;
	height: 359px;
	background: url(../img/dzgjtop.png) center;
}
.banner2-down{
	position: relative;
	height: 359px;
	background: url(../img/dzgjdown.png) center;
}
.banner-download{
	position: relative;
	height: 733px;
	background: url(../img/banner-download.jpg) center;
}
.banner-about{
	position: relative;
	height: 360px;
	background: url(../img/banner-about.jpg) center;
}
ul.nav{
	float: right;
	position: relative;
	right: 50%;
	/* margin-right: 100px; */
	margin-top: 10px;
	font-size: 16px;
	margin-right: -300px;
}
ul.nav li{
	padding: 10px;
	
}
ul.nav li a{
	color: #424242;
	text-decoration: none;
}
ul.nav li a.focus{
	color: #ff4200;
	text-decoration: none;
}
.twocode{
	position: absolute;
	left: 50%;
	margin-left: -340px;
	bottom: -10px;
}
.twocode-download{
	position: absolute;
	left: 50%;
	margin-left: 36px; 
	top: 420px;

}
.downloadbtn{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	bottom: 75px;
}
.downloadbtn-download{
	position: absolute;
	left: 50%;
	top: 284px;
}
.advantage{
	width: 100%;
	height: 390px;
}
ul.circlebox{
	width: 780px;
	margin: 0 auto;
	height: 390px;

}
ul.circlebox li{
	text-align: center;
	display: inline-block;
	width: 245px;
	vertical-align: top;
	margin: 58px 5px;
}
ul.circlebox li p{
	width: 240px;
	margin: 9px auto;
	line-height: 1.5em;
}
.award{
	width: 100%;
	background-color: #f7f7f7;
	height: 508px;
}
.awardbox{
	width: 525px;
	margin: 0 auto;
	height: 508px;

}
.rocket{
	float: left;
	margin-top: 143px;
}
.example{
	float: right;
	margin-top: 56px;
	margin-bottom: 56px;
}
.example li{
	margin-bottom: 40px;
	height: 100px;
}
p.yonghu{
	font-size: 22px;
	color: #ffb400;
	padding: 0 10px;
}
p.touzhu{
	font-size: 18px;
	color: #636363;
	padding: 0 10px;
	
}
.communicate{
	width: 100%;
	background-color: #fff;
	height: 280px;
}
ul.three{
	width: 825px;
	height: 170px;
	margin: 0 auto;
	padding: 55px;
}
ul.three>li{
	width: 260px;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 5px;
}
.otherlogo{
	float: left;
	margin-right: -5px;
}
.qqqun{
	float: left;
	width: 145px;
	text-align: center;
}
.cooperate {
padding: 41px 0 52px 0;
width: 100%;
background-color: #f7f7f7;
text-align: center;
}
.cooperate h2{
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: normal;
}
footer{
	padding: 10px;
	text-align: center;
}
ul.links{
	width: 888px;
	height: 180px;
	margin: 20px auto;
}
ul.links li{
	border: 1px solid #e6e6e6;
	float: left;
	width: 200px;
	height: 50px;
	margin: 0 10px 20px 10px;
	background-image: url(../img/cooperate.png);
}
li.link-1{
	background-position: 0 -1px;
}
li.link-2{
	background-position: -226px -1px;
}
li.link-3{
	background-position: -453px -1px;
}
li.link-4{
	background-position: -679px -1px;
}
li.link-5{
	background-position: 0 -74px;
}
li.link-6{
	background-position: -226px -74px;
}
li.link-7{
	background-position: -453px -74px;
}
li.link-8{
	background-position: -679px -75px;
}
li.link-9{
	background-position: -1px -147px;
}
li.link-10{
	background-position: -226px -147px;
}
li.link-11{
	background-position: -453px -147px;
}
li.link-12{
	background-position: -679px -147px;
}


.wrap-box{
	width: 100%;
	padding-top: 10px;
}
.intro-box{
	width: 735px;
	margin: 0 auto;
}
.intro-content{
	
	padding: 20px 0;
}
.intro-item{
	background-image: url(../img/intro-details.png);
	background-repeat: no-repeat;
	height: 410px;
	padding: 20px;
	background-origin: content-box;
}
.intro2-item1{
	background-image: url(../img/in21.png);
	background-repeat: no-repeat;
	height: 410px;
	width: 410px;
	padding: 20px;
	background-origin: content-box;
}
.intro2-item2{
	background-image: url(../img/in22.png);
	background-repeat: no-repeat;
	height: 410px;
	padding: 20px;
	width: 410px;
	background-origin: content-box;
}
.intro2-item3{
	background-image: url(../img/in23.png);
	background-repeat: no-repeat;
	height: 410px;
	width: 410px;
	padding: 20px;
	background-origin: content-box;
}
.intro2-item4{
	background-image: url(../img/in24.png);
	background-repeat: no-repeat;
	width: 410px;
	height: 410px;
	padding: 20px;
	background-origin: content-box;
}
.intro-white{
	background-color: #fff;
}
.intro-grey{
	background-color: #f7f7f7;
	
}
.intro21{
	padding-left: 470px;
	background-origin: content-box;
}
.intro1{
	background-position: 0 0; width: 217px; height: 408px;
}
.intro2{
	background-position: 0 -540px;width: 217px;height: 408px;
	padding-left: 470px;
	background-origin: content-box;
}
.intro3{
	 background-position: 0 -1080px; width: 217px; height: 408px;
}
.intro4{
	background-position: 0 -1620px; width: 217px; height: 408px; 
	padding-left: 470px;
	background-origin: content-box;
}
p.intro-title{
	background-image: url(../img/intro-details.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	margin-bottom: 20px;
}

p.intro-title1{
	background-repeat: no-repeat;
	padding-top: 50px;
	margin-bottom: 50px;
}

p.title1{
	background-position: 0 -458px; 
	width: 152px; 
	height: 32px; 
	background-origin: content-box;
}
p.title2{
	background-position: 0 -998px; width: 152px; height: 32px; 
	background-origin: content-box;
}
p.title3{
	background-position: 0 -1538px; width: 152px; height: 32px;  
	background-origin: content-box;
}
p.title4{
	background-position: -267px 0; width: 152px; height: 32px;
	background-origin: content-box;
}
.info-right{
	display: inline-block;
	margin-left: 400px;
	width: 400px;
	padding-top: 44px;
}
.info-left{
	position: relative;
	left: -440px;
	display: inline-block;
	width: 400px;
	padding-top: 44px;
	
}
.intro-box p{
	font-size: 1.2em;
}
.text2d{
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	padding-bottom: 10px;
}
.about-text{
	width: 410px;
	margin: 0 auto;
	text-align: center;
	padding-top: 175px;
}
.about-text h2{
	font-size: 1.8em;
	color: #fff;
}
.about-text p {
	font-size: 1.1em;
	color: #fff;
}
.about-us{
	width: 410px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
.about-us h2{
	font-size: 1.6em;
	margin-bottom: 14px;
}
.about-us p{
	
	font-size: 1.1em;
	color: #373737;
}

.contact-us-box{
	padding-bottom: 20px;
	border-color: #f7f7f7;
}
.contact-us{
	width: 410px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}
.contact-us h2{
	margin-bottom: 14px;
	font-size: 1.6em;
}
.contact-us p{
	color: #373737;
}
.map{
	display: block;
	width: 80%;
	margin: 0 auto;
	max-width: 1335px;
}

.logolink{

}
.guanfang{
	margin-left: 50px;
}

.para {
margin-bottom: 14px;
text-indent: 30px;
}