/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: microsoft yahei , "微软雅黑"; position:relative;min-width:1200px;}/*网站字体颜色*/



.wrap-header {height: 40px;background: #f5f5f5;position: relative;z-index: 3;}
.header p {height: 40px;line-height: 40px;font-size: 12px;color: #747474;}
.header ul li {float: left;height: 14px;margin-top: 13px;line-height: 14px;padding: 0 10px;border-left:1px dotted #bcbcbc;position: relative;}
.header ul li:first-child {border-left: none;}
.header ul li span {display: none;width: 90px;height: 90px;padding:18px 5px 5px 5px;background: #f5f5f5;position: absolute;left: -15px;top: 14px;}
.header ul li span img {display: block;width: 90px;height: 90px;}
.header ul li:hover span {display: block;}

/**/

.logo {height: 102px;position: relative;z-index: 5;}
.logo .container {height: 102px;position: relative;}
.logo h1 {width: 211px;height: 80px;float: left;margin-top: 15px;}
.logo .nav {float: right;margin:40px 0 0 0;}
.logo .nav ul li {float: left;margin:0 17px;font-size: 15px;height: 22px;line-height: 22px;padding-bottom: 38px;position: relative;}
.logo .nav ul li a {color: #333;text-decoration: none;}
.logo .nav ul li:hover ,.logo .nav ul li.cur {border-bottom: 2px solid #007f41;}
.logo .nav ul li:hover a ,.logo .nav ul li.cur a {color: #007f41;}
.logo .nav li .xial{position: absolute;top: 62px;background: url(../images/hbg02.png);padding: 36px 0 0 40px;width: 590px;height: 324px;display: none;}
.logo .nav li .xial dt{float: left;width: 315px;}
.logo .nav li .xial dt img{display: block;width: 315px;height: 195px;cursor: default;}
.logo .nav li .xial dt h3{font-size: 18px;color: #fff;font-weight: normal;margin: 30px 0 4px 0;}
.logo .nav li .xial dt h3 a{color: #fff;text-decoration: none;cursor: default;}
.logo .nav li .xial dt p{font-size: 14px;color: #fff;}
.logo .nav li .xial dd{float: left;margin-left: 60px;width: 200px;}
.logo .nav li .xial dd a{display: block;margin-bottom: 13px;font-size: 14px;color: #fff;text-decoration: none;padding-left: 30px;background: url(../images/nav_icon09.png) no-repeat left center;}
.logo .nav li .xial dd a:hover{background: url(../images/nav_icon10.png) no-repeat left center;color: #007f41;}
.logo .nav li:hover .xial{display: block;}
.logo .nav li .xial3{left: -560px;}
.logo .nav li .xial4{left: -560px;}
.logo .nav li .xial5{left: -560px;}
.banner{margin: 0 auto; overflow:hidden; width:100%; min-width: 1200px;}
#flashs{position:relative; height:710px; overflow:hidden;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


.banbox {position: relative;height: 0px;}
.banbox .boxqh {position: absolute;left: 50%;margin-left: -600px;bottom: 0;width: 1200px;z-index: 2;height: 320px;overflow: hidden;}
.banbox .boxqh .conbox {width: 300px;float: left;height: ;}
.banbox .boxqh .conbox dl {border-left: 1px solid rgba(158, 158, 158,0.3);height: 90px;position: relative;top: 230px;background: url(../images/banbg.png);transition: all 0.5s;}
.banbox .boxqh .conbox:first-child dl{border-left:none;}
.banbox .boxqh dt {display: none;}
.banbox .boxqh dd.dd1 {padding: 30px 0 24px 131px;transition: all 0.5s;}
.banbox .boxqh dd.dd1 span {display: block;font-size: 18px;color: #fff;;}
.banbox .boxqh dd.dd1 i {font-size: 12px;color: #fff;}
.banbox .boxqh em {display: block;width: 44px;height: 44px;position: absolute;left: 60px;top: 23px;transition: all 0.5s;transition: all 0.5s;}
.banbox .boxqh .dl1 em {background: url(../images/banicon01.png) no-repeat center}
.banbox .boxqh .dl2 em {background: url(../images/banicon02.png) no-repeat center}
.banbox .boxqh .dl3 em {background: url(../images/banicon03.png) no-repeat center}
.banbox .boxqh .dl4 em {background: url(../images/banicon04.png) no-repeat center}
.banbox .boxqh dd.dd2 {display: none;}

.banbox .boxqh .conbox dl:hover {top: 0;background: rgba(33, 102, 58,0.5);height: 320px;border-left: none;}
.banbox .boxqh .conbox dl:hover dt {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dt img {display: block;width: 300px;height: 158px;}
.banbox .boxqh .conbox dl:hover dd.dd1 {padding: 0;margin: 24px;background: url(../images/jtr03.png) no-repeat right center;}
.banbox .boxqh .conbox dl:hover dd.dd1 i {display: none;}
.banbox .boxqh .conbox dl:hover dd.dd1 em {left: 225px;top: 265px;}
.banbox .boxqh .conbox dl:hover dd.dd2 {display: block;font-size: 14px;color: #fff;margin-left: 24px;}


/* 动画 */
.logo .l_s1 {display: block;width: 22px;height: 22px;position: absolute;right: 42px;top: 40px;padding-right: 20px;border-right: 1px dotted #cccccc;}
.logo .l_s1 a {display: block;width: 22px;height: 22px;background: url(../images/l_icon01.png) no-repeat center;-webkit-transition: -webkit-transform 0.4s ease-out;
            -moz-transition: -moz-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
}
#gavinPlay{
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
    background:url(../images/l_icon01.png) center no-repeat;
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:22px;
    height:22px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转
        */
        -webkit-transform:rotateZ(0deg);
        /*
        垂直翻转
        -webkit-transform:rotateX(0deg);
        顺时针旋转
        -webkit-transform:rotate(0deg);
        逆时针旋转
        -webkit-transform:rotate(0deg);
        */
    }
    100% {
        /* 水平翻转 */
        -webkit-transform:rotateZ(360deg);
        /* 垂直翻转
        -webkit-transform:rotateX(360deg);
        顺时针旋转
        -webkit-transform:rotate(360deg);
        逆时针旋转
        -webkit-transform:rotate(-360deg);
        */
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotateZ(0deg);
        /*
        -moz-transform:rotateX(0deg);
        -moz-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        */
    }
    100% {
        -moz-transform:rotateZ(360deg);
        /*
        -moz-transform:rotateX(360deg);
        -moz-transform:rotate(360deg);
        -moz-transform:rotate(-360deg);
        */
    }
}
@keyframes play{
    0%  {
        transform:rotateZ(0deg);
        /*
        transform:rotateX(0deg);
        transform:rotate(0deg);
        transform:rotate(0deg);
        */
    }
    100% {
        transform:rotateZ(360deg);
        /*
        transform:rotateX(360deg);
        transform:rotate(360deg);
        transform:rotate(-360deg);
        */
    }
}