@charset "utf-8";
body{background-color: #fff;}
.f_red {color: #f0436b; font-size: 48px;}
.top_banner1 {background:url(./home_izx_baner1.jpg) no-repeat top center; width:100%; height:188px; overflow: hidden;}
.top_banner2 {background:url(./home_izx_baner2.jpg) no-repeat top center; width:100%; height:120px;}
.top_banner3 {background:url(./home_izx_baner3.jpg) no-repeat top center; width:100%; height:198px;}
.top_banner1 h1 {width:350px; height:90px; margin: 0 auto; padding-top: 105px; }
.downward {margin: 20px auto; width: 61px;}
.top_banner3 .botton {width: 350px; margin: 0 auto; padding-top: 26px;}
.top_banner3 a { background: url(./izx_sprice.png) no-repeat; width: 140px; height: 54px; display: inline-block;cursor:pointer;}
.top_banner3 .registration { background-position: 0 0px; }
.top_banner3 .registration:hover { background-position: 0 -114px; }
.top_banner3 .login { background-position: 0px -57px;margin:0 0 0 65px;display: inline-block;}
.top_banner3 .login:hover { background-position: 0px -171px}
.authentication,.discussion,.client {width: 1000px; margin: 0 auto; padding-top: 36px;}
.recommend {padding-top: 36px;margin:0 auto}
.authentication {padding-top: 134px;}
.recommend .left,.recommend .right{background: url(./lr_sprice.png) no-repeat; cursor: pointer; z-index: 3; 
	 width: 57px; height: 366px; position: absolute;top: 653px;top: 652px\9; *top: 659px; _top: 660px;}
.recommend .left{background-position: 0 0px;display:none;}
.recommend .left:hover {background-position: 0 -368px;}
.recommend .right {background-position: 0 -737px;right: 0px}
.recommend .right:hover {background-position: 0 -1105px; right: 0px;}
.recommend h2 {margin-top: 10px;white-space:nowrap;}
.recommend h2,.authentication h2,.discussion h2,.client h2 {font:normal 36px/48px "Microsoft YaHei"; color: #545353; clear: both; text-align: center;}
.authentication p {text-align: center; padding-top: 50px;}

.mainbox{height:380px;margin:0 auto;overflow:hidden;position:relative;padding:47px 0 0;+padding:69px 0 0}
.publist{position:absolute;left:0; z-index: 1;}
.publist li{margin:0 6px 6px 0;float:left;position:relative;width:180px;height:180px;overflow:hidden;cursor:pointer; z-index: 1}
.publist li img{width:180px;height:180px;display:block}

.alpha_connter{width:180px;position:absolute;z-index: 5px}
.alpha_connter .alpha{width: 180px; height:180px;display:block;background: #000;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.alpha_connter span{position: absolute;top:117px;left:10px;z-index: 2;color:#fff;font:normal 14px/28px "Microsoft YaHei";}
.alpha_connter .f_24{font-size: 26px;}
.alpha_connter i{padding-left: 30px;font-style:normal}

.discussion {padding-top: 154px;}
.discussion p {text-align: center; padding-top: 58px;}
.mobile {width: 750px; margin: 0 auto;padding-top: 65px; padding-bottom: 88px;}
.client {padding-top: 147px;}
.client p { float: left; margin-top: 4px;}
.client ul {float: left; margin-left: 90px; display: inherit}
.client ul a { background: url(./izx_sprice.png) no-repeat; width: 198px; height: 64px; display: inline-block;cursor:pointer;}
.client ul li .iphone { background-position: 0px -362px; margin-top: 32px;}
.client ul li .iphone:hover { background-position: 0px -492px; }
.client ul li .android { background-position: 0px -427px; margin-top: 4px; }
.client ul li .android:hover { background-position: 0px -555px; }
.client ul li {margin-bottom: 25px;}
.client .code {padding-top: 10px;}
.shadow{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;top:0;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}

.nav_top_bg{position: fixed;_position: absolute;height: 78px;left: 0;bottom: 0;z-index: 999;width: 100%;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight)}
.nav_top{background: #3b3b3b;width: 100%;height: 100%;margin: 0;padding: 0;opacity: .7;filter: alpha(opacity=70);}
.content {width: 1000px;margin:-77px auto 0;position:relative; clear: left;}
.content .img{ float: left;padding-top: 26px;width: 233px; margin-left: 30px; display: inline;}
.content .button {float: right;margin-top: 22px;}
.content .botton img { padding-right: 10px;}
.content .button  a{float:left;background:url(./izx_sprice.png) no-repeat;width: 85px; height: 32px;display: inline-block}
.content .button .registration{ background-position:0 -228px; display: inline-block; }
.content .button .registration:hover {background-position:0 -296px}
.content .button .login { background-position: 0px -262px;float: left;margin-left: 15px;}
.content .button .login:hover { background-position: 0px -328px; margin-left: 15px; display: inline-block;}

.tips{background:#fff;width: 708px; height: 352px; clear: both;display:none;position:fixed;_position:absolute;z-index:100}
.tips_top {width: 708px; height: 260px; border-bottom: solid 1px #ededed; background: #f5f5f5;}
.tips_top dt {width:250px;padding:10px;background-color: #fff; border: solid 1px #eeeeee;position: relative;margin:-40px 20px 0 24px;float:left}
.tips_top dd {float: left; width: 362px;color: #888888; font:normal 14px/30px "Microsoft YaHei";_width:340px}
.tips_top .img_r {margin-top: 10px; text-align: right; padding-left: 10px;}
.tips_top .img_r img{cursor:pointer}
.tips_top .title {font:normal 24px/20px "Microsoft YaHei"; color: #333333;}
.tips_top .title i{padding-right: 25px; font-style: normal;}
.tips_top .f_18 {font:normal 18px/20px "Microsoft YaHei"; margin: 30px 0 20px 0; display: inline;}
.tips_top dd span{background: url(./izx_sprice.png) no-repeat; width: 23px; height: 23px; padding-right: 5px; display: inline-block;cursor:pointer;font-size:0;vertical-align: -2px;}
.tips_top .sfz { background-position: 0 -777px; }
.tips_top .xl { background-position: 0 -801px;  }
.tips_top .sj { background-position: 0 -827px;  }
.tips p {font:normal 24px/20px "Microsoft YaHei"; vertical-align: middle; color: #888; padding: 30px 0 0 140px}
.tips p a{width:98px;height:37px;line-height:37px;background: url(./izx_sprice.png) no-repeat;display: inline-block;vertical-align:middle}
.tips .registration{ background-position: 0 -619px;margin:0 37px 0 0 }
.tips .registration:hover { background-position: 0 -657px; }
.tips .login { background-position: 0 -699px; }
.tips .login:hover {background-position: 0 -737px; }
.tips .text {line-height: 42px;margin:0 64px 0 0}

.shadow{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;position:fixed;top:0;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index: 40}