/*首页滚屏盒子！！！！！*/
#full{width:100%; height:100%; position:relative; overflow: hidden;}
#full_abc{width:100%; height:400%; position:absolute; top:0; left:0;}
#full_a{width:100%; height:25%; overflow:hidden;}
/*首页滚屏盒子！！！！！*/
#roll{position:fixed; top:50%; right:20px; margin-top:-114px; z-index:9; width:16px;}
#roll li{width:16px; height:16px; margin-top:30px; float:left; position:relative; border-radius:50%; background:#999; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#roll li:hover, #roll li.cur{ background:#008cd6;}
#roll li i{opacity:0; position:absolute; left:-90px; top:50%; margin-top:-22px; width:100px; height:44px; line-height:44px; padding-left:10px; background:#f5f5f5; z-index:-1; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; display:block; color:#52463D;}
#roll li:hover i, #roll li.cur i{color:#008cd6; opacity:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#banner_box{
	width: 100%;
	height: 600px;
	padding-top: 0%;
	overflow: hidden;
	position: relative;
}
#banner{width:100%; height:100%;position:absolute; top:0; left:0;}
#banner li{display:none; float:left; width:100%; height:100%; background-position:center; background-size:100%; background-repeat:no-repeat;}
#banner li a{width:100%; height:100%; display:block;}

#indicator { position: absolute; top:30px; right: 20%; z-index:5; height: 40px;}
#indicator li {float: left;width: 10px;height: 10px;margin: 0 8px;border-radius: 50%;border: 1px solid #fff;overflow: hidden;cursor: pointer;}
#indicator li b {display: block;width: 100%;height: 100%;border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s;  transition: 0.3s;}
#indicator li.act b, #indicator li:hover b { background: #fff; -webkit-transform: scale(1); transform:scale(1);}

#index_news{width:100%; height:60px; line-height:60px; position:absolute; bottom:0; left:0; background-color:rgba(0,140,214,0.7); +background:#000; z-index:1;}
#index_news .left{float:left; font-size:16px; color:#fff; width:600px;}
#index_news .left a,#index_news .left span{color:#fff; float:left;}
#index_news .left aside{font-size:14px; width:100px; overflow:hidden; float:right;}
#index_news .right{float:right;}
#index_news .right a:hover{-webkit-transform:scale(0.95); -moz-transform:scale(0.95); transform:scale(0.95);}
#index_news .right .bdsharebuttonbox{}
#index_news .right .bdsharebuttonbox a{height:29px; width:29px; padding:0; background:url("../img/hot.png")/*tpa=template/zh/img/hot.png*/ no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:block; margin:15px 10px 0 0; float:left;}
#index_news .right .bdsharebuttonbox a.bds_weixin{background-position:0 0;}
#index_news .right .bdsharebuttonbox a.bds_sqq{background-position:-40px 0; position:relative;}
#index_news .right .bdsharebuttonbox a.bds_tsina{ background-position:-79px 0;}


.top{ background:url("bookpic/top_bj.jpg") repeat-x; height:30px;width:100%;}
.top_left{ width:50%; margin-top:6px;}
.top_left img{ margin-right:5px;}
.top_left a{color:#333;}
.top_right{ width:50%; text-align:right;}
.home{ background:#008cd6; width:73px; height:30px; color:#fff !important; display:inline-block; text-align:center;}
.top_right a{ color:#333; text-decoration:none; margin-left:10px;}
.top_right a:hover{ color:#333; text-decoration: underline;}



#project{background:#f5f5f5; position:relative; overflow:hidden;}
#project ul{width:1100px; margin:30px auto 50px; overflow:hidden;}
#project ul li{position:relative; float:left; width:341px; height:169px; margin-right:38px;}
#project ul li:last-of-type{margin:0;}
#project ul li a{position:absolute; top:0; left:0; opacity:0; padding-top:110px; width:100%; height:60px; text-align:center; font-size:16px; color:#fff; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url("../img/search2.png")/*tpa=template/zh/img/search2.png*/; background-repeat:no-repeat; background-position: center 40px; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s;}
#project ul li:hover a{ opacity:1;}

#next{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url("../img/next.png")/*tpa=template/zh/img/next.png*/ no-repeat; }
#next:hover{background:url("../img/next2.png")/*tpa=template/zh/img/next2.png*/ no-repeat}
#next2{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url("../img/next2.png")/*tpa=template/zh/img/next2.png*/ no-repeat; }
#next2:hover{background:url("../img/next2.png")/*tpa=template/zh/img/next2.png*/ no-repeat}
#next3{position:absolute; bottom:0; left:50%; margin-left:-30px; width:59px; height:30px; background:url("../img/next.png")/*tpa=template/zh/img/next.png*/ no-repeat; }


#full_b{width:100%; height:25%; position:relative; overflow:hidden;}
#full_b h2{margin:40px 0 40px; text-align:center; color:#008cd6; font-size:30px;}
#full_b ul{width:976px; margin:0 auto; overflow:hidden;padding-bottom:5px;}
#full_b ul li{position:relative; float:left; width:121px; height:40px; text-align:center; line-height:40px; background:#f5f5f5; margin-right:1px; cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_b ul li:hover,#full_b ul li.cur{background:#008cd6; color:#fff;}
#full_b ul li.cur:after{content:''; position:absolute; bottom:-5px; left:50%; margin-left:-2.5px; border-top:5px solid #008cd6; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0;}
#full_b ol{width:100%; margin:30px auto; overflow: hidden;}
#full_b ol li{position:relative; float:left; width:341px; margin:0 38px 20px 0; background:#f7f7f7; text-align:center; font-size:16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_b ol li:nth-of-type(3n){margin:0;}
#full_b ol li:hover{background:#008cd6;}
#full_b ol li img{width:341px; height:310px;}
#full_b ol li p{height:44px; line-height:44px;}
#full_b ol li a{display:block;}
#full_b ol li a:hover{color:#fff;}
#full_b ol li a:hover:after{content:''; position:absolute; top:0; left:0; width:341px; height:310px; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url("../img/index08.png")/*tpa=template/zh/img/index08.png*/; background-repeat:no-repeat; background-position:center; }


#full_c{width:100%; position:relative; height:600px;; background-color:#008cd6; background-image:url("../img/index09.jpg")/*tpa=template/zh/img/index09.jpg*/; background-repeat:no-repeat; background-position:center; overflow:hidden;}
#full_c h2{margin:70px 0 40px; text-align:center; color:#fff; font-size:30px;}
#full_c ul{width:1100px; margin:0 auto; overflow:hidden; padding:5px 0; background:#fff; text-align:center;}
#full_c ul li{display:inline-block; position:relative; width:121px; height:40px; text-align:center; line-height:40px; background:#f5f5f5; margin-right:1px; cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_c ul li:hover,#full_c ul li.cur{background:#008cd6; color:#fff;}
#full_c ul li.cur:after{content:''; position:absolute; bottom:-5px; left:50%; margin-left:-2.5px; border-top:5px solid #008cd6; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0;}

#full_c .fixed{width:1300px;}
#full_c .full_c_box{width:1100px; height:325px; margin:40px auto; position:relative;}
#full_c .full_c_cut{width:1099px; height:325px; overflow:hidden; position:relative;}
#full_c ol{width:100%; position:absolute; left:0; top:0;}
#full_c ol li{position:relative; float:left; width:341px; height:355px; margin:30px 38px 0 0; background:#fff; font-size:16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_c ol li:nth-of-type(3n){margin:30px 0 0 ;}
#full_c ol li:hover{background:#333;}
#full_c ol li a img{width:341px; height:235px;}
#full_c ol li a p{position:relative; padding:10px; color:#008cd6; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;}
#full_c ol li a p:after{content:''; position:absolute; left:20px; bottom:5px; width:30px; border-top:2px solid #008cd6;}
#full_c ol li a aside{padding:20px; font-size:12px; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;}
#full_c ol li a{display:block; width:100%; height:100%;}
#full_c ol li a:hover,#full_c ol li a:hover p{color:#fff; background-color:#008cd6;}
#full_c ol li a:hover:after{content:''; position:absolute; top:0; left:0; width:341px; height:235px; background-color:rgba(0,140,214,0.7); +background:#008cd6; background-image:url("../img/index08.png")/*tpa=template/zh/img/index08.png*/; background-repeat:no-repeat; background-position:center;}
#full_c .full_c_box .prev{position:absolute; top:160px; left:50%; margin-left:-640px; border:0; background:url("../img/index13.png")/*tpa=template/zh/img/index13.png*/ no-repeat; width:46px; height:46px;}
#full_c .full_c_box .prev:hover{background:url("../img/index14.png")/*tpa=template/zh/img/index14.png*/ no-repeat;}
#full_c .full_c_box .next{position:absolute; top:160px; right:50%; margin-right:-640px; border:0; background:url("../img/index15.png")/*tpa=template/zh/img/index15.png*/ no-repeat; width:46px; height:46px;}
#full_c .full_c_box .next:hover{background:url("../img/index16.png")/*tpa=template/zh/img/index16.png*/ no-repeat;}


#full_d{width:100%; height:25%; position:relative; overflow:hidden; background-image:url("../img/index17.jpg")/*tpa=template/zh/img/index17.jpg*/; background-repeat:no-repeat; background-position:center;}
#full_d h2{margin:140px 0 100px; text-align:center; color:#008cd6; font-size:30px;}
#full_d ul{width:1100px; margin:0 auto; overflow:hidden;}
#full_d ul li{position:relative; float:left; width:246px; height:174px; background:#fff; padding:174px 0 0; margin-right:38px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_d ul li:hover{background:#008cd6; color:#fff;}
#full_d ul li:after{content:''; position:absolute; top:25px; left:50%; margin-left:-63px; width:126px; height:126px; border-radius:50%; background-color:#008cd6; background-image:url("../img/index18.png")/*tpa=template/zh/img/index18.png*/; background-repeat:no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#full_d ul li:hover:after{background-color:#fff; background-position:0 -126px;}
#full_d ul li:last-of-type{margin-right:0;}
#full_d ul li div{border-top:1px solid #f5f5f5; padding:35px 34px 0;}
#full_d ul li div h1{text-align:center; padding-bottom:15px;}
#full_d ul li div p{width:100%; float: left;}
#full_d ul li div a{width:89px; float:left; text-align:center; margin-bottom:10px;}
#full_d ul li div a:hover{ text-decoration:underline;}
#full_d ul li:hover div a{color:#fff;}
#full_d ul .full_d_a:after{background-position:-126px 0;}
#full_d ul .full_d_a:hover:after{background-color:#fff; background-position:-126px -126px;}
#full_d ul .full_d_b:after{background-position:-252px 0;}
#full_d ul .full_d_b:hover:after{background-color:#fff; background-position:-252px -126px;}
#full_d ul .full_d_c:after{background-position:-378px 0;}
#full_d ul .full_d_c:hover:after{background-color:#fff; background-position:-378px -126px;}