@charset "utf-8";
/* CSS Document 
Use for:	ipad zmxy
Version:	1.0
Date:		2012/08/02
Author:		情封
Update:     
*/

/* CSS reset */
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{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
del, ins { text-decoration: none }
fieldset, img { border: 0; }
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei"}
input,select,img{ vertical-align:middle}
input,select{ outline:none}
ul,ol{ list-style:none }
label{ cursor:pointer}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address,cite,dfn,em,var{font-style:normal;}
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0}

/* global */
body{ background:#fff;}
.wrapper{ margin:0 auto;text-align:left;width:1000px; }
td{ font-size:12px; line-height:160%;}
.left{ float:left }
.right{ float:right }
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.txthide{ text-indent:-999em;overflow:hidden; line-height:0; font-size:0}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear{ clear:both }

/*common*/
body{ background:url(../images/body.png) repeat;}
.sj_wrap{margin:0 auto;text-align:left;}
.mt_1{ margin-top:20px;}

a:active{-webkit-user-select: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}

.sj_box{ border:1px solid #dedede;-webkit-border-radius:5px; padding:15px 20px;background:#fff;}
.sj_box .sj_hd{ border-bottom:1px solid #e0e0e0;padding-bottom:10px;}
.sj_box .sj_hd h2{ font-size:18px;color:#333;font-weight:400; float:left;}

.m_imglist{ /*overflow:hidden;*/letter-spacing:-4px;word-spacing:-4px; }
.m_imglist img{ -webkit-border-radius:5px;display: block; margin-bottom:5px; }

.m_txtlist{ padding-right:10px;}
.m_txtlist li{ overflow:hidden;padding:12px 0;border-bottom:1px dotted #d1d1d1;font-size:14px;}
.m_txtlist span{float:right;}
.m_txtlist a{color:#333;display: block;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.m_txtlist a:before{content: "·"; padding-right:5px;}

/*滚动条*/			
.scroll_bar{ text-align:center; font-size:0;letter-spacing:-4px; /*position:absolute;left:0;bottom:0*/}
.scroll_box li{display:inline-block;vertical-align:middle;width:13px;height:13px;overflow:hidden;margin-left:15px;
				background:-webkit-linear-gradient(top, #c2c2c2, #c6c6c6 100%);-webkit-border-radius:13px;
				}
.scroll_box li.current{background:#399eee;}
				
			
::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-track-piece{ background-color: #f9fafb;-webkit-border-radius: 6px;-webkit-box-shadow:1px -1px 3px #d1d2d3 inset;}
::-webkit-scrollbar-thumb:vertical{height: 6px;background:-webkit-linear-gradient(left, #2e8ff0, #64d1ff 100%);
									-webkit-border-radius: 6px;-webkit-box-shadow:1px 1px 1px #8fdeff inset;
									border:1px solid #2b88e9;
									}
::-webkit-scrollbar-thumb:horizontal{height: 6px;background:-webkit-linear-gradient(top, #64d1ff, #2e8ff0 100%);
									-webkit-border-radius: 6px;-webkit-box-shadow:1px 1px 1px #8fdeff inset;
									border:1px solid #2b88e9;
									}
	
	
/*m_item*/
.m_item{ padding-top:20px; float:left;font-size:14px;letter-spacing:normal;word-spacing:normal; line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m_item a{ color:#333;display:block;white-space: nowrap;}

.bx1 .m_item,.bx3 .m_item,.bx4 .m_item{width:128px;height:130px; margin-right:5px;}
.bx2 .m_item{width:168px;height:170px; margin-right:19px;}





		
.sj_top h1{width:114px;height:57px; }

/*======================================common=====================================================*/

.sj_r1,.sj_r4,.sj_r3,.sj_header,.navigatior{display:-webkit-box;}
/*sj_top*/
.sj_top{ background:-webkit-linear-gradient(top, #fff, #f3f3f3 100%);
		 height:63px;border-bottom:1px solid #cecece;-webkit-box-shadow:-1px 0 -1px #fff inset;}

.navigator a{font-size:18px;color:#333;display:inline-block; height:38px;text-align:center;line-height:38px;color:#333;border:1px solid transparent;-webkit-border-radius:20px;}
.navigator a.current,.navigator a:hover{ background:-webkit-gradient(linear,0 0,0 bottom,from(#45b2f3),to(#2d8bea)); border:1px solid #2b88e9;
			color:#fff;text-decoration: none;
}

.bx1{width:668px;margin-right:20px;}

.link_box{ margin-bottom:-10px;overflow:hidden;}
.link li{ margin-bottom:10px;}
.link a{ background-image:url(../images/link.png);font-size:26px; display:block; background-repeat:no-repeat;width:215px;padding:0px 0 0 35px;background-position: 0 0;height:71px;color:#333;line-height:70px;}
.link .appstore{ background-position: 0 -71px;height:70px; color:#fff;}
.link .appstore:active{ background-position: -250px -71px;}
.link a:hover{ text-decoration: none;}
.link a:active{ background-position: -250px 0;}
.link span{ background-image:url(../images/ico.png);background-repeat:no-repeat;display:inline-block;vertical-align: middle;margin-right:10px;}
.appstore span{ background-position:-2px 0px;width:38px;height:48px;margin:-5px 25px 0 0;}
.wk span{ background-position:-50px -3px;width:54px;height:54px; }
.ts span{ background-position:-109px -3px;width:54px;height:54px; }
.bj span{ background-position:-167px -3px;width:54px;height:54px; }
.ss span{ background-position:-225px -3px;width:54px;height:54px; }

.bx1 .m_box,.bx2 .m_box{ position: relative;height:320px;width:668px;overflow:hidden;margin:0 auto;}

.bx4 .m_box li{ height:160px;}
	.bx3 .m_sil{ white-space:nowrap;}
.bx2 .m_imglist{ margin-right:-50px;color:#333;}
.bx2 .m_imglist img{/*border:1px solid #d1d1d1;*/}
.bx2 li p{font-size:12px;}
.bx4 .sj_hd{ border-bottom:none; padding-bottom:0;}
.bx4 .m_box{height:380px;}
.bx4 .m_item{height:160px; }

/*m_tab*/
.m_tab{ float: left; margin:-5px 0 0 20px; background:#f9fafb; width:590px;height:30px;-webkit-border-radius:30px;border-width:1px;boder-style:solid;border-color:#d3d4d5 #e0e1e2 #eeeff0 #e2e3e4;-webkit-box-shadow:1px 1px 3px #d3d4d5 inset;padding:5px;}
.m_tab:active,.tabactive{-webkit-user-select: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.m_tab li{float:left;color:#333;font-size:16px; line-height: 28px;padding:0 23px;cursor:pointer;}
.m_tab li.current{ height:28px;border:1px solid #d6d6d6;display:block;-webkit-border-radius:30px;
						background:-webkit-gradient(linear,0 0,0 bottom,from(#45b2f3),to(#2d8bea));color:#fff;-webkit-user-select: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}

.bx5{  margin-right:20px;}
.bx5 .sj_bd{ height:370px;overflow-y:auto;}
.bx5 .m_txtlist a{width:400px;}

.bx6{ width:340px;}
.bx6 .m_txtlist a{width:260px;}

.foot{ background:#ebebeb;padding:20px 0;border-top:1px solid #fff;
		-webkit-box-shadow:0 1px 5px #a5a2a2 inset; line-height: 24px;
	}
	
.btn_group{float:right;font-size:14px;color:#333; text-align:center;line-height: 28px; width:80px;height:28px;border:1px solid #e7e7e7;-webkit-border-radius:20px;background:-webkit-gradient(linear,0 0,0 bottom,from(#f8f8f8),to(#fcfcfc));}
.btn_group:active{color:#0078cc;background:-webkit-gradient(linear,0 0,0 bottom,from(#f8f8f8),to(#fcfcfc));}
.btn_group:hover{ text-decoration: none;}

.clink,.cr{ text-align:center;color:#787878;}
.clink a{ padding:0 10px;color:#787878;}
.cr span{ margin:0 10px;}

/*sj_pop*/
.sj_pop{z-index:15;width:99%; margin:0 auto;-webkit-border-radius:5px;padding:2px;}
.sj_pop .sj_ipop{ /*background:#f4f4f4;*/-webkit-border-radius:5px;/*height:489px;*/padding:30px 35px; }
.sj_pop .hd{text-align:center;}
.sj_pop .hd h2{color:#333;font-size:22px;}
.sj_pop .hd .info{color:#999; margin-top:5px;}
.sj_pop .hd span{ margin-right:20px;}
.sj_pop .bd{ background:#fff;border:1px solid #dedede;-webkit-border-radius:5px;margin-top:15px;padding:10px 20px;}
.sj_pop .content{ padding:10px 0;font-size:20px;line-height:30px;}
.sj_pop .content p{ margin-top:10px;text-indent:2em;}
.video{ width:640px;margin:0 auto;}
/*======================================css3 media query=====================================================*/

/*ipad横版*/
@media screen and (max-device-width: 1024px) and (orientation: landscape){
	.sj_wrap{ width:980px;}
	.sj_r1,.sj_r4,.sj_r3,.sj_header,.navigator{ -webkit-box-orient:horizontal; }
	.sj_bannner img{ width:980px;height:270px;}
	.nav{ margin:12px 0 0 40px;}
	.navigator a{padding:0 25px;}
	.link-box{width:250px;}
	.bx2 .m_box{ width:938px;height:400px;}

	.bx3 .m_box{ width:938px; height:170px;}
	.bx4 .m_box { width:938px;}
	.bx5{ width:536px; }
	img{ width:100%;height:auto;}
}

/*Large screens(大屏幕)*/
@media only screen and (min-width : 1024px) {
	.sj_bannner{ background:url(../images/sj_bannner.png) no-repeat center top;height:270px; width:100%;}
	.sj_wrap{ width:980px;}
	.sj_bannner img{ width:980px;height:270px;}
	.nav{ margin:12px 0 0 85px;}
	.navigator a{padding:0 25px;}
	.link-box{width:250px;}
	.bx2 .m_box{ width:938px;height:400px;}
	.bx4 .m_box { width:938px;}
	.bx3 .m_box{ width:935px; height:170px;}
	.bx5{ width:536px; }
	img{ width:100%;height:auto;}
}

/*ipad竖版*/
@media screen and (max-device-width: 768px) and (orientation: portrait){
	.sj_wrap{ width:768px;}
	.sj_r1,.sj_r4,.sj_r3 {-webkit-box-orient:vertical; }
	.nav{ margin:12px 0 0 10px;}
	.navigator a{padding:0 12px;}
	.sj_bannner img{ width:100%;height:auto;}
	
	.link-box{ margin:20px auto 0; width:600px;}
	.link{overflow:hidden;margin-right:-20px;}
	.link li{float:left;background-size:100px 100px;margin:10px 0 0 5px;}
	
	.bx1,.bx2,.bx5,.bx3,.bx4,.bx6{ width:720px; margin:0 auto;}
	.bx2 .m_item{ width:120px;height:130px;margin-right:10px;}
	.bx4 .m_box { width:700px;height:300px;}
	.bx4 .m_item{width:95px;height:130px;margin-right:5px;}
	.bx3 .m_box{ width:700px; height:140px;}
	.bx3 .m_item { width:95px;height:140px;}
	
	.bx6{margin:20px auto 0}
	img{ width:100%;height:auto;}
	.sj_pop .sj_ipop{ padding:30px 15px 45px;}
}