.head_whole{background: #000;padding:10px 0}
.head_nav ul li{float: left;color: #fff;}
.head_nav ul li a{color: #fff;margin:0 5px;}
.search{border-radius:20px 0 0 20px;height: 18px;padding-left:10px;}
.logo{text-align: center;margin:40px 0 35px 0;}
.line{height:1px;background: #fff;}
.nav{width:950px;margin:20px auto;}
.nav ul li{float: left;margin:0 30px;}
.nav ul li a{color: #fff;}
.nav ul li a.active{color:#8fc41e;}


.container{position: relative;}
.nav_top{width:100%;padding:10px 0;background: rgba(0, 0, 0,0.3);position: absolute;top:0;left:0;z-index: 9999;}
.nav_con{width:1200px;margin:0 auto;}

.menu ul li{float: left;margin:10px 10px;width:110px;text-align: center;}
.menu ul li a{color: #fff;font-size: 16px;height:45px;line-height: 45px;width:110px;text-align: center;}
.menu ul li.active{text-align: center;}
.menu ul li.active a{color: #000;height:45px;text-align: center;line-height: 40px;background: url(../images/navbg.png) no-repeat;display: inline-block;}
.menu ul li:hover{text-align: center;}
.menu ul li a:hover{color: #000;background: url(../images/navbg.png) no-repeat;display: inline-block;height:45px;text-align: center;line-height: 40px;}


.section1{position: relative;}
.bg_con{position: absolute;top:200px;left:50%;margin-left:-285px;}
.index_con1{text-align: center;}
.index_con1 span{color: #fff;}
.index_name{font-size: 24px;font-weight: bold;color: #fff;margin:10px 0 25px 0;}



.section2{position: relative;background: url(../images/img2.jpg) no-repeat;width:100%;height:100%;}
.index_con2{position: absolute;top:200px;left:50%;margin-left: -500px; width:1015px;text-align: center}
.index_about ul li{float: left;margin:0 30px;}
.index_about_nav{text-align: center;color: #fff;font-size: 24px;margin-top:10px;}
.about_name1{font-size: 24px;color: #3b76b8;font-weight: bold;text-align: left;margin:75px 0 25px;}
.index_about_text{width:1000px;background: rgba(59, 118, 184,0.4);color: #fff;line-height: 25px;padding:10px;text-align: left;font-size: 16px;}
.index_img{margin-bottom: 80px;}

.section3{position: relative;background: url(../images/img3.jpg) no-repeat;width:100%;height:100%;}
.index_con3{position: absolute;top:150px;left:50%;margin-left: -600px; width:1200px;text-align: center;}
.index_middle_con{width:15%;margin:50px 20px 0;}
.index_middle_con_text{color: #fff;text-align: left;}
.index_con3_right{position: relative;}
.index_con3_text{position: absolute;top:55px;left:40px; }
.index_con3_title{font-size: 22px;color: #fff;font-weight: bold;margin-left:90px;}
.index_con3_context1{font-size: 18px;color: #fff;margin-top:73px;text-align: left}
.index_con3_context2{font-size: 14px;}
.index_con3_textright{width:60%;color: #fff;margin:20px 0 0 90px;text-align: left;}

.section4{position: relative;background: url(../images/img4.jpg) no-repeat;width:100%;height:100%;}
.index_con4{position: absolute;top:120px;left:50%;margin-left:-619px;}
.img5{position: absolute;top:50px;left:50%;margin-left:-190px;}
.news_item{background: url(../images/bg2.png) no-repeat;padding:10px 10px 20px;text-align: center;height:440px;margin:0 80px;}
.news_con{width:220px;margin:0 auto;line-height: 21px;}
.news_item_title{font-size: 18px;font-weight: bold;}
.news_item_title1{font-size: 16px;margin:25px 0 10px;}
.news_item_list{position: absolute;top:280px;left:0}
.news_item_list ul li{float: left;}
.news_num{font-size: 24px;color: #838383;margin-top:20px;}
.userimg{width:50%;border-radius: 50%;border-radius: 2px solid #8ff59f;margin: 10px auto 15px;}

.section5{position: relative;background: url(../images/img5.jpg) no-repeat;width:100%;height:100%;}
.index_con5{position: absolute;top:120px;left:50%;margin-left:-600px;text-align: center;}
.product_list{width:1200px;}
.product_list ul li{float: left;margin-bottom: 10px;position: relative;}
.product_list ul li:nth-child(3n-1){margin:0 10px;}
.product_list ul li .itemimg{width:100%; background: #000;overflow: hidden;text-align: center;}
.product_list ul li .itemimg img{-webkit-transition:all 1s linear}
.bian{width:90%;height:90%;opacity: 0; border:1px solid #fff;position: absolute;left:5%; top:5%;transition:all 0.3s ease-out 0s}
.item_title{position: absolute;top:100px;left:50%;margin-left:-30px;opacity: 0;color: #eee;font-size: 18px;-webkit-transition: all 0.3s ease-out 0s; 
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;}
.more{position: absolute;top:100px;left:50%;margin-left:-10px;transition:all 0.3s ease-out 0s;opacity: 0;-webkit-transition: all 0.3s ease-out 0s; 
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;}
.product_list ul li:hover .itemimg>img{opacity:0.3;
    transform: scale(1.09,1.09);
-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
 -o-transform: scale(1.09,1.09);	
-moz-transform: scale(1.09,1.09);}
.product_list ul li:hover .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.product_list ul li:hover .item_title{opacity:1; margin-top:-20px;}
.product_list ul li:hover .more{opacity:1; margin-top:70px;}
.car_pos{position: relative;}
.lun_pos1{position: absolute;bottom:20px;left:85px;animation:carlun 8s 2s ;}
.lun_pos2{position: absolute;bottom:20px;left:250px;animation:carlun 8s 2s ;}
.lun_pos3{position: absolute;bottom:20px;left:455px;animation:carlun 8s 2s ;}
.lun_pos4{position: absolute;bottom:20px;left:950px;animation:carlun 8s 2s ;}
@keyframes carlun {
    0%   {transform: rotate(360deg);}
    100% {transform: rotate(-360deg);}
}

.section6{position: relative;background: url(../images/img6.jpg) no-repeat;width:100%;height:100%;}
.index_con6{position: absolute;top:180px;left:50%;margin-left:-600px;text-align: center;}
.index_contact_con{position: absolute;top:0;left:420px;width:680px;}
.index_contact_con_text{text-align: left;margin: 20px 0 0 0;}
.index_contact_con_text p{color: #fff;}
.index_contact_name{font-size: 16px;}
.contect{width:50%; display:none}
.contect .text{width:95%;min-height: 230px;border-radius: 10px;margin-top:20px;background: #fff;text-align: left;resize: none;outline: none;padding:10px;color: #838383}

/* contact */
.p_about_con2{width: 1210px;margin:0 auto;}
.contact_con{border:1px solid #3ebc7b;margin-top:20px;padding:20px;}
.contact_name{font-weight: bold; }
.contact_con p{font-weight: bold;line-height: 20px; margin:10px 0;font-size: 16px;}
.link{margin-top:5px;font-size: 12px;text-align: left;}
.link a{color: #fff;}
.ma{width:60%;}
.tc{text-align: center;}
.index_contact_con_text{width:60%;}
.mt10{margin-top:10px;}
.fc{color: #fff;}
/* 第一屏 */
.index_btn{width:20%;height:45px;margin:0 auto;color: #fff;transition: 1s; display: block; line-height: 45px;border:1px solid #fff;text-align: center}
.index_btn:hover{background: #fff;color: #000;transition: 1s;}
/* 第二屏动画 */
.index_img{transition:2s;transform: translateY(80px); opacity: 0;}
.active .index_img{transform: translateY(0px);transition: 2s;opacity: 1; transition-delay: 1s;}
.index_about ul li{ opacity: 0;transform: rotate(360deg);transition: 1s;}
.index_about ul li .iconimg{transition: 1s;}
.index_about ul li .iconimg:hover{transform:rotate(50deg) ;transition: 1s;}
.active .index_about ul li{opacity: 1;transform: rotate(0);}
.active .index_about ul li:nth-child(1){transition-delay: 2s;}
.active .index_about ul li:nth-child(2){transition-delay: 2.5s;}
.active .index_about ul li:nth-child(3){transition-delay: 3s;}
.active .index_about ul li:nth-child(4){transition-delay: 3.5s;}
.active .index_about ul li:nth-child(5){transition-delay: 4s;}
.active .index_about ul li:nth-child(6){transition-delay: 4.5s;}
.about_name1{transition:1s;transform: translateY(80px); opacity: 0;}
.active .about_name1{opacity: 1;transform: translateY(0);transition-delay: 5s;}
.index_about_text{transition:1s;transform: translateY(80px); opacity: 0;}
.active .index_about_text{opacity: 1;transform: translateY(0);transition-delay: 5.5s;}

/* 第三屏动画 */
.ditu2{opacity: 0;transform: translateX(-80px);transition: 1s;}
.active .ditu2{opacity: 1;transform: translateX(0);transition-delay: 2s;}
.index_middle_con{opacity: 0;transform: translateY(80px);transition: 1s;}
.active .index_middle_con{opacity: 1;transform: translateY(0);transition-delay: 2.5s;}
.index_con3_right{opacity: 0;transform: translateX(80px);transition: 1s;}
.active .index_con3_right{opacity: 1;transform: translateX(0);transition-delay: 3s;}
.carimg{animation:myfirst 3s 3s infinite;opacity: 0;}
@keyframes myfirst {
    0%   {transform: translateX(-80px);}
    25%   {transform: translateX(60px);}
    100% {transform: translateX(-60px);}
}
.active .carimg{opacity: 1;transition-delay: 3s;}

/* 第四屏动画 */
.index_img1{opacity: 0;transition: 3s;}
.active .index_img1{opacity: 1;transition-delay: 2s;}
.news_item{transition: 1s;}
.news_item:hover{transform: translateY(-20px);transition: 1s; }
.news_item_list ul li{ opacity: 0;transform: rotateY(120deg);transition: 1s;}
.active .news_item_list ul li{ opacity: 1;transform: rotateY(0);}
.active .news_item_list ul li:nth-child(1){ transition-delay: 2s;}
.active .news_item_list ul li:nth-child(2){ transition-delay: 2.5s;}
.active .news_item_list ul li:nth-child(3){ transition-delay: 3s;}

/* 第五屏动画 */
.product_list ul li{opacity: 0;transition: 1s;transform:translateY(80px);}
.active .product_list ul li{opacity: 1;transform:translateY(0);}
.active .product_list ul li:nth-child(1){transition-delay: 3s;}
.active .product_list ul li:nth-child(2){transition-delay: 3.5s;}
.active .product_list ul li:nth-child(3){transition-delay: 4s;}
.active .product_list ul li:nth-child(4){transition-delay: 5s;}
.active .product_list ul li:nth-child(5){transition-delay: 5.5s;}
.active .product_list ul li:nth-child(6){transition-delay: 6s;}

.car_con{opacity: 0;transition: 3s;transform:translateX(500px);animation: cardong 7s alternate;}
.active .car_con{opacity: 1;transform:translateX(0);transition-delay: 3s;transition: 3s;}
@keyframes cardong {
    0%   {transform: translateX(60px);}
    100% {transform: translateX(0);}
}