.menu_1 a {
	color:#FF3300;
    text-decoration:underline; 
	font-weight:bold;
	border-bottom:0px #b20000 solid;
}
/*实现导航默认选中首页*/
.waps{ 
	width:946px;
	text-align:center; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	height:371px;
	width:946px;
	position:relative;}

#slider {
	z-index:auto;
}
#slider ul { list-style-type: none; }

#slider ul li {
 position: absolute;
 left: 0;
 top: 0;
 z-index:auto;
}


/*制作步骤*/
.mb_box{ float:left; width:100%; height:310px;}
.mb_box .mb_ul{ width:960px; height:310px; display:block; padding-left:0px;}
.mb_box .mb_ul li{
	float:left; display:block; width:198px;
	height:308px; margin-right:52px;
	border:1px #CCCCCC solid; background:#FFF; cursor:pointer;}

.mb_box .mb_ul li tt ,.mb_box .mb_ul li img ,.mb_box .mb_ul li span{ display:block;}
.mb_box .mb_ul li tt{
	line-height:40px; font-size:15px; padding-left:20px;
	background:url(/images/index/arr_2.png) right center no-repeat;
	margin-right:10px; font-weight:bold;
	}
.mb_box .mb_ul li img{ margin:0 auto; margin-bottom:10px;}
.mb_box .mb_ul li span{ line-height:22px; font-size:13px; padding:0 10px;}
.mb_box .mb_ul li:hover tt{font-weight:bold; text-decoration:underline;}
.mb_box .mb_ul li:hover span{ color:#00adef;}


.gg_box{ height:170px !important; margin-top:57px; margin-bottom:30px; width:960px}
.gg_box span{ display:block; width:220px; height:64px; float:left; padding-left:74px; line-height:28px; font-size:14px; cursor:pointer;}
.gg_box span span{ line-height:18px; color:#666; font-size:12px; padding-left:0; width:190px; height:30px;}
.gg_box span.dk1{ margin-left:16px; background:url(../images/index/dk.png) left top no-repeat;}
.gg_box span.dk1:hover{ background:url(../images/index/dk_over.png) left top no-repeat;}
.gg_box span.dk2{ margin-left:40px; background:url(../images/index/dk1.png) left top no-repeat;}
.gg_box span.dk2:hover{ background:url(../images/index/dk1_over.png) left top no-repeat;}
.gg_box span.dk3{ margin-left:16px; background:url(../images/index/dk2.png) left top no-repeat;}
.gg_box span.dk3:hover{ background:url(../images/index/dk2_over.png) left top no-repeat;}
.gg_box span.dk4{ margin-left:40px; background:url(../images/index/dk3.png) left top no-repeat;}
.gg_box span.dk4:hover{ background:url(../images/index/dk3_over.png) left top no-repeat;}
.yinyan{ margin-top:24px;}


/*九宫格*/
.gg9{
	float:left; display:block; height:267px;
	width:267px;margin-left:10px; margin-top:23px;}

.gg9 .gg9_box{
	display:block; width:265px; height:257px;
	padding:0; padding-top:10px; padding-left:4px; margin:0;
	}

.gg9 .gg9_box li{ display:block; float:left; width:78px; height:78px;
	margin-left:6px; _margin-left:3px !important;
	margin-right:4px;
	_margin-right:2px !important; margin-bottom:10px; _margin-bottom:6px !important; background:#FFF;}

.gg9 .gg9_box li a{ display:block; width:100%; height:78px; text-align:center; font-size:12px; color:#5f5f5f; border:1px solid #d9d9d9; position:relative;}
.gg9 .gg9_box li a:hover{color:#3AA631;}
.gg9 .gg9_box li a span{ position:absolute; display:block; bottom:0px; left:0; line-height:14px; height:16px; width:74px; text-align:center; cursor:pointer;}
.gg9 .gg9_box li a.a1{ background:url(../images/index/tubiao.jpg) center 11px no-repeat;}
.gg9 .gg9_box li a.a1:hover{ background:url(../images/index/tubiao.jpg) center -88px no-repeat;}
.gg9 .gg9_box li a.a2{ background:url(../images/index/tubiao.jpg) center -190px no-repeat;}
.gg9 .gg9_box li a.a2:hover{ background:url(../images/index/tubiao.jpg) center -286px no-repeat;}
.gg9 .gg9_box li a.a3{ background:url(../images/index/tubiao.jpg) center -1183px no-repeat;}
.gg9 .gg9_box li a.a3:hover{ background:url(../images/index/tubiao.jpg) center -1280px no-repeat;}
.gg9 .gg9_box li a.a4{ background:url(../images/index/tubiao.jpg) center -587px no-repeat;}
.gg9 .gg9_box li a.a4:hover{ background:url(../images/index/tubiao.jpg) center -685px no-repeat;}
.gg9 .gg9_box li a.a5{ background:url(../images/index/tubiao.jpg) center -387px no-repeat;}
.gg9 .gg9_box li a.a5:hover{ background:url(../images/index/tubiao.jpg) center -486px no-repeat;}
.gg9 .gg9_box li a.a6{ background:url(../images/index/tubiao.jpg) center -1581px no-repeat;}
.gg9 .gg9_box li a.a6:hover{ background:url(../images/index/tubiao.jpg) center -1682px no-repeat;}
.gg9 .gg9_box li a.a7{ background:url(../images/index/tubiao.jpg) center -979px no-repeat;}
.gg9 .gg9_box li a.a7:hover{ background:url(../images/index/tubiao.jpg) center -1076px no-repeat;}
.gg9 .gg9_box li a.a8{ background:url(../images/index/tubiao.jpg) center -1784px no-repeat;}
.gg9 .gg9_box li a.a8:hover{ background:url(../images/index/tubiao.jpg) center -1872px no-repeat;}
.gg9 .gg9_box li a.a9{ background:url(../images/index/weixin.jpg) center -18px no-repeat;}
.gg9 .gg9_box li a.a9:hover{ background:url(../images/index/weixin.jpg) center -100px no-repeat;}

/*9宫格*/	


/*产品展示*/
.cp_box h2{ margin-bottom:10px; width:960px;}
.cp_box .cp_con{ list-style:none;display:block; padding:0; margin:15px 0; height:280px;}

.cp_box .cp_con li{ display:block; float:left; width:210px; margin-left:36px; height:280px; border:1px #CCC solid;}
.cp_con li{ position:relative;}
.cp_con li .img_pro{ margin:0 auto;}
.cp_box .cp_con li .img_pro img{ width:190px; margin:0 auto; padding-left:10px; padding-top:10px;}
.cp_con li .img_on{
	position:absolute;
	top:10px;
	left:10px;
	width:190px; height:236px;
	background:#666;
	display:none;
	color:#FFF; font-size:13px;
}
.cp_con li .img_on img{ width:160px !important; height:160px; margin:0 auto; display:block; margin-top:15px;}

.cp_box .cp_con li .cp_title{ font-size:14px; margin-left:10px; line-height:30px; height:30px;}
.cp_box .cp_con li a:hover .cp_title{ color:#fe7800;}
	
	

/* 首页幻灯css */
		.slideBox{width: expression((documentElement.clientWidth < 960)   "960px" : "100%")!important; width:100%; min-width:960px; height:431px; position:relative;}
		.slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:50%; width:850px; margin-right:-390px; bottom:-36px; z-index:1;}
		.slideBox .hd .kouhao{float: left;line-height: 24px; height: 24px; font-size:14px; letter-spacing:2px;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:auto; height:24px; line-height:24px; padding:0 16px;cursor:pointer;/* text-indent:-999px;background: url(../images/dow/pagination.png) 0 0 no-repeat;*/}
		.slideBox .hd ul li.on{ background:#FE7800; border-radius:12px; color:#fff;/*background: url(../images/dow/pagination.png) 0 -12px no-repeat;*/}
		.slideBox .bd{ position:relative; height:100%; z-index:0; overflow:hidden;}
		.slideBox .bd li{ zoom:1; vertical-align:middle;}
		.slideBox .bd a{ display:block; width:100%; height:431px; margin:0 auto;}
		.slideBox .bd a img{ display:none;}
		.slideBox .bd a.hd_pic1{ background:url(../images/banner/banner01.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic2{ background:url(../images/banner/banner02.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic3{ background:url(../images/banner/banner03.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic4{ background:url(../images/banner/banner04.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic5{ background:url(../images/banner/banner05.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic6{ background:url(../images/banner/banner06.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic7{ background:url(../images/banner/banner07.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic8{ background:url(../images/banner/banner08.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic9{ background:url(../images/banner/banner09.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic10{ background:url(../images/banner/banner10.jpg) center center no-repeat;}
        .slideBox .bd a.hd_pic11{ background:url(../images/banner/wx_banner2.jpg) center center no-repeat;}
		.slideBox .bd a.hd_pic12{ background:url(../images/banner/wx_banner.jpg) center center no-repeat;}
		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-37px; display:block; width:50px; height:75px;}
		.slideBox .next{ left:auto; right:3%;}
/*		.slideBox .prev:hover,
		.slideBox .next:hover{}*/
		
		.slideBox .prev a,
		.slideBox .next a{ position:absolute;display:block; width:50px; height:75px;text-indent:-999px; overflow:hidden; left:3%; top:50%; margin-top:-37px; opacity: 0.2;filter: alpha(opacity=20); background:#000;}
		.slideBox .prev:hover a,
		.slideBox .next:hover a{filter:alpha(opacity=50);opacity:0.5;}
		
		
		.slideBox .prev b{ position:absolute; display:block; width:50px; height:75px;background:url(../images/index/l.png) center center no-repeat; left:3%; top:50%; margin-top:-37px; cursor:pointer;}
		.slideBox .next b{ position:absolute; display:block; width:inherit; height:inherit;background:url(../images/index/r.png) center center no-repeat; left:3%; top:50%; margin-top:-37px; cursor:pointer;}
		.slideBox .prevStop{ display:none;}
		.slideBox .nextStop{ display:none;}

/*模板列表*/
.cow_3{margin-bottom:15px !important;}
.cow_3 h2{display:block; height:50px; color:#7E7D7D; line-height:50px; padding-left:4px;}
.cow_3 h2 span{float:right; margin-right:20px; font-size:14px; font-weight:normal;}
.cow_3 h2 span a:hover{ color:#00adef;}
.new_hd{float:left; width:250px;}
.zpsx{float:left; width:428px;}
.tmpl_list{width:428px; margin:0; padding:0; display:block;}
.tmpl_list li{display:block; width:200px; border:#CCC 1px solid; height:236px; float:left; margin-left:12px; margin-bottom:10px;}
.tmpl_list li img{width:200px; height:200px;}
.tmpl_list li h2{color:#000; font-size:14px; font-weight:normal; text-align:center; line-height:30px; height:30px; position:relative; cursor:pointer;}
.tmpl_list li h2:hover .ewm{display:block;}
.tmpl_list li h2 img.ewm{display:none;position:absolute; left:0; bottom:30px; width:200px; height:200px;}
.tmpl_list li.mg_b0{margin-bottom:0 !important;}


/* 最新活动图片幻灯-css */
.slideBox-hd{ width:248px; height:239px; overflow:hidden; position:relative;}
.slideBox-hd .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none; }
.slideBox-hd .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox-hd .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox-hd .hd ul li.on{ background:#f00; color:#fff; }
.slideBox-hd .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-hd .bd li{ zoom:1; vertical-align:middle; }
.slideBox-hd .bd img{ width:248px; height:239px; display:block;  }

/***banner start***/
.banner{
	background-image: url(/ebook/img/splash-bg.jpg);
	width: 100%;
	background-size: contain;
    background-repeat-x: repeat;
}
.shelf{
	width: 426px;
    height: 440px;
}
.shelf .row-1{
	position: relative;
    width: 360px;
    height: 158px;
    margin-left: 33px;
}
.shelf .row-2 {
    position: relative;
    margin-top: 20px;
    height: 158px;
    width: 360px;
    margin-left: 33px;
}
.thumb1{
	background-image: url(/ebook/img/book/1.jpg);
    width: 92px;
    height: 115px;
}
.thumb2{
    background-image: url(/ebook/img/book/001.jpg);
    width: 92px;
    height: 115px;
    background-size: cover;
}
.thumb3{
	background-image: url(/ebook/img/book/3.jpg);
    width: 97px;
    height: 115px;
}
.thumb4 {
    background-image: url(/ebook/img/book/5-1.jpg);
    width: 97px;
    height: 125px;
     background-size: cover;
}
.thumb5 {
    background-image: url(/ebook/img/book/5.jpg);
    width: 97px;
    height: 125px;
}
.thumb6 {
    background-image: url(/ebook/img/book/6.jpg?v=1);
    width: 97px;
    height: 125px;
    background-size: contain;
}
.shelf .row-1:after,.shelf .row-2:after{
	background: url(/ebook/img/wall-bookshelf.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 426px;
    height: 210px;
    display: block;
    content: "";
    margin-left: -38px;
}
.sample{
    cursor: pointer;
    margin: auto;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -webkit-transition: -webkit-transform 0.1s;
    -webkit-transform: translate(0, 0);
    -moz-transition: -moz-transform 0.1s;
    -moz-transform: translate(0, 0);
    -ms-transition: -ms-transform 0.1s;
    -ms-transform: translate(0, 0);
    -o-transition: -o-transform 0.1s;
    -o-transform: translate(0, 0);
    transition: transform 0.1s;
    transform: translate(0, 0);
}
.owl-item .sample{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.sample:hover{
	z-index:2;
	background-color:white;
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-o-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
}
.shelf .loc{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.shelf .loc > div{
    width: 33%;
    height: 100%;
    float: left;
    text-align: center;
    position: relative;
}
.banner-content{
	width: 960px;
	margin: auto;
}
.left-content{
    background-image: url(/ebook/img/banner-02.png);
    width: 379px;
    height: 300px;
    background-size: contain;
    vertical-align: middle;
    margin-top: 25px;
}
.left{
	float: left;
}
.iframeModal{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background: #fff;
    display: none;
}
.modal-body {
	position: relative;
    width: 100%;
    height: 100%;
}
.iframeModal iframe{
	width: 100%;
	height: 100%;
    border: none;
}
.iframeModal .cancel{
	width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 30px;
    z-index: 1;
    cursor: pointer;
    background-size: contain;
    background-image: url(/ebook/img/cancel0.png);
}
.iframeModal .cancel:HOVER{
	background-image: url(/ebook/img/cancel1.png);
}
/***banner end***/