@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1000px; margin:0 auto; position:relative;}

.boxMo{ min-width:1000px;}

.maga_wrap{ position: relative; margin: 20px auto 0; width:1190px; height:842px; transform-origin: 0 0; -webkit-transform: 0 0; /* Safari and Chrome */ box-shadow: 0;}
.maga_wrap.addshadow{ box-shadow: 0 0 4px 4px #dfdfdf;}
.maga_right{ display: none; position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 2; box-shadow: 0 0 4px 4px #dfdfdf;}
.maga_left{ display: none; position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 2; box-shadow: 0 0 4px 4px #dfdfdf;}
#magazine{
	position: relative;
	width:1190px;
	height:842px;
	/*box-shadow: 2px 2px 2px #dfdfdf;*/
	overflow: hidden;
	z-index: 3;
	}
.con{ position: relative; background: #fff; height: 100%; }

#magazine .turn-page{
	background-color:#ccc;
	background-size:100% 100%;
}

.btn{ width: 1190px; height: 34px; margin: 20px auto 0; text-align: center; transform-origin: 0 50%; -webkit-transform: 0 50%;}
.btn span{  display: inline-block; width: 34px; height: 34px; background-image: url(arr.jpg);}
.prev{ background-position: 0 0;}
.next{ background-position: -34px 0;}

.cover{ position: absolute; top: 0; left: 0; width: 595px; height: 842px; background: url(cover.jpg) no-repeat center top;}
.end{ position: absolute; top: 0; left: 0; width: 595px; height: 842px; background: url(end.jpg) no-repeat center top;}

#magazine .even .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}
#magazine .odd .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.bot_des1{ position: absolute; bottom: 20px; left: 0; width: 100%; font: 14px/20px "Microsoft Yahei"; text-align: center; color: #fff;}
.bot_des2{ position: absolute; bottom: 50px; left: 0; width: 100%; font: 18px/20px "Microsoft Yahei"; text-align: center; color: #fff;}

.list{ position: relative; z-index: 3;}
.list_t{ height: 36px; padding-top: 50px; margin-bottom: 50px; font: 36px/36px "Microsoft Yahei"; text-align: center; color: #69a3f7;}
.list_con{ width: 500px; margin: 0 auto; }
.list_tem{ position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #9ec1f8;}
.list_area{ position: absolute; top: 0; left: 0; width: 94px; height: 94px; font-size: 24px; line-height: 94px; text-align: center; color: #fff; background: url(bg_cir1.png) no-repeat center top;}
.list_area.bg2{ background: url(bg_cir2.png) no-repeat center top;}

.tit_list{ min-height: 94px; padding-left: 120px; margin-top: 14px;}
.tit_tem{ padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px dashed #c5dafb;}
.tit_tem h3{ margin-bottom: 10px; font: 18px/20px "Microsoft Yahei";}
.tit_tem h3 a{ color: #333;}
.tit_tem p{ font-size: 14px; line-height: 20px; color: #888;}

.page_bot{ position: absolute; bottom: 0; left: 0; width: 100%; height: 76px; background: url(page_bot.png) no-repeat center top; z-index: 4}

.tip{ display: none;}
.tip p{ padding-top: 50px; font-size: 16px; line-height: 30px; text-align: center; }