@charset "utf-8";

#solutionST{
   background: url(/img/jjfaBg.jpg) no-repeat center 50%;
}

.maina{
  height:1191px;
  background:#000;
}
.solutionItem{
   position: relative;
    width: 50%;
    background-color:rgba(0,0,0,0.5);
    float: left;
    height: 397px;
    color: #fff;
    position:relative;
    left:0px;
}
.solutionItem_pic{
   z-index: 1;
    position: absolute;
    filter: Alpha(Opacity=50);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    top: 0px;
    left: 0px;
    -moz-opacity: 0.2;
    opacity: 0.7;
}
.solutionItem_con{
   z-index: 2;
    position: relative;
	text-align:center;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    padding-top: 30px;
    background:rgba(220,14,14,0);
    top:15%;
}
.sol_tit_cn{
   position: relative;
    filter: Alpha(Opacity=100);
    margin: 0px 0px 20px;
    font: 30px/32px "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu;
    top: 0px;
    -moz-opacity: 1;
    opacity: 1;
}
.sol_tit_en{
   border-bottom: #fff 1px solid;
    position: relative;
    filter: Alpha(Opacity=100);
    padding-bottom: 10px;
    text-transform: uppercase;
    margin: 0px auto;
    padding-left: 0px;
    width: 50%;
    padding-right: 0px;
    font: 15px/18px Arial;
    border-top: #fff 1px solid;
    top: 0px;
    padding-top: 10px;
    -moz-opacity: 1;
    opacity: 1;
}
.sol_slogan{
   position: relative;
    filter: Alpha(Opacity=0);
    font: 26px/28px "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu;
    top: 0px;
    -moz-opacity: 0;
    opacity: 0;
}
.sol_line{
   position: relative;
    filter: Alpha(Opacity=0);
    margin: 20px auto 25px;
    width: 0px;
    background: #fff;
    height: 1px;
    top: -60px;
    -moz-opacity: 0;
    opacity: 0;
}
.sol_cate{
   position: relative;
    filter: Alpha(Opacity=0);
    font: 16px/18px "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", STHeiti, MingLiu;
    top: 0px;
    -moz-opacity: 0;
    opacity: 0;
}
.solutionItem_more{
   position: relative;
    filter: Alpha(Opacity=0);
    margin: 30px auto 0px;
    width: 80px;
    height: 42px;
    top: 0px;
    -moz-opacity: 0;
    opacity: 0;
}
.solutionItem_more A{
   border-bottom: #fff 2px solid;
    border-left: #fff 2px solid;
    line-height: 25px;
    width: 80px;
    display: block;
    height: 25px;
    color: #fff;
    font-size: 20px;
	font-weight:bold;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
}
.solutionItem_more A:hover{
   background: #fff;
    color: #1d4a9f;
    text-decoration: none;
}
.solutionItem:hover .solutionItem_pic{
   filter: Alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.solutionItem:hover .solutionItem_more A{
   background: #fff;
     color: #1d4a9f;
    text-decoration: none;
}
.solutionItem:hover .solutionItem_con{
 background:rgba(0,68,141,0.8);
}
.solutionItem:hover .sol_tit_cn{
   filter: Alpha(Opacity=0);
    top: -50px;
    -moz-opacity: 0;
    opacity: 0;
}
.solutionItem:hover .sol_tit_en{
   filter: Alpha(Opacity=0);
    top: -50px;
    -moz-opacity: 0;
    opacity: 0;
}
.solutionItem:hover .sol_slogan{
   filter: Alpha(Opacity=100);
    top: -60px;
    -moz-opacity: 1;
    opacity: 1;
}
.solutionItem:hover .sol_line{
   filter: Alpha(Opacity=100);
    width: 40px;
    -moz-opacity: 1;
    opacity: 1;
}
.solutionItem:hover .sol_cate{
   filter: Alpha(Opacity=100);
    top: -60px;
    -moz-opacity: 1;
    opacity: 1;
}
.solutionItem:hover .solutionItem_more{
   filter: Alpha(Opacity=100);
    top: -60px;
    -moz-opacity: 1;
    opacity: 1;
}
.solutionItem .solutionA{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;}
#sysyST .solutionItem_pic{
   background-image: url(/img/sysyBg.jpg);
}
#cysjST .solutionItem_pic{
   background-image: url(/img/cysjBg.jpg);
}
#swysST .solutionItem_pic{
   background-image: url(/img/swysBg.jpg);
}
#cbysST .solutionItem_pic{
   background-image: url(/img/cbysBg.jpg);
}
#jckST .solutionItem_pic{
   background-image: url(/img/jckBg.jpg);
}
#tzST .solutionItem_pic{
   background-image: url(/img/tzBg.jpg);
}
#bzysST{ display:none;}
#caseST .FrontProducts_list01-d3_c1_01 .pic-module .pic A IMG{
   border-bottom: #e0e0e0 0px solid;
    border-left: #e0e0e0 0px solid;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 100%;
    border-top: #e0e0e0 0px solid;
    border-right: #e0e0e0 0px solid;
    padding-top: 0px;
}
#caseST .FrontProducts_list01-d3_c1_01 .pic-module{
   position: relative;
    width: 100%;
    float: left;
    margin-right: 0px;
    background:#000;
    overflow:hidden;
}
#caseST .FrontProducts_list01-d3_c1_01 .content{
   margin: 0px;
    float: left;
    overflow: hidden;
    _margin: 0px;
}
#caseST .column-num5{
   width: 20%;
}
#caseST .FrontProducts_list01-d3_c1_01{
   width: 96%;
}
#caseST .FrontProducts_list01-d3_c1_01 .pro-module UL LI.brand SPAN{
   display: none;
}
#caseST .FrontProducts_list01-d3_c1_01 .content .pro-module{
   text-align: left;
    padding-bottom: 3%;
    padding-left: 6%;
    width: 88%;
    padding-right: 6%;
    background: #ebebeb;
    padding-top: 3%;
}
#caseST .FrontProducts_list01-d3_c1_01 .pro-module H1{
   text-align: left;
    font-size: 20px;
    line-height:22px;
    background:none;
}
#caseST .FrontProducts_list01-d3_c1_01 .pro-module UL LI.skim{
   text-indent: 22px;
    margin: 10px 0px 0px;
    font-family: Arial;
    background: url(/img/eye.png) no-repeat left center;
    color: #666;
    font-size: 12px;
    line-height:14px;
}
#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pro-module{
   background:#5ba4a6;
}
#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pro-module H1 A{
   color: #fff;
}
#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pro-module UL LI.skim{
   background: url(/img/eyeHover.png) no-repeat left center;
    color: #fff;
}
#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pro-module UL LI.brand{
   color: #fff;
}

#caseST .FrontProducts_list01-d3_c1_01 .content:hover .pic-module .pic A IMG{ filter: Alpha(Opacity=30);-moz-opacity: 0.3;opacity: 0.3;}

#box_caseST{ position:relative; top:100px; filter: Alpha(Opacity=0);-moz-opacity: 0;opacity: 0;}

.messageLink{ display:none;}

.active .solutionItem{ left:0; filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1;}