* { padding: 0; margin: 0; list-style: none; text-decoration: none; color: #666; font-family: "Microsoft YaHei"; font-size: 14px;}
.clear { clear: both;}
.w1200 { width: 1200px; margin: 0 auto;}
img { vertical-align: middle; padding: 0; margin: 0; border: 0; background: none;}

/*.top { height: 30px; background: #f5f5f5; width: 100%; border-bottom: 1px solid #ddd; margin: 0 auto;}
.topLeft,.topRight { width: 50%; float: left; line-height: 30px;}
.topRight { text-align: right;}
.topRight img { width: 13px; height: 14px; margin-right: 3px;}*/

.head { width: 100%; height: auto; margin: 0 auto; 
/*position: fixed; top: 31px; left: 0; background: rgba(255,255,255,0.8); filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;*/}
.logo { width: 300px; height: 75px; float: left;}
.logo img { width: 300px; height: 75px;}
.nav { width: auto; float: right; height: 50px; margin-top: 20px; float: right;}
.nav a { display: block; width: 80px; height: 50px; line-height: 48px; text-align: center; margin-left: 50px; float: left; font-size: 16px;}
.nav a:hover,.nav a.on { font-weight: bold; color: #ff6200; border-bottom: 2px solid #ff6200;}

.banner { width: 100%; height: auto; position: relative;/* margin-top: 90px;*/}
.ban { width: 100%; height: 380px; display: none;}
.ban.on { display: block;}
.ban a { width: 100%; height: 380px; display: block;}

.banner1 { background: url(../img/banner1.jpg) center no-repeat;}
.banner2 { background: url(../img/banner2.jpg) center no-repeat;}

.Jlift,.Jright { width: 60px; height: 86px; position: absolute; top: 50%; margin-top: -43px; cursor: pointer; display: none;}
.Jlift { background: url(../img/Jleft.png) center no-repeat; left: 0;}
.Jlift:hover { background: url(../img/Jleft_hover.png) center no-repeat;}
.Jright { background: url(../img/Jright.png) center no-repeat; right: 0;}
.Jright:hover { background: url(../img/Jright_hover.png) center no-repeat;}
.download { width: 153px; height: 140px; position: absolute; top: 50%; margin-top: -70px; left: 50%; margin-left: 400px;}
.downLoadAndroid { width: 153px; height: 46px; background: url(../img/downLoadAndroid.png) center no-repeat;}
.downLoadAndroid:hover { background: url(../img/downLoadAndroid_hover.png) center no-repeat;}
.downLoadIos { width: 153px; height: 46px; background: url(../img/downLoadIos.png) 0 0 no-repeat; margin-top: 20px;}
.downLoadIos:hover { background: url(../img/downLoadIos_hover.png) center no-repeat;}
.downLoadAndroid a,.downLoadIos a { width: 153px; height: 46px; display: block;}
.small { width: 1200px; position: absolute; bottom: 0; left: 50%; margin-left: -600px; height: 60px;}

.Sban { width: 110px; height: 59px; cursor: pointer; float: left;}
/*.Sban1 { background: url(Sban1.png) center no-repeat; margin-left: 650px;}
.Sban1:hover { background: url(Sban1_hover.png) center no-repeat}
.Sban1.on { background: url(Sban1_hover.png) center no-repeat}
.Sban2 { background: url(Sban2.png) center no-repeat;}
.Sban2:hover { background: url(Sban2_hover.png) center no-repeat}
.Sban2.on { background: url(Sban2_hover.png) center no-repeat}
.Sban3 { background: url(Sban3.png) center no-repeat;}
.Sban3:hover { background: url(Sban3_hover.png) center no-repeat}
.Sban3.on { background: url(Sban3_hover.png) center no-repeat}
.Sban4 { background: url(Sban4.png) center no-repeat;}
.Sban4:hover { background: url(Sban4_hover.png) center no-repeat}
.Sban4.on { background: url(Sban4_hover.png) center no-repeat}
.Sban5 { background: url(Sban5.png) center no-repeat;}
.Sban5:hover { background: url(Sban5_hover.png) center no-repeat}
.Sban5.on { background: url(Sban5_hover.png) center no-repeat}*/
.Sban1 { background: url(../img/Sban1.png) center no-repeat; margin-left: 870px;}
.Sban1:hover { background: url(../img/Sban1_hover.png) center no-repeat}
.Sban1.on { background: url(../img/Sban1_hover.png) center no-repeat}
.Sban2 { background: url(../img/Sban2.png) center no-repeat;}
.Sban2:hover { background: url(../img/Sban2_hover.png) center no-repeat}
.Sban2.on { background: url(../img/Sban2_hover.png) center no-repeat}

.main { width: 100%; margin: 0 auto;}
.partProduct { width: 100%; height: 611px; border-top: 1px solid #fff; background: url(../img/bg1.jpg) center no-repeat;}
.iconList { width: 800px; margin-left: 400px; margin-top: 110px; overflow: hidden;}
.iconList ul { width: 750px; height: auto;}
/*.iconList ul li { width: 82px; height: 112px; float: left; margin: 50px 60px 0 0;}*/
.iconList ul li { width: 302px; height: 144px; border: 1px solid #e6e6e6; position: relative; float: left; margin: 35px 50px 0 0;}
.iconList ul li img { width: 100%; height: 144px;}
/*.iconTit { width: 100%; height: 30px; line-height: 30px; text-align: center;}*/

.partIdea { width: 100%; height: 501px; background: url(../img/bg2.jpg) center no-repeat;}

.partIntro { width: 100%; height: 551px; background: url(../img/bg3.jpg) center no-repeat;}
.companyIntro { width: 660px; height: auto; padding: 137px 0 0 490px;}
.companyIntro p { text-align: justify; line-height: 32px; color: #71c7f5; font-size: 13px; text-indent: 26px;}

.partContact { width: 100%; height: 240px; background: url(../img/bg4.jpg) center no-repeat;}
.contact { width: auto; padding: 100px 0 0 160px;}
.contactTit { font-weight: bold; color: #333;}
.contactTit span { margin-left: 10px; font-weight: normal; font-size: 13px;}
.contactAddress { margin-top: 19px; font-size: 13px;}
.contactTel { margin-top: 10px; font-size: 13px;}
.contactTel span { color: #ff6200; font-weight: bold;}

.partLicense { width: 100%; height: 439px; background: url(../img/bg5.png) center no-repeat; border-top: 1px solid #f5f5f5;}
.partLicense ul { width: 1230px;}
.partLicense ul li { width: 148px; height: 213px; border: 1px solid #ccc; float: left; margin: 130px 86px 0 0; cursor: pointer; position: relative;}
.partLicense ul li:hover { border: 1px solid #ff4800;}
.licenseTit { position: absolute; bottom: -30px; left: 0; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-align: center;}

.licenseBox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; z-index: 10;}
.close { width: 30px; height: 30px; position: fixed; top: 50%; right: 50%; margin-top: -436px; margin-right: -321px; z-index: 2; cursor: pointer;}
.close img { width: 30px; height: 30px;}
.licenseAll ul li { width: 612px; height: 842px; border: 15px solid #d9d9d9; border-radius: 10px; display: none; position: fixed; top: 50%; left: 50%; margin-top: -436px; margin-left: -321px;}
.licenseAll ul li.on { display: block;}
.licenseAll ul li img { width: 100%; height: auto;}

.foot { background: #0d0d0d; padding: 15px 0;}
.foot p { text-align: center; line-height: 30px; height: 30px; color: #6a6a6a;}

.fixNav { width: 43px; height: 243px; position: fixed; bottom: 10%; right: 0; background: #fff;}
.fixNav a { width: 100%; height: 43px; margin-top: 1px; display: block;}
.fixNav .fixImg1 { background: url(fix_home.png) center no-repeat; margin-top: 0;}
.fixImg1:hover { background: url(fix_home_hover.png) center no-repeat;}
.fixImg2 { background: url(fix_product.png) center no-repeat;}
.fixImg2:hover { background: url(fix_product_hover.png) center no-repeat;}
.fixImg3 { background: url(fix_idea.png) center no-repeat;}
.fixImg3:hover { background: url(fix_idea_hover.png) center no-repeat;}
.fixImg4 { background: url(fix_intro.png) center no-repeat;}
.fixImg4:hover { background: url(fix_intro_hover.png) center no-repeat;}
.fixImg5 { background: url(fix_tel.png) center no-repeat;}
.fixImg5:hover { background: url(fix_tel_hover.png) center no-repeat;}
.fixNav .fixImg6 { background: url(fix_top.png) center no-repeat; height: 23px;}
.fixImg6:hover { background: url(fix_top_hover.png) center no-repeat;}