@charset "utf-8";
/* CSS Document */
/*all.css*/
body{ margin:0 auto;}
html{ min-width:1200px; }
.header,.mian,.footer{ overflow:hidden; margin:0 auto; min-width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.navFrame,.contentFrame,.copyrightFrame,.area,.bizFrame,.bizNavFrame{ width:1200px; margin:0 auto; overflow:hidden;}
/*main.css*/
.main{ background-color:#f2f5f8; padding-bottom:16px;padding-top:16px;position: relative;}
.title{ font-size:20px; color:#333;padding:0 2px 16px 0; overflow:hidden;}
.title img{ padding-right:14px;}
.title a{ float:right; color:#828282; font-size:15px; line-height:30px; font-weight:normal;*+margin-top:-28px;}
/*area*/
.area{ background-color:#fff; width:1130px;height:80px; line-height:82px; padding:0 35px; position:relative;}
.area select{ border:none; font-size:22px; color:#fff; background-color:#00b689; margin-right:6px;}
.area .include{font-size:21px; color:#fff; display:inline-block; background-color:#00b689; border-radius:16px; padding:0 14px; position:absolute; right:38px; top:24px; line-height:30px;}
/*bizFrame*/
.bizFrame{ margin-top:15px;background-color:#fff; padding-top:30px;padding-bottom:30px;}
.bizFrame .title{padding:0 35px 16px;}
.bizImg{position:relative; overflow:hidden;}
.bizImg img{ width:204px; height:140px; padding:2px; border:1px solid #ddd;}
.bizFrame h4{ font-size:16px; color:#333; padding-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: normal;}
.bizFrame h5{ color:#999; font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: normal;}
.bizFrame li{ width:210px; height:190px; float:left; margin-right:20px; padding-bottom:20px;}
.biz ul{ overflow:hidden; max-height:630px;padding:0 34px; margin-right: -21px;}
.bizImg:hover::before {
    left: 330px;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    transition: left .5s;
}
.bizImg:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 200px;
    top: 0;
    left: -120px;
    overflow: hidden;
    background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    background: gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
}
/*bizNavFrame*/
.bizNavFrame{ margin-top:16px; position:relative;}
.bizNav{ background-color:#fff;}
.bizNav>ul{ width:212px; height:418px; position:relative; background-color:#2d303c;}
.bizNav>ul>li{ height:60px; line-height:60px; text-align:center; cursor:pointer; overflow:hidden;}

.bizNav>ul>li:hover{ background-color:#00b689}
.bizNav>ul>li:hover h2{color:#00b689;}
.bizNav>ul>li:hover .img1{ display:none;}
.bizNav>ul>li:hover .img2{ display:inline-block;}
.bizNav h2 .img2{ display:none;}
.bizNav>ul>li.on{background-color:#00b689}
.bizNav>ul>li.on h2{color:#2d303c;}
.bizNav>ul>li.on .img1{ display:none;}
.bizNav>ul>li.on .img2{ display:inline-block;}
.bizNav>ul>li h2{font-size:26px; color:#00b689; padding-right:6px;}
.bizNav h2 span{ width:52px; display:inline-block;}
.bizNav h2 img{ margin-top:-4px;}
.bizNav>ul ul{ text-align:left;position:absolute; top:0; left:211px; width:693px; height:418px; overflow:hidden; display:none;}
.bizNav>ul>li:first-child ul{ display: block;}

.bizNav>ul ul li{ float:left; height:60px; width:230px; line-height:normal; background-color:#00b689; margin-left:1px;}
.bizNav>ul>li:hover ul{ display:block;}
.bizNav>ul ul li:hover{ background-color:#2d303c;}
.bizNav>ul ul li:hover h4{color:#00b689;}

.bizNav>ul ul li h4,.bizNav>ul ul li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bizNav>ul ul li h4{ font-size:17px; color:#2d303c; padding:8px 45px 4px;}
.bizNav>ul ul li p{ font-size:12px; color:#fff; font-weight:bold; padding:0 45px;}
/*ad*/
.bizNavFrame .ad{ position:absolute; right:0; top:0;}
.bizNavFrame .ad img{ width:277px; height:419px;}
/*cry*/
.biz .cry{font-size:17px;color:#999;text-align:center;}
.biz .cry img{width:100px;height:100px;padding-right:6px;}