/*banner*/ #banner{width: 100%;position: relative;left:50%;margin-left:-50%;/*min-height: 600px;*/} #banner ul{position: relative;width:100%;} #banner ul li{position: absolute;top: 0;left: 0;width:100%;} #banner ul li img{width: 100%;} #banner ul li div, #banner ul li h3, #banner ul li a{position: absolute;left: 50%;} #banner ul li h2.h2-left{color: #e60012;font-weight: normal;font-size: 40px;} #banner h2, #banner h2 span{color: #fff;font-weight: normal;font-size: 30px;text-align: center;} #banner h2 span{color: #fff;} #banner ul li h2.h2-right{color: #31328c;margin-right: 25px;font-weight: normal;font-size: 40px;} #banner ul li h3{font-size: 20px;color: #31328c;color: rgba(27,28,128,0.9); top: 191px;width: 100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);text-align: center} #banner h3{font-size: 16px;line-height: 32px; color: #fff;text-align: center;margin-top: 15px;padding: 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #banner h3 p{font-size: 16px;line-height: 32px; color: #fff;display: inline-block;vertical-align: middle;} .banners{position: relative;} #banner .swiper-slide{position: relative;overflow: hidden;} /*#banner .swiper-slide img{position: absolute;left: 50%;top: 50%;z-index: 1; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}*/ #banner .swiper-slide img{width: 100%;} #banner .swiper-slide div{position: absolute;top: 20%;left: 0;width: 100%;z-index: 2;} #banner .more{font-size: 14px;width: 154px;height: 40px;text-align: center; line-height: 40px;border: 1px solid #fff;color: #fff;display:block;margin: 18px auto 0; border-radius: 24px;} #banner .more:hover{color: #fff;border-color: #fff;} #banner ul li div{top: 127px;margin-left: -215px;} #banner ul li div h2{font-size: 40px;float: left;} #banner ul li img, #banner ul li div{opacity: 0;filter:alpha(opacity=0);transition: all 2s ease-in-out;} #banner ul li.active img, #banner ul li.active div{opacity: 10;filter:alpha(opacity=100);} #banner .scrollBan{bottom: 30px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);} #banner .scrollBan .swiper-pagination-bullet{width: 106px;height: 4px;background: #fff;margin-right: 12px;cursor: pointer;border-radius: 0;opacity: 1;} #banner .scrollBan span:hover, #banner .scrollBan .swiper-pagination-bullet-active{background: #E7160C;} #banner .swiper-slide div.ban3, #banner .swiper-slide div.ban1{left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);} #banner .swiper-slide div.ban3 h2, #banner .swiper-slide div.ban3 h3, #banner .swiper-slide div.ban3 .more{text-align: left;color: #fff;} #banner .swiper-slide div.ban3 h3{padding: 0;} #banner .swiper-slide div.ban3 .more{border-color: #fff;margin: 18px 0 0;text-align: center;} #banner .swiper-slide div.ban1{width: 1710px;top: 17%;} #banner .swiper-slide div.ban1 h2{text-align: left;} #banner .swiper-slide div.ban1 h3{text-align: left;padding: 0;} #banner .ban1 .more{margin: 18px 0 0;} /*about*/ .about{background: #EEEEEE;} .about .divBox h2, .about .divBox h3, .about .divBox p{margin-left: 460px;} .about .divBox a{width: 36px;height: 36px;border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #D5D5D5;margin-top: -40px;position: relative;} .videoTitle a{float: right;overflow: hidden;} .about .divBox a img{position: absolute;left: 50%;top: 50%;margin-left: -4px;margin-top: -7px;} .about .divBox a:hover{background: #FFF;} .about .divBox a:hover img{animation: imgmove 0.5s ease-in-out;} .videoTitle h3, .serviceTitle h3{font-weight: normal;color: #666666;} .about .videoTitle{padding-top:50px;padding-bottom: 20px;background: url(../img/about_bg001.png) no-repeat 90% top;} .about .videoTitle p{margin-top: 35px;height: 90px;overflow: hidden;color: #666666;line-height: 24px;} /*service*/ .service{background: #fff;} .service .divBox{position: relative;} .video{position: absolute;left: 0;top: -205px;width: 364px; overflow: hidden;} .video>img{width: 100%;} .video .videoTitle{position: absolute;left: 0;bottom: 0;width: 100%;} .video .videoTitle .videoTitle-left{padding: 19px 25px;background: #1B51A6;} .video .videoTitle .videoTitle-left h2, .video .videoTitle .videoTitle-left h3{color: #fff;} .video .videoTitle .videoTitle-right{width: 83px;height: 83px;background: #E7160C;position: absolute;right: 0;bottom: 0;} .video .videoTitle .videoTitle-right a{width: 40px;height: 40px;border: 1px solid #FFFFFF; border-radius: 50%;-webkit-border-radius:50%;position: absolute;left: 50%;top: 50%;margin: -21px;} .video .videoTitle .videoTitle-right a img{position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -4px;} .video .videoTitle .videoTitle-right a:hover img{transform: scale(1.3);} .service .divBox .list{float: right;width: 836px;transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px);-ms-transform: translateY(400px);-o-transform: translateY(400px);} .service .divBox .list ul li{width: 33.33%;float: left;} .service .divBox .list ul li a{padding: 80px 48px 68px;display: block;background: #F2B30B;color: #fff;text-align: center;} .service .divBox .list ul li a span{width: 110px;height: 110px;text-align: center; border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #fff;display: block;margin: 0 auto;overflow: hidden;} .service .divBox .list ul li:nth-of-type(2) a{background: #1B51A6;} .service .divBox .list ul li a h3{margin-top: 30px;position: relative;height: 21px;} .service .divBox .list ul li a h3:after{content: '';display: block;width: 18px;height: 1px;background: #fff;position: absolute;left: 50%;margin-left: -9px;bottom: -10px;} .service .divBox .list ul li a p{margin-top: 8px;overflow: hidden;height: 40px;} .service .divBox .list ul li a .listP{margin-top: 16px;} .service .divBox .list ul li a span img{display: inline;margin-top: 40px;transform: translateY(0);} .service .divBox .list ul li a span:hover img{animation: listImg 0.5s ease-out;} .service .divBox .serviceTitle{clear: both;padding: 30px 0 35px;width: 100% !important;} .serviceTitle>a{float: right;color: #999999; width: 91px;height: 28px;border:1px solid #E9E9E9;text-align: center; line-height: 28px;border-radius: 20px;-webkit-border-radius: 20px;margin-top: -27px;} .serviceTitle>a:hover{color: #fff;background: #1B51A6;border-color: #1B51A6;} /*product*/ .product{background: url(../img/product_bg.jpg) no-repeat center center;} .product .divBox{padding-top: 60px;position: relative;} /*.product h2{font-size: 40px;color: #1E1458;} .product h3{font-size: 18px;color: #1E1458;}*/ .product .tjj{width: 170px;height: 170px;display: block;margin-top: 170px;background: #1B51A6;padding-top: 16px; box-sizing: border-box;-webkit-box-sizing: border-box; transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px); -ms-transform: translateY(400px);-o-transform: translateY(400px);} .product a span{border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%;display: block;margin: 0 auto;position: relative;overflow: hidden;} .product a p{margin-top: 14px;} .product p{font-size: 16px;color: #fff;padding: 0 20px;text-align: center;} .product .fhj, .product .tolk{position: absolute;} .product .tolk{width: 80px;height: 80px;background: #F2B30B;left: 170px;bottom: 170px;box-sizing: border-box;-webkit-box-sizing: border-box; padding-top: 20px;transform: translateY(600px);-webkit-transform: translateY(600px);-moz-transform: translateY(600px); -ms-transform: translateY(600px);-o-transform: translateY(600px);} .product .fhj{width: 120px;height: 120px;background: #E7160C;right: 0;bottom: 0;box-sizing: border-box;-webkit-box-sizing: border-box;padding-top: 10px; transform: translateY(400px);-webkit-transform: translateY(400px);-moz-transform: translateY(400px); -ms-transform: translateY(400px);-o-transform: translateY(400px);} .product .tjj span{width: 100px;height: 100px;} .product .tolk span{width: 40px;height: 40px;} .product .fhj span{width: 70px;height: 70px;} .product .fhj p{margin-top: 5px;} .product a span img{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);} .product a.tjj span:hover img, .product a.fhj span:hover img{animation: productImg 0.5s ease-out;} .product a.tolk span:hover img{animation: productImg2 0.5s ease-out;} /*productList*/ .productList .divBox{padding-top: 12px;position: relative;} .productList .divBox ul li{float: left;} /*.swiper-slide{width: 30%;float: left;}*/ /*.swiper-slide>a>img{width: 100%;}*/ .swiper-slide>a{position: relative;display: block;width: 100%;height: 100%;} /*.swiper-slide a p, .swiper-slide a span{position: absolute;}*/ /*.swiper-slide a p{left: 0;bottom: 0;width: 100%; height: 60px;line-height: 60px;text-indent: 20px;font-size: 14px;background: rgba(0,0,0,0.4);color: #fff;}*/ /*.swiper-slide a span{right: 12px;width: 30px;bottom:15px; height: 30px;border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%;}*/ /*.swiper-slide a span img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}*/ /*.swiper-slide a:hover p{background: #1B51A6;}*/ .productList .swiper-slide a p, .swiper-slide a .more{position: absolute;} .productList .swiper-slide a p{left: 0;bottom: 0;width: 100%; height: 60px;line-height: 60px;text-indent: 20px;font-size: 14px;background: rgba(0,0,0,0.4);color: #fff;} .productList .swiper-slide a span{right: 12px;width: 30px;bottom:15px; height: 30px;border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%;} .productList .swiper-slide a span img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .productList .swiper-slide a:hover p{background: #1B51A6;} /*media*/ .media .serviceTitle{padding-top: 30px;padding-bottom: 15px;} .media .serviceList{padding: 30px 0;border-top: 1px solid #D5D5D5;border-bottom: 1px solid #D5D5D5;} .media .serviceList li{float: left;width: 343px;margin-right: 85px;} .media .serviceList li:nth-of-type(3n){margin-right: 0;} .media .serviceList li time, .media .serviceList li span, .media .serviceList li>a{display: block;} .media .serviceList li time{font-size: 20px;} .media .serviceList li time, .media .serviceList li p a{color: #797979;} .media .serviceList li span{color: #797979;margin-bottom: 22px;} .media .serviceList li h3 a{font-size: 14px;color: #5E5E5E;font-weight: bold;} .media .serviceList li p{margin-top: 23px;margin-bottom: 25px; line-height: 20px;height: 36px;overflow: hidden;} .media .serviceList li:hover p a{color: #1B51A6;} .serviceList li>a{color: #999999; width: 91px;height: 28px;border:1px solid #E9E9E9;text-align: center; line-height: 28px;border-radius: 20px;-webkit-border-radius: 20px;} .serviceList li>a:hover{color: #fff;background: #1B51A6;border-color: #1B51A6;} .media .client{padding: 30px 0;} .media .client .swiper-slide{ border: 1px solid #D5D5D5;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;} .media .client .swiper-slide img{width: 100%;} .media .client .swiper-slide:hover img{transform: scale(1.2);} .firend{height: 98px;} .service .divBox .list, .product .tjj, .product .fhj, .product .tolk{-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-ms-transition: all 0.9s;-o-transition: all 0.9s;transition: all 0.9s;} .service.active .divBox .list, .product.active .tjj, .product.active .fhj, .product.active .tolk{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} .videoMark{width: 100%;position: fixed;z-index: 999;background: rgba(0,0,0,0.5);display: none;top: 0;left: 0;} .videoBox{display: none;background: rgba(0,0,0,0.8); width: auto;height: auto;position: fixed;z-index: 9999;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);} .videoBox video{width: 100%;height: auto;display: block;} #banner .swiper-slide div{position: static;} #banner .swiper-slide .banner_ss{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);} .banner_ss h4{font-size: 45px;font-family: "宋体";color: white;margin-bottom: 20px;transform: translateX(200px);transition: 1s ease-out .8s;opacity: 0;} .banner_ss p{font-size: 24px;font-family: "宋体";color: white;margin-bottom: 5px;transform: translateX(200px);transition: 1s ease-out 1s;opacity: 0;} .banner_ss font{display: block;font-size: 18px;color: rgba(250,250,250,.8);font-family: "宋体";transform: translateX(200px);transition: 1s ease-out 1.2s;opacity: 0;} .banner_ss1_1 a{display: inline-block;vertical-align: middle;width: 210px;height: 50px;background: #1b51a6;text-align: center;} .banner_ss1_1 a:last-of-type{background: #fac539;margin-left: 14px;} #banner .swiper-slide .banner_ss1_1 a img{width: auto;} #banner .swiper-slide .banner_ss1{position: absolute;top: 50%;left: 0;width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); } #banner .swiper-slide .banner_ss1_1 h4{font-size: 18px;color: #1b51a6;text-align: left;font-weight: normal;text-transform: uppercase;} #banner .swiper-slide .banner_ss1_1 h2{font-size: 24px;color: #666;font-weight: bold;line-height: 30px;text-align: left;margin: 24px 0;text-transform: uppercase;} #banner .swiper-slide .banner_ss1_1 h3{font-size: 16px;color: #666;line-height: 30px;text-align: left;padding-left: 0;margin-bottom: 55px;} #banner .swiper-slide .banner_ss1_1 a img,#banner .swiper-slide .banner_ss1_1 a i{display: inline-block;vertical-align: middle;box-sizing: border-box;line-height: 50px;} #banner .swiper-slide .banner_ss1_1 a i{margin-left: 10px;font-size: 18px;color: #fff;font-style: initial;} #banner .swiper-slide .banner_ss1_1 h6 img{width: auto;max-width: 50%;} #banner .swiper-slide .banner_ss1_1 p{font-size: 16px;color: #1b51a6;line-height: 20px;margin-top: 55px;} #banner .swiper-slide .banner_ss1_2 h4{font-size: 18px;color: #666;letter-spacing: 10px;font-weight: normal;text-transform: uppercase;} #banner .swiper-slide .banner_ss1_2 h2{font-size: 24px;line-height: 30px;color: #666;font-weight: bold;margin: 20px 0 28px;text-align: left;text-transform: uppercase;} #banner .swiper-slide .banner_ss1_2 h3{font-size: 16px;color: #666;margin-bottom: 50px;text-align: left;padding: 0;} #banner .swiper-slide .banner_ss1_2 a{display: inline-block;vertical-align: middle;box-sizing: border-box;} #banner .swiper-slide .banner_ss1_2 a:first-of-type{width: 252px;line-height: 50px;text-align: center;background: #1b51a6;border-radius: 5px;font-size: 16px;color: #fff;font-weight: bold;} #banner .swiper-slide .banner_ss1_2 a:last-of-type{margin-left: 44px;} #banner .swiper-slide .banner_ss1_2 a span,#banner .swiper-slide .banner_ss1_2 a i{display: inline-block;vertical-align: middle;box-sizing: border-box;} #banner .swiper-slide .banner_ss1_2 a span{width: 50px;height: 50px;text-align: center;line-height: 50px;background: #1b51a6;border-radius: 50%;margin-right: 12px;position: relative;} #banner .swiper-slide .banner_ss1_2 a span img{width: auto;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } #banner .swiper-slide .banner_ss1_2 h6{margin-top: 39px;} #banner .swiper-slide .banner_ss1_2 h6 img{width: auto;display: inline-block;border: 4px solid #f4c84e;border-radius: 8px;margin-right: 11px;} #banner .swiper-slide .banner_ss1_2 a i{font-size: 16px;color: #1b51a6;font-style: initial;} #banner .swiper-slide-active .banner_ss h4,#banner .swiper-slide-active .banner_ss p,#banner .swiper-slide-active .banner_ss font{transform: translateX(0); opacity: 1;} .divbox{width: 1440px !important;margin: 0 auto;} #banner .swiper-button-next,#banner .swiper-button-prev{background-size: 25px;opacity: 0.7;transition: 0.3s ease-out;} #banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{opacity: 1;} #banner .swiper-button-next{right: 4%;} #banner .swiper-button-prev{left: 4%;} .pdt{padding: 82px 0;background: #f7f7f7;} .index_title{text-align: center;} .index_title h1{font-size: 35px;color: #000;line-height: 1;float: none;height: auto;margin-left: 0;} .index_title p{font-size: 18px;color: #c4c4c4;font-weight: bold;margin-top: 5px;} .index_title p:after{content: '';display: block;width: 40px;height: 3px;background: #e80010;margin: 10px auto 15px;} .index_title font{font-size: 18px;color: #999999;display: block;} .pdt_list{font-size: 0;margin-top: 40px;} .pdt_list_left,.pdt_list_right{display: inline-block;vertical-align: top;} .pdt_list_left{width: 43.25%;} .pdt_list_left img{width: 100%;} .pdt_list_right{width: 56.75%;} .pdt_list_right ul li a{display: block;font-size: 0;background: white;} .pdt_list_right ul li aside,.pdt_list_right ul li span{display: inline-block;vertical-align: middle;width: 50%;} .pdt_list_right ul li span img{width: 100%;transition: 0.3s ease-out;} .pdt_list_right ul li span{overflow: hidden;position: relative;} .pdt_list_right ul li:hover span img{transform: scale(1.05);} .pdt_list_right ul li aside{text-align: center;box-sizing: border-box;padding: 0 20px;} .pdt_list_right ul li aside h4{font-size: 20px;color: #333333;margin: 0px 0 10px;transition: 0.3s ease-out;} .pdt_list_right ul li aside p{font-size: 16px;color: #999999;transition: 0.3s ease-out;} .pdt_list_right ul li aside font{display: inline-block;width: 55px;height: 55px;background: url(../img/meng_03.png) no-repeat center center;} .pdt_list_right ul li:hover a{background: #d0001c;} .pdt_list_right ul li:nth-child(1):hover aside font{background: url(../img/meng1_03.png) no-repeat center center;} .pdt_list_right ul li:nth-child(2) aside font{background: url(../img/mi1_03.png) no-repeat center center;} .pdt_list_right ul li:nth-child(2):hover aside font{background: url(../img/mi2_03.png) no-repeat center center;} .pdt_list_right ul li:nth-child(2) aside{float: right;margin-top: 40px;} .pdt_list_right ul li:hover aside h4,.pdt_list_right ul li:hover aside p{color: white;} .pdt_list_right ul li:nth-child(1) span:after{content: '';display: block;width: 0;border: 13px solid transparent;border-left-color: white;position: absolute; top: 50%;margin-top: -13px;left: 0;z-index: 2;transition: 0.3s ease-out;} .pdt_list_right ul li:nth-child(2) span:after{content: '';display: block;width: 0;border: 13px solid transparent;border-right-color: white;position: absolute; top: 50%;margin-top: -13px;right: 0;z-index: 2;transition: 0.3s ease-out;} .pdt_list_right ul li:nth-child(1):hover span:after{border-left-color: #d0001c;} .pdt_list_right ul li:nth-child(2):hover span:after{border-right-color: #d0001c;} .pdt_list_left .swiper-pagination{text-align: left;box-sizing: border-box;padding-left: 30px;bottom: 20px;} .pdt_list_left .swiper-pagination span{background: white;width: 15px;height: 15px;opacity: 1;margin: 0 8px;} .pdt_list_left .swiper-pagination span.swiper-pagination-bullet-active{background: #d0001c;} .meiti_list{font-size: 0;margin-top: 45px;} .meiti_list_left{display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;padding-right: 45px;border-right: 1px dashed lightgray;} .meiti_list_left span{display: block;overflow: hidden;} .meiti_list_left span img{width: 100%;} .meiti_list_left h2{font-size: 22px;color: #222;margin-top: 15px;box-sizing: border-box;padding-left: 15px;} .meiti_list_u1{box-sizing: border-box;padding: 0 15px;} .meiti_list_u1 li{padding: 20px 0;border-bottom: 1px solid #eee;} .meiti_list_u1 li:last-child{border-bottom: none;} .meiti_list_u1 a{display: block;font-size: 0;} .meiti_list_u1 a aside{display: inline-block;vertical-align: middle;width: 80px;text-align: left;border-right: 1px solid #eeee;box-sizing: border-box;} .meiti_list_u1 a aside h3{font-size: 24px;color: #333;} .meiti_list_u1 a aside time{display: block;color: #999;font-size: 16px;} .meiti_list_u1_div{display: inline-block;vertical-align: middle;width: calc(100% - 80px);box-sizing: border-box;padding-left: 20px;} .meiti_list_u1_div h4{font-size: 18px;color: #666666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 100;} .meiti_list_u1_div h4:before{content: '';display: inline-block;vertical-align: middle;width: 0px;height: 1px;background: #999;transition: 0.3s ease-out;} .meiti_list_u1_div p{font-size: 16px;color: #999999;margin-bottom: 6px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 25px;} .meiti_list_left .meiti_list_u1_div p{overflow: auto;white-space: normal;} .meiti_list_right{display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;padding-left: 20px;} .meiti_list_u1 li:hover .meiti_list_u1_div h4:before{width: 20px;margin-right: 10px;} .meiti{padding: 82px 0;} .meiti .index_title{text-align: left;} .meiti .index_title h1{margin-left: 0;} .meiti .index_title p:after{margin:10px 0 15px;} .meiti_list_right .meiti_list_u1 li:first-child{padding-top: 0;} .ind_more{display: inline-block;float: right;width: 140px;height: 35px;text-align: center;border-radius:50px;background: #e80010;font-size: 16px;margin-top: -75px; color: white;line-height: 35px;text-transform: uppercase;} .ind_more:hover{background: #cf0816;} .gywm_con1{padding: 82px 0 40px;position: relative;} .gywm_con1:after{content: '';display: block;width: 70%;background: white;border-top: 1px solid lightgray;box-sizing: border-box;position: absolute;left: 0;top: 0;height: 100%;} .gywm_con1:before{content: '';display: block;width:30%;background: #f2f2f2;box-sizing: border-box;position: absolute;right: 0;top: 0;height: 100%;} .gywm_con1 .divbox{font-size: 0;} .gywm_con1_left{display: inline-block;vertical-align: top;width: calc(100% - 460px);box-sizing: border-box;padding-right: 200px;position: relative;z-index: 2;} .gywm_con1_left h3{font-size: 35px;color: #000;font-weight: bold;} .gywm_con1_left h4{font-size: 24px;color: #666666;font-family: '宋体';margin-top: 5px;font-weight: 100;} .gywm_con1_left p{font-size: 16px;color: #999999;line-height: 25px;margin-top: 30px;} .gywm_con1_left a{font-size: 14px;color: #e80010;text-transform: uppercase;width: 126px;height: 35px;text-align: center;line-height: 35px;border: 2px solid #e80010; margin-top: 45px;display: block;} .gywm_con1_left a:hover{background: #e80010;color: white;} .gywm_con1_right{display: inline-block;vertical-align: top;width: 460px;position: relative;z-index: 2;} .gywm_con1_right img{width: 100%;} .gywm_con1_u1{font-size: 0;position: relative;z-index: 2;} .gywm_con1_u1 li{display: inline-block;vertical-align:top;font-size: 0;padding: 40px 55px;border-right: 1px dashed #eee;} .gywm_con1_u1 li span{display: inline-block;vertical-align: middle;width: 65px;height: 65px;border-radius: 50%;} .gywm_con1_u1 li aside{display: inline-block;vertical-align: middle;margin-left: 15px;} .gywm_con1_u1 li aside h3{font-size: 18px;color: #666666;font-weight: bold;transition: 0.3s ease-out;} .gywm_con1_u1 li aside p{font-size: 14px;font-weight: bold;color: #d3d3d3;margin-top: 5px;} .gywm_con1_u1 li:hover aside h3{color: #090909;} .gywm_con1_u1 li:nth-child(1) span{background: url(../img/dz1_03.png) no-repeat center center #e3e3e3;} .gywm_con1_u1 li:nth-child(2) span{background: url(../img/dz2_03.png) no-repeat center center #e3e3e3;} .gywm_con1_u1 li:nth-child(3) span{background: url(../img/dz3_03.png) no-repeat center center #e3e3e3;} .gywm_con1_u1 li:nth-child(1){padding-left: 0;} .gywm_con1_u1 li:nth-child(3){padding-right: 0;border: none;} .gywm_con1_u1 li:nth-child(1):hover span{background: url(../img/dz1_031.png) no-repeat center center #e7010e;} .gywm_con1_u1 li:nth-child(2):hover span{background: url(../img/dz2_031.png) no-repeat center center #e7010e;} .gywm_con1_u1 li:nth-child(3):hover span{background: url(../img/dz3_031.png) no-repeat center center #e7010e;} .gywm_con1_left a{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out .1s;} .index_title h1,.gywm_con1_left h3{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out .5s;} .index_title p,.gywm_con1_left h4{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out .7s;} .index_title font,.gywm_con1_left p{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out .9s;} .index_title .ind_more{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out .5s;} .pdt.active .index_title h1,.pdt.active .index_title p,.pdt.active .index_title font, .meiti.active .index_title h1,.meiti.active .index_title p,.meiti.active .index_title font,.meiti.active .index_title .ind_more, .gywm_con1.active .gywm_con1_left h3,.gywm_con1.active .gywm_con1_left a,.gywm_con1.active .gywm_con1_left h4,.gywm_con1.active .gywm_con1_left p, .gywm_con1.active .gywm_con1_u1 li{transform: translateY(0);opacity: 1;} .pdt_list_left,.meiti_list_left{transform: translateX(-200px);opacity: 0;transition: 0.8s ease-out 1s;} .pdt_list_right,.meiti_list_right,.gywm_con1_right{transform: translateX(200px);opacity: 0;transition: 0.8s ease-out 1s;} .pdt_list.active .pdt_list_left,.pdt_list.active .pdt_list_right,.meiti_list.active .meiti_list_left,.meiti_list.active .meiti_list_right,.gywm_con1.active .gywm_con1_right{transform: translateX(0);opacity: 1;} .gywm_con1_u1 li{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out 1s;} .gywm_con1_u1 li:nth-child(2){transition: 0.8s ease-out 1.2s;} .gywm_con1_u1 li:nth-child(3){transition: 0.8s ease-out 1.4s;} @media only screen and (max-width:1600px) { .divbox{width: 1200px !important;} .banner_ss h4{font-size: 30px;} .banner_ss p{font-size: 18px;} .banner_ss font{font-size: 16px;} #banner .swiper-button-next{right: 2%;} #banner .swiper-button-prev{left: 2%;} .pdt_list_right ul li:nth-child(2) aside{margin-top: 25px;} .pdt_list_right ul li aside h4,.gywm_con1_left h4{font-size: 16px;} .pdt_list_right ul li aside p{font-size: 14px;} .index_title h1,.gywm_con1_left h3{font-size: 25px;} .index_title p{font-size: 15px;} .index_title font{font-size: 14px;} .meiti_list_left h2{font-size: 20px;} .meiti_list_u1 a aside h3{font-size: 20px;} .meiti_list_u1 a aside time{font-size: 14px;} .meiti_list_u1_div p{font-size: 14px;} .meiti_list_u1_div h4{font-size: 16px;} .ind_more{font-size: 14px;} #banner .swiper-slide .banner_ss1_1 h4{font-size: 16px;} #banner .swiper-slide .banner_ss1_1 h2{font-size: 18px;line-height: 30px;} #banner .swiper-slide .banner_ss1_1 h3{font-size: 14px;line-height: 24px;} #banner .swiper-slide .banner_ss1_1 a i{font-size: 14px;} #banner .swiper-slide .banner_ss1_2 h4{font-size: 14px;} #banner .swiper-slide .banner_ss1_2 h2{font-size: 18px;line-height: 30px;} #banner .swiper-slide .banner_ss1_2 h3{font-size: 14px;line-height: 24px;} #banner .swiper-slide .banner_ss1_2 a:first-of-type{font-size: 16px;} #banner .swiper-slide .banner_ss1_2 a i{font-size: 18px;} #banner .swiper-slide .banner_ss1_2 h6 img{width: 200px;} #banner .swiper-slide .banner_ss1_1 p{font-size: 14px;} } @media only screen and (max-width:1279px) { .divbox{width: 95% !important;margin: 0 auto;} .banner_ss h4{font-size: 16px;margin-bottom: 15px;} .banner_ss p,.pdt_list_right ul li aside h4, .gywm_con1_left h4{font-size: 14px;} .banner_ss font{font-size: 12px;} #banner .swiper-slide .banner_ss .divbox{width: 70% !important;} .pdt,.meiti{padding: 30px 0;} .index_title h1, .gywm_con1_left h3{font-size: 14px;} .index_title p,.pdt_list_right ul li aside p{font-size: 12px;} .index_title font{font-size: 12px;} .pdt_list_left, .pdt_list_right{width: 100%;} .pdt_list_right ul li aside, .pdt_list_right ul li span{float: none;width: 100%;} .pdt_list_right ul li aside{padding: 30px 20px;} .pdt_list_right ul li:nth-child(2) aside{float: none;margin-top: 0;} .pdt_list_right ul li:nth-child(1) span:after,.pdt_list_right ul li:nth-child(2) span:after{display: none;} .index_title p:after{margin: 10px auto;} .index_title .ind_more{width: 80px;font-size: 12px;line-height: 30px;height: 30px;margin-top: -58px;} .meiti_list_left{width: 100%;padding: 0;border: none;} .meiti_list_left h2{margin-left: 0;font-size: 14px;margin-top: 10px;padding-left: 0;} .meiti_list_u1{padding: 0;} .meiti_list_u1 li{padding: 10px 0;} .meiti_list_u1 a aside h3{font-size: 14px;} .meiti_list_u1 a aside time{font-size: 12px;} .meiti_list_u1 a aside{width: 55px;} .meiti_list_u1_div{width: calc(100% - 55px);} .meiti_list_right{padding-left: 0;width: 100%;} .meiti_list_u1_div h4{font-size: 14px;} .meiti_list_u1_div p{font-size: 12px;line-height: 20px;} .meiti_list{margin-top: 20px;} .gywm_con1_left,.gywm_con1_right{width: 100%;padding: 0;} .gywm_con1_left p{font-size: 12px;line-height: 20px;margin-top: 20px} .gywm_con1_left a{font-size: 12px;margin-top: 20px;} .gywm_con1_right{margin-top: 20px;} .gywm_con1{padding: 30px 0;border-top: 1px solid lightgray;} .gywm_con1_u1 li aside h3{font-size: 14px;} .gywm_con1_u1 li aside p{font-size: 12px;} .gywm_con1:before,.gywm_con1:after{display: none;} .gywm_con1_u1 li{padding: 20px 0 0;min-width: 50%;text-align: center;border: none;} .gywm_con1_u1{text-align:center;} footer .navList>ul>li ul{display: inline-block !important;} .pdt_list{margin-top: 25px;} #banner .swiper-slide .banner_ss1_1 h4{font-size: 14px;} #banner .swiper-slide .banner_ss1_1 h2{font-size: 16px;line-height: 20px;margin: 10px 0;} #banner .swiper-slide .banner_ss1_1 h3{font-size: 14px;line-height: 16px;margin-bottom: 15px;} #banner .swiper-slide .banner_ss1_1 a i{font-size: 14px;} #banner .swiper-slide .banner_ss1_2 h4{font-size: 14px;letter-spacing: 4px;} #banner .swiper-slide .banner_ss1_2 h2{font-size: 16px;line-height: 20px;margin: 10px 0;} #banner .swiper-slide .banner_ss1_2 h3{font-size: 14px;margin-bottom: 15px;} #banner .swiper-slide .banner_ss1_2 a:first-of-type{font-size: 14px;width: 180px;line-height: 40px;} #banner .swiper-slide .banner_ss1_2 a i{font-size: 16px;} #banner .swiper-slide .banner_ss1_2 h6 img{width: 120px !important;height: auto !important;} #banner .swiper-slide .banner_ss1_1 p{font-size: 12px;line-height: 14px;margin-top: 20px;} #banner .swiper-slide .banner_ss1_1 img,#banner .swiper-slide .banner_ss1_2 img{width: auto !important;position: static;height: 22px !important;transform: initial;} .banner_ss1_1 a{width: 150px;line-height: 40px;height: 40px;} #banner .swiper-slide .banner_ss1_1 a img, #banner .swiper-slide .banner_ss1_1 a i{line-height: 40px;} #banner .swiper-slide .banner_ss1_2 a:last-of-type{margin-left: 20px;} #banner .swiper-slide .banner_ss1_2 a span{width: 40px;height: 40px;line-height: 40px;} #banner .swiper-slide .banner_ss1_2 h6{display: none;} #banner .swiper-slide .banner_ss1_1 h6 img{height: auto !important;} } @keyframes aImg{ 0%{transform: translate(-50%,-50%);} 20%{transform: translate(-60%,-50%);} 40%{transform: translate(-35%,-50%);} 60%{transform: translate(-60%,-50%);} 80%{transform: translate(-35%,-50%);} 100%{transform: translate(-50%,-50%);} } @keyframes productImg2{ 0%{transform: translate(-50%,-50%);} 20%{transform: translate(-60%,-50%);} 40%{transform: translate(-35%,-50%);} 60%{transform: translate(-60%,-50%);} 80%{transform: translate(-35%,-50%);} 100%{transform: translate(-50%,-50%);} } @keyframes productImg{ 0%{transform: translate(-50%,-50%);} 50%{transform: translate(-50%,150%);} 51%{transform: translate(-50%,-150%);} 100%{transform: translate(-50%,-50%);} } @keyframes listImg{ 0%{transform: translateY(0);} 50%{transform: translateY(70px);} 51%{transform: translateY(-70px);} 100%{transform: translateY(0);} } @-webkit-keyframes imgmove{ 0%{transform: translateX(0);} 50%{transform: translateX(25px);} 51%{transform: translateX(-25px);} 100%{transform: translateX(0);} } @-moz-keyframes imgmove{ 0%{transform: translateX(0);} 50%{transform: translateX(25px);} 51%{transform: translateX(-25px);} 100%{transform: translateX(0);} } @-ms-keyframes imgmove{ 0%{transform: translateX(0);} 50%{transform: translateX(25px);} 51%{transform: translateX(-25px);} 100%{transform: translateX(0);} } @keyframes imgmove{ 0%{transform: translateX(0);} 50%{transform: translateX(25px);} 51%{transform: translateX(-25px);} 100%{transform: translateX(0);} }