.head{width: 1200px;margin: 0 auto;}
.logo{width: 275px;height: 70px;}
.nav_whole{width: 810px;}
.nav{width: 735px;}
.nav ul li{float: left;width: 11.1%;text-align: center;height: 70px;line-height: 70px;font-weight: bold;}
.search{width: 75px;height: 70px;background: #127fe4;text-align: center;line-height: 70px;}
.search img{margin-top: 20px;}
.slide{position: relative;}
.slide_con{width: 580px;height: 60px;padding:40px 0 40px 30px; background: rgba(18, 127, 228, 0.5);position: absolute;bottom: 0;right: 360px;}
.slide_con_title{color: #fff;font-size: 16px;}
.slide_con_text{color: #fff;font-size: 24px;font-weight: bold;margin-top: 20px;}
.slide_img img{display: block;vertical-align: middle;}
.about_whole{width: 100%;background: url(../images/bg.jpg) no-repeat;}
.about{width: 1200px;margin: 40px auto;}
.about_left{width: 530px;margin: 20px 40px 0;}
.about_left_title{font-size: 20px;font-weight: bold;color: #0b7bd7;margin-bottom: 40px;text-align: center;}
.about_left_p{line-height: 20px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.about_left_list{margin-top: 30px;}
.about_left_list ul li{float: left;margin: 0 30px;text-align: center;}
.about_left_list_title{font-size: 32px;font-weight: bold;}
.about_left_list_title span{font-size: 12px;font-weight: normal;margin-left: 5px;}
.about_left_list_text{font-size: 12px;}
.about_left_btn{width: 125px;height: 35px;border: 2px solid #dcdcdc;font-size: 12px;margin: 50px auto; text-align: center;line-height: 35px;display: block;}
.play{text-align: center}
.play img{width: 40px;height: 40px;}
.line{width: 560px;height: 2px;background: #e8e8e8;}
.enterprise_whole{width: 100%;background: #f4f4f4;padding:20px 0 35px}
.enterprise{width: 1030px;margin: 0 auto;}
.enterprise_title{font-size: 20px;font-weight: bold;text-align: center;}
.enterprise_title span{color: #2284ee;}
.enterprise_title1{color: #1c191a;font-size: 12px;margin-top: 10px;text-align: center;}
.enterprise_img{width: 80px;height: 80px;margin: 0 auto; background: #000;text-align: center;border-radius: 50%;}
.enterprise_img img{margin-top: 15px;}
.enterprise_list{margin-top: 30px;}
.enterprise_list ul li{float: left;text-align: center;width: 20%;}
.enterprise_list_title{font-size: 20px;font-weight: bold;color: #404040;margin-top: 10px;}
.enterprise_list_title1{color: #b0b0b0;font-size: 14px;}
.enterprise_list_text{font-size: 12px;color: #404040;margin-top:15px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.enterprise_list ul li:hover .enterprise_img{background: #024289;}
.product{width: 1200px;margin: 40px auto;}
.product_list{margin-top: 45px;height: 480px;}
.product_list ul li{float: left; transition: 1s;width: 22%;margin-left: 40px;background: #f4f4f4;height: 395px;overflow: hidden;}
.product_list ul li:first-child{margin-left: 0;}
.product_list_img{width: 264px;height: 300px;overflow: hidden;}
.product_list_img img{width: 264px;height: 300px;transition: 1s;}
.product_list ul li:hover .product_list_img img{transition: 1s;transform: scale(1.2);}
.product_list_con{margin: 20px 10px;}
.line1{width: 80px;height: 5px;background: #505050;margin: 0 auto;}
.product_list_title{font-size: 20px;font-weight: bold;text-align: center;margin:20px 0 25px;}
.product_list_text{display: none; font-size: 16px;color: #7f7f7f;line-height: 25px;text-align: center;}
.product_list ul li:hover .product_list_text{display: block;transition: 1s;}
.product_list ul li:hover{height:480px;}
.news{width: 1200px;margin: 40px auto;}
.news_title{font-size: 26px;font-weight: bold;margin-top: 30px;}
.news_title span{font-weight: normal;font-size: 14px;}
.news_text{font-size: 14px;margin-top: 20px;}
.news_con_whole{margin-top: 45px;}
.news_left{margin-left: 10px;}
.news_left_img{width: 480px;height: 250px;overflow: hidden;}
.news_left_img img{width: 480px;height: 250px;transition: 1s;}
.news_left:hover .news_left_img img{transition: 1s;transform: scale(1.2);}
.news_left_title{font-size: 16px;margin: 25px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_left p{font-size: 14px; width:480px;color: #898888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_left_time{margin-top: 10px;font-size: 14px;color: #898888;}
.news_left:hover .news_left_title{color: #2284ee;}
.news_left:hover p{color: #2284ee;}
.news_left:hover .news_left_time{color: #2284ee;}
.news_right ul li{border-bottom: 1px solid #f1f1f1;margin-bottom: 15px;padding-bottom: 15px;padding-left: 10px;}
.news_right_leftimg{width: 170px;height: 105px;overflow: hidden;}
.news_right_leftimg img{width: 170px;height: 105px;transition: 1s;}
.news_right_con{margin-left: 15px;}
.news_right_con1{margin:10px 0 15px;}
.news_right_con_title{font-size: 14px;width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_right_con_time{font-size: 12px;color: #8f8f8f;}
.news_right_con_text{margin-top: 15px;color: #8f8f8f;font-size: 14px;width: 400px;}
.news_right ul li:hover .news_right_leftimg img{transition: 1s;transform: scale(1.2);}
.news_right ul li:hover .news_right_con_title{color: #2284ee;}
.news_right ul li:hover .news_right_con_text{color: #2284ee;}
.news_right ul li:hover .news_right_con_time{color: #2284ee;}
.foot_whole{width: 100%;background: #222222;padding: 40px 0 30px;}
.foot{width: 1200px;margin: 0 auto;}
.foot_logo{border-right: 1px solid #353535;padding:20px 30px 20px 0}
.foot_item{padding-right: 20px;margin-left: 50px;}
.foot_item_top{margin-bottom: 50px;width: 220px;}
.foot_item_top p{margin-bottom: 25px;}
.foot_item_top p a{font-size: 14px;color: #d9d9d9;}
.foot_item_top span a{font-size: 12px;color: #d9d9d9;}
.foot_item_top span{color: #d9d9d9;}
.foot_item_top a{color: #d9d9d9}
.foot_item_bottom p{color: #d9d9d9;font-size: 12px;line-height: 25px;}
.foot_item_bottom p a{font-size: 14px;color: #d9d9d9;}
.line3{width: 1px;height: 250px;background: #353535;}
.ewm_whole{margin: 25px 0 0 35px;}
.ewm_whole_con{color: #d9d9d9;margin-bottom: 20px;}
.ewm_whole_con img{margin:5px 5px 0 0}
.bottom_whole{background: #127fe4;height: 50px;line-height: 50px;color: #d9d9d9;text-align: center;}
.about_right11{position: relative;}
.video{display: none; position: absolute;top: 0;left: 0;}
/* 鍔ㄧ敾 */
.about_whole{opacity: 0;transform: translateY(30px); transition: 1s;}
.about_whole.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1s;}
.enterprise_whole{opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_whole.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1s;}
.product{opacity: 0;transform: translateY(30px); transition: 1s;}
.product.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1s;}
.news{opacity: 0;transform: translateY(30px); transition: 1s;}
.news.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1s;}
.foot_whole{opacity: 0;transform: translateY(30px); transition: 1s;}
.foot_whole.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1s;}
.about_left{opacity: 0;transform: translateX(-30px); transition: 1s;}
.about_left.animated_visible{ opacity: 1;transform:translateX(0);transition-delay: 1.3s;}
.about_right11{opacity: 0;transform: translateX(30px); transition: 1s;}
.about_right11.animated_visible{ opacity: 1;transform:translateX(0);transition-delay: 1.6s;}
.enterprise_list ul li{opacity: 0;transform: translateY(30px);}
.enterprise_list ul li.animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1.3s;}
.enterprise_list ul li:nth-child(1){opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_list ul li:nth-child(1).animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1.6s;}
.enterprise_list ul li:nth-child(2){opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_list ul li:nth-child(2).animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 1.9s;}
.enterprise_list ul li:nth-child(3){opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_list ul li:nth-child(3).animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 2.2s;}
.enterprise_list ul li:nth-child(4){opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_list ul li:nth-child(4).animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 2.5s;}
.enterprise_list ul li:nth-child(5){opacity: 0;transform: translateY(30px); transition: 1s;}
.enterprise_list ul li:nth-child(5).animated_visible{ opacity: 1;transform:translateY(0);transition-delay: 2.8s;}

.news_left{opacity: 0;transform: translateX(-30px); transition: 1s;}
.news_left.animated_visible{ opacity: 1;transform:translateX(0);transition-delay: 1s;}
.news_right{opacity: 0;transform: translateX(30px); transition: 1s;}
.news_right.animated_visible{ opacity: 1;transform:translateX(0);transition-delay: 1.5s;}