.mainPage { margin-top: 10px; }
.mainPage .activP{background-color:#14cc8f!important;color:#fff!important}

.Qz_title + .zt_list { margin-top: 20px; }

.zt_list { width: 100%; overflow: hidden; margin-top: 5px; }
.zt_list ul { width: 1260px; overflow: hidden; }
.zt_list ul li { overflow: hidden; margin: 0 60px 40px 0; position: relative; float: left; }
.zt_list ul li, .zt_list ul li img { width: 360px; height: 180px; }
.zt_list ul li:hover .info { height: 300px; }
.zt_list ul li:hover .info p { margin: 155px auto 0; text-align: left; }
.zt_list ul li:hover .info span { bottom: 26px; left: 170px; }
.zt_list ul li .info { position: absolute; bottom: 0; z-index: 2; width: 100%; height: 140px; left: 0; transition: all .2s linear; -webkit-transition: all .2s linear; background: -webkit-linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#E5000000',GradientType=0 ); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); }
.zt_list ul li .info p { color: #fff; font-weight: bold; font-size: 18px; text-align: center; height: 20px; line-height: 20px; overflow: hidden; width: 300px; margin: 80px auto 0; }
.zt_list ul li .info p:hover { color: #14cc8f; }
.zt_list ul li .info .desc { font-size: 14px; color: #fff; width: 270px; line-height: 20px; height: 40px; overflow: hidden; position: absolute; left: 30px; top: 180px; }
.zt_list ul li .info .btn { width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; border-radius: 4px; background: #14cc8f; position: absolute; position: absolute; left: 30px; top: 240px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.zt_list ul li .info .btn:hover { opacity: 0.8; filter: alpha(opacity=80); }
.zt_list ul li .info span { display: block; line-height: 30px; font-size: 14px; color: #ccc; overflow: hidden; width: 130px; text-align: center; position: absolute; bottom: 8px; left: 115px; transition: all .15s linear; -webkit-transition: all .15s linear; }

.details_hd { width: 100%; height: 400px; background: -webkit-linear-gradient(to right, #7f545f 0%, #243798 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f545f', endColorstr='#243798', GradientType=1); background: linear-gradient(to right, #7f545f 0%, #243798 100%); margin-bottom: 40px; position: relative; }
.details_hd .img { position: absolute; left: 0; top: 0; }
.details_hd .img, .details_hd .img img { width: 100%; height: 400px; }
.details_hd .info { width: 560px; height: 340px; float: left; margin: 30px 0 0 50px; position: relative; z-index: 2; }
.details_hd .info .bt { width: 100%; height: 60px; line-height: 60px; font-size: 36px; color: #fff; overflow: hidden; }
.details_hd .info p { margin: 15px auto; font-size: 14px; height: 180px; width: 100%; line-height: 30px; overflow: hidden; color: #fff; }
.details_hd .info .btn { display: block; float: left; width: 256px; height: 64px; line-height: 64px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; background: #14cc8f; border-radius: 5px; margin-right: 10px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.details_hd .info .btn:hover { opacity: 0.8; filter: alpha(opacity=80); }
.details_hd .info .link { float: left; line-height: 30px; margin-left: 18px; margin-top: 40px; font-size: 15px; color: #fff; text-decoration: underline; }
.details_hd .info .link:hover { color: #14cc8f; }

.downl_list { width: 100%; overflow: hidden; }
.downl_list ul { width: 110%; overflow: hidden; }
.downl_list ul li { width: 365px; height: 205px; position: relative; float: left; margin: 0 50px 45px 0; }
.downl_list ul li:hover .info { box-shadow: 1px 3px 9px #eee; -webkit-box-shadow: 1px 3px 9px #eee; }
.downl_list ul li .icon { display: block; position: absolute; z-index: 1; left: 0; top: 0; background: url(../images/icon_img.png) no-repeat; height: 32px; width: 63px; background-position: 0 -125px; text-indent: 10px; color: #fff; line-height: 28px; font-size: 15px; }
.downl_list ul li .info { float: left; width: 360px; height: 200px; border: 1px solid #d5d5d5; margin: 5px 0 0 4px; }
.downl_list ul li .info .bt { display: block; line-height: 30px; font-size: 20px; color: #333; overflow: hidden; height: 60px; width: 326px; margin: 28px auto 8px; }
.downl_list ul li .info .bt:hover { color: #14cc8f; }
.downl_list ul li .info .img { display: block; float: left; margin: 0 30px 0 20px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.downl_list ul li .info .img:hover { opacity: 0.8; filter: alpha(opacity=80); }
.downl_list ul li .info .img, .downl_list ul li .info .img img { width: 120px; height: 90px; }
.downl_list ul li .info .lis { float: left; }
.downl_list ul li .info .lis p { line-height: 20px; font-size: 14px; color: #999; margin-bottom: 5px; }
.downl_list ul li .info .lis p span { color: #333; }
.downl_list ul li .info .lis .btn { width: 120px; height: 34px; text-align: center; line-height: 34px; border: 1px solid #b8e6d6; color: #14cc8f; float: left; border-radius: 3px; margin-top: 4px; }
.downl_list ul li .info .lis .btn:hover { background: #14cc8f; color: #fff; }