﻿﻿﻿
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
body{
    background: #fff;
}
.banner {
    width:100%;
    min-width: 1440px;
    background: url(../image/banner.jpg) no-repeat top center;
    height: 800px;
    margin: 0 auto;
    position: relative;
}
img{
    display: block;
}
a {
    text-decoration: none;
}
.w1440{
    width: 1440px;
    margin: 0 auto;
}
body{
    min-width: 1440px;

}
.gfooter{
    min-width: 1440px;
}
.w1320{
    width: 1320px;
    margin: 0 auto;
}
.daoyu-tit{
    width: 1320px;
    padding: 64px 0 0 0;
    height: 68px;
    background: url(../image/daoyu.jpg) no-repeat top center;
}
.banner div{
    position: absolute;
    left: 50%;
    margin-left: -29px;
    bottom: -30px;
}
.daoyu {
    background: #f7f7f7;
    min-width: 1320px;
    width:100%;
    border-bottom: 1px solid #cccccc;
    padding: 95px 0 92px 0;

}
.daoyu p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}
.move{
    width: 1320px;
    min-width: 1320px;
    overflow: hidden;
    margin: 80px auto 0;
    padding-bottom: 80px;
}
.move ul{
    width: 1410px;
    margin: -40px auto 0;
}
.move ul li div:first-child img{


    position: relative;

    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition:  all 0.2s ease;
}

.move ul li:hover > div:first-child img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.move ul li{
    width: 380px;
    overflow: hidden;
    float: left;
    height: 650px;
    background: #f7f7f7;
    margin: 115px 90px 0 0;
}
.move ul li h3{
    color: #000000;
    font-size: 16px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.content{
    width: 320px;
    background: #fff;
    margin: -43px auto 0;
    z-index: 9999;
    position: relative;
    height: 310px;
    overflow: hidden;
}
.content p{
    width: 262px;
    height: 143px;
    color: #666666;
    font-size: 13px;
    margin: 10px 0 0 29px;
    line-height: 24px;
}
.content span{
    color: #ca8212;
    font-size: 13px;
    margin: 10px 0 0 29px;
    display: block;
}
.move > div{
    margin: 0 auto;
}
.tab-tit{
    width: 500px;

}

.tab-tit ul li img{
    display: inline-block;
}
.tab-tit ul li {
    height: 64px;
    overflow: hidden;
}
.tab-tit ul li a{
    color: #ffffff;
    font-size: 16px;
    line-height: 64px;
    display: inline-flex;
    padding-left: 85px;
    opacity: 0.8;
    height: 64px;
    overflow: hidden;
}
.news{
    width: 100%;
    background: #212121;
    min-width: 1440px;
}

.one.active{
    background: url(../image/one1.png) no-repeat #2c2c2c;
    background-position: 24px;
}
.two.active{
    background: url(../image/two2.png) no-repeat top left #2c2c2c;  background-position: 24px 2px;
}
.three.active{
    background: url(../image/three3.png) no-repeat top left #2c2c2c;     background-position: 24px 2px;
}
.four.active{
    background: url(../image/four2.png) no-repeat top left #2c2c2c; background-position: 24px 2px;
}
.five.active{
    background: url(../image/five2.png) no-repeat top left #2c2c2c;  background-position: 24px 2px;
}
.one{
    background: url(../image/one.png) no-repeat top left; background-position: 24px;
}
.two{
    background: url(../image/two.png) no-repeat top left;  background-position: 24px 2px;
}
.three{
    background: url(../image/three.png) no-repeat top left;  background-position: 24px 2px;
}
.four{
    background: url(../image/four.png) no-repeat top left;  background-position: 24px 2px;
}
.five{
    background: url(../image/five.png) no-repeat top left;  background-position: 24px 2px;
}
.tab-content > div{

}
.relative{
    position: relative;
}
.tab-tit{
    position: absolute;
    left: 780px;
}
.news-img{
    width: 480px;
}
.news-para{
    width: 460px;    height: 320px;
    overflow: hidden; 
}
.news-title{
    margin: 77px auto 57px;
}
.tab-content > div{
    display: none;
}
.tab-content > div.current{
    display: block !important;
}

.news-para p{
    width: 398px;
    padding: 64px 23px 0 39px;
    color: #fff;    opacity: 0.8;

    line-height: 36px;
}
.news-para p a{
    color: #ffffff;
    opacity: 0.8;
    margin: 34px 0 0 0;
    display: block;
}
.news-para p a:hover{
    text-decoration: underline;
}
.footer{
    min-width: 1440px;
    width: 100%;
    height: 299px;
   background:#212121; color:#FFF;
    margin-top: -2px;
    margin-bottom: -2px;
}