@charset "utf-8";

.main_biz{float:left;width:100%;padding:10px 0 20px 0;overflow:hidden;ackground:url(../images/index_bg_biz1.jpg);} 
.main_biz .clname{width:100%;min-height:60px; margin-top:30px;text-align:center;} 
.main_biz .clname h3 { font-size: 36px; color: #3e3e3e; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}

.bizlist{width:100%;padding:20px 0 30px 0;background:url(../images/index_bg_biz1.jpg);overflow:hidden;}
.bizlist .zone{width:1200px;margin:auto;}
.bizlist .clname h3 { font-size: 36px; color: #fff; line-height: 60px; padding-bottom:10px; font-weight: normal;display:inline-block ;border-bottom:2px solid #ff9900;}
.bizlist .content{ padding:20px 0 20px 0;display:inline-block;}

.content .myleft{float:left;width:29%;height:600px;background-color:#fff;}
.content .myright{float:right;width:70%;height:600px;background-color:#fff;position:relative;}
.content .myright ul{position:absolute;width:100%;height:100%;}

.col_dy_biz{float:left;height:calc( 50% - 1px );;width:calc( 33.3% - 1px );cursor:pointer;}
.col_dy_biz:nth-child(1){border-right:1px solid #e04c00;}
.col_dy_biz:nth-child(2){border-right:1px solid #e04c00;}
.col_dy_biz:nth-child(3){}
.col_dy_biz:nth-child(4){border-top:1px solid #e04c00;border-right:1px solid #e04c00;}
.col_dy_biz:nth-child(5){border-top:1px solid #e04c00;border-right:1px solid #e04c00;}
.col_dy_biz:nth-child(6){border-top:1px solid #e04c00;}

.col_dy_biz li{position:absolute;left:0px;top:calc( 50% - 15px ); width:100%;height:30px;font-size:16pt;z-index:2;cursor:pointer;}
.col_dy_biz div{z-index:1;position:relative;width:100%;height:100%;}
.col_dy_biz div .cover{position:absolute;left:0px;top:0px;width:100%;height:100%;-moz-opacity:0.9; opacity:0.9;background-color:#fff;transition:0.5s;}
 
.col_dy_biz:nth-child(1) div{background:url(../images/index_biz_1.gif) center bottom;}
.col_dy_biz:nth-child(2) div{background:url(../images/index_biz_2.gif) center bottom;}
.col_dy_biz:nth-child(3) div{background:url(../images/index_biz_3.gif) center bottom;}
.col_dy_biz:nth-child(4) div{background:url(../images/index_biz_4.gif) center bottom;}
.col_dy_biz:nth-child(5) div{background:url(../images/index_biz_5.gif) center bottom;}
.col_dy_biz:nth-child(6) div{background:url(../images/index_biz_6.gif) center bottom;}

.col_dy_biz_selected div .cover, 
.col_dy_biz:hover div .cover{-moz-opacity:0; opacity:0;transition:0.5s;}
.col_dy_biz_selected li, 
.col_dy_biz:hover li{color:#fff;}
.col_dy_biz:hover liss{color:#e04c00;}

.i_list_remark {padding:0px;margin:5px 0 0 0px;}
.i_list_remark .uContent{float:left;width:100%;min-height:200px; clear:both;margin:0px;padding:0px;} 
.uContent .uremark{width:96%;padding:2%;min-height:60px;font-size:12pt;line-height:30px;text-indent:35px;background:url(../images/column_bg_b_2.jpg);color:#663333;}
.uContent .bar_imgUnit{float:left; width:48%;text-align:center;display:inline;height:auto;margin:2% 1% 2% 1%;padding-bottom:10px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);overflow:hidden;background-color:#FFF;}
.uContent .bar_imgUnit ul{width:100%;padding-bottom:25%;position:relative;}
.uContent .bar_imgUnit ul .shape{position:absolute;width:95%;height:95%;left:1%;top:5%;padding:0px;}
.uContent .bar_imgUnit ul .shape .vi{float:left;width:30%;height:100% ;text-align:center;overflow:hidden;}
.uContent .bar_imgUnit ul .shape .vi img{ height:99%; max-width:99%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.uContent .bar_imgUnit ul .shape .vi img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.uContent .bar_imgUnit ul .shape .t{float:right;width:69%; height:40px; line-height:40px;text-align:center;font-size:14pt;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.uContent .bar_imgUnit ul .shape .text{float:right;width:69%; height:60px;overflow:hidden; line-height:20px;text-align:left;font-size:14px;color:#666; position:relative;} 
.text em {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #c41305;
}

@media only screen and (max-width: 760px) {
.uContent .bar_imgUnit{width:98%;overflow:hidden;}  
}