﻿@charset "utf-8";
/*
    Css for PEL,    ver 1.1
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center
    首页 样式定义
*/

/* ==========================================================================
   泸州市人民政府2017专题页-样式
   ========================================================================== */
   body{background: #fff;}
#wrap{margin-top: 80px;}
#header .bg-color{background: #22407e;}
/* 专题banner & 说明 */
.ztBanner{position: relative;z-index: 1;min-height: 550px;height: 800px;min-width: 1200px;background: url(images/ztBanner.jpg) center top no-repeat;}
.ztBanner .txt{position: absolute; z-index: 1; left: 50%; top: 0; width: 138px; height: 36px; line-height: 36px; float: left; margin-left: 462px; padding-top: 33px; *display: inline; font-size: 16px; color: white; text-align: center; background-color: #d13141;}
.ztBanner .intro{
    width: 1200px;
    margin: 0 auto;
    padding-top: 150px;
}
.ztBanner .intro h2{overflow: hidden; padding-left: 204px;}
.ztBanner .intro .links{width: 250px; height: 75px; line-height: 75px; float: left; overflow: hidden; text-indent: -9999px;}
.ztBanner .intro p{line-height: 30px;font-size: 14px;color: #fffefe;text-indent: 2em;/* padding-top: 150px; */text-align:  center;}
.ztBanner .intro p strong{font-size: 17px; font-weight: bold; color: #586fac;}

/* 通用框 */
.zxBox{width: 1200px; margin: 0 auto;}
.zxBox .hd{color:#fff;font-size:24px;height:70px;line-height: 77px;text-align:center;padding-left: 65px;}
.rollbox{overflow-y: auto;   height: 180px;}

/* 技术方案 */
#boxYhsy .hd{background: url(images/jsfaHd.png) center 7px no-repeat;}
#boxYhsy .bd{padding: 30px 0px 60px;}
#boxYhsy .intro{font-size: 14px; line-height: 30px; text-indent: 2em;}
#boxYhsy .intro p{font-size:16px;color:#333;}
#boxYhsy .detail{margin-top: 30px; padding: 50px 28px 40px; overflow: hidden; border: 1px solid #c9c8c7; background: url(images/boxYhsyBg.png) center 375px no-repeat;}
#boxYhsy .detail li{width: 450px; float: left; overflow: hidden;}
#boxYhsy .detail li.last{float: right;}
#boxYhsy .detail .pic{text-align: center; height: 316px;}
#boxYhsy .detail .info{overflow: hidden; padding-top: 75px; line-height: 34px; font-size: 14px;}
#boxYhsy .detail .info p{text-indent: 2em; padding-top: 32px;}

/* 项目收益 */
#boxXmsy .hd{background: url(images/zsyHd.png) center 7px no-repeat;}
#boxXmsy .bd{padding: 30px 0px 60px;}
#boxXmsy .intro{font-size: 14px; line-height: 30px; text-indent: 2em;}
#boxXmsy .intro p{font-size:16px;color:#333;}
#boxXmsy .detail{margin-top: 130px;margin-right: -14px;/* overflow: hidden; */position:  relative;}
#boxXmsy .detail li{width: 350px;height: 220px;border: 1px solid #eee;margin-right: 12px;background: #fff;float: left;/* overflow: hidden; */padding: 70px 10px 0 30px;position:  relative;-webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;}
#boxXmsy .detail li i{position:absolute;display:block;background: url(images/shxy.png) center no-repeat;width:189px;height:190px;left: 27%;top: -126px;}
#boxXmsy .detail .li2 i{background: url(images/jjxy.png) center no-repeat;}
#boxXmsy .detail .li3 i{background: url(images/glxy.png) center no-repeat;}
#boxXmsy .detail li p{font-size:14px;color:#666;line-height:28px;}
#boxXmsy .detail li p span{color:#ffae1e;margin-right: 1em;}
#boxXmsy .detail li.last{float: right;}
#boxXmsy .detail .pic{text-align: center; height: 316px;}
#boxXmsy .detail .info{overflow: hidden; padding-top: 75px; line-height: 34px; font-size: 14px;}
#boxXmsy .detail .info p{text-indent: 2em; padding-top: 32px;}

/* 特色与创新 */
#boxTscx .hd{background: url(images/zhcxHd.png) center 7px no-repeat;}
#boxTscx .bd{padding: 30px 0px 60px;}
#boxTscx .bd ul{margin-right:-26px;margin-top: 50px;}
#boxTscx .bd li{width:278px;height:318px;background:#fff;border-radius: 5px;float:  left;margin-right:  26px;margin-bottom:  29px;border:1px solid #eee;}
#boxTscx .bd li .hdl{height:80px;background:#54e099;border-top-left-radius: 6px;border-top-right-radius: 6px;font-size:  18px;font-weight:  bold;color:  #fff;text-align:  center;line-height: 100px;position:relative;}

#boxTscx .bd li .hdl i{position:absolute;display:block;width: 80px; height: 80px; background: #54e099 url(images/tscxIcon-.png) 0 0 no-repeat;border: #fff solid 2px;top: -50px; left: 34%; -webkit-border-radius: 42px; -moz-border-radius: 42px;border-radius: 42px;}
#boxTscx .bd .row1 .li2 i{background-position: 0 -118px;}
#boxTscx .bd .row1 .li3 i{background-position: 0 -234px;}
#boxTscx .bd .row1 .li4 i{background-position: 0 -352px;}
#boxTscx .bd .row2 .li2 i{background-position: 0 -476px;}
#boxTscx .bd .row2 .li3 i{background-position: 0 -604px;}
#boxTscx .bd .row2 .li4 i{background-position: 0 -724px;}
#boxTscx .bd .row2 .li1 i{background-position: 0 -862px;}
#boxTscx .bd .li2 .hdl,#boxTscx .bd .row1 .li2 i,#boxTscx .bd .row2 .li2 i{background-color:#37cfcd;}
#boxTscx .bd .li3 .hdl,#boxTscx .bd .row1 .li3 i,#boxTscx .bd .row2 .li3 i{background-color:#37a6df;}
#boxTscx .bd .li4 .hdl,#boxTscx .bd .row1 .li4 i{background-color:#327ee6;}
#boxTscx .bd .row2 .li4 .hdl,#boxTscx .bd .row2 .li4 i{background-color:rgb(94, 202, 102)}

#boxTscx .bd li .bdl{padding: 10px 15px;font-size:14px;color: #666;line-height: 26px;border-top:none;height:198px;text-indent: 2em; overflow-y: auto;}
#boxTscx .intro p{font-size:16px;color:#333;}
#boxTscx .detail{margin-top: 130px;margin-right: -14px;/* overflow: hidden; */position:  relative;}
#boxTscx .detail li{width: 310px;height: 220px;border: 1px solid #eee;margin-right: 12px;background: #fff;float: left;/* overflow: hidden; */padding: 70px 40px 0;position:  relative;}
#boxTscx .detail li i{position:absolute;display:block;background: url(images/shxy.png) center no-repeat;width:189px;height:190px;left: 27%;top: -126px;}
#boxTscx .detail .li2 i{background: url(images/jjxy.png) center no-repeat;}
#boxTscx .detail .li3 i{background: url(images/glxy.png) center no-repeat;}
#boxTscx .detail li p{font-size:14px;color:#666;line-height:28px;text-indent:2em;}
#boxTscx .detail li p span{color:#ffae1e;}
#boxTscx .detail li.last{float: right;}
#boxTscx .detail .pic{text-align: center; height: 316px;}
#boxTscx .detail .info{overflow: hidden; padding-top: 75px; line-height: 34px; font-size: 14px;}
#boxTscx .detail .info p{text-indent: 2em; padding-top: 32px;}

/* 更多 & 分享 */
.morecase{padding: 20px 0; font-size: 18px; line-height: 36px; text-align:center; color: #333;}
.morecase a{color:#3d67b7;}
.morecase a:hover{color: #c00;}
.bdshare-button-style0-32{width: 230px;margin: 20px auto;}