@charset "utf-8";
.default-wrap{position: relative;z-index: 1;}
.banner{position: relative;z-index: 0;}
.banner .bd {  width: 1920px;  position: relative;  left: 50%;  margin-left: -960px;  }
.banner .bd li{ height: 800px;overflow: hidden; }
.banner .bd img{ display: block;}
.banner .hd{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;font-size: 0;}
.banner .hd ul li{display: inline-block; width: 52px;height: 3px;margin: 0 1px;background: #eae8e8;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s;}
.banner .hd ul li.on{ background: #323232;}
.section-a{background: #f5f5f5;}
.section-a .wrap{width: 100%;min-width: 1200px;}
.section-a .item{width: 33.33%;float:left;}
.section-a .item .item-inner{}
.section-a .item a{display: block;height: 356px;background: white;transition: all 0.8s;margin: 10px;}
.section-a .item a:hover{background: #323232; }
.section-a .item .pic{padding-top: 50px;height: 117px;margin-bottom: 14px;}
.section-a .item-1 .pic{background: url("../images/jiaoluo_14.png") no-repeat center bottom;}
.section-a .item-2 .pic{background: url("../images/jiaoluo_17.png") no-repeat center bottom;}
.section-a .item-3 .pic{background: url("../images/jiaoluo_19.png") no-repeat center bottom;}


.section-a .item-1:hover .pic,.section-a .item-1 .pic.hide{background: url("../images/jiaoluo_14_on.png") no-repeat center bottom;}
.section-a .item-2:hover .pic,.section-a .item-2 .pic.hide{background: url("../images/jiaoluo_17_on.png") no-repeat center bottom;}
.section-a .item-3:hover .pic,.section-a .item-3 .pic.hide{background: url("../images/jiaoluo_19_on.png") no-repeat center bottom;}


.section-a .item a .title{height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #666666;padding: 0 30px;transition: all 0.8s;}
.section-a .item a:hover .title{color:white;}
.section-a .item a .info{line-height: 24px;text-align: center;font-size: 14px;color: #666666;padding: 0 30px;}
.section-a .item a:hover .info{color:white;}
.section-a .inner{padding: 10px; }

.section .title{height:196px;text-align: center;}
.section .title .top{padding-top: 72px;height: 50px;line-height: 50px;font-size: 36px;color: #666666;}
.section .title .bot{height: 22px;line-height: 22px;font-size: 12px;color: #999999;}
.section-b .main{padding-bottom: 80px;}
.section-b .main .wrap{width: 90%;min-width: 1200px;}

.section-b-left .bd ul{overflow: hidden;}
.section-b-left .bd ul li{width: 33.33%;text-align: center;}
.section-b-left .bd ul li .inner{padding: 0 10px;}
.section-b-item{display: block;margin-bottom: 23px;background: white;position: relative;transition: all 0.4s;overflow: hidden;}
.section-b-item img{width: 100%;height: 100%;transition: all 0.4s;}
.section-b-item:hover img{transform:scale(1.5,1.5);}
.section-b-item .label{height: 85px;line-height: 85px;text-align: center;color: #666666;font-size: 14px;position: absolute;left: 0;right:0;bottom: 0;}
.section-b-item:hover .label{color: #ffffff;}

.section-b-item .label .bg{position: absolute;left: 0;right:0;bottom: 0;top: 0;background: white;z-index: 1;opacity:0.8;filter:Alpha(opacity=80);transition: all 0.4s;}
.section-b-item:hover .label .bg{background: #323232;}
.section-b-item .label .text{position: relative;z-index: 2;transition: all 0.4s; font-size: 18px;}


.section-b-left .hd{text-align: center;font-size: 0;position: relative; top: 35px;}
.section-b-left .hd li{display: inline-block; width: 52px;height: 3px;margin: 0 1px;background: #eae8e8;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s;}
.section-b-left .hd li.on{background: #323232;}
.section-b-left .bd{overflow: hidden;/* padding: 0 7%;*/}

.section-c{background: #f5f5f5;padding-bottom: 60px;}
.section-c .main .wrap{width: 90%;min-width: 1200px;}
.section-c .inner{padding: 10px; }
.section-c .item{width: 33.33%;float:left;}
.section-c .item .item-inner{padding: 10px;}
.section-c .item .item-inner a{display: block;height: 360px;background: white;transition: all 0.4s;padding:0 54px;position: relative;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s;}
.section-c .item .item-inner a:hover{background: #323232; }
.section-c .item .item-inner a .tit{line-height: 36px;font-size: 18px;color: #333333; margin-bottom: 14px;padding-top: 138px;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s; }
.section-c .item .item-inner a:hover .tit{color: white;padding-top: 160px;}
.section-c .item .item-inner a .info{line-height: 24px;font-size: 14px;color: #666666;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s;}
.section-c .item .item-inner a:hover .info{color: white;}
.section-c .item .item-inner a .date{position: absolute;width: 100px;height: 106px;background:#323232; left: 30px;top: -10px;-moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */transition: all 0.4s;}
.section-c .item .item-inner a:hover .date{background:#ffffff;height: 130px; }
.section-c .item .item-inner a .date-inner{position: absolute;left:0;right:0;bottom:0;padding: 5px ;padding-top: 0;color: white;text-align: center;}
.section-c .item .item-inner a:hover .date-inner{color:#323232; }
.section-c .item .item-inner a .date-inner .top{font-size: 26px;line-height: 48px;}
.section-c .item .item-inner a .date-inner:after{content: "";position: absolute;left: 18px;right:18px;top: 47px;height: 1px;background: #555555;z-index: 2000;}
.section-c .item .item-inner a:hover .date-inner:after{background: #999;}
.section-c .item .item-inner a .date-inner .bot{font-size: 18px;line-height: 42px;}
.section-c .more-link{text-align: center;margin-top: 20px;}
.section-c .more-link a{display: inline-block;width: 300px;height: 40px;font-size: 16px;color: #333333;line-height: 40px;background: white;}
/*.section-c .item .item-inner a .date .inner{position: absolute;}*/