/* 内页 */ .ny_banner{height:580px;background: no-repeat center;background-size: cover;position: relative;top: 0;z-index: 10;} .ny_banner .txt{width: 100%;position: absolute; left: 0;top: 45%;transform: translateY(-50%);text-align: center;color: #ffffff;} .ny_banner .txt .cn{line-height: 80px;margin-bottom: 1vw;font-size: 60px;font-family:hm;} .ny_banner .txt .en{font-family:Gothic; line-height: 30px;font-size: 22px;text-transform: uppercase;font-family: Gothic;} .ny_banner .ny_tab{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);width: 91.67vw;display: flex;transition:all 0.5s;} .ny_banner .ny_tab.on{position: fixed;top: 74px;width: 100%;height:calc(28px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.04);} .ny_banner .ny_tab li{width: 100%;text-align: center;padding: 2.2vw 0;line-height: 28px;font-size: 20px;position: relative;transition:all 0.5s;} .ny_banner .ny_tab.on li{padding:1vw 0;} .ny_banner .ny_tab li::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;} .ny_banner .ny_tab li:last-child::before{display: none;} .ny_banner .ny_tab li:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background-color: #fdd000;transition: all 0.5s;} .ny_banner .ny_tab li.on:after{width: 70.7%;} .ny_banner .ny_tab li:hover:after{width: 70.7%;} .ny_banner .ny_tab li a{color: #333333;} .ny_banner .ny_tab li.on a{color: #fdd000;} .ny_banner .ny_tab li:hover a{color: #fdd000;} @media (max-width:1560px) { .ny_banner .txt .cn{font-size: 45px;line-height: 60px;} .ny_banner .txt .en{font-size: 16px;line-height: 22px;} .ny_banner .ny_tab li{font-size: 16px;line-height: 22px;} .ny_banner .ny_tab li{font-size: 16px;line-height: 22px;} } @media (max-width:1024px) { .ny_banner .ny_tab{display: none;} .ny_banner{height: 250px;margin-top: 77px;position:relative;} .ny_banner .txt .cn{font-size: 25px;line-height: 34px;} .ny_banner .txt .en{font-size: 14px;line-height: 16px;} .ny_banner .txt{top:41%;} } .ab_con{background-color: #fff;position: relative;z-index: 2;} .ab_con .ab1{padding: 7.3vw 7vw 1.9vw 7vw;background: url(../images/ab1_bj.png)no-repeat right bottom;background-size: auto 80%;display: flex;background-attachment:fixed;} .ab_con .ab1 .left{width: 24.48vw;} .ab_con .ab1 .left .tit{margin-bottom: 4.16vw;} .ab_con .ab1 .left .tit .cn{font-size: 50px;line-height: 66px;color: #000000;margin-bottom: 0.78vw;font-family: Arial;} .ab_con .ab1 .left .tit .en{font-family: Gothic;font-size: 20px;line-height: 24px;color: rgba(68,68,68,0.7);text-transform: uppercase;} .ab_con .ab1 .left .box{display: flex;align-items: flex-start;margin-bottom: 3.64vw;} .ab_con .ab1 .left .box .icon{width: 3.927vw;height: 3.24vw;display: flex;align-items: center;justify-content: center;margin-right: 1.25vw;} .ab_con .ab1 .left .box .icon img{max-width: 100%;max-height: 100%;} .ab_con .ab1 .left .box .h{font-size: 36px;line-height: 44px;color: #000000;font-family:Gothic-bold;margin-bottom: 0.416vw;} .ab_con .ab1 .left .box .p{font-size: 16px;line-height: 20px;color: #686868;} .ab_con .ab1 .right{width: 43vw;} .ab_con .ab1 .right .top{margin-bottom: 4.687vw;} .ab_con .ab1 .right .top .cn{font-size: 34px;line-height: 52px;color: #000000;margin-bottom: 0.677vw;font-family: Arial;} .ab_con .ab1 .right .top .en{font-size: 18px;line-height: 22px;font-family: Gothic;color: rgba(68,68,68,0.4);text-transform: uppercase;} .ab_con .ab1 .right .p{font-size: 16px;line-height: 30px;color: #0A0600;font-family: Arial;} .ab_con .ab1 .right .p p{font-family: Arial!important;} .ab2{padding: 5.2vw 0 4vw 0;background: url(../images/ab2_bj.png)no-repeat center;background-size: cover;position: relative;background-attachment:fixed;} .ab2 .tit01 {text-align: center;margin-bottom: 3.49vw;} .ab2 .tit01 .cn{font-size: 50px;line-height: 66px;color: #000000;margin-bottom: 0.416vw;font-family: Arial;} .ab2 .tit01 .en{font-size: 20px;line-height: 24px;font-family: Gothic;color: rgba(0,0,0,0.7);text-transform: uppercase;} .ab2 .ts_con{display: none;} .ab2 .ts_con.on{display: block; width:95%; margin:0 auto;} .ab2 .ts_con .swiper-slide { border-right:1px solid #ddd; } .ab2 .ts_con .swiper-slide .day{font-size: 20px;line-height: 28px;color: #4B4B4B;margin-bottom: 0.78vw;transition: all 0.5s;font-family: Arial;} .ab2 .ts_con .swiper-slide .p{font-size: 15px;line-height: 24px;color: #999999;transition: all 0.5s;height: 120px;overflow: auto;margin-bottom: 15px; padding-left:15px;} .ab2 .ts_con .ny-swiper-licheng { padding-bottom: 120px;} .ab2 .ts_con .swiper-button-next,.ab2 .ts_con .swiper-button-prev{position: absolute;width:50px;height:50px;background-size: 100% 100%;top:auto;z-index:999; cursor: pointer;} .ab2 .ts_con .swiper-button-next{background-image: url(../images/ab_next.png);right: 50%;bottom: 0px;margin-top: 0;transform:translateX(120%)} .ab2 .ts_con .swiper-button-next:hover{background-image: url(../images/ab_next1.png);} .ab2 .ts_con .swiper-button-prev{background-image: url(../images/ab_prev.png);left: 50%;bottom: 0;margin-top: 0;transform:translateX(-120%)} .ab2 .ts_con .swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);} .ab_con .ab3{padding: 6vw 0 7vw 0;background: url(../images/ab3_bj.png)no-repeat center bottom;background-size:100% auto;} .ab_con .ab3 .top{padding: 0 7vw 3.85vw 7vw;display: flex;justify-content: space-between;border-bottom: 1px solid #E4E4E4;} .ab_con .ab3 .top .cn{font-size: 50px;line-height: 66px;color: #000000;margin-bottom: 0.937vw;font-family: Arial;} .ab_con .ab3 .top .en{font-size: 20px;line-height: 24px;color: rgba(68,68,68,0.7);font-family: Gothic;text-transform: uppercase;margin-bottom: 3vw;} .ab_con .ab3 .top .p{font-size: 16px;line-height: 30px;color: #000000;width: 47.9vw;} .ab_con .ab3 .top .right{position: relative;width: 9.2vw;} .ab_con .ab3 .top .right>div{width: 4.17vw;height: 4.17vw;background-size: 100% 100%;} .ab_con .ab3 .top .right>div.swiper-button-next{background-image: url(../images/ab_next.png);right: 0;top: 2vw;margin-top: 0;} .ab_con .ab3 .top .right>div.swiper-button-next:hover{background-image: url(../images/ab_next1.png);} .ab_con .ab3 .top .right>div.swiper-button-prev{background-image: url(../images/ab_prev.png);left: 0;top: 2vw;margin-top: 0;} .ab_con .ab3 .top .right>div.swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);} .ab_con .ab3 .bottom{position: relative;overflow: hidden;padding:50px 0 0 0; width:95%; margin:0 auto;} .ab_con .ab3 .bottom .ny-swiper-honor { padding-bottom:120px;} .ab_con .ab3 .bottom .swiper-button-next,.ab_con .ab3 .bottom .swiper-button-prev{position: absolute;width:50px;height:50px;background-size: 100% 100%;top:auto;z-index:999; cursor: pointer;} .ab_con .ab3 .bottom .swiper-button-next{background-image: url(../images/ab_next.png);right: 50%;bottom: 0px;margin-top: 0;transform:translateX(120%)} .ab_con .ab3 .bottom .swiper-button-next:hover{background-image: url(../images/ab_next1.png);} .ab_con .ab3 .bottom .swiper-button-prev{background-image: url(../images/ab_prev.png);left: 50%;bottom: 0;margin-top: 0;transform:translateX(-120%)} .ab_con .ab3 .bottom .swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);} .ab_con .ab3 .bottom.on{width: 86%;} .ab_con .ab3 .bottom .swiper-slide .h{text-align: center;font-size: 20px;line-height: 26px;height:52px; color: #000;margin-top: 15px;} /* 企业文化 */ .cul_con{padding:60px 0 50px 0;background: url(../images/cul_bj.png) no-repeat center bottom;background-size: 100% auto;position: relative;z-index: 2;height:900px;} .cul_con .w_1650{padding-top: 4.427vw;position: relative;display: flex;justify-content: center;align-items: flex-end;} .cul_con .w_1650>img{width: 57.55vw;} .cul_con .w_1650 .box{position: absolute;} .cul_con .w_1650 .box .top{margin-bottom:1.56vw;padding-left: 75px;background: no-repeat left center;background-size: 58px 58px;} .cul_con .w_1650 .box1 .top{margin-bottom:1.56vw;padding-right: 75px;padding-left: 0; background: no-repeat right center;background-size: 58px 58px;} .cul_con .w_1650 .box .top .cn{font-size: 28px;line-height: 38px;color: #000000;font-family: hb;} .cul_con .w_1650 .box .top .en{font-size: 18px;line-height: 24px;font-family: Gothic;color: rgba(68,68,68,0.7);text-transform: uppercase;} .cul_con .w_1650 .box .list .li{margin-bottom: 2.24vw;} .cul_con .w_1650 .box .list .li .h{line-height: 20px;font-size: 16px;color: #000000;font-family: hb;margin-bottom: 0.677vw;} .cul_con .w_1650 .box .list .li .p{line-height: 20px;font-size: 16px;color: #000000;font-family: Arial;} .cul_con .w_1650 .box1{top: 320px;left: 0;width: 380px;text-align: right;} .cul_con .w_1650 .box2{top: 0;left: 54%;transform: translateX(-50%);width: 416px;} .cul_con .w_1650 .box3{top: 320px;right: 0;width: 360px;} @media (max-width:1560px) { .ab_con .ab1 .left .tit .cn{font-size: 38px;line-height: 52px;} .ab_con .ab1 .left .tit .en{font-size: 16px;line-height: 18px;} .ab_con .ab1 .right .top .cn{font-size: 30px;line-height: 40px;} .ab_con .ab1 .right .top .en{font-size: 14px;line-height: 16px;} .ab_con .ab1 .left .box .h{font-size: 28px;line-height: 34px;} .ab_con .ab1 .left .box .p{font-size: 12px;line-height: 16px;} .ab_con .ab1 .right{width: 48vw;} .ab2 .tit .cn{font-size: 38px;line-height: 52px;} .ab2 .tit .en{font-size: 16px;line-height: 18px;} .ab2 .txt_box .swiper-slide .day{font-size: 18px;} .ab2 .txt_box .swiper-slide .p{font-size: 14px;} .ab_con .ab3 .top .cn{font-size: 38px;line-height: 52px;} .ab_con .ab3 .top .en{font-size: 16px;line-height: 18px;} .ab_con .ab3 .top .p{font-size: 14px;} .ab_con .ab3 .bottom .swiper-slide .h{font-size: 16px;} } @media (max-width:1024px) { .ab_con .ab1{display: block;padding: 33px 15px 55px 15px;background:none!important;} .ab_con .ab1 .left{width: 100%;text-align: center;} .ab_con .ab1 .left .tit .cn{font-size: 25px;line-height: 34px;} .ab_con .ab1 .left .tit .en{font-size: 14px;line-height: 16px;} .ab_con .ab1 .left .tit{margin-bottom: 33px;} .ab_con .ab1 .left .boxs{display: flex;justify-content: space-between;} .ab_con .ab1 .left .box{display: block;text-align: left;max-width: 31%;margin-bottom: 50px;} .ab_con .ab1 .left .box .icon{width: 24px;height: 24px;margin-bottom: 11px;} .ab_con .ab1 .left .box .h{font-size: 25px;line-height: 30px;margin-bottom: 0;} .ab_con .ab1 .left .box .p{font-size: 12px;line-height: 18px;} .ab_con .ab1 .right{width: 100%;} .ab_con .ab1 .right .top{text-align: center;} .ab_con .ab1 .right .top .cn{font-size: 18px;line-height: 1;margin-bottom: 8px;} .ab_con .ab1 .right .top .en{font-size: 13px;line-height: 18px;} .ab_con .ab1 .right .p{font-size: 13px;line-height: 23px;} .ab2{padding: 40px 0 40px 0;} .ab2 .tit .cn{font-size: 25px;line-height: 34px;} .ab2 .tit .en{font-size: 14px;line-height: 16px;} .ab_con .ab3{padding: 50px 0 15px 0;} .ab_con .ab3 .top{border-bottom: none;margin-bottom: 20px;} .ab_con .ab3 .top{display: block;text-align: center;padding: 0 20px;} .ab_con .ab3 .top .p{width: 100%;font-size: 13px;line-height: 20px;text-align:left;} .ab_con .ab3 .top .right{display: none;} .ab_con .ab3 .bottom{width: 100%;} .ab_con .ab3 .bottom.on{width: 100%;} .ab_con .ab3 .bottom .swiper-slide{width: 226px;} .ab_con .ab3 .bottom .swiper-slide .h{font-size: 15px;margin-top: 60px;line-height: 20px;} .ab_con .ab3 .bottom .swiper-slide .h{font-size: 15px;margin-top: 40px;line-height: 20px;height:80px;} } /* 新闻列表 */ .news_con{padding:4.7vw 0 5.36vw 0;background-color: #fff;position: relative;z-index: 2;} .news_con .box{background-color: #F9F9F9;transition: all 0.5s;display: flex;margin-bottom: 2.97vw;} .news_con .box:last-child{margin-bottom: 0;} .news_con .box .pics{width: 31.1vw;overflow: hidden;} .news_con .box .pics .pic{width: 100%;height: 100%;background: no-repeat center;background-size: cover;transition: all 0.5s;} .news_con .box:hover .pics .pic{transform: scale(1.05);} .news_con .box .txt{width: calc(100% - 31.1vw);padding:1.82vw 6.25vw 2.7vw 5.3vw;} .news_con .box .txt .day{line-height: 20px;color: #fdd000;margin-bottom: 0.6vw;} .news_con .box .txt .h{line-height: 32px;color: #000000;font-size: 24px;margin-bottom: 1.51vw;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 32px;overflow: hidden;font-family: Arial;} .news_con .box .txt .p{line-height: 24px;color: #666666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;overflow: hidden;margin-bottom: 1.927vw;font-family: Arial;font-size:16px;} .news_con .box .txt .more{width: 194px;height: 44px;text-align: center;line-height: 42px;border: 1px solid #DBDBDB;border-radius: 22px;transition: all 0.5s;} .news_con .box .txt .more span{display: inline-block;padding-right: 36px;color: #333333;background: url(../img/more1.png)no-repeat right center;transition: all 0.5s;} .news_con .box:hover{background-color: #fff;box-shadow: 0 3px 50px rgba(4,38,161,0.1);} .news_con .box:hover .txt .more{border-color: transparent;background-color: #fdd000;} .news_con .box:hover .txt .more span{color: #fff;background-image: url(../img/more2.png);} @media (max-width:1560px) { .news_con .box .txt .h{font-size: 18px;line-height: 24px;height: 24px;} .news_con .box .txt .more{width: 150px;height: 36px;} .news_con .box .txt .p{font-size:14px;} } @media (max-width:1024px) { .news_con .con{width: calc(100% - 30px);padding: 30px 0 100px 0;} .news_con .box{display: block;margin-bottom: 25px;box-shadow: 0 3px 50px rgba(4,38,161,0.04);} .news_con .box .pics{width: 100%;height: 185px;} .news_con .box .txt{padding: 23px 14px 16px 14px;background-color: #ffffff;width: 100%;} .news_con .box .txt .more{display: none;} .news_con .box .txt .h{font-size: 15px;line-height: 20px;height: 40px;-webkit-line-clamp:2;margin-bottom: 10px;} .news_con .box .txt .p{font-size: 12px;line-height: 20px;height: auto; max-height: 80px;-webkit-line-clamp:4;} .news_con{padding-bottom: 0;background-color: #FAFBFE;} } /* 新闻详情 */ .nd_con{width: 85%;margin: 0 auto;margin-top: 95px;padding-bottom: 4vw;} .nd_con .top{margin-bottom: 3.6vw;border-bottom: 1px solid #E5E5E5;padding-bottom: 2vw;position: relative;} .nd_con .top .h{font-size: 32px;color: #000000;line-height: 42px;margin-bottom: 1.2vw;font-family: Arial;} .nd_con .top .p{color: #666666;line-height: 20px;} .nd_con .top .fx{position: absolute;right: 0;bottom: 1.82vw;display: flex;align-items: center;} .nd_con .top .fx span{display: block;color: #333333;line-height: 22px;font-size: 16px;} .nd_con .top .fx a{width: 32px;height: 32px;display: block;margin-left: 0.625vw;background-size: 100% 100%;} .nd_con .top .fx a.wx{background-image: url(../images/nd_wx1.png);} .nd_con .top .fx a.wx:hover{background-image: url(../images/nd_wx2.png);} .nd_con .top .fx a.wb{background-image: url(../images/nd_wb1.png);} .nd_con .top .fx a.wb:hover{background-image: url(../images/nd_wb2.png);} .nd_con .top .fx a.qq{background-image: url(../images/nd_qq1.png);} .nd_con .top .fx a.qq:hover{background-image: url(../images/nd_qq2.png);} .nd_con .con{line-height: 36px;color: #000000;font-size: 16px;padding-bottom: 6vw;border-bottom: 1px solid #E5E5E5;font-family: Arial;} .nd_con .con p{font-family: Arial;} .nd_con .con img{margin: 0 auto!important;max-width: 100%;height:auto!important;display:block;} .nd_con .con video{margin: 0 auto!important;max-width: 100%;height:auto!important;display:block;} .nd_con .bottom{padding: 1.92vw 0 0 0;} .nd_con .bottom .link{width: 100%;display: flex;justify-content: space-between;} .nd_con .bottom .link a{display: block;color: #666666;transition: all 0.5s;width: 40%;line-height: 22px;height: 22px;overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .nd_con .bottom .link a:last-child{text-align: right;} .nd_con .bottom .link a:hover{color: #fdd000;} .nd_con .bottom .btn{display: block;width: 156px;line-height: 40px;text-align: center;border-radius: 20px;color: #ffffff;background-color: #fdd000;float: right;margin-top: 1.82vw;transition: all 0.5s;} .nd_con .bottom .btn:hover{opacity: 0.8;} @media (max-width:1024px) { .nd_con .top .fx{display: none;} .nd_con{width: 96%;margin-top: 10px; padding:0;} .nd_con .top{padding: 33px 15px 30px 15px;background-color: #F6F9FF;} .nd_con .top .h{font-size: 22px;line-height: 36px;text-align: center;margin-bottom: 13px;} .nd_con .top .p{text-align: center;font-size: 13px;line-height: 18px;} .nd_con .con{padding: 35px 15px 100px 15px;} .nd_con .bottom{background-color: #fff;padding-top: 20px;} .nd_con .bottom .link a {width: 100%;} .nd_con .bottom .link{display: block;} .nd_con .bottom .btn{margin-top: 16px;width: 100%;border-radius: 0;} .nd_con .bottom .link a:last-child {text-align: left;} .nd_con{padding-bottom: 0;} } .in-pro ul{ width:100%; padding-top:40px;} .in-pro ul li{ width:43.5%; height:360px; float:left; margin-right:3%; background:#f8f8f8; padding:25px;display:flex; display: -webkit-flex;justify-content: space-between; align-items: center; margin-bottom:40px;transition: all .4s ease;} .in-pro ul li:hover{ box-shadow:2px 2px 16px rgba(0,0,0,.1);} .in-pro ul li:nth-child(2n){ margin-right:0;} .in-pro ul li .indtjpro_img{ display:block; position:relative; width:38%; height:100%; float:left; overflow:hidden;} .in-pro ul li .indtjpro_img img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .5s ease;} .in-pro ul li:hover .indtjpro_img img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .in-pro ul li .indtjpro_tit{ width:59%; float:right;} .in-pro ul li .indtjpro_tit .indtjpro_name{ font-size:20px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .4s ease; color:#333;} .in-pro ul li:hover .indtjpro_tit .indtjpro_name{ color:#fdd000;} .in-pro ul li .indtjpro_tit p{ color:#999; line-height:25px; height:75px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin:20px 0;} .in-pro ul li .indtjpro_tit .indtjpro_more{ position:relative; font-size:16px;transition: all .4s ease; color:#333;} .in-pro ul li:hover .indtjpro_tit .indtjpro_more{ color:#fdd000;} .in-pro ul li .indtjpro_tit .indtjpro_more:after{ content:""; display:block; width:37px; height:9px; background:url(../images/morejt.png) center no-repeat; background-position:0 0; position:absolute; left:45px; top:6px;transition: left .4s ease;} .in-pro ul li:hover .indtjpro_tit .indtjpro_more:after{ left:55px;background-position:0 -9px;} .indmore_ck{ display:block; width:340px; height:48px; line-height:48px; font-size:16px; background:#c22423; text-align:center; color:#fff;transition: all .4s ease; position:absolute; bottom:-25px; left:50%; margin-left:-170px;} @media screen and (max-width:1299px){ .in-pro ul li{ margin-bottom:30px;} } @media screen and (max-width:1023px){ .in-pro ul li{ width:100%; margin-right:0;margin-bottom:15px;} .in-pro ul li .indtjpro_tit .indtjpro_name{ font-size:18px;} } @media screen and (max-width:767px){ .indmore_ck{ width:200px;margin-left:-100px;} } @media screen and (max-width:500px){ .in-pro ul li{display: block !important; height:auto;} .in-pro ul li .indtjpro_img{ width:100%; height:210px; margin-bottom:10px;} .in-pro ul li .indtjpro_tit{ width:100%;} .in-pro ul li .indtjpro_tit .indtjpro_name{ font-size:17px;} .in-pro ul li .indtjpro_tit p{ margin:10px 0;height: 50px;-webkit-line-clamp: 2;} } /* 人才招聘 */ .rec_con{position: relative;z-index: 2;background-color: #ffffff;} .rec1{background-color: #FAFBFE;margin-top: 6vw;padding: 4.16vw 0;margin-bottom: 4.16vw;} .rec1 .w_1650{display: flex;align-items: center;} .rec1 .pics{overflow: hidden;margin-right: 5.2vw;} .rec1 .pics .pic{width: 37.8vw;height: 21vw;background: no-repeat center;background-size: cover;transition: all 0.5s;} .rec1 .pics:hover .pic{transform: scale(1.05);} .rec1 .txt .cn{color: #000;line-height: 66px;margin-bottom: 0.5vw;font-size: 50px;font-family: Arial;} .rec1 .txt .en{font-family:Gothic; color: #444444;text-transform: uppercase;line-height: 26px;font-size: 20px;margin-bottom: 2.6vw;font-family: Gothic;} .rec1 .txt .p{line-height: 36px;color: #0A0600;font-family: Arial;font-size:16px;} .rec1 .txt .p p{font-family: Arial;} .rec2{width: 93%;margin-left: 7%;margin-bottom:8.33vw;} .rec2 .top{display: flex;margin-bottom: 3.64vw;} .rec2 .top .txt{margin-right: 19.3vw;width: 46.6vw;} .rec2 .top .txt .txt1{display: none;} .rec2 .top .txt .txt1.on{display: block;} .rec2 .top .txt .h{font-size: 24px;line-height: 28px;color: #000000;font-family: hb;margin-bottom: 2vw;} .rec2 .top .txt .p{line-height: 30px;color: #000000;font-family: Arial;font-size: 16px;} .rec2 .top .txt .p p{font-family: Arial;} .rec2 .pics{width: 100%;position: relative;overflow: hidden;} .rec2 .pics .swiper-pagination{display: none;} .rec2 .pics .swiper-slide{padding-right: 9.9vw;border-right: 1px solid rgba(136,136,136,0.23);} .rec2 .pics .swiper-slide .pic{width: 100%;height: 26.14vw;background: no-repeat center;background-size: 100% 100%;transition: all 0.5s;} .rec2 .pics .swiper-slide .pic:hover{background-size: 105% 105%;} .rec2 .top .swiper-pagination{display: flex;bottom: auto;top: 0;left: 0;font-size: 16px;font-family: hb;color: #D2D2D2;align-items: flex-end;font-family: Gothic-Bold;letter-spacing: 2px;} .rec2 .top .swiper-pagination .swiper-pagination-current{font-size: 24px;color: #000000;} .rec2 .top .right{position: relative;} .rec2 .top .right .next{top: auto;bottom: 0;right: auto;margin-top: 0;left: 64px;width: 54px;height: 54px;background: url(../images/rec_next.png);background-size: 100% 100%;} .rec2 .top .right .next:hover{background-image: url(../images/rec_next1.png);} .rec2 .top .right .prev{top: auto;bottom: 0;right: auto;left: 0;margin-top: 0;width: 54px;height: 54px;background: url(../images/rec_prev.png);background-size: 100% 100%;} .rec2 .top .right .prev:hover{background-image: url(../images/rec_prev1.png);} .rec3{margin-bottom: 3.60vw;} .rec3 .top .h{font-size: 24px;line-height: 32px;font-family: Arial;color: #000000;margin-bottom:2.18vw;} .rec3 .top .p{font-size: 16px;line-height: 36px;color: #333333;margin-bottom: 2.18vw; font-family: Arial;} .rec3 .boxs{position: relative;overflow: hidden; padding-bottom: 1.55vw;} .rec3 .boxs .swiper-slide .pics{overflow: hidden;} .rec3 .boxs .swiper-slide .pic{width: 100%;height: 19.9vw;background: no-repeat center;background-size: cover;position: relative;transition: all 0.5s;} .rec3 .boxs .swiper-slide .pic .icon{position: absolute;bottom: 0;right: 0;width: 2.44vw;height: 2.44vw;background: url(../img/rec_3_icon.png);background-size: 100% 100%;transition: all 0.5s;} .rec3 .boxs .swiper-slide:hover .pic{transform: scale(1.05);} .rec3 .boxs .swiper-slide:hover .pic .icon{transform: translate(100%,100%);} .rec3 .boxs .swiper-slide .txt{padding: 3.2vw 1.56vw 1.56vw 1.56vw;border: 1px solid #D9D9D9;border-top: none;transition: all 0.5s;} .rec3 .boxs .swiper-slide .txt .h1{line-height: 32px;font-size: 24px;color: #000000;padding-bottom: 1.77vw;border-bottom: 1px solid rgba(112,112,112,0.1);margin-bottom: 1.98vw;transition: all 0.5s;font-family: Arial;} .rec3 .boxs .swiper-slide .txt .p1{line-height: 32px;color: #000000;font-size: 16px;height: 282px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;font-family:hl;} .rec3 .boxs .swiper-slide:hover .txt .h1{color: #fdd000;} .rec3 .boxs .swiper-slide:hover .txt{border-color: transparent;} .rec3 .boxs .swiper-slide:hover{box-shadow: 0 0 30px rgba(4,38,161,0.06);} .rec4{height: 28.75vw;display: flex;align-items: center;padding-left: 7vw;position: relative;z-index:2;} .rec4 .pic{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:-1;} .rec4 .pic .swiper-slide{position: relative;width: 100%;height: 100%;overflow:hidden;} .rec4 .pic .slide-inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:no-repeat center;background-size:cover;} .rec4 .txt{color: #fff;position:relative;overflow:hidden;width:31.25vw;} .rec4 .pic .swiper-slide .kuai{content:"";position: absolute;top: 0;right: 0;width: 18%;height: 100%;} .rec4 .txt .swiper-slide{background-size:0 0;} .rec4 .txt .h{font-size: 40px;line-height: 52px;margin-bottom: 1vw;font-family: Arial;color:#fff;} .rec4 .txt .p{font-size: 24px;line-height: 32xp;margin-bottom: 4.16vw;} .rec4 .txt .more{width: 194px;height: 44px;text-align: center;line-height: 42px;border: 1px solid #DBDBDB;border-radius: 22px;transition: all 0.5s;} .rec4 .txt .more span{display: inline-block;padding-right: 36px;color: #fff;background: url(../img/more2.png)no-repeat right center;transition: all 0.5s;} .rec4 .txt .more:hover{border-color: transparent;background-color: #fdd000;} .rec4 .tit{position: absolute;right: 3.9vw;overflow:hidden;width:162px; color: #fff;font-size: 40px;line-height: 52px;top: 50%;transform: translateY(-50%);} .rec4 .next{width: 162px;height: 52px;position: absolute;right: 3.9vw;top: 50%;margin-top:-26px; cursor: pointer;} @media (max-width:1560px) { .recsh_con .con .boxs .box .con1 .more{width: 220px;height: 44px;border-radius: 22px;} .rec1 .txt .cn{font-size: 38px;line-height: 52px;} .rec1 .txt .en{font-size: 14px;line-height: 22px;} .rec1 .txt .p{line-height: 28px;font-size:14px;} .rec2 .top .txt .h{font-size: 18px;line-height: 22px;} .rec2 .top .txt .p{font-size: 14px;line-height: 24px;} .rec3 .top .h{font-size: 24px;line-height: 24px;} .rec3 .top .p{font-size: 16px;line-height: 28px;} .rec3 .boxs .swiper-slide .txt .h1{font-size: 18px;line-height: 24px;} .rec3 .boxs .swiper-slide .txt .p1{font-size: 14px;line-height: 22px;} .rec4 .txt .h{font-size: 30px;line-height: 40px;} .rec4 .txt .p{font-size: 18px;line-height: 24px;} .rec4 .txt .more{width: 150px;height: 36px;} .rec4 .tit{font-size: 30px;line-height: 40px;width:140px;} } @media (max-width:1024px) { .rec1{margin-top: 0;margin-bottom: 0;padding:32px 0;background-color: #FAFBFE;} .rec1 .w1652{width: calc(100% - 30px);display: block;padding: 12px 12px 40px 12px;background-color: #ffffff;} .rec1 .pics{width: 100%;} .rec1 .pics .pic{width: 100%;height: 180px;} .rec1 .txt{padding: 20px 10px 0 10px;} .rec1 .txt .cn{font-size: 22px;line-height: 24px; font-weight: bold;} .rec1 .txt .en{font-size: 12px;line-height: 14px;margin-bottom: 24px;} .rec1 .txt .p{font-size: 13px;line-height: 24px;} .rec2{width: 100%;margin-left: 0;padding-bottom: 50px;margin-bottom: 0;} .rec2 .top{display: block;} .rec2 .top .right{display: none;} .rec2 .top .txt{width: 100%;padding: 40px 15px 22px 15px;} .rec2 .pics{padding-bottom: 30px;} .rec2 .pics .swiper-pagination{display:block;bottom:0;} .rec2 .pics .swiper-pagination-bullet-active{background-color: #fdd000;} .rec2 .pics .swiper-slide{padding-right: 0;} .rec2 .pics .swiper-slide .pic{height: 38vw;background-size:cover;} .rec3{margin-bottom: 0;background-color: #FAFBFE;padding: 32px 15px 32px 15px;} .rec3 .top .h{font-size: 18px;line-height: 24px;margin-bottom: 18px; font-weight: bold;} .rec3 .top .p{font-size: 14px;line-height: 24px; width: 96%;} .rec3 .boxs .swiper-slide .pic{height: 220px;} .rec3 .boxs .swiper-slide .txt{background-color: #ffffff;padding: 23px 23px 30px 23px;} .rec3 .boxs .swiper-slide .txt .p1{height: 88px;} .rec3 .boxs{padding-bottom: 30px;} .rec3 .boxs .swiper-pagination-bullet-active{background-color: #fdd000;} .rec4{height: auto;} .rec4 .pic{display: none;} .rec4 .tit{display: none;} .rec4{padding: 0!important;} .rec4 .txt{width: 100%;} .rec4{background: transparent!important;} .rec4 .txt{display: none;} /*.rec4 .zp_box{display: flex!important;justify-content:space-between;align-items:center;padding:0 15px;width:100%;padding-bottom:30px;}*/ .rec4 .zp_box a{display: block;width:46%;padding:30px 20px;border-radius:4px;color:#ffffff;position:relative;z-index:2;} /*.rec4 .zp_box a img{position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;}*/ /*.rec4 .zp_box a.zp1{background-image: linear-gradient(to right, #625DFF , #3884FF);}*/ .rec4 .zp_box a.zp2{background-image: linear-gradient(to right, #37C7DD , #20C9A8);} .rec4 .zp_box a p{font-size: 10px;margin-top:8px;} .rec4 .txt .swiper-slide{background: no-repeat center;background-size: 200% auto;height:180px;margin:0!important;padding:30px 15px;} .rec4 .txt .swiper-slide .h{font-size: 20px;line-height: 26px;margin-bottom: 8px;} .rec4 .txt .swiper-slide .p{font-size: 13px;line-height: 18px;} .rec4 .txt .more{width: 120px;height: 32px;} } /* 社会招聘 */ .recsh_con{padding-bottom:5.72vw;position: relative;z-index: 2;background-color: #ffffff;} .recsh_con .tops {padding: 80px 0 30px 0;display: flex;} .recsh_con .tops .left{margin-right: 13.33vw;} .recsh_con .tops .left .cn{line-height: 66px;color: #000000;font-size: 50px;margin-bottom: 0.25vw;font-family: Arial;} .recsh_con .tops .left .en{line-height: 26px;font-size: 20px;color: #444444;font-family: Gothic;text-transform: uppercase;} .recsh_con .tops .right{line-height: 36px;color: #0A0600;font-family: Arial;font-size:16px;} .recsh_con .form ul{display: flex;justify-content: space-between;width: 100%;} .recsh_con .form ul input::placeholder{color:#000000;font-family: Arial;} .recsh_con .form ul>div{display: flex;} .recsh_con .form ul>div>li{margin-right: 1vw;width: 18.125vw;} .more01{display: flex;align-items: center;justify-content: center; font-size: 14px;color: #fff; width: 160px;height: 48px;border-radius: 24px;border:1px solid rgba(255, 255, 255, 0.3);position: relative; overflow: hidden;transition: all .3s;} .more01::before{content: '';display: block;width: 0;height: 100%;background-color: #0F3BDC;position: absolute;left:50%;transform: translateX(-50%); top:0;transition: all .3s;z-index: -1;} .more01 i{display: block;width: 25px;height: 10px;background-image: url(../images/more_ico.png);margin-left: 12px;} .more:hover{border-color: transparent;} .more:hover::before{width: 100%;} /* 社会招聘 */ .recsh_con .form ul>div{display: flex;} .recsh_con .form ul>div>li{margin-right: 1vw;width: 18.125vw;} .recsh_con .input .left{display: flex;justify-content: space-between;width: 18.125vw;border: 1px solid #eee;} .recsh_con .input input{padding-left: 16px; line-height: 50px;width: calc(100% - 52px);} .recsh_con .h_btn{display: block; height: 52px;width: 52px;background: url(../images/j_ser.png) no-repeat center #fdd000; border:none; color:#fdd000; line-height:999px; overflow:hidden;} .recsh_con .con .boxs .top{width: 100%;line-height: 42px;display: flex;justify-content: space-between;background-color: #fdd000;color: #ffffff;color: #FFFFFF;font-size: 20px;margin-top: 1.82vw; padding:30px 0;} .recsh_con .con .boxs .top .li{width: 140px;text-align: center;font-family: Arial;} .recsh_con .con .boxs .top .li:nth-child(2){width: 200px;text-align: center;} .recsh_con .con .boxs .box{border: 1px solid #EEEEEE;margin-top: 1.82vw;} .recsh_con .con .boxs .box .top1{width: 100%;line-height: 93px;display: flex;justify-content: space-between;font-size: 16px;color: #000000;background-color: #FBFBFB;} .recsh_con .con .boxs .box .top1 .li{width: 140px;text-align: center;font-family: Arial;line-height:2;padding:1vw 0;} .recsh_con .con .boxs .box .top1 .li:nth-child(2){width: 200px;text-align: center;} .recsh_con .con .boxs .box .top1 .li.btn{color: #fdd000;cursor: pointer;} .recsh_con .con .boxs .box .top1 .li.btn span{display: inline-block;padding-right: 18px;background: url(../img/rec_jt1.png)no-repeat right center;} .recsh_con .con .boxs .box.on .top1 .li.btn span{background-image: url(../img/rec_jt2.png);} .recsh_con .con .boxs .box.on .top1{background-color: transparent;} .recsh_con .con .boxs .box .con1{margin: 0 4.7vw;border-top: 1px solid #EBEBEB;width: calc(100% - 9.4vw);position: relative;overflow:hidden;} .recsh_con .con .boxs .box .con1.box-no{height: 0;} .recsh_con .con .boxs .box .con1.box-active{height: auto;padding: 2.4vw 0 7.6vw 0;} .recsh_con .con .boxs .box .con1 .item{width: 38.125vw;margin-top:2.4vw;} .recsh_con .con .boxs .box .con1 .item:first-child{margin-top: 0;} .recsh_con .con .boxs .box .con1 .item .h{font-size: 16px;line-height: 20px;color: #000000;margin-bottom: 1.8vw;font-family: Arial;} .recsh_con .con .boxs .box .con1 .item .p{font-size: 16px;line-height: 30px;color: #666666;font-family: Arial;} .recsh_con .con .boxs .box .con1 .more{width: 260px;height: 60px;text-align: center;line-height: 42px;border: 1px solid #DBDBDB;border-radius: 30px;transition: all 0.5s; position: absolute;top: 4.427vw;right: 0;} .recsh_con .con .boxs .box .con1 .more span{display: inline-block;padding-right: 36px;color: #fff;background: url(../img/more2.png)no-repeat right center;transition: all 0.5s;} .recsh_con .con .boxs .box .con1 .more{border-color: transparent;background-color: #fdd000;} .recsh_con .con .boxs .box .con1 .more:hover{opacity: 0.7;} @media (max-width:1560px) { .recsh_con .con .boxs .box .con1 .more{width: 220px;height: 44px;border-radius: 22px;} .recsh_con .top .left .cn{font-size: 38px;line-height: 52px;} .recsh_con .top .left .en{font-size: 14px;line-height: 22px;} .recsh_con .top .right{line-height: 28px;font-size:14px;} .recsh_con .con .boxs .top{font-size: 16px;line-height: 76px;} .recsh_con .con .boxs .box .top1{line-height: 76px;} } @media (max-width:1024px) { .recsh_con .top .left .cn{font-size: 25px;line-height: 34px;margin-bottom: 4px;} .recsh_con .top .left .en{font-size: 14px;line-height: 18px;margin-bottom: 20px;} .recsh_con .top .right{font-size: 13px;line-height: 25px;} .recsh_con .form ul{display: block;} .recsh_con .form ul>div{width: 100%;margin-bottom: 12px;justify-content: space-between;} .recsh_con .form ul>div>li{width: 48%;} .recsh_con .form ul>div>li:last-child{margin-right: 0;} .recsh_con .input .left{width: 100%;} .recsh_con .con .boxs .top{padding: 0 10px;font-size: 12px;} .recsh_con .con .boxs .box .top1{padding: 20px 10px;font-size: 12px;} .recsh_con .con .boxs .box .con1 .item{width: 100%;} .recsh_con .con .boxs .box .con1 .more{position:relative;margin-top: 20px;} .recsh_con .con .boxs .box .con1 .item .h{font-size: 13px;} .recsh_con .con .boxs .box .con1 .item .p{font-size: 13px;} .recsh_con .con .boxs .box .top1 .li{line-height: 22px;} .recsh_con .w_1650{width: calc(100% - 30px);} .recsh_con .top{display: block;padding: 34px 0 47px 0;} } .lyNyJob_list { width:100%; height:auto; margin:0 auto; padding:0 0 1px;} .lyNyJob_list ul li { width:100%; height:auto; min-height:120px; margin:0 auto; padding:0; background-color:#fff; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; border-bottom:1px solid #ddd;} .lyNyJob_list ul li:hover { background-color:#d1d1d1;} .lyNyJob_list ul li i.lyNyJob_line { width:0; height:4px; overflow:hidden; margin:0; padding:0; background-color:#cf121c; position:absolute; top:-4px; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyJob_list ul li:hover i.lyNyJob_line { width:100%;} .lyNyJob_list ul li .NyJob_con1 { width:100%; min-height:120px; margin:0 auto; padding:0; display: flex; justify-content: space-between;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left { width:20%; height:auto; margin:0; padding:0 20px; float:left; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left p { width:100%; height:120px; overflow:hidden; line-height:120px; color:#040000; font-size:24px; margin:0 auto; padding:0;} .lyNyJob_list ul li:hover .NyJob_con1 .NyJobCon1_left p { color:#fff;} .lyNyJob_list ul li a.NyJob_btn { cursor:pointer; display:block; width:120px; height:48px; overflow:hidden; margin:0; padding:0; position:absolute; top:32px; right:40px; z-index:99; background:#fdd000 url(../images/down01.png) center center no-repeat;} .lyNyJob_list ul li:hover a.NyJob_btn { background:#fdd000 url(../images/down01.png) center center no-repeat;} .lyNyJob_list ul li a.cur, .lyNyJob_list ul li:hover a.cur { background:#fdd000 url(../images/up01.png) center center no-repeat;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right { width:80%; min-height:120px; margin:0; padding:0px 160px 0px 0px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right dl dd { width:46%; overflow:hidden; line-height:120px; color:#555; font-size:16px; text-overflow:ellipsis; white-space:nowrap; padding:0; float:left; text-align:center;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right dl dd:nth-child(3n+3) { margin:0;} .lyNyJob_list ul li:hover .NyJob_con1 .NyJobCon1_right dl dd { color:#fff;} .lyNyJob_list ul li .NyJob_con2 { display:none; width:100%; overflow:hidden; line-height:30px; color:#666; font-size:15px; margin:0 auto; padding:40px; border-top:1px solid #eaeaea; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .NyJob_con2 .NyJobCon2_tit { width:100%; overflow:hidden; line-height:40px; color:#040000; font-size:18px; margin:0 auto 5px; padding:0;} .NyJob_con2 p { line-height:30px; color:#666; font-size:15px; margin:0 auto; padding:0;} .NyJob_con2 .more{display:block;width:180px;height:48px;line-height:48px;font-size:16px;color:#fff;text-align:center;position:relative;margin-top:40px;overflow:hidden; background-color:#fdd000; border-radius:24px;} .NyJob_con2 .more em{display:inline-block;vertical-align: middle; font-style:normal;} .NyJob_con2 .more:after{content:'\00bb';transition:0.5s;font-size:30px;margin-left:15px;display:inline-block;vertical-align: middle;margin-top:-7px;} .NyJob_con2 .more:hover:after{margin-left:6px;font-size:30px;} @media (max-width:1440px) { .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left { width:24%;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right { width:76%;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left p { font-size:22px;} } @media (max-width:1200px) { .lyNyJob_list { } .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left { } .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right { padding:0px;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_left p { font-size:16px;line-height: 40px; padding-top:20px;} .lyNyJob_list ul li .NyJob_con1 .NyJobCon1_right dl dd { font-size:15px;} .lyNyJob_list ul li .NyJob_con2 { padding:20px;} .NyJob_con2 .more { margin-top:20px;} .recsh_con .con .boxs .top .li:nth-child(4) { display:none;} .recsh_con .tops { display:block; padding: 20px 0 30px 0;} .recsh_con .tops .left {padding: 20px 0px 0 0px; width:100%;} .recsh_con .tops .left .cn{font-size: 20px;line-height: 36px;} .recsh_con .tops .left .en{font-size: 16px;line-height: 14px;margin-bottom: 24px;} .recsh_con .tops .left .p{font-size: 13px;line-height: 24px;} .recsh_con .tops .right { width:100%;} .lyNyJob_list ul li a.NyJob_btn { display:none;} } /* 校园招聘 */ .recxy_con{position: relative;z-index: 2;background-color: #ffffff;} .recxy1{padding:6.25vw 0 0 0;} .recxy1 .tit01{display: flex;margin-bottom: 2vw;} .recxy1 .tit01 .left{width: 26vw;} .recxy1 .tit01 .left .cn{font-size: 50px;line-height: 66px;color: #000000;margin-bottom: 0.4vw;font-family: Arial;} .recxy1 .tit01 .left .en{font-size: 20px;line-height: 26px;font-family: Gothic;color: #444444;text-transform: uppercase;} .recxy1 .tit01 .right{line-height: 36px;font-size: 16px;color: #0A0600;font-family: Arial;} .recxy1 .tit01 .right p{font-family: Arial!important;} .recxy1 .con{background-color: #F9F9F9;} .recxy1 .con .pic{position: relative;overflow: hidden;margin-bottom: 4.375vw;} .recxy1 .con .pic .swiper-slide{height: 35.7vw;background: no-repeat center;background-size: cover;} .recxy1 .con .txt{position: relative;overflow: hidden;padding-bottom: 3.14vw;padding-top: 1.29vw;} .recxy1 .con .txt::before{content: "";position: absolute;top: 1.62vw;left: 0;width: 100%;height: 1px;background-color: #E6E6E6;} .recxy1 .con .txt .swiper-slide{cursor: pointer;position: relative;} .recxy1 .con .txt .swiper-slide .yuan{width: 0.78vw;height: 0.78vw;border-radius: 50%;background-color: #fdd000;margin: 0 auto;position: relative;margin-bottom: 1.6vw;} .recxy1 .con .txt .swiper-slide .yuan:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 2.58vw;height: 2.58vw;background: url(../images/xy1_icon.png);background-size: 100% 100%;transition: all 0.5s;} .recxy1 .con .txt .swiper-slide .yuan:after{transform: translate(-50%,-50%) scale(1);} .recxy1 .con .txt .swiper-slide:nth-child(2) .yuan:after{background-image:url(../images/zx_sx.png);} .recxy1 .con .txt .swiper-slide:nth-child(3) .yuan:after{background-image:url(../images/zx_ms.png);} .recxy1 .con .txt .swiper-slide:nth-child(4) .yuan:after{background-image:url(../images/zx_rc.png);} .recxy1 .con .txt .swiper-slide:nth-child(5) .yuan:after{background-image:url(../images/zx_fs.png);} .recxy1 .con .txt .swiper-slide .p{text-align: center;font-size: 16px;line-height: 20px;color: #666666;font-family: Arial;} .recxy1 .con .txt .swiper-slide .p1{text-align: center;font-size: 18px;line-height: 2;color: #666666;font-family: Arial;} .recxy1 .con .txt .swiper-slide .tc{position: absolute;top: 105%;left: 50%;transform: translateX(-50%);width: 18.49vw;height: 8vw;background: url(../img/xytc.png);background-size: 100% 100%;padding: 2.34vw 1.3vw 1.3vw 1.3vw;display: none;} .recxy1 .con .txt .swiper-slide .tc .h1{font-size: 20px;line-height: 26px;margin-bottom: 0.67vw;color: #000000;font-family: Arial;} .recxy1 .con .txt .swiper-slide .tc .p1{font-size: 14px;line-height: 20px;margin-bottom: 0.4vw;color: #666666;} .recxy1 .con .txt .swiper-slide .tc .time{font-size: 14px;line-height: 20px;color: #fdd000;} .recxy1 .con .txt .swiper-slide.on .tc{display: block;text-align:center;} .recxy1 .con .txt .swiper-slide:first-child .tc{left: 70%;} .recxy1 .con .txt .swiper-slide:last-child .tc{left: 30%;} .recxy2{margin-bottom: 5.16vw;} .recxy2 .con{display: none;border: 1px solid rgba(0,0,0,0.1);} .recxy2 .con.on{display: block;} .recxy2 .top{color: #fff;padding:1.3vw 4.68vw;background-color: #fdd000;display: flex;justify-content: space-between;align-items: center;} .recxy2 .top div{max-width: 154px;font-size: 20px;line-height: 26px;font-family: Arial;} .recxy2 .top div:first-child{font-family: hb;text-transform: uppercase;} .recxy2 .top div:last-child{font-family: hb;text-transform: uppercase;} .recxy2 .center{margin: 0 4.16vw;border-bottom: 1px solid rgba(0,0,0,0.1);padding:3.125vw 0 ;display: flex;justify-content: space-between;} .recxy2 .center>div{width: 43%;display: flex;justify-content: space-between;align-items: center;} .recxy2 .center>div .list{width: 17vw;height: 270px;position: relative;overflow: hidden;} .recxy2 .center>div .list .swiper-slide{font-size: 16px;color: #000000;transition: all 0.5s;opacity: 0.1;font-family: Arial;display: flex;align-items: center;} .recxy2 .center>div .list .swiper-slide-prev,.recxy2 .center>div .list .swiper-slide-next{opacity: 0.4;} .recxy2 .center>div .list .swiper-slide-active{opacity: 1;font-weight:400;font-size: 20px;font-family: Arial;} .recxy2 .center>div .h{font-size: 32px;line-height: 42px;color: #000000;font-family: Arial;} .recxy2 .bottom{margin: 0 4.16vw;display: flex;justify-content: space-between;padding:4.68vw 0 3.64vw 0;} .recxy2 .bottom .h{font-size: 32px;line-height: 42px;color: #000000;font-family: Arial;} .recxy2 .bottom ul{width: 63.125vw;display: flex;flex-wrap: wrap;} .recxy2 .bottom ul li{width: calc(100% / 6);font-size: 16px;line-height: 20px;color: #0A0600;font-family: Arial;transition: all 0.5s;margin-bottom: 1.56vw;cursor: pointer;} .recxy2 .bottom ul li:hover{font-family:hb;} .w1580{width: 82.3vw;margin: 0 auto;} .recxy3{background: url(../images/xy3_bj.png)no-repeat center;background-size: cover;color: #fff;padding: 4.27vw 0;margin-bottom: 6.25vw;} .recxy3 .tit01{text-align: center;margin-bottom: 5.41vw;} .recxy3 .tit01 .cn{font-size: 50px;line-height: 66px;margin-bottom: 0.416vw;font-family: Arial;} .recxy3 .tit01 .en{font-size: 20px;line-height: 26px;font-family: Gothic;text-transform: uppercase;} .recxy3 .tab{position: relative;margin-bottom: 5vw;} .recxy3 .tab .solid1{width: 100%;height: 1px;background-color: #2E36BB;} .recxy3 .w1580 #solid2{width:0;height: 1px;background-color: #FFFFFF;transform: translate(-5px,-50%);transition: all 0.5s;} .recxy3 .w1580 #solid2.on1{width: calc(100% / 5);} .recxy3 .w1580 #solid2.on2{width: calc(100% / 5 * 2);} .recxy3 .w1580 #solid2.on3{width: calc(100% / 5 * 3);} .recxy3 .w1580 #solid2.on4{width: calc(100% / 5 * 4);} .recxy3 .w1580 #solid2.on5{width: calc(100% / 5 * 5);} .recxy3 .boxs{display: flex;justify-content: space-between;} .recxy3 .boxs .box{width: 10px;height: 10px;position: relative;cursor: pointer;} .recxy3 .boxs .box .dian{width: 100%;height: 100%;border-radius: 50%;background-color: #FFFFFF;position: relative;transform: translate(-50%,-50%);} .recxy3 .boxs .box .dian:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0;height: 0;border-radius: 50%;background-color: rgba(255,255,255,0.2);transition: all 0.5s;} .recxy3 .boxs .box.on .dian:after{width: 4.68vw;height: 4.68vw;} .recxy3 .boxs .box .txt{position: absolute;left: 0;top: 2.187vw;transform: translateX(-50%);width: 130px;text-align: center;transition: all 0.5s;font-size: 16px;line-height: 20px;font-family: Arial;} .recxy3 .boxs .box.on .txt{top: 3.645vw;font-size: 20px;line-height: 26px;} .recxy3 .con{padding-top: 2.6vw;margin-left: 7vw;position: relative;overflow: hidden;width: 48.22vw;} .recxy3 .con .swiper-slide{opacity: 0!important;} .recxy3 .con .swiper-slide-active{opacity: 1!important;} .recxy3 .con .top{display: flex;margin-bottom: 1.875vw;} .recxy3 .con .top .pics{overflow: hidden;} .recxy3 .con .top .pic{width: 30.2vw;height:14.58vw;background: no-repeat center;background-size: cover;transition: all 0.5s;} .recxy3 .con .top .pic:hover{transform: scale(1.05);} .recxy3 .con .top .txt{width: 18.02vw;height: 14.58vw;display: flex;align-items: center;justify-content: center;background: url(../images/xy3_bj2.png)no-repeat center;background-size: cover;} .recxy3 .con .top .txt .icon{width: 3vw;height: 3vw;display: flex;justify-content: center;align-items: center;margin: 0 auto;margin-bottom: 1.67vw;} .recxy3 .con .top .txt .icon img{max-width: 100%;max-height: 100%;} .recxy3 .con .top .txt .h{text-align: center;line-height: 36px;font-size: 26px;color: #000000;font-family: Arial;} .recxy3 .con .bottom{line-height: 38px;font-size: 16px;font-family: Arial;} .recxy4{padding-bottom: 6.25vw;} .recxy4 .tit .cn{font-size: 50px;line-height: 66px;color: #000000;margin-bottom: 0.416vw;font-family: Arial;} .recxy4 .tit .en{font-size: 20px;line-height: 26px;color: #444444;font-family:Gothic;text-transform: uppercase;margin-bottom: 4.16vw;} .recxy4 .boxs{display: flex;} .recxy4 .box{width: calc(100% / 3);padding: 3.54vw 2.81vw 4.375vw 2.81vw;background-color: #FCFCFC;border: 1px solid #E5E5E5;transition: all 0.5s;} .recxy4 .box .h{font-size: 20px;line-height: 30px;display: flex;align-items: center;margin-bottom: 3.95vw;font-family: Arial;} .recxy4 .box .h span{width: 26px;height: 26px;line-height: 26px;text-align: center;background-color: rgba(4,38,161,0.03);color: #fdd000;margin-right:1.3vw;font-size: 14px;font-family:hm;} .recxy4 .box .p{position: relative;padding-left: calc(26px + 1.3vw);line-height: 34px;color: #0A0600;font-family: Arial;font-size: 16px;font-family: Arial;} .recxy4 .box .p span{position: absolute;top: 4px;left: 0; width: 26px;height: 26px;line-height: 26px;text-align: center;background-color: rgba(231,0,17,0.03);color: #E70011;margin-right:1.3vw;font-size: 14px;font-family:hm;} .recxy4 .box .p a{color: #4451FF;} .recxy4 .box:hover{transform: scale(1.05);background-color: #fff;border-color:transparent;box-shadow: 0 0 30px rgba(35,0,216,0.06);z-index: 2;} .recxy4 .btn{display: block; width: 100%;padding: 1.875vw 0;background-color: #fdd000;font-size: 16px;text-align: center;opacity: 1;transition: all 0.5s;} .recxy4 .btn span{display: inline-block;padding-right: 30px;background: url(../images/xy4_icon.png)no-repeat right center;line-height: 20px;color: #ffffff;} .recxy4 .btn:hover{opacity: 0.8;} @media (max-width:1560px) { .recxy1 .tit .left .cn{font-size: 38px;line-height: 52px;} .recxy1 .tit .left .en{font-size: 15px;line-height: 22px;} .recxy1 .tit .right{font-size: 14px;line-height: 28px;} .recxy1 .con .txt .swiper-slide .p{font-size: 14px;line-height: 15px;} .recxy1 .con .txt .swiper-slide .tc .h1{font-size: 15px;line-height: 20px;} .recxy1 .con .txt .swiper-slide .tc .p1,.recxy1 .con .txt .swiper-slide .tc .time{font-size: 12px;line-height: 15px;} .recxy1 .con .txt .swiper-slide .tc{width: 20.5vw;} .recxy2 .top div{font-size: 15px;line-height: 22px;} .recxy2 .center>div .h{font-size: 24px;line-height: 30px;} .recxy2 .center>div .list .swiper-slide{font-size: 12px;} .recxy2 .center>div .list .swiper-slide-active{font-size: 15px;} .recxy2 .bottom .h{font-size: 24px;line-height: 30px;} .recxy2 .bottom ul li{font-size: 13px;line-height: 15px;} .recxy3 .tit .cn{font-size: 38px;line-height: 52px;} .recxy3 .tit .en{font-size: 15px;line-height: 22px;} .recxy3 .boxs .box.on .txt{font-size: 15px;line-height: 22px;} .recxy3 .boxs .box .txt{font-size: 14px;} .recxy3 .con .top .txt .h{font-size: 20px;line-height: 28px;} .recxy3 .con .bottom{font-size: 14px;line-height: 30px;} .recxy4 .tit .cn{font-size: 38px;line-height: 52px;} .recxy4 .tit .en{font-size: 15px;line-height: 22px;} .recxy4 .box .h{font-size: 15px;line-height: 22px;} .recxy4 .box .p{font-size: 14px;line-height: 24px;} .recxy4 .btn{font-size: 14px;} } @media (max-width:1024px) { .recxy1{width: 100%;padding-top: 34px;} .recxy1 .tit{display: block;width: calc(100% - 30px);margin: 0 auto;} .recxy1 .tit .left{width: 100%;margin-bottom: 20px;} .recxy1 .tit .left .cn{font-size: 25px;line-height: 32px;} .recxy1 .tit .left .en{font-size: 14px;line-height: 18px;} .recxy1 .tit .right{font-size: 13px;line-height: 25px;margin-bottom: 20px;} .recxy1 .con .pic .swiper-slide{height: 158px;} .recxy1 .con .txt .swiper-slide{padding-bottom: 10px;} .recxy1 .con .txt .swiper-slide .tc{display: block;width: 100%;height: 125px;background: #ffffff;top: auto;bottom: 0;} .recxy1 .con .txt .swiper-slide:first-child .tc{left: 50%;} .recxy1 .con .txt .swiper-slide .yuan{width: 30px;height: 30px;} .recxy1 .con .txt .swiper-slide .yuan:after{width: 30px;height: 30px;} .recxy1 .con .txt::before{top: 20px;} .recxy1 .con .txt .swiper-slide .tc{text-align: center;padding: 25px 0 20px 0;} .recxy1 .con .txt .swiper-slide .tc .h1{font-size: 17px;line-height: 24px;margin-bottom: 0;} .recxy1 .con .txt .swiper-slide .tc .p1{font-size: 13px;line-height: 30px;margin-top: 10px;margin-bottom: 0;} .recxy1 .con .txt .swiper-slide .tc .time{font-size: 13px;line-height: 30px;} .recxy1 .con .txt .swiper-slide:last-child .tc{left: 50%;} .recxy2{width: calc(100% - 30px);margin-top: 34px;} .recxy2 .top{padding: 14px 14px;} .recxy2 .top div:first-child,.recxy2 .top div:last-child{display: none;} .recxy2 .top div{font-size: 20px;line-height: 34px;} .recxy2 .center{display: block;} .recxy2 .center>div{width: 100%;} .recxy2 .center>div.left{border-bottom: 1px solid rgba(0,0,0,0.1);} .recxy2 .center>div .list{width: calc(100% - 120px);} .recxy2 .center>div .h{font-size: 18px;} .recxy2 .bottom{display: block;} .recxy2 .bottom .h{font-size: 20px;line-height: 34px;margin-bottom: 20px;} .recxy2 .bottom ul{width: 100%;} .recxy2 .bottom ul li{width: calc(100% / 3);font-size:12px;} .recxy3 .tit .cn{font-size: 25px;line-height: 32px;} .recxy3 .tit .en{font-size: 14px;line-height: 18px;} .recxy3 .boxs .box .txt{width: calc(100vw / 7);font-size: 13px;} .recxy3 .tab{margin-bottom: 56px;} .recxy3 .con{width: calc(100% - 30px);margin-left: 15px;} .recxy3 .con .top{display: block;margin-bottom: 0;} .recxy3 .con .top .pic{width: 100%;height: 175px;} .recxy3 .con .top .txt{display: block;width: 100%!important;background: #fff;height: auto;padding: 27px 15px 12px 15px;} .recxy3 .con .top .txt .icon{display: none;} .recxy3 .con .top .txt .h{text-align: left;font-size: 16px;line-height: 22px;} .recxy3 .con .bottom{padding: 0 15px 30px 15px;background-color: #fff;color: #4D4D4D;font-size: 13px;line-height: 24px;} .recxy3{padding: 40px 0;margin-bottom: 47px;} .recxy4{padding-bottom: 78px;} .recxy4 .tit .cn{font-size: 25px;line-height: 34px;} .recxy4 .tit .en{font-size: 14px;line-height: 18px;margin-bottom: 20px;} .recxy4 .boxs{display: block;} .recxy4 .box{width: 100%;padding: 26px 18px;margin-bottom: 20px;} .recxy1 .tit01 { display:block; width:94%; margin:0 auto;} .recxy1 .tit01 .left { width:100%;} .recxy1 .tit01 .left .cn{font-size: 24px;line-height: 36px;margin-bottom: 0.416vw;} .recxy1 .tit01 .left .en{font-size: 18px;line-height: 24px;} .recxy1 .tit01 .right { width:100%;} .recxy3 .tit01{text-align: center;margin-bottom: 3.49vw;} .recxy3 .tit01 .cn{font-size: 24px;line-height: 36px;margin-bottom: 0.416vw;} .recxy3 .tit01 .en{font-size: 18px;line-height: 24px;} } /* 联系我们 */ .map{padding: 0.12vw 0 3.96vw 0;} .map .tit05{font-size: 30px;line-height: 40px;padding-left: 55px;background: url(../images/qiu.png)no-repeat left center;color: #fdd000;font-family: Arial;} .map .en{display: none;} .map .m_con{margin-top: 4.68vw;margin-bottom: 5.6vw;position: relative;} .map .m_con>img{width: 100%;} .map .m_con>img.img2{display: none;} .map .m_con>img.img3{position:absolute;bottom:-7%;right:5%;width:13vw;} .map .m_con .yuan_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .map .m_con .yuan_box svg{display:none;} .map .m_con .yuan_box.m_yuan_box{display:none;} .map .m_con .yuan_box .yuan{position: absolute; width: 2vw;height: 2vw;transform: translate(-50%,-50%);font-size: 0;cursor: pointer;} .map .m_con .yuan_box .yuan .qiu{width: 2vw;height: 2vw;position:relative;} .map .m_con .yuan_box .yuan3 .qiu{display: none;} .map .m_con .yuan_box .yuan .qiu:after{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 5px;height: 5px;border-radius: 50%;background-color: #fdd000;} .map .m_con .yuan_box .yuan .qiu:before{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(4,38,161,0.7);animation: myfirst 3s linear infinite;width:100%;height:100%;} .map .m_con .yuan_box .yuan:nth-child(2n) .qiu:before{animation: myfirst 3s linear infinite 0.5s;} .map .m_con .yuan_box .yuan:nth-child(3n) .qiu:before{animation: myfirst 3s linear infinite 1s;} /*.map .m_con .yuan_box .yuan:nth-child(n+12) .qiu:after{display:none;}*/ .map .m_con .yuan_box .yuan:nth-child(n+13) .qiu:before{display:none;} @keyframes myfirst{ 0% {transform: translate(-50%,-50%) scale(0.1);opacity: 1;} 50% {transform: translate(-50%,-50%) scale(0.7);opacity: 0.5;} 100% {transform: translate(-50%,-50%) scale(1.4);opacity: 0;} } .map .m_con .yuan_box .yuan1{top:33.3%;right: 14%;} .map .m_con .yuan_box .yuan2{top: 28.1%;right: 10%;} .map .m_con .yuan_box .yuan3{top: 33.4%;right: 16%;} .map .m_con .yuan_box .yuan4{top: 50%;right: 19.98%;} .map .m_con .yuan_box .yuan5{top: 45%;right: 28%;} .map .m_con .yuan_box .yuan6{top: 31.5%;right: 40%;} .map .m_con .yuan_box .yuan7{top: 16.6%;right: 45%;} .map .m_con .yuan_box .yuan8{top: 24%;right: 47.2%;} .map .m_con .yuan_box .yuan9{top: 22%;right: 49%;} .map .m_con .yuan_box .yuan10{top: 27%;right: 50.1%;} .map .m_con .yuan_box .yuan11{top: 36%;right: 81.2%;} .map .m_con .yuan_box .yuan12{top: 30%;right: 15.5%;} .map .m_con .yuan_box .yuan13{top: 36.5%;right: 15.8%;} .map .m_con .yuan_box .yuan14{top: 41%;right: 18.4%;} .map .m_con .yuan_box .yuan15{top: 42.5%;right: 18.7%;} .map .m_con .yuan_box .yuan16{top: 24.5%;right: 45.7%;} .map .m_con .yuan_box .yuan .txt{position: absolute;color: #fdd000;width: 100px;} .map .m_con .yuan_box .yuan .txt .cn{font-size: 18px;line-height: 24px;font-family: Arial;} /*.map .m_con .yuan_box .yuan:nth-child(n+13) .txt .cn{font-size: 14px;line-height: 20px;font-family: Arial;}*/ .map .m_con .yuan_box .yuan .txt .cn{font-size: 14px;line-height: 20px;font-family: Arial;} .map .m_con .yuan_box .yuan .txt .en1{font-size: 14px;line-height: 20px;font-family: Arial;} .map .m_con .yuan_box .yuan1 .txt{left: 105%;top: 0.4vw;} .map .m_con .yuan_box .yuan2 .txt{left: 105%;top: 0px;} .map .m_con .yuan_box .yuan3 .txt{left: -22%;top: 46px;color: #0033FF;z-index:2;} .map .m_con .yuan_box .yuan3 .txt .cn{font-size: 18px;line-height: 24px;} .map .m_con .yuan_box .yuan4 .txt{left: 80%;top: 1.1vw;} .map .m_con .yuan_box .yuan5 .txt{left: 0%;top: 105%;} .map .m_con .yuan_box .yuan6 .txt{left: 120%;top: 0%;} .map .m_con .yuan_box .yuan7 .txt{left: 10%;top: -36px;} .map .m_con .yuan_box .yuan8 .txt{left: -7%;top: 25px;} .map .m_con .yuan_box .yuan9 .txt{left: 0;top: -1.6vw;transform: translateX(-90%);} .map .m_con .yuan_box .yuan10 .txt{left: -250%;top: 50%;} .map .m_con .yuan_box .yuan11 .txt{left: 105%;top: 0px;} .map .m_con .yuan_box .yuan12 .txt{left: -57%;top: 5px;width:40px;} .map .m_con .yuan_box .yuan13 .txt{left: 62%;top: 5px;width:40px;} .map .m_con .yuan_box .yuan14 .txt{left: -50%;top: 0px;width:40px;} .map .m_con .yuan_box .yuan15 .txt{left: -10%;top: 22px;width:40px;} .map .m_con .yuan_box .yuan16 .txt{left: 110%;top: -19px;width:135px;} @media (min-width:960px) { .map .m_con .yuan_box .yuan.on{z-index: 3;} .map .m_con .yuan_box .yuan.on .icon{transform: translate(-50%,-50%) scale(1);opacity: 1;} .map .m_con .yuan_box .yuan3.on .icon{opacity:0;} .map .m_con .yuan_box .yuan.on .txt2{opacity: 1;transform: translateX(-50%) scale(1);} } .map .m_con .yuan_box .yuan .txt2{position: absolute;top: 120%;left: 50%;transform: translateX(-50%) scale(0);min-width: 25.8vw; padding: 0.9375vw 1.04vw 0.625vw 0.9375vw;background-color: #FFFFFF;box-shadow: 0 0 30px rgba(0,0,0,0.04);opacity: 0;transition: all 0.5s;z-index: 99;} .map .m_con .yuan_box .yuan .txt2 .h{font-size: 20px;line-height: 20px;color:#fdd000;margin-bottom: 0.8vw;} .map .m_con .yuan_box .yuan .txt2 .p{font-size: 16px;line-height: 30px;color: #666666;position: relative;padding-left: 32px;background:url(../img/map_dz.png)no-repeat left 5px;background-size:auto 20px;} .map .m_con .yuan_box .yuan .txt2 .p span{position: absolute;left: 0;top: 0; color: #000000;width: 48px;} .map .m_con .yuan_box .yuan .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 70%;height: 70%;border-radius: 50%;background: no-repeat;background-size: 100% 100%;opacity: 0;transition: all 0.5s;} .map .m_con .icon_bottom{position: absolute;left: 0;bottom: 0;display: flex;width: 100%;display:none;} .map .m_con .icon_bottom li{line-height: 32px;color:#0A0600;font-size: 14px;font-family: Arial;margin-right: 2.6vw;padding-left: 2.23vw;background: no-repeat left center;background-size: auto 1.66vw;} .map .m_con .icon_bottom li:nth-child(1){background-image: url(../img/map_icon1.png);} .map .m_con .icon_bottom li:nth-child(2){background-image: url(../img/map_icon.png);} .map .m_con .icon_bottom li:nth-child(3){background-image: url(../img/map_icon2.png);} .map .m_con .icon_bottom li:nth-child(4){background-image: url(../img/map_icon3.png);} .cont_con{background-color: #FAFBFE;padding-bottom: 0.4vw;position: relative;z-index: 2;} .cont_con .cont1{box-shadow: 0 0 30px rgba(4,38,161,0.04);margin-bottom: 4.95vw;} .cont_con .cont1 .item1{padding: 3.125vw 0;background-color: #FFFFFF;box-shadow: 0 0 20px rgba(0,0,0,0.06);display: flex;justify-content: center;align-items: center;position: relative;} .cont_con .cont1 .item1>div{padding-left:7.8125vw;position: relative;line-height: 6.46vw;display: flex;align-items: center;} .cont_con .cont1 .item1>div::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%); width:6.46vw;height: 6.46vw;border-radius: 50%;border: 1px solid #feed95;background: url(../images/cont1_icon1.png)no-repeat center;} .cont_con .cont1 .item1>div span:nth-child(1){font-size: 30px;color: #fdd000;font-family: Arial;} .cont_con .cont1 .item1>div span:nth-child(2){font-size: 50px;color: #000000;font-family: hb;font-family: Gothic-Bold;} .cont_con .cont1 .tab_m{display: none;} .cont_con .cont1 .item2{padding: 4vw 3.645vw 0.4vw 2.34vw;background-color: #fff;display: flex;justify-content: space-between;} .cont_con .cont1 .item2 .left{font-size: 30px;line-height: 40px;color: #fdd000;padding-left: 55px;background: url(../images/cont1_icon2.png)no-repeat left 2px;width: 14vw;font-family: Arial;} .cont_con .cont1 .item2 .right{width: 67.7vw;display: flex;flex-wrap: wrap;justify-content: space-between;} .cont_con .cont1 .item2 .right .box{width: 25%;padding-right: 20px;padding-bottom: 1.8vw;} .cont_con .cont1 .item2 .right .box:nth-child(4n){padding-right:0;} .cont_con .cont1 .item2 .right .box .h{font-size: 16px;color: #000000;margin-bottom: 0.88vw;font-family: Arial;font-weight:bold} .cont_con .cont1 .item2 .right .box .p{line-height: 20px;font-size: 14px;display: flex;align-items: center;margin-bottom: 0.4vw;} .cont_con .cont1 .item2 .right .box .p span:nth-child(1){color: #000000;font-family: Arial;} .cont_con .cont1 .item2 .right .box .p span:nth-child(2){color: #666666;} .cont_con .cont1 .item3{display: flex;background: url(../images/cont1_bj.png)no-repeat center;background-size: cover;background-color: #fff;width: 100%;height: 9.58vw;align-items: center;position: relative;box-shadow: 0 0 30px rgba(0,0,0,0.06);} .cont_con .cont1 .item3_m{display: none;} .cont_con .cont1 .item3 .left{width: 50%;padding-right: 6.875vw;text-align: right;height: 100%;line-height: 9.58vw;font-size: 30px;color: #000000;font-family: Arial;} .cont_con .cont1 .item3 .right{width: 50%;padding-left: 6.875vw;} .cont_con .cont1 .item3:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1px;height: 8.23vw;border-left: 1px dashed rgba(112,112,112,0.1);} .cont_con .cont1 .item3 .right>div{display: table;} .cont_con .cont1 .item3 .right .h{text-align: center;font-size: 16px;line-height: 22px;color: #666666;font-family: Arial;font-family: Arial;} .cont_con .cont1 .item3 .right .more02{background-color: #fdd000;margin-top: 1.1vw;transition: all 0.5s;display: flex;align-items: center;justify-content: center; font-size: 14px;color: #fff; width: 200px;height: 48px;border-radius: 24px;border:1px solid rgba(255, 255, 255, 0.3);position: relative; overflow: hidden;transition: all .3s;;} .cont_con .cont1 .item3 .right .more02 span{color: #fff;padding-right: 36px;background: url(../images/more2.png)no-repeat right center;} .cont_con .cont1 .item3 .right .more02:hover{opacity: 0.7;} .cont_con .cont1 .item4{padding: 4vw 3.645vw 0.4vw 2.34vw;background-color: #fff;display: flex;justify-content: space-between;} .cont_con .cont1 .item4 .left{font-size: 30px;line-height: 40px;color: #fdd000;padding-left: 55px;background: url(../images/cont1_icon3.png)no-repeat left 2px;width: 14.6vw;font-family: Arial;} .cont_con .cont1 .item4 .right{width: 65.1vw;display: flex;flex-wrap: wrap;justify-content: space-between;} .cont_con .cont1 .item4 .right .box{width: 48%;padding-right: 20px;padding-bottom: 1.8vw;} .cont_con .cont1 .item4 .right .box .h{font-size: 16px;color: #000000;margin-bottom: 0.5vw;font-family: Arial;font-weight: bold;} .cont_con .cont1 .item4 .right .box .p{line-height: 20px;font-size: 14px;display: flex;align-items: center;margin-bottom: 0.4vw;color: #666666;} .cont_con .cont2{box-shadow: 0 0 30px rgba(4,38,161,0.04);} .cont_con .cont2 .top{display: flex;padding: 1.875vw 3.125vw 0.625vw 3.125vw;background-color: #fdd000;color: #fff;} .cont_con .cont2 .top .left{font-size: 30px;line-height: 40px;margin-top: 0.729vw;width: 14vw;font-family: Arial;} .cont_con .cont2 .top .right{width: calc(100% - 14vw);display: flex;justify-content: space-between;} .cont_con .cont2 .top .right .li{max-width: 14.74vw;} .cont_con .cont2 .top .right .li .h{font-size: 18px;line-height: 28px;padding-left: 2.18vw;background: no-repeat left center;margin-bottom: 0.73vw;font-family: Arial;} .cont_con .cont2 .top .right .li:nth-child(1) .h{background-image: url(../images/dh.png);} .cont_con .cont2 .top .right .li:nth-child(2) .h{background-image: url(../images/cz.png);} .cont_con .cont2 .top .right .li:nth-child(3) .h{background-image: url(../images/yx.png);} .cont_con .cont2 .top .right .li:nth-child(4) .h{background-image: url(../images/dz.png);} .cont_con .cont2 .top .right .li .p{line-height: 24px;font-size: 16px;} .cont_con .cont2 .center{display: flex;padding: 3.85vw 3.125vw 1.25vw 3.125vw;background-color: #ffffff;} .cont_con .cont2 .center .left{font-size: 30px;line-height: 40px;margin-top: 0.729vw;width: 14vw;} .cont_con .cont2 .center .right{width: calc(100% - 14vw);display: flex;justify-content: space-between;flex-wrap: wrap;} .cont_con .cont2 .center .right .li{width: 25vw;margin-bottom: 2.6vw;} .cont_con .cont2 .center .right .li:nth-child(3n){width: 14.5vw;} .cont_con .cont2 .center .right .li .h{font-size: 16px;line-height: 22px;color: #000000;margin-bottom:0.4vw;font-family: Arial;} .cont_con .cont2 .center .right .li .p{color: #666666;font-size: 14px;line-height: 20px;} .cont_con .cont2 .item3{display: flex;background: url(../images/cont1_bj.png)no-repeat center;background-size: cover;background-color: #fff;width: 100%;height: 9.58vw;align-items: center;position: relative;} .cont_con .cont2 .item3 .left{width: 50%;padding-right: 6.875vw;text-align: right;height: 100%;line-height: 9.58vw;font-size: 30px;color: #000000;font-family: Arial;} .cont_con .cont2 .item3 .right{width: 50%;padding-left: 6.875vw;} .cont_con .cont2 .item3:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1px;height: 8.23vw;border-left: 1px dashed rgba(112,112,112,0.1);} .cont_con .cont2 .item3 .right>div{display: table;} .cont_con .cont2 .item3 .right .h{text-align: center;font-size: 16px;line-height: 22px;color: #666666;font-family: Arial;font-family: Arial;} .cont_con .cont2 .item3 .right .more02{background-color: #fdd000;margin-top: 1.1vw;transition: all 0.5s;display: flex;align-items: center;justify-content: center; font-size: 14px;color: #fff; width: 200px;height: 48px;border-radius: 24px;border:1px solid rgba(255, 255, 255, 0.3);position: relative; overflow: hidden;transition: all .3s;} .cont_con .cont2 .item3 .right .more02 span{color: #fff;padding-right: 36px;background: url(../images/more2.png)no-repeat right center;} .cont_con .cont2 .item3 .right .more02:hover{opacity: 0.7;} .tanchuang1{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -9999999999;opacity: 0;transition: all 0.5s;} .tanchuang1.on{z-index: 9999999999;opacity: 1;} .tanchuang1 .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} .tanchuang1 .con{width: 1023px;background-color: #fff;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);overflow: auto;height: 80vh;transition: all 0.5s;} .tanchuang1.on .con{top: 50%;} .tanchuang1 .con::-webkit-scrollbar {width:5px;height:5px;} .tanchuang1 .con::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} .tanchuang1 .con::-webkit-scrollbar-thumb {background:#fdd000;} .tanchuang1 .con .top{padding: 1vw 3vw;background-color: #fdd000;display: flex;justify-content: space-between;align-items: center;position: sticky;top: 0;transform:translateY(-1px);} .tanchuang1 .con .top .tc_logo{width: 135px;} .tanchuang1 .con .top .tc_logo img{max-width: 100%;} .tanchuang1 .con .top .out{cursor: pointer;transition: all 0.5s;} .tanchuang1 .con .top .out:hover{transform: rotate(180deg);} .tanchuang1 .con .center{padding: 2.6vw 3vw 0.6vw 3vw;border-bottom: 1px dashed #DBDBDB;} .tanchuang1 .con .tit06{font-size: 24px;line-height: 22px;padding-left: 13px;border-left: 3px solid #fdd000;color: #fdd000;font-family: hb;margin-bottom: 1.67vw;} .tanchuang1 .con .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;} .tanchuang1 .con .boxs .input{width: 418px;margin-bottom:2vw;} .tanchuang1 .con .input .h{line-height: 24px;font-size: 18px;color: #000000;margin-bottom: 1.1vw;} .tanchuang1 .con .input .h span{color: #E70011;margin-right: 6px;} .tanchuang1 .con .input input,.tanchuang1 .con .input textarea{border: 1px solid #DFDDDD;border-radius: 4px;line-height: 46px;width: 100%;padding: 0 10px; resize:none;margin-left: 10px;} .tanchuang1 .con .bottom{padding:3.64vw 3vw 4.16vw 3vw;} .tanchuang1 .con .input textarea{height: 162px;margin-bottom:2.34vw;} .tanchuang1 .con .bottom .btn{width: 198px;text-align: center;line-height: 50px;color: #ffffff;background-color: #fdd000;border-radius: 25px;margin-top: 3.49vw;transition: all 0.5s;cursor: pointer;} .tanchuang1 .con .bottom .btn:hover{opacity: 0.8;} .tanchuang1 .con .bottom .txt{color: #666666;} .tanchuang1 .con .bottom .txt a{color: #3144F5;} .tanchuang1 .con .bottom .txt input[type="checkbox"]{display: none;} .tanchuang1 .con .bottom label{color: #666666;font-size: 16px;line-height: 20px;padding-left: 40px;background: url(../img/gou.png)no-repeat left center;cursor: pointer;} .tanchuang1 .con .bottom label.on{background-image: url(../img/gou1.png);} .tit06 { font-size: 24px; line-height: 22px; padding-left: 13px; border-left: 3px solid #fdd000; color: #fdd000; font-family: hb; margin-bottom: 1.67vw; } .tanchuang1a{width: 100%;height: 100%;transition: all 0.5s;} .tanchuang1a .con{width: 100%;background-color: #fff;overflow: auto;transition: all 0.5s;} .tanchuang1a.on{z-index: 9999999999;opacity: 1;} .tanchuang1a .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} .tanchuang1a.on .con{top: 50%;} .tanchuang1a .con::-webkit-scrollbar {width:5px;height:5px;} .tanchuang1a .con::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} .tanchuang1a .con::-webkit-scrollbar-thumb {background:#fdd000;} .tanchuang1a .con .top{padding: 1vw 3vw;background-color: #fdd000;display: flex;justify-content: space-between;align-items: center;position: sticky;top: 0;transform:translateY(-1px);} .tanchuang1a .con .top .tc_logo{width: 135px;} .tanchuang1a .con .top .tc_logo img{max-width: 100%;} .tanchuang1a .con .top .out{cursor: pointer;transition: all 0.5s;} .tanchuang1a .con .top .out:hover{transform: rotate(180deg);} .tanchuang1a .con .center{padding: 2.6vw 3vw 0.6vw 3vw;border-bottom: 1px dashed #DBDBDB;} .tanchuang1a .con .tit06{font-size: 24px;line-height: 22px;padding-left: 13px;border-left: 3px solid #fdd000;color: #fdd000;font-family: hb;margin-bottom: 1.67vw;} .tanchuang1a .con .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;} .tanchuang1a .con .boxs .input{width: 418px;margin-bottom:2vw;} .tanchuang1a .con .input .h{line-height: 24px;font-size: 18px;color: #000000;margin-bottom: 1.1vw;} .tanchuang1a .con .input .h span{color: #E70011;margin-right: 6px;} .tanchuang1a .con .input input,.tanchuang1 .con .input textarea{border: 1px solid #DFDDDD;border-radius: 4px;line-height: 46px;width: 100%;padding: 0 10px; resize:none;margin-left: 10px;} .tanchuang1a .con .bottom{padding:3.64vw 3vw 4.16vw 3vw;} .tanchuang1a .con .input textarea{width: 100%;height: 162px;margin-bottom:2.34vw;} .tanchuang1a .con .bottom .btn{width: 198px;text-align: center;line-height: 50px;color: #ffffff;background-color: #fdd000;border-radius: 25px;margin-top: 3.49vw;transition: all 0.5s;cursor: pointer;} .tanchuang1a .con .bottom .btn:hover{opacity: 0.8;} .tanchuang1a .con .bottom .txt{color: #666666;} .tanchuang1a .con .bottom .txt a{color: #3144F5;} .tanchuang1a .con .bottom .txt input[type="checkbox"]{display: none;} .tanchuang1a .con .bottom label{color: #666666;font-size: 16px;line-height: 20px;padding-left: 40px;background: url(../img/gou.png)no-repeat left center;cursor: pointer;} .tanchuang1a .con .bottom label.on{background-image: url(../img/gou1.png);} .tanchuang2{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -9999999999;opacity: 0;transition: all 0.5s;} .tanchuang2.on{z-index: 9999999999;opacity: 1;} .tanchuang2 .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} .tanchuang2 .con{width: 1023px;background-color: #fff;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);overflow: auto;height: 80vh;transition: all 0.5s;} .tanchuang2.on .con{top: 50%;} .tanchuang2 .con::-webkit-scrollbar {width:5px;height:5px;} .tanchuang2 .con::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} .tanchuang2 .con::-webkit-scrollbar-thumb {background:#fdd000;} .tanchuang2 .con .top{padding: 1vw 3vw;background-color: #1A39A8;display: flex;justify-content: space-between;align-items: center;position: sticky;top: 0;transform:translateY(-1px);} .tanchuang2 .con .top .tc_logo{width: 135px;} .tanchuang2 .con .top .tc_logo img{max-width: 100%;} .tanchuang2 .con .top .out{cursor: pointer;transition: all 0.5s;} .tanchuang2 .con .top .out:hover{transform: rotate(180deg);} .tanchuang2 .con .top_1{padding: 3.43vw 3vw 2.86vw 3vw;border-bottom: 1px dashed #DBDBDB;} .tanchuang2 .con .top_1 .table_more{width: 198px;text-align: center;line-height: 50px;color: #ffffff;background-color: #fdd000;border-radius: 25px;transition: all 0.5s;cursor: pointer;margin-bottom: 1.82vw;} .tanchuang2 .con .top_1 .table_more:hover{opacity: 0.8;} .tanchuang2 .con .top_1 .p{line-height: 20px;font-size: 16px;color: #fdd000;} .tanchuang2 .con .center{padding: 2.6vw 3vw 0.6vw 3vw;border-bottom: 1px dashed #DBDBDB;} .tanchuang2 .con .tit06{font-size: 24px;line-height: 22px;padding-left: 13px;border-left: 3px solid #fdd000;color: #1A39A8;font-family: hb;margin-bottom: 1.67vw;} .tanchuang2 .con .center .tit{margin-bottom: 0.9vw;} .tanchuang2 .con .tit1{font-size: 16px;line-height: 20px;color: #fdd000;margin-bottom: 1.77vw;} .tanchuang2 .con .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;} .tanchuang2 .con .boxs .input{width: 418px;margin-bottom:2vw;} .tanchuang2 .con .input .h{line-height: 24px;font-size: 18px;color: #000000;margin-bottom: 1.1vw;} .tanchuang2 .con .input .h span{color: #E70011;margin-right: 6px;} .tanchuang2 .con .input input,.tanchuang2 .con .input textarea{border: 1px solid #DFDDDD;border-radius: 4px;line-height: 46px;width: 100%;padding: 0 10px;resize:none;margin-left: 10px;} .tanchuang2 .con .bottom{padding:3.64vw 3vw 4.16vw 3vw;} .tanchuang2 .con .input textarea{height: 162px;margin-bottom:2.34vw;} .tanchuang2 .con .bottom .btn{width: 198px;text-align: center;line-height: 50px;color: #ffffff;background-color: #fdd000;border-radius: 25px;margin-top: 3.49vw;transition: all 0.5s;cursor: pointer;} .tanchuang2 .con .bottom .btn:hover{opacity: 0.8;} .tanchuang2 .con .bottom .txt{color: #666666;} .tanchuang2 .con .bottom .txt a{color: #3144F5;} .tanchuang2 .con .bottom .txt input[type="checkbox"]{display: none;} .tanchuang2 .con .bottom label{color: #666666;font-size: 16px;line-height: 20px;padding-left: 40px;background: url(../img/gou.png)no-repeat left center;cursor: pointer;} .tanchuang2 .con .bottom label.on{background-image: url(../img/gou1.png);} .tanchuang3{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -9999999999;opacity: 0;transition: all 0.5s;} .tanchuang3.on{z-index: 9999999999;opacity: 1;} .tanchuang3 .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} .tanchuang3 .con{width: 86vw;background-color: #fff;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);overflow: auto;height: 90vh;transition: all 0.5s;} .tanchuang3.on .con{top: 50%;} .tanchuang3 .con::-webkit-scrollbar {width:5px;height:5px;} .tanchuang3 .con::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);} .tanchuang3 .con::-webkit-scrollbar-thumb {background:#fdd000;} .tanchuang3 .con .top{padding: 1vw 3vw;background-color: #1A39A8;display: flex;justify-content: space-between;align-items: center;transform:translateY(-1px);} .tanchuang3 .con>.top{position: sticky;top: 0;z-index: 100;} .tanchuang3 .con .top .tc_logo{width: 135px;} .tanchuang3 .con .top .tc_logo img{max-width: 100%;} .tanchuang3 .con .top .out{cursor: pointer;transition: all 0.5s;} .tanchuang3 .con .top .out:hover{transform: rotate(180deg);} .tanchuang3 .con .top .h{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 24px;line-height: 32px;color: #ffffff;font-family: hb;} .tanchuang3 .boxs{position: relative;padding-bottom: 3.125vw;} .tanchuang3 .boxs .lang{position: absolute;top: 1.56vw;right: 2.18vw;width:194px;line-height:40px;color:#ffffff;font-size:16px;font-family:hb;text-align:center;border-radius:20px;background-color:#1A39A8;border:none;display:none;} .tanchuang3 .boxs>.box{padding: 2.8vw 2.18vw 2vw 2.18vw;background: url(../img/tc3_solid.png)no-repeat center bottom;background-size: 100% auto;} .tanchuang3 .boxs>.box .tit06{font-size: 24px;line-height: 24px;color: #1A39A8;font-family: hb;padding-left: 0.73vw;border-left: 3px solid #1A39A8;margin-bottom: 1.46vw;} .tanchuang3 .boxs>.box .input_box{display: flex;flex-wrap: wrap;justify-content: space-between;} .tanchuang3 .boxs>.box .input{display: flex;width: 23%;align-items: center;margin-bottom: 1.2vw;} .tanchuang3 .boxs>.box .input1{width: 49%;} .tanchuang3 .boxs>.box .input .txt{width: 102px;font-size: 14px;text-align: right;padding-right: 14px;color: #000000;} .tanchuang3 .boxs>.box .input .txt span{color: #E70011;margin-right: 4px;} .tanchuang3 .boxs>.box .input input{width: calc(100% - 102px);line-height: 32px;border: 1px solid #DFDDDD;border-radius: 2px;padding: 0 10px;} .tanchuang3 .boxs>.box .input select{width: calc(100% - 102px);line-height: 32px;height: 34px;color: #999999; border: 1px solid #DFDDDD;border-radius: 2px;padding: 0 10px;} .tanchuang3 .boxs>.box .checkbox{display: flex;} .tanchuang3 .boxs>.box .checkbox .txt{font-size: 14px;text-align: right;padding-right: 14px;color: #000000;} .tanchuang3 .boxs>.box .checkbox .box{margin-right:1.98vw;color: #666666;} .tanchuang3 .boxs>.box .checkbox .box:focus{color: #0007E1;} .tanchuang3 .boxs>.box .checkbox .box input{margin-right: 0.5vw;} .tanchuang3 .boxs>.box2 .tab{display: flex;margin-bottom: 1.56vw;} .tanchuang3 .boxs>.box2 .tab .box{margin-right: 1.98vw;font-size: 14px;color: #666666;} .tanchuang3 .boxs>.box2 .tab .box input{margin-right: 0.5vw;} .tanchuang3 .boxs>.box2 .item1 .h{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box2 .item1 .h span{color: #FF0000;margin-right: 3px;} .tanchuang3 .boxs>.box2 .item1 .ul{padding: 1.4vw 1.77vw 0.05vw 1.77vw;background-color: #F9F9F9;margin-top: 0.52vw;display: flex;flex-wrap: wrap;} .tanchuang3 .boxs>.box2 .item1 .ul .li{width: calc(100% / 7);margin-bottom: 1.35vw;display: flex;align-items: center;color: #666666;} .tanchuang3 .boxs>.box2 .item1 .ul .li input{margin-right: 0.5vw;} .tanchuang3 .boxs>.box2 .item2{margin-top: 1.46vw;display: none;} .tanchuang3 .boxs>.box2 .item2 .h{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box2 .item2 .input_box{padding:1.56vw 1.67vw;background-color: #F9F9F9;margin-top: 0.5vw;} .tanchuang3 .boxs>.box2 .item2 .input_box .input{margin-bottom: 0;width: 32%;} .tanchuang3 .boxs>.box2 .item3{margin-top: 1.46vw;} .tanchuang3 .boxs>.box2 .item3 .h{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box2 .item3 .list{margin-top:0.5vw;border-left: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item3 .list .top{color: #ffffff;padding: 0;} .tanchuang3 .boxs>.box2 .item3 .list .top .name{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item3 .list .top .name:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box2 .item3 .list .top .name:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box2 .item3 .list .top .name:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box2 .item3 .list .top .name:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box2 .item3 .list .top .name:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box2 .item3 .list .ul{color: #000000;display: flex;border-bottom: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;overflow: hidden;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li input{width: 100%;height: 100%;padding: 0 10px;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box2 .item3 .list .ul .li span{color: #1A39A8;cursor: pointer;margin: 0 1.3vw;} .tanchuang3 .boxs>.box2 .item4{margin-top: 1.46vw;} .tanchuang3 .boxs>.box2 .item4 .h{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box2 .item4 .list{margin-top:0.5vw;border-left: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item4 .list .top{color: #ffffff;padding: 0;} .tanchuang3 .boxs>.box2 .item4 .list .top .name{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item4 .list .top .name:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box2 .item4 .list .top .name:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box2 .item4 .list .top .name:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box2 .item4 .list .top .name:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box2 .item4 .list .top .name:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box2 .item4 .list .ul{color: #000000;display: flex;border-bottom: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;overflow: hidden;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li input{width: 100%;height: 100%;padding: 0 10px;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box2 .item4 .list .ul .li span{color: #1A39A8;cursor: pointer;margin: 0 1.3vw;} .tanchuang3 .boxs>.box3 .input{width: 24.5%;} .tanchuang3 .boxs>.box3 .input .txt{width: 120px;} .tanchuang3 .boxs>.box4{} .tanchuang3 .boxs>.box4 .h{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box4 .list{margin-top:0.5vw;border-left: 1px solid #D4D4D4;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box4 .list .top{color: #ffffff;padding: 0;} .tanchuang3 .boxs>.box4 .list .top .name{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box4 .list .top .name span{color: #E70011;margin-right: 3px;} .tanchuang3 .boxs>.box4 .list .top .name:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box4 .list .top .name:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box4 .list .top .name:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box4 .list .top .name:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box4 .list .top .name:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box4 .list .ul{color: #000000;display: flex;border-bottom: 1px solid #D4D4D4;} .tanchuang3 .boxs>.box4 .list .ul .li{line-height: 48px;font-size: 14px;text-align: center;border-right: 1px solid #D4D4D4;overflow: hidden;} .tanchuang3 .boxs>.box4 .list .ul .li input{width: 100%;height: 100%;padding: 0 10px;} .tanchuang3 .boxs>.box4 .list .ul .li:nth-child(1){width: 24%;} .tanchuang3 .boxs>.box4 .list .ul .li:nth-child(2){width: 17.9%;} .tanchuang3 .boxs>.box4 .list .ul .li:nth-child(3){width: 13.6%;} .tanchuang3 .boxs>.box4 .list .ul .li:nth-child(4){width: 29.4%;} .tanchuang3 .boxs>.box4 .list .ul .li:nth-child(5){width: 15.1%;border-right: none;} .tanchuang3 .boxs>.box4 .list .ul .li span{color: #1A39A8;cursor: pointer;margin: 0 1.3vw;} .tanchuang3 .boxs>.box5{padding-bottom: 5.2vw;background: none;} .tanchuang3 .boxs>.box5 .tab1{display: flex;align-items: center;} .tanchuang3 .boxs>.box5 .tab1 span{font-size: 14px;color: #000000;} .tanchuang3 .boxs>.box5 .tab1 .box{margin-left: 1.98vw;color: #666666;} .tanchuang3 .boxs>.box5 .tab1 .box input{margin-right: 0.416vw;} .tanchuang3 .boxs>.box5 .item1{padding:1.56vw 1.67vw;display: flex;justify-content: space-between;background-color: #F9F9F9;margin-top: 0.5vw;display: none;} .tanchuang3 .boxs>.box5 .item1 .input{margin-bottom: 0;width: auto;} .tanchuang3 .boxs>.box5 .item1 .input .txt{width: auto;} .tanchuang3 .boxs>.box5 .item1 .input input{width: 19.79vw;} .tanchuang3 .boxs>.box5 .tabx{display: flex;align-items: center;margin-top: 1.3vw;} .tanchuang3 .boxs>.box5 .tabx>span{font-size: 14px;color: #000000;display: block;width: 410px;} .tanchuang3 .boxs>.box5 .tabx .box{margin-right: 1.98vw;color: #666666;} .tanchuang3 .boxs>.box5 .tabx .box input{margin-right: 0.416vw;} .tanchuang3 .boxs>.box5 .tab2 .item2{width: 400px;line-height: 32px;border: 1px solid #DFDDDD;font-size: 14px;color: #333333;display: none;} .tanchuang3 .boxs>.box5 .tab2 .item2 input{width: 140px;padding: 0 10px;} .tanchuang3 .boxs>.box5 .tab4 .input{font-size: 14px;color: #333333;margin-bottom: 0;width: auto;margin-left:3.125vw;} .tanchuang3 .boxs>.box5 .tab4 .input:nth-child(2){margin-left: 0;} .tanchuang3 .boxs>.box5 .tab4 .input input{width: 52px;margin: 0 5px;} .tanchuang3 .boxs>.box5 .tab4 .bz{font-size: 14px;color: #FF0000;margin-left: 1.56vw;} .tanchuang3 .submit{width: 24.375vw;line-height: 3.125vw;text-align: center;font-size: 20px;color: #ffffff;background-color: #fdd000;border-radius: 1.5625vw;transition: all 0.5s;margin: 0 auto;display: block;} .tanchuang3 .submit:hover{opacity: 0.7;} @media (max-width:1560px) { .cont_con .cont1 .item1>div span:nth-child(1){font-size: 24px;} .cont_con .cont1 .item1>div span:nth-child(2){font-size: 42px;} .cont_con .cont1 .item2 .left{font-size: 24px;line-height: 30px;background-size: auto 30px;padding-left: 44px;} .cont_con .cont1 .item2 .right .box .h{font-size: 14px;} .cont_con .cont1 .item2 .right .box .p span:nth-child(1){width: 360px;font-size:12px;} .cont_con .cont1 .item2 .right .box .p span:nth-child(2){width: calc(100% - 60px);word-break: break-all;} .cont_con .cont1 .item3 .left{font-size: 24px;} .cont_con .cont1 .item3 .right .h{font-size: 14px;} .cont_con .cont1 .item4 .right .box .h{font-size: 14px;} .cont_con .cont1 .item4 .right .box .p{font-size: 14px;} .cont_con .cont1 .item4 .left{font-size: 24px;line-height: 30px;background-size: auto 30px;padding-left: 44px;} .cont_con .cont2 .top .left{font-size: 24px;line-height: 30px;} .cont_con .cont2 .top .right .li .h{font-size: 15px;} .cont_con .cont2 .top .right .li .p{font-size: 14px;} .cont_con .cont2 .center .right .li .h{font-size: 14px;line-height: 16px;} .cont_con .cont2 .center .right .li .p{font-size: 13px;} .cont_con .cont2 .item3 .left{font-size: 24px;} .cont_con .cont2 .item3 .right .h{font-size: 14px;} } @media (max-width:1366px) { .tanchuang3 .boxs>.box5 .tabx{flex-wrap:wrap;} .tanchuang3 .boxs>.box5 .tab4 .bz{margin-left: 0;} .i-part4 .layout{padding-top: 150px;} .map .m_con .yuan_box .yuan12 .txt{left: -71%;} .map .m_con .yuan_box .yuan15 .txt{left: -27%;top: 16px;} .map .m_con .yuan_box .yuan14 .txt{left: -73%;} } @media (max-width:1024px) { .tanchuang1 .con,.tanchuang2 .con{width: 90%;} .map img{max-width: 100%;} .map .tit05{background: none;padding-left: 0;text-align: center;font-size: 25px;line-height: 38px;color: #000000;} .map .en{display: block;font-size: 14px;line-height: 18px;font-family: Gothic;text-transform: uppercase;text-align: center;} .cont_con .cont1{background-color: #fff;padding-bottom: 44px;margin-bottom: 0;} .cont_con .cont1 .item1{box-shadow: none;padding: 32px 0 31px 0;border-bottom: 1px solid #E8E8E8;} .cont_con .cont1 .item1>div{display: block;} .cont_con .cont1 .item1>div::before{position: static;display: block;width: 62px;height: 62px;margin: 0 auto;transform: translateY(0);background-size: 24px auto;margin-bottom: 12px;} .cont_con .cont1 .item1>div span{display: block;text-align: center;} .cont_con .cont1 .item1>div span:nth-child(1){font-size: 15px;line-height: 20px;margin-bottom: 2px;color: #fdd000;} .cont_con .cont1 .item1>div span:nth-child(2){font-size: 28px;line-height: 44px;} .cont_con .cont1 .item2,.cont_con .cont1 .item4{} .cont_con .cont1 .item2.on,.cont_con .cont1 .item4.on{display: block;} .cont_con .cont1 .item2 .left,.cont_con .cont1 .item4 .left{display: none;} .cont_con .cont1 .item2 .right,.cont_con .cont1 .item4 .right{width: 100%;display: block;} .cont_con .cont1 .tab_m{display: flex;padding: 30px 15px 0 15px;background-color: #fff; font-size: 22px;color: #CFCFCF;line-height: 30px;align-items: center;} .cont_con .cont1 .tab_m .solid{margin: 0 24px;width: 1px;height: 30px;background-color: #D9D9D9;} .cont_con .cont1 .tab_m li.on{color: #fdd000;} .cont_con .cont1 .item2{padding: 0 15px;} .cont_con .cont1 .item4{padding: 0 15px;} .cont_con .cont1 .item2 .right .box{width: 90%;padding-bottom: 22px;border-bottom: 1px solid #E8E8E8;margin-top: 24px;padding-right: 0px;} .cont_con .cont1 .item4 .right .box{width: 90%;padding-bottom: 22px;border-bottom: 1px solid #E8E8E8;margin-top: 24px;padding-right: 0px;} .cont_con .cont1 .item2 .right .box .h{font-size: 15px;line-height: 20px;margin-bottom: 12px;} .cont_con .cont1 .item2 .right .box .p{font-size: 13px;line-height: 18px;margin-bottom: 4px;} .cont_con .cont1 .item4 .right .box .h{font-size: 15px;line-height: 20px;margin-bottom: 12px;} .cont_con .cont1 .item4 .right .box .p{font-size: 13px;line-height: 18px;margin-bottom: 4px;} .cont_con .cont1 .item3{display: none;} .cont_con .cont1 .item3_m{display: flex;height: auto;padding: 20px 0 10px 0;margin: 0 15px;width: calc(100% - 30px); margin-top: 25px;} .cont_con .cont1 .item3 .right .more02{width: 110px;height: 30px;font-size: 12px;} .cont_con .cont2 .item3 .right .more02{width: 110px;height: 30px;font-size: 12px;} .cont_con .cont1 .item3 .left,.cont_con .cont2 .item3 .left{font-size: 20px;} .cont_con .cont2{padding: 30px 0 62px 0;margin-top: 0;background-color: #FAFBFE;box-shadow: none;} .cont_con .cont2 .item3{display: flex;height: auto;padding: 20px 0 10px 0;box-shadow: 0 4px 10px #fdd00010;} .cont_con .cont2 .top{display: block;background-color: transparent;padding: 0;} .cont_con .cont2 .top .left{width: 100%;font-size: 22px;line-height: 30px;color: #fdd000;margin-bottom: 16px;} .cont_con .cont2 .top .right{color: #000000;display: block;width: 100%;} .cont_con .cont2 .top .right .li{width: 90%;margin-bottom: 10px;background-color: #fff;max-width: 100%;padding: 15px 20px;} .cont_con .cont2 .top .right .li .h{color: #646464;padding-left: 18px;font-size: 15px;line-height: 20px;margin-bottom: 5px;} .cont_con .cont2 .top .right .li:nth-child(1) .h{background-image: url(../img/dh_m.png);background-size: auto 100%;} .cont_con .cont2 .top .right .li:nth-child(2) .h{background-image: url(../img/cz_m.png);background-size: auto 15px;} .cont_con .cont2 .top .right .li:nth-child(3) .h{background-image: url(../img/yx_m.png);background-size: 14px auto;} .cont_con .cont2 .top .right .li:nth-child(4) .h{background-image: url(../img/dz_m.png);background-size: auto 100%;} .cont_con .cont2 .top .right .li .p{font-size: 15px;line-height: 22px;} .cont_con .cont2 .center{background-color: transparent;} .cont_con .cont2 .center .left{display: none;} .cont_con .cont2 .center .right{width: 100%;} .cont_con .cont2 .center .right .li{width: 50%!important;margin-bottom: 22px;} .cont_con .cont2 .center .right .li .h{font-size: 15px;line-height: 20px;margin-bottom: 6px;} .cont_con .cont2 .center .right .li .p{font-size: 13px;line-height: 18px;} .cont_con{padding-bottom: 0;} .map .m_con .m_yuan_box .yuan .qiu{display: none;} .map .m_con .m_yuan_box{position: relative;} .map .m_con .m_yuan_box .yuan{position: static;transform: translate(0,0);width: auto;height: auto;pointer-events: none;} .map .m_con .m_yuan_box .yuan .txt{position: static;} .map .m_con .m_yuan_box .yuan .txt2{position: static;transform: translate(0,0) scale(1);opacity: 1;} .map .m_con .m_yuan_box .yuan{width: 100%!important;} .map .m_con .m_yuan_box .yuan .txt{width: 100%;display: none;} .map .m_con .m_yuan_box{height: 250px;overflow: auto;padding:0 12px 12px 12px;} .map .m_con .m_yuan_box .yuan .txt2{width: 100%;padding:20px 14px;margin-top: 15px;} .map .m_con .m_yuan_box .yuan:first-child .txt2{margin-top: 0;} .map .m_con .icon_bottom{display: none;} .map .m_con .m_yuan_box .yuan .txt2 .h{margin-bottom: 10px;font-size:18px;} .map .m_con .m_yuan_box .yuan .txt2 .p{font-size: 14px;line-height: 22px;background-size: auto 18px;} .map .m_con>img.img1{display: none;} .map .m_con>img.img2{display: block;} /*.map .m_con .yuan_box{margin-top: 20px;display:none;}*/ .map .m_con{margin:0 15px; margin-bottom: 0;margin-top:14px;} .tanchuang3 .boxs>.box .input{width: 49%;display:block;margin-bottom:14px;} .tanchuang3 .boxs>.box .input input{width: 100%;font-size:12px;line-height:24px;} .tanchuang3 .boxs>.box .input .txt{text-align: left;} .tanchuang3 .con .top .h{display: none;} .tanchuang3 .boxs>.box .tit{margin-bottom: 20px;font-size: 18px;line-height:20px;} .tanchuang1 .con .tit{font-size: 18px;} .tanchuang1 .con .center{padding: 20px 12px;} .tanchuang1 .con .input .h{font-size: 14px;} .tanchuang1 .con .input input, .tanchuang1 .con .input textarea{line-height: 32px;margin-left:0;} .tanchuang1 .con .bottom label{font-size: 12px;padding-left: 26px;} .tanchuang2 .con .tit{font-size: 18px;} .tanchuang2 .con .top_1{padding: 20px 12px;} .tanchuang2 .con .tit{font-size: 18px;margin-block: 10px;} .tanchuang2 .con .top_1 .table_more{font-size: 12px;line-height: 26px;height: 26px;width: 120px;} .tanchuang2 .con .top_1 .p{font-size: 14px;} .tanchuang2 .con .tit1{font-size: 14px;} .tanchuang2 .con .input .h{font-size: 14px;} .tanchuang2 .con .input input, .tanchuang2 .con .input textarea{line-height: 32px;margin-left:0;} .tanchuang2 .con .bottom .btn{width: 150px;line-height: 30px;} .tanchuang2 .con .center{padding: 20px 12px;} .tanchuang2 .con .bottom label{font-size: 12px;padding-left: 26px;} .tanchuang3 .boxs>.box .input select{width: 100%;} .tanchuang3 .boxs>.box .input .txt{margin-bottom: 6px;} .tanchuang3 .boxs>.box .checkbox .txt{font-size: 14px;text-align: left;padding-right: 14px;color: #000000;width: 100%;margin-bottom: 8px;} .tanchuang3 .boxs>.box .checkbox{flex-wrap: wrap;} .tanchuang3 .boxs>.box{padding: 20px 12px;} .tanchuang3 .boxs>.box2 .item1 .ul{padding: 20px 12px;margin:10px auto;} .tanchuang3 .boxs>.box2 .item1 .ul .li{width: 100%;font-size: 14px;} .tanchuang3 .boxs>.box2 .item3 .list{margin: 10px auto;} .tanchuang3 .boxs>.box2 .item4 .list{margin: 10px auto;} .tanchuang3 .boxs>.box4 .list .top .name,.tanchuang3 .boxs>.box2 .item4 .list .top .name,.tanchuang3 .boxs>.box2 .item3 .list .top .name{ padding: 10px 0;height: 60px;display: flex;align-items: center;line-height: 20px;font-size: 14px;} .tanchuang3 .boxs>.box5 .tab1,.tanchuang3 .boxs>.box5 .tabx{flex-wrap: wrap;margin-bottom:12px;} .tanchuang3 .boxs>.box5 .tab1 span,.tanchuang3 .boxs>.box5 .tabx>span{display: block;width: 100%;margin-bottom:6px;line-height:1.5;} .tanchuang3 .boxs>.box5 .tab4 .input{margin-left: 0;margin-bottom:6px;} .tanchuang3 .boxs>.box5 .tab4 .bz{margin-left: 0;} .tanchuang3 .submit{font-size: 14px;width: 150px;line-height: 30px;height: 30px;border-radius:15px;} .tanchuang3 .boxs>.box2 .item1 .ul .li{padding: 2px 0;} .tanchuang3 .boxs .lang{font-size: 14px;width: 150px;line-height: 30px;height: 30px;border-radius:15px;} .tanchuang3 .boxs{padding-bottom: 30px;} .tanchuang2 .con .bottom{padding: 20px 12px 30px 12px;} .tanchuang1 .con .bottom .btn{line-height: 30px;width: 150px;} .tanchuang1 .con .bottom{padding: 20px 12px 30px 12px;} .tanchuang1 .con .top,.tanchuang2 .con .top,.tanchuang3 .con .top{padding: 12px;} .tanchuang1 .con .top .tc_logo,.tanchuang2 .con .top .tc_logo,.tanchuang3 .con .top .tc_logo{width: 100px;} .tanchuang1 .con::-webkit-scrollbar {width:2px;height:5px;} .tanchuang2 .con::-webkit-scrollbar {width:2px;height:5px;} .tanchuang3 .con::-webkit-scrollbar {width:2px;height:5px;} .map_tanchuang{position: fixed;width:100%;height:100%;top:0;left:0;z-index:999;} .map_tanchuang .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);} .map_tanchuang .out{position: sticky;top: 0px;left: 100%;width: 20px;height: 20px;display:table;transform:translateX(-10%);} .map_tanchuang .out img{max-width: 100%;} .map_tanchuang .map_con{position: absolute;top:120px;left:50%;transform:translate(-50%,0%);width:94%;height:70vh;padding:20px 0;overflow:auto;display:none;} .map_tanchuang .map_con.on{display: block;} .map_tanchuang .map_con .pinch-zoom-container{width: 100%;padding:0;height:50vh;padding-top:calc(25vh - 90px);} .map_tanchuang .map_con .pic{padding:14px 0 ;background-color:#ffffff;} .map_tanchuang .map_con .pic img{width: 100%;} .map_tanchuang .map_con .txt_box{margin-top: 10px;} .map_tanchuang .map_con .txt_box .txt{padding: 10px 8px;box-shadow: 0 0 30px rgb(0 0 0 / 4%);background-color:#fff;} .map_tanchuang .map_con .txt_box .txt .h{font-size: 18px;line-height: 26px;color: #fdd000;margin-bottom:4px;} .map_tanchuang .map_con .txt_box .txt .p{color: #666666;position: relative;padding-left: 32px; background: url(../img/map_dz.png)no-repeat left 0.15vw;font-size: 14px;line-height: 22px;background-size: auto 18px;} .m_map_tab{display: flex;width: 100%;justify-content: space-between;margin-top:16px;font-size:18px;color:#fdd000;} /*.inn_con .inn3 .map .m_con .yuan_box{display: none;}*/ .map .m_con .yuan_box{display:none;position:absolute;} .inn_con .inn3 .map .m_con{width: 100%;overflow: auto;} /*.map .m_con .yuan_box.yuan_box_pc{width: 970px;height: 390px;overflow: hidden;transition:all 0.5s;}*/ .map .m_con .yuan_box.yuan_box_pc .yuan .txt .cn{opacity:0;} .map .m_con .yuan_box.yuan_box_pc .yuan .txt .en1{opacity:0;} .map .m_con .yuan_box.m_yuan_box{display:block;position:relative;overflow:hidden;height:auto;padding-bottom:30px;} .map .m_con .yuan_box.m_yuan_box .next{position:absolute; right: 50%;bottom:10px;width:30px;height:30px;background:url(../img/ab_next.png);background-size:100% 100%;transform:translateX(110%);cursor:pointer;} .map .m_con .yuan_box.m_yuan_box .prev{position:absolute;left: 50%;bottom:10px;width:30px;height:30px;background:url(../img/ab_prev.png);background-size:100% 100%;transform:translateX(-110%);cursor:pointer;} .map .m_con .yuan_box .yuan{pointer-events: auto;} .map .m_con .icon_bottom{display: none;} .map .m_con .yuan_box .yuan .txt2{margin-top: 0;} .map .m_con>img.img2{display: block;} .map .m_con>img.img1{display: none;width:970px;max-width:9999px;transition:all 0.5s;} .map .m_con .yuan_box.yuan_box_pc .yuan svg{position: absolute;top: 0;left: 0;transform: translate(-40%,-90%);opacity:0;transition:all 0.5s;display:block;} .map .m_con .yuan_box.yuan_box_pc .yuan.zz svg{opacity:1;transform: translate(-40%,-100%);} .map .m_con>img.img1,.map .m_con .yuan_box.yuan_box_pc{transform: translateX(-65%);} .map .m_con>img.img1.on1,.map .m_con .yuan_box.yuan_box_pc.on1{transform: translateX(-65%);} .map .m_con>img.img1.on2,.map .m_con .yuan_box.yuan_box_pc.on2{transform: translate(-70%,5%);} .map .m_con>img.img1.on3,.map .m_con .yuan_box.yuan_box_pc.on3{transform: translate(-62%,-3%);} .map .m_con>img.img1.on4,.map .m_con .yuan_box.yuan_box_pc.on4{transform: translate(-62%,-3%);} .map .m_con .yuan_box .yuan1{top:33.3%;right: 15.5%;} .map .m_con .yuan_box .yuan2{top: 28.1%;right: 11.5%;} .map .m_con .yuan_box .yuan3{top: 33.4%;right: 16%;} .map .m_con .yuan_box .yuan4{top: 50%;right: 21.5%;} .map .m_con .yuan_box .yuan5{top: 45%;right: 29.5%;} .map .m_con .yuan_box .yuan6{top: 31.5%;right: 41.5%;} .map .m_con .yuan_box .yuan7{top: 16.6%;right: 47%;} .map .m_con .yuan_box .yuan8{top: 24%;right: 49%;} .map .m_con .yuan_box .yuan9{top: 22%;right: 50%;} .map .m_con .yuan_box .yuan10{top: 28%;right: 51.5%;} .map .m_con .yuan_box .yuan11{top: 36%;right: 82.7%;} .map .m_con .yuan_box .yuan12{top: 30%;right: 17%;} .map .m_con .yuan_box .yuan13{top: 36.5%;right: 17.3%;} .map .m_con .yuan_box .yuan14{top: 41.8%;right: 19.8%;} .map .m_con .yuan_box .yuan15{top: 42.5%;right: 20.4%;} } .pro-nyxq{background:#fff;padding-bottom:50px} .pro-nyxq-a{background:#fff;width:100%;overflow:hidden;height:500px} .pro-nyxq-a .fl{width:46%;height:100%;padding:40px 0;float:left;} .pro-nyxq-a .fl span{font-size:36px;color:#fdd000} .pro-nyxq-a .fl p{font-size:24px;color:#fdd000;margin-top:15px;margin-bottom:5px} .pro-nyxq-a .fl img{margin-bottom:20px} .pro-nyxq-a .fl .jj{font-size:16px;color:#666666;line-height:30px} .pro-nyxq-a .fl .fx{margin-top:40px} .pro-nyxq-a .fl .fx .more-link-lx{display:inline-block;vertical-align:middle} .pro-nyxq-a .fl .fx h3{font-size:14px;color:#666666;display:inline-block;vertical-align:middle;margin-left:15px;margin-right:10px} .pro-nyxq-a .fl .fx a{display:inline-block;vertical-align:middle;margin-right:5px} .pro-nyxq-a .fl .fx a img{margin-bottom:0} .more-link-lx { width: 100px; box-sizing: border-box; height: 34px; line-height: 32px; border-radius: 17px; font-size: 12px; color: #fff; text-align: center; background: #fdd000; display: inline-block;} .pro-nyxq-a .fr{width:50%;height:100%;padding:40px 0;border-left:1px solid #f1f1f1;float:right;} .pro-nyxq-a .fr li{text-align:center;height:84%;} .qh-btha{width:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);overflow:unset;z-index:10} .ba-leb{float:left;width:36px;height:36px;border-radius:50%;box-sizing:border-box;background:#fdd000 url(../images/pro-ny_07.png) no-repeat center;cursor:pointer;outline:unset;transition:all .5s;-webkit-transition:all .5s;z-index:10;pointer-events:auto;margin-left:55px} .ba-rlb{float:right;width:36px;height:36px;border-radius:50%;box-sizing:border-box;background:#fdd000 url(../images/pro-ny_09.png) no-repeat center;cursor:pointer;outline:unset;transition:all .5s;-webkit-transition:all .5s;z-index:10;pointer-events:auto;margin-right:55px} .pro-nyxq-case{background:#fff;width:100%;overflow:hidden;height:unset;padding-bottom:60px} .pro-nyxq-case .fl{width:50%;height:100%;padding:40px 0;padding-left:60px} .pro-nyxq-case .fl .jj{width:80%;line-height:26px} .pro-nyxq-case .fl .fx{margin-top:30px} .pro-nyxq-b{padding-top:20px} .pro-nyxq-b .fl{width:72%;margin-right:20px;float:left;} .pro-nyxq-b .fl .ny-nav ul{width:100%;overflow:hidden} .pro-nyxq-b .fl .ny-nav ul li{position:relative;margin:0 50px;padding-bottom:20px;float:left;cursor:pointer} .pro-nyxq-b .fl .ny-nav ul li span{font-size:16px;color:#333333} .pro-nyxq-b .fl .ny-nav ul li i{width:0;height:1px;background:#fdd000;display:block;left:50%;margin:0 auto;transition:.3s;bottom:0px;position:absolute}.pro-nyxq-b .fl .ny-nav ul li.on span{font-size:16px;color:#fdd000;font-weight:bold} .pro-nyxq-b .fl .ny-nav ul li.on i{width:100%;left:0} .pro-nyxq-b .fl .ny-nav ul li:hover span{font-size:16px;color:#fdd000;font-weight:bold} .pro-nyxq-b .fl .ny-nav ul li:hover i{width:100%;left:0} .pro-nyxq-b .fl .pro-nyxq-b-con{background:#fff;width:100%;padding:50px;overflow:hidden} .pro-nyxq-b .fr{width:25%;float:right;} .pro-nyxq-b .fr span{font-size:16px;color:#fdd000;font-weight:bold;display:block;margin-bottom:20px} .pro-nyxq-b .fr ul li{background:#fff;margin-bottom:20px;padding-bottom:20px;text-align:center} .pro-nyxq-b .fr ul li a p{font-size:16px;color:#666666} .pro-nyxq-b .fr ul li a img{width:50%;height:auto} .case-con{background:#f4f4f4;padding:40px 0} .case-con .b{background:#fff;padding-bottom:15px} .pro-nyxq-b .fl .pro-nyxq-b-con img { max-width:90%;} .procca.on, .proccb.on{height:auto;opacity:1;transform:translateY(0);transition:all .5s} .procca, .proccb { height: 0; opacity: 0; transform: translateY(10px);} .spvideo-a video {width:500px; height:300px;} @media (max-width:1024px) { .pro-nyxq-a{height: auto;} .pro-nyxq-a .fl span { font-size:20px;} .pro-nyxq-a .fl p { font-size:16px;} .pro-nyxq-a .fl .jj { font-size:14px;} .pro-nyxq-a .fl {width: 100%; float:none;} .pro-nyxq-a .fr{width:100%;height:100%;padding:40px 0;border-left:none;float:none;} .pro-nyxq-b .fl {width: 100%; float:none;} .pro-nyxq-b .fl .ny-nav ul li {margin: 10px 10px;} .pro-nyxq-b .fl .pro-nyxq-b-con {padding: 20px 0;} .spvideo-a video {width: 100%;height: 300px;} .pro-nyxq-b .fr {width: 100%; float:none;} } .pagination { justify-content: center; margin-top: 30px;text-align:center} .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 1px 10px; margin: 0 8px; border-radius: 3px;} .pagination span { color: #333; font-size: 14px; padding: 3px 2px; margin: 0 3px; border-radius: 3px;} .pagination a:hover { color: #fff; border: 1px solid #fdd000;background: #fdd000;} .pagination a.page-num-current { color: #fff; background: #fdd000; border: 1px solid #fdd000;} .text-secondary { text-align:center;} .lyNyHonor_list { width:1400px; height:auto; margin:0 auto; padding:0; min-height:340px;} .lyNyHonor_list ul li { width:23.5%; height:auto; margin:0 2% 30px 0; padding:20px; background-color:#f8f8f8; border-radius: 4px; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 0 30px;} .lyNyHonor_list ul li:hover { background-color:#fff; box-shadow:0 8px 16px rgba(0,0,0,0.1); border-radius:10px 10px 0 0;} .lyNyHonor_list ul li .lyIdxHonor_img { width:100%; height:240px; overflow:hidden; margin:0 auto 20px; padding:0;} .lyNyHonor_list ul li .lyIdxHonor_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .lyNyHonor_list ul li .lyIdxHonor_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyHonor_list ul li:hover .lyIdxHonor_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .lyNyHonor_list ul li .lyIdxHonor_text { width:100%; overflow:hidden; margin:0 auto; padding:0;} .lyNyHonor_list ul li .lyIdxHonor_text a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; text-align:center; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .lyNyHonor_list ul li:hover .lyIdxHonor_text a { color:#d70e04;} .lyNyHonor_list ul li i { display:block; width:0; height:3px; overflow:hidden; margin:0; padding:0; background-color:#d70e04; position:absolute; bottom:0; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .lyNyHonor_list ul li:hover i { width:100%;} @media screen and (max-width:1399px) and (min-width:1360px) { .lyNyHonor_list { width:90%;} .lyNyHonor_list ul li .lyIdxHonor_img { height:190px;} } @media screen and (max-width:1359px) and (min-width:1200px) { .lyNyHonor_list { width:90%;} .lyNyHonor_list ul li .lyIdxHonor_img { height:174px;} } @media screen and (max-width:1199px) and (min-width:1080px) { .lyNyHonor_list { width:94%;} .lyNyHonor_list ul li { padding:10px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:160px; margin:0 auto 10px;} } @media screen and (max-width:1079px) and (min-width:1024px) { .lyNyHonor_list { width:94%;} .lyNyHonor_list ul li { margin:0 2% 20px 0; padding: 10px;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:160px; margin:0 auto 10px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} .lyNyHonor_list ul li i { height:3px;} } @media screen and (max-width:1023px) and (min-width:768px) { .lyNyHonor_list { width:94%;} .lyNyHonor_list ul li { width:31.333333%; margin:0 3% 20px 0; padding:10px;} .lyNyHonor_list ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .lyNyHonor_list ul li:nth-child(3n+3) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:155px; margin:0 auto 10px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} .lyNyHonor_list ul li i { height:2px;} } @media (max-width: 767px) { .lyNyHonor_list { width:94%;} .lyNyHonor_list ul li { width:48%; margin:0 4% 20px 0; padding:10px;} .lyNyHonor_list ul li:nth-child(2n+2) { margin:0 0 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:120px; margin:0 auto 10px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:14px;} .lyNyHonor_list ul li i { height:2px;} } @media (max-width: 320px) { .lyNyHonor_list ul li { width:100%;} .lyNyHonor_list ul li:nth-child(2n+2) { margin:0 auto 20px;} .lyNyHonor_list ul li .lyIdxHonor_img { height:210px; margin:0 auto 10px;} .lyNyHonor_list ul li .lyIdxHonor_text a { height:30px; line-height:30px; font-size:15px;} } /* 鏂伴椈-骞村害娲诲姩 */ #news .activity .item-list{margin-bottom: calc((100 / 1600) * 100%)} #news .activity .item{height: 170px;} #news .activity .item:last-of-type > .wrap{border-bottom: 1px solid #e9e9e9;} #news .activity .item > .wrap{border-top: 1px solid #e9e9e9;box-sizing: border-box;position: relative;z-index: 2;height: 170px;padding: 0 calc((50 / 1600) * 100%);} #news .activity .item:hover *{color: #fff !important;} #news .activity .item:hover .bg-img{opacity: 1;} #news .activity .item:hover > .wrap{border-color: transparent;} #news .activity .item .icon-right2{display: none;} #news .activity .item > .wrap > .wrap-center{width: 100%;} /*#news .activity .item > .wrap > .wrap-center > div{height: 60px;}*/ #news .activity .item .bg-img{opacity: 0;} #news .activity .item-info .inline-block{width: 345px; vertical-align:top} #news .activity .item-info .inline-block:nth-of-type(3){display: block !important;margin-top: 15px;width: 690px} #news .activity .item *{color: #828282;} #news .activity .item-info *{font-size: 16px;} #news .activity .item .date{border-right: 1px solid #d8d8d8;margin-right: calc((60 / 1200) * 100%);padding-right: calc((60 / 1200) * 100%);width: 160px;} #news .activity .item .time{color: #555;font-size: 28px;font-family: 'DIN';line-height: 1;margin-bottom: 10px;} #news .activity .item .time > span{font-family: 'DIN';color: #555;} #news .activity .item .time > span:first-of-type{font-weight: bold;font-family: 'DIN';color: #555;} #news .activity .item .year{font-family: 'DIN';font-size: 18px;} @media screen and (max-width: 1440px){ #news .activity .item-list{margin-bottom: calc((60 / 1600) * 100%)} } /* 鏂伴椈-骞村害娲诲姩 */ #news .activity .item-list{margin-bottom: calc((100 / 1600) * 100%)} #news .activity .item{height: 170px;} #news .activity .item:last-of-type > .wrap{border-bottom: 1px solid #e9e9e9;} #news .activity .item > .wrap{border-top: 1px solid #e9e9e9;box-sizing: border-box;position: relative;z-index: 2;height: 170px;padding: 0 calc((50 / 1600) * 100%);} #news .activity .item:hover *{color: #fff !important;} #news .activity .item:hover .bg-img{opacity: 1;} #news .activity .item:hover > .wrap{border-color: transparent;} #news .activity .item .icon-right2{display: none;} #news .activity .item > .wrap > .wrap-center{width: 100%;} /*#news .activity .item > .wrap > .wrap-center > div{height: 60px;}*/ #news .activity .item .bg-img{opacity: 0;} #news .activity .item-info .inline-block{width: 345px; vertical-align:top} #news .activity .item-info .inline-block:nth-of-type(3){display: block !important;margin-top: 15px;width: 690px} #news .activity .item *{color: #828282;} #news .activity .item-info *{font-size: 16px;} #news .activity .item .date{border-right: 1px solid #d8d8d8;margin-right: calc((60 / 1200) * 100%);padding-right: calc((60 / 1200) * 100%);width: 160px;} #news .activity .item .time{color: #555;font-size: 28px;font-family: 'DIN';line-height: 1;margin-bottom: 10px;} #news .activity .item .time > span{font-family: 'DIN';color: #555;} #news .activity .item .time > span:first-of-type{font-weight: bold;font-family: 'DIN';color: #555;} #news .activity .item .year{font-family: 'DIN';font-size: 18px;} @media screen and (max-width: 1440px){ #news .activity .item-list{margin-bottom: calc((60 / 1600) * 100%)} } @media screen and (max-width: 1300px){ #news .activity .item > .wrap > .wrap-center{display: flex;justify-content: space-between;align-items: center;height: 100%;} #news .activity .item .date{flex: 0 0 13%;min-width: 160px;} #news .activity .item-info{flex: 0 1 100%;} #news .activity .item > .wrap > .wrap-center:after, #news .activity .item > .wrap > .wrap-center:before{display: none;} #news .activity .item > .wrap > .wrap-center > div{height: auto;} #news .activity .item > .wrap{padding: 0 calc((30 / 1600) * 100%);} } @media screen and (max-width: 1100px){ #news .activity .item *{color: #fff !important;} #news .activity .item .bg-img{opacity: 1;} #news .activity .item .date{min-width: 130px;} #news .activity .item > .wrap, #news .activity .item:last-of-type > .wrap{border-color: transparent;} #news .activity .item{margin-bottom: 3%;} } @media screen and (max-width: 1100px){ #news .activity .item .time{font-size: 22px;} #news .activity .item .year{font-size: 16px;} #news .activity .item-info *{font-size: 14px;} #news .activity .item-info .inline-block{width: 100% !important;} #news .activity .item-info .inline-block:nth-of-type(3){margin-top: 7px;} } @media screen and (max-width: 650px){ #news .activity .item .time{font-size: 18px;margin-bottom: 0;} #news .activity .item .year{font-size: 14px;} #news .activity .item-info{margin: 10px 0;} #news .activity .item-info *{font-size: 12px;} #news .activity .item-info .inline-block:nth-of-type(3){margin-top: 0;} #news .activity .item > .wrap > .wrap-center{flex-flow: row wrap;} #news .activity .item .date{margin-right: 0;padding-right: 0;border-right: none;flex: 0 0 100%;} #news .activity .item, #news .activity .item > .wrap{height: auto;padding: 3% 1%;} } .trade-item-list { padding-top:30px;} .trade-item-list .item{height: 150px;position: relative; z-index: 1;} .trade-item-list .item:last-of-type > .wrap{border-bottom: 1px solid #e9e9e9;} .trade-item-list .item > .wrap{border-top: 1px solid #e9e9e9;box-sizing: border-box;position: relative;z-index: 2;height: 150px;} .trade-item-list .item:hover *{color: #fff !important;} .trade-item-list .item:hover .bg-img{opacity: 1;} .trade-item-list .item:hover > .wrap{border-color: transparent;} .trade-item-list .item .icon-right2{display: none;} .trade-item-list .item > .wrap > .wrap-center{width: 100%; margin:30px 0;} /*#news .activity .item > .wrap > .wrap-center > div{height: 60px;}*/ .trade-item-list .item .bg-img{opacity: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;left: 0; top: 0; right: 0; bottom: 0;position: absolute;} .trade-item-list .inline-block{font-size: 16px;} .trade-item-list .item-info1 .inline-block:nth-of-type(2){display: block !important;margin-top: 15px;} .trade-item-list .item *{color: #828282;} .trade-item-list .item-info1 {width: 30%; float: left; font-size: 16px; margin-left:5%;} .trade-item-list .item-info2 {width: 30%; float: left; font-size: 16px; margin-left:5%;} .trade-item-list .item .date{border-right: 1px solid #d8d8d8;width: 20%;float: left; padding-top:15px;} .trade-item-list .item .time{color: #555;font-size: 28px;font-family: 'DIN';line-height: 1;margin-bottom: 10px;} .trade-item-list .item .time > span{font-family: 'DIN';color: #555;} .trade-item-list .item .time > span:first-of-type{font-weight: bold;font-family: 'DIN';color: #555;} .trade-item-list .item .year{font-family: 'DIN';font-size: 18px;} @media screen and (max-width: 768px){ .trade-item-list .item {height: auto; } .trade-item-list .item .time{font-size: 18px;margin-bottom: 0;} .trade-item-list .item .year{font-size: 14px;} .trade-item-list .item .date{width: 100%;float: none; padding-top:0; padding-bottom:15px; border-right: none; } .trade-item-list .item-info1 {width: 100%;float: none; font-size: 14px; margin-left:0;} .trade-item-list .item-info2 {width: 100%;float: none; font-size: 14px; margin-left:0;} .trade-item-list .inline-block { font-size: 14px;} .trade-item-list .item-info2 .inline-block { margin-top: 15px;} .trade-item-list.item, .trade-item-list .item > .wrap{height: auto;} }