@charset "utf-8";
.full-page { min-width: 1220px; padding-bottom: 30px; text-align: left; overflow: hidden}
.full-page .full-layout { position: relative; left: 50%; width: 1920px; margin-left: -960px;}
.relative{position: relative;}
img{vertical-align:middle;}/*IE7*/
.mt35{margin-top: 35px;}  .mt45{margin-top: 45px;}
.t-blue{color: #0487e2;}/*036ad8*/
.t-green{color: #32b16c;}/*229a50*/
.t-red{color: #f5595a;}/*f24040*/
.t-blue-bg{background-color: #0487e2;}
.t-green-bg{background-color: #32b16c;}
.t-red-bg{background-color: #f5595a;}

/*topic*/
.topic-bg{width: 100%;padding-bottom: 100px; background: url(../images/t-bg1.jpg?v=37) center top repeat;}
.topic .section{width: 900px; margin-left: auto; margin-right: auto; text-align: center;}
.topic .desc-bg{width: 100%; opacity: 0.3; filter: Alpha(opacity=30);}
.topic h2{padding: 10px 0; font-size: 24px; line-height: 24px;}
.topic .top-p{padding: 8px 0 25px; font-size: 16px; color: #666;}
.topic .desc-ul{margin: 0 -9px;}
.topic .desc-ul li{position: relative; float: left; width: 290px; height: 310px; margin: 0 8px;}
.topic .desc-ul .bg-box{height: 100px; background-color: #addaf8;}
.topic .desc-ul .txt{position: absolute; left: 0; bottom: 0; width: 100%; height: 100px;}
.topic .desc-ul .title{padding: 8px 0; font-size: 20px;}
.topic .desc-ul p{padding: 0 12px; text-align: left; color: #666;}
.topic .section .blue-box{height: 55px; background-color: #addaf8;}
.topic .section .head .txt{position: absolute; top: 0; left: 0; padding: 7px 20px; text-align: left; color: #666;}
.topic .section .icons{display: inline-block; width: 60px; height: 85px; background: url(../images/t_bg2.png?v=37) 4px 5px no-repeat;}
.topic .section .head span{font-weight: bold;}
.topic .section .icon2{background-position: -77px 0px;}
.topic .section .icon3{background-position: -152px 5px;}

.topic .section .pro-ul{width: 100%;}
.topic .pro-ul li{position: relative; width: 100%; height: 210px; margin-top: 20px;}
.topic .a-block{position: relative; display: block; width: 100%; height: 100%; margin-top: -210px; overflow: hidden; text-decoration: none; cursor: pointer;}
.topic .pro-cont{width: 185px; height: 185px; padding: 20px; margin-left: 225px; color: #fff; text-align: left;}
.topic .pro-cont .a-title{padding: 2px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; font-size: 20px;}
.topic .pro-cont .a-desc{height: 100px; padding-top: 5px; font-size: 14px;}
.topic .pro-cont .a-btn{display: inline-block;width: 130px;background-color: #fff;color: #0487e2;text-align: center; font-size: 14px;}
.topic .pro-cont .a-btn strong{font-size: 20px; vertical-align: baseline;}
.topic .section .green-box{height: 55px; background-color: #c9f5dd;}
.topic .section .red-box{height: 55px; background-color: #fcd2d2;}
.topic .t-green-bg .a-btn{color: #32b16c;}
.topic .t-red-bg .a-btn{color: #f5595a;}
.topic .blue-block:hover .t-blue-bg{background-color: #036ad8;}
.topic .green-block:hover .t-green-bg{background-color: #229a50;}
.topic .red-block:hover .t-red-bg{background-color: #f24040;}