@charset "utf-8";
/* CSS Document */

/*样式预设*/
*{ margin: 0;padding: 0;}
ul{list-style: none;}
a{text-decoration: none;}
img,input{border: 0;}
html, body {
    height: 100%;
}
i{ font-style:normal; font-family:consolas;}
body{ font-family:"Microsoft yahei"; color:#666;background: #f5f5f5;}
.clear:after{ content:'200B'; display:block; font-size:0; height:0; clear:both;}
.clear{*zoom:1}/*IE7/6*/

.banner{height: 903px;position:relative;overflow: hidden;text-align: center;width:100%;}
.banner .but{position: absolute;top:50%;margin-top:-30px;width:38px;height:60px;line-height:60px;text-align:center;font-size: 30px;background:rgba(0,0,0,0.5);color:#fff;cursor:pointer;display: none;}
.banner:hover .but{display:block;z-index: 222;font-family:"consolas";}
.banner .but-left{left:0;}
.banner .but-right{right:0;}
.banner .banner-img{width:10000px;}
.banner .banner-img li{float:left;width: 1920px;}
.banner .banner-img img{width: 100%;}
.banner .li{width:100%;position:absolute;left:0;bottom:10px;}
.banner .li li{width:10px;height:10px;background:#ccc;border-radius:50%;display:inline-block;margin:0 3px;cursor: pointer;}
.banner .li .index{background:#eee;width: 30px;border-radius:10px;}
.banner .banner-img{position: absolute;top:0;left: 0;}
.banner .banner-txt{text-align: left;min-width:1000px;height:520px;position: relative;left:100px;top:200px;border:solid 2px transparent; }
.banner .banner-txt img:first-child+img{display: none;}

.banner .nav{height: 60px;width:1045px;background:#fff;margin-left:-522px;position: relative;top:40px;left:50%;border-radius: 30px;z-index: 2;box-shadow:0 5px 39px -3px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 30px; /* Firefox */
    -webkit-border-radius: 30px; /* Safari 和 Chrome http://www.manongjc.com/article/1214.html */
     /* 通知IE浏览器调用脚本作用于'box'类 */}
.banner .nav h2{float: left;line-height: 60px;color:#1eae3d;width:140px;text-align: center;font-size: 18px;z-index: 2}
.banner .nav .top-nav {width:855px;float: left;z-index: 2;text-align: center;}
.banner .nav .top-nav li{float: left;line-height:60px;width:122px;}
.banner .nav li a{color:#999;display:inline-block;}
@keyframes move {
    0%{transform: translateY(106px)}
     100%{transform: translateY(0)}
 }
@keyframes height {
    0%{height: 0}
    100%{height: 106px}
}

.banner .nav{height: 60px;width:1045px;background:#fff;margin-left:-522px;position: relative;top:40px;left:50%;border-radius: 30px;z-index: 2;box-shadow:0 5px 39px -3px rgba(0, 0, 0, 0.25) ;transition: all 0.5s;
    -moz-border-radius: 30px; /* Firefox */
    -webkit-border-radius: 30px; /* Safari 和 Chrome http://www.manongjc.com/article/1214.html */
    /* 通知IE浏览器调用脚本作用于'box'类 */}
.banner .nav h2{float: left;line-height: 60px;color:#1eae3d;width:140px;text-align: center;font-size: 18px;z-index: 2}
.banner .nav .top-nav {width:855px;float: left;z-index: 2;text-align: center;}
.banner .nav .top-nav li{float: left;line-height:60px;width:122px;}
.banner .nav li a{color:#999;display:inline-block;outline: none;}
.banner .nav .nav-box{height:0;background:#fff;position: absolute;left:0;top:33px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;overflow: hidden;width: 1045px;z-index:-1;transition: all 0.5s;display: none;}
.banner .nav .nav-box li{float: left;transform: translateY(106px);text-align: center;margin-top:40px;margin-right:55px; }
.banner .nav .nav-box li:first-child{animation: move 0.8s;animation-fill-mode:forwards;margin-left: 35px;}
.banner .nav .nav-box li:first-child+li{animation: move 0.8s 0.3s ;animation-fill-mode:forwards;}
.banner .nav .nav-box li:first-child+li+li{animation: move 0.8s 0.6s;animation-fill-mode:forwards;}
.banner .nav .nav-box li:first-child+li+li+li{animation: move 0.8s 0.9s;animation-fill-mode:forwards;}
.banner .nav .nav-box li:first-child+li+li+li{margin-right: 0;}
.banner .nav .nav-box .nav-box-icon .navb{float: left;margin-right: 10px;}
.banner .nav .nav-box .nav-box-icon .txt{float: left;}
.banner .nav .nav-box .nav-box-icon h4{margin-top: 10px;font-size: 16px;}
.banner .nav .nav-box .nav-box-icon h4,.banner .nav .nav-box .nav-box-icon p{line-height:24px;text-align:left;}
.banner .nav .nav-box .nav-box-icon p{font-size: 12px;text-transform: uppercase}
.banner .nav .nav-box1 li{width:380px;}
.banner .nav .nav-box1 li:first-child{margin-left: 130px;}
.banner .nav .nav-box2 li:first-child{margin-left: 185px;}
.navb{float: left;}
.navb1{height:59px;width:59px;background: url("../images/all-icon.png") no-repeat 0 0;position:relative;}
.navb2{height:59px;width:60px;background: url("../images/all-icon.png") no-repeat -60px 0;position:relative;}
.navb3{height:61px;width:76px;background: url("../images/all-icon.png") no-repeat -120px 0;position:relative;}
.navb4{height:67px;width:65px;background: url("../images/all-icon.png") no-repeat -197px 0;position:relative;}
.navb5{height:58px;width:47px;background: url("../images/all-icon.png") no-repeat -263px 0;position:relative;}
.navb6{height:57px;width:57px;background: url("../images/all-icon.png") no-repeat -310px 0;position:relative;}
.navb7{height:54px;width:54px;background: url("../images/all-icon.png") no-repeat -369px 0;position:relative;}
.navb8{height:53px;width:52px;background: url("../images/all-icon.png") no-repeat -423px 0;position:relative;}
.navb9{height:52px;width:61px;background: url("../images/all-icon.png") no-repeat -475px 0;position:relative;}


.footer .fot-inner{width: 1045px;margin: 0 auto;}
.footer{height:220px;background:#f5f5f5; border-top:solid 1px #ddd;padding-top: 30px; margin-top:90px;}
.footer img:first-child{float: left;padding-top: 30px;}
.footer img:first-child+img{float:right}




@media screen and (max-width: 1366px){
    .banner .banner-img li{float:left;width: 1366px;height: 100%;}
    .banner{height: 750px;}
    .banner .banner-img{height: 750px;}
    .banner .banner-img img{height: 100%;}
    .banner .banner-txt{left:100px;top:130px;}
    .pic-carousel{ position: fixed; top: 35%;left: 50%; margin: -270px 0 0 -410px; width: 820px;height: 540px;display: none;z-index: 1003;}


}