@charset "utf-8";
/* CSS Document */
body{margin:0;font-size:12px;line-height:1; font-family:"Microsoft YaHei";margin:0 auto}
h1,h2,h3,h4,h5,h6{margin:0;font-size:12px;}
p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#333;}
i,em{ font-style:normal;}
img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}
table{border-spacing:0;border-collapse:collapse;}
th,td{padding:0;text-align:left; vertical-align:top;}
input{border:none;background:none;outline:none;}
textarea{resize:none;}
.fl{float:left}
.fr{float:right}

html,body{height: 100%;width: 100%;overflow: hidden;}

/* main */
/* left */
.zg_box{height: 100%;background:#100f37 url(../images/zg_bg.jpg) no-repeat center bottom;max-width: 1920px;}
.zg_boxL{width:22%;position: relative}
.zg_boxLtop{position: relative}
.zg_boxLimg{position: absolute;left:0;top:0;width:114%;max-width: 479px;margin-top:10px;}
.zg_search{width:90%;float:right;background:#f9f9f9;border-radius: 35px;height: 46px;line-height: 46px;margin-top:64%;position: relative;z-index: 2;padding-left:8%;}
.zg_txt{font-size:14px;display: block;float:left;width:60%;line-height: 46px;height: 46px;background:none;border:0;color:#999}
.zg_sub{text-align: center;font-size:20px;color:#fff;border-radius: 35px; width:39%;float:right;height: 46px; line-height: 46px;background: -webkit-linear-gradient(top, #fe6c51, #F17116);
   background: -o-linear-gradient(top,#fe6c51, #F17116);
   background: -moz-linear-gradient(top,#fe6c51, #F17116);
   background: -ms-linear-gradient(top,#fe6c51, #F17116);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe6c51,endColorStr=#F17116);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#fe6c51), to(#F17116));cursor:pointer}


/* right */

.zg_boxR{width:72%;height: 100%;}
.zg_book{background: url(../images/zg_bookbg.png) no-repeat;background-size:100% 100%;height: 90%;margin-top:40px;}
/* 本例子css */
.slideBox{ width:100%; height:100%; position:relative; }
.slideBox .hd{  overflow:hidden; position:absolute;  z-index:1; }
.slideBox .hd ul{ zoom:1; width:214px;margin:0 auto;padding-bottom:16px;}
.slideBox .hd ul li{ line-height:3;margin-bottom:-16px; text-align:center; cursor:pointer;color:#fff; background: url(../images/navbg1.png) no-repeat right top;background-size:auto 100%;font-size:22px;position: relative}
.slideBox .hd ul li:first-child{ background: url(../images/navbg2.png) no-repeat right top;background-size:auto 100%;}
.slideBox .hd ul li:last-child{ background: url(../images/navbg3.png) no-repeat right top;background-size:auto 100%;}
.slideBox .hd ul li i{position: absolute;top:50%;right:0;margin-top:-16px;margin-right:-11px;width:33px;height: 33px;background: url(../images/navicon.png) no-repeat;display: none;}
.slideBox .hd ul li strong{font-weight: normal;display: block;width:80%;text-align: center;position: relative;z-index: 22}
.slideBox .hd ul li.on{ color:#ffe052;font-size:26px;}
.slideBox .hd ul li.on i{display: block}
.slideBox .hd ul li.on strong{font-weight: bold;background: url(../images/navbtn.png) no-repeat center;background-size:100% 80%;}
.slideBox .bd{ position:relative; height:100%; z-index:0; padding:0 3%  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:4%; bottom:67px;display:block; width:52px; height:40px; line-height: 40px;font-size:14px;color:#100f37; font-weight: bold}
.slideBox .next{ left:auto; right:4%;}
.slideBox .prev:hover,
.slideBox .next:hover{ color:#bc1233 }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.zg_tit{font-size:30px;color:#333;padding:4% 1% 0 2%;margin-bottom:2%;}
.zg_tit strong{display: inline-block;height:47px;background: url(../images/zg_icon01.jpg) no-repeat left bottom;line-height: 47px;color:#F17116;padding-left:20px;font-size:42px;margin-right: 1%}
.zg_tit p{float:right;width:50%;text-align: right;font-size:0}
.zg_tit p a{display: inline-block;padding:2% 5%;font-size:16px;color:#fff;border-radius: 25px;margin-left:2%;background: -webkit-linear-gradient(top, #fab45c, #fe7824);
   background: -o-linear-gradient(top,#fab45c, #fe7824);
   background: -moz-linear-gradient(top,#fab45c, #fe7824);
   background: -ms-linear-gradient(top,#fab45c, #fe7824);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fab45c,endColorStr=#fe7824);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#fab45c), to(#fe7824));}

.zg_tit p a:hover{background: -webkit-linear-gradient(top, #fe6d52, #e51222);
   background: -o-linear-gradient(top,#fe6d52, #e51222);
   background: -moz-linear-gradient(top,#fe6d52, #e51222);
   background: -ms-linear-gradient(top,#fe6d52, #e51222);
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe6d52,endColorStr=#e51222);
  background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#fe6d52), to(#e51222));}
.zg_cent{overflow-y:auto;padding:0 3% ;width:92%;}
.zg_gkbox{padding-bottom:15px;}
.zg_gkul{width:45%;}
.zg_gkul a{display: block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2.2;font-size:16px;}
.zg_gkul a:hover{text-decoration: underline;color:#F17116}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 11px;  
    height: 11px;  
    background-color: #fff;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{   
    border-radius: 10px;  
    background-color: #fff;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    background-color: #ddd;  
}  
.zg_cent h4{line-height: 55px;font-size:26px;margin-bottom:1%;}
.zg_cent h4 span{display: inline-block;background: url(../images/zg_icon02.jpg) no-repeat;background-size:100% 100%;width:89px;height: 70px;text-align: center;color:#fff;font-size:16px;font-weight: bold;line-height: 56px;vertical-align: top;}

@media only screen and (max-width:1750px){
	.zg_tit{font-size:22px;}
	.zg_tit strong{font-size:30px;}
	.slideBox .hd ul li{font-size:18px;line-height:3.2;}
	.slideBox .hd ul li.on{font-size:20px;}
	.zg_gkul a{font-size:14px;}
	.zg_sub{font-size:18px;}
	.zg_cent h4{line-height: 45px;font-size:22px;}
	.zg_cent h4 span{line-height: 45px;height: 60px}
}
@media only screen and (max-width:1400px){
	.zg_tit{font-size:20px;}
	.slideBox .hd ul{width:160px}
	.slideBox .hd ul li{font-size:16px;line-height:3.2;}
	.slideBox .hd ul li.on{font-size:18px;}
	.zg_search{margin-top:68%;height: 40px;line-height: 40px;}
	.zg_txt,.zg_sub{height: 40px;line-height: 40px;}
	.zg_sub{font-size:16px;}
	.zg_cent h4{line-height: 34px;font-size:16px;}
	.zg_cent h4 span{line-height: 34px;height: 50px}
}
@media only screen and (max-height:700px){
	.zg_tit{font-size:20px;}
	.zg_tit strong{font-size:30px;}
	.slideBox .hd ul li{font-size:16px;line-height:3.2;}
	.slideBox .hd ul li.on{font-size:18px;}
	.zg_gkul a{font-size:14px;}
	.zg_sub{font-size:16px;}
	.zg_cent h4{line-height: 34px;font-size:16px;}
	.zg_cent h4 span{line-height: 34px;height: 50px}
}