@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_1.jpg);color:#fff;}
.uContent .bar_imgUnit{float:left; width:31.3%;text-align:center;display:inline;height:auto;margin:2% 1% 2% 1%;padding-bottom:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);background-color:#FFF;}
.uContent .bar_imgUnit ul{width:100%;padding-bottom:calc( 66.6% + 100px );position:relative;height:auto;}
.uContent .bar_imgUnit ul .shape{position:absolute;width:100%;height:100%;left:0%;top:0%;padding:0px;}
.uContent .bar_imgUnit ul .shape .vi{float:left;width:100%;height:calc( 100% - 100px );text-align:center;overflow:hidden;background-color:#999;}
.uContent .bar_imgUnit ul .shape .vi img{ height:100%; -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:left;width:98%;margin-left:1%; height:60px; line-height:30px;text-align:center;font-size:14pt;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;word-break: break-all; }
.uContent .bar_imgUnit ul .shape .text{float:left;width:98%; height:50px;margin-left:1%; line-height:17px;text-align:left;font-size:14px;color:#666; } 

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

}