@charset "utf-8";/*c5262a*//*197,38,42*/ /*通用*/ body{overflow-x: hidden;overflow-y: auto;font-size: 14px;color:#666;} input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } .home_one .one_left a:hover,.videoText .videoText_box span:hover,#submit:hover{background: #B22328;} .two_box .twoBox a,.img a{display: block;height: 100%;font-size: 0;} .programmeList_navBox dl dd a,li>a{display: block;} .about_one .one_right,.about_two ul,.space_three .three_left,.img,.programmeDetails_nav dl,.news_lately ul li a,.contact_box ul,.banners{font-size: 0;} .four_box ul li h3,.four_box ul li p,.exhibition_one ul li p,.news_box .text h3,.newsDetails_title h3,.contact_box ul li p em,.service_box ul li h3 span,.page_nav dl dd a, .programmeList_navBox dl dd a, .programmeDetails_nav dl dd a, .prev_next a span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .two_box .twoBox .imgText p,.news_box .text p,.news_lately ul li p{display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;} .programmeList_box_title p,.programmeDetails_one p,.con_caseDetails p{font-size: 14px;line-height: 30px;color:#999;} .programmeList_box_title h3{text-transform: uppercase;} .banner ul li img,.home_one .one_right img,.two_box .twoBox img,.banners img,.space_one .one_left img,.space_three .three_left img,.space_five .five_top .img img,.img img,.idea_one img,.exhibition_one ul li .liBox img,.recommend ul li img,.news_lately .news_lately_img img{width: 100%;} .programme_title a:hover{background: #CC282D;} /*网页加载进度条*/ .loadings{position: fixed;width: 100%;height: 100%;background: #fff;z-index: 5000;display: none;} #svg{width: 166px;height: 166px;position: absolute;left:calc(50% - 83px);top:calc(50% - 83px);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);} #svg .progress_bar{stroke-dasharray:502,502;stroke-dashoffset:502;} .loadings p{width: 100%;text-align: center;font-size: 36px;line-height: 1em;color:#1F1A16;position: absolute;left:0;top:calc(50% - 18px);font-family: "MYRIADPRO-SEMIBOLD",Georgia, "Times New Roman", Times, serif;} /*header footer*/ .header{position: fixed;width: 100%;left:0;top:0;z-index: 1500;-webkit-transition: all .4s;transition: all .4s;} .header .logo_black{display: none;} .header.white{background: #fff;} .header.white .logo_white{display: none;} .header.gray .logo_white,.header.white .logo_black{display: block;} .header.gray .logo_black{display: none;} .header.gray{background: rgba(0,0,0,.7);} .header .logo{float: left;padding:25px 0;font-size: 0;} .header .nav{float: right;} .header .nav ul{position: relative;} .header .nav ul li{width: 136px;height: 90px;line-height: 90px;text-align: center;float: left;position: relative;} .header .nav ul li a{display: block;position: relative;z-index: 5;color:#fff;} .header.white .nav ul li a{color:#666;} /* .header.white .nav ul li a:hover, */.header.white .nav ul li.cur a{color:#fff;} /* .header .nav ul li.cur>a, */.header .nav ul li:hover>a{/* background: #c5262a; */color: #d0d0d0;} .header.gray ul li>a{color:#fff !important;} .header .nav ul li.bg{position: absolute;left:0;top:0;background: #c5262a;z-index: 1;-webkit-transition: all .2s;transition: all .2s;display: none;} .header.white .nav ul li.bg,.header.gray .nav ul li.bg{display: block;} .header .nav ul li dl{width: 230px;position: absolute;left:0;top:100%;padding-top: 1px;z-index: 500;display: none;} .header .nav ul li dl dd{height: 50px;line-height: 50px;background: #c5262a;margin-top: 1px;-webkit-transition: all .3s;transition: all .3s;} .header .nav ul li dl dd a{color:#fff !important;} .header .nav ul li dl dd a:hover{color:#999 !important;} .header .nav ul li dl dd:hover{border-radius: 20px 0 20px 0;} .nav_icon{display: none;width: 36px;position: absolute;right:3%;top:calc(50% - 12.5px);z-index: 500;} .nav_icon i{display: block;height: 3px;background: #c5262a;-webkit-transition:all .3s;transition:all .3s;margin-bottom: 8px;} .nav_icon.on{top:calc(50% - 15.5px);} .nav_icon i:last-child{margin-bottom: 0!important;} .nav_icon.on i{margin-bottom: 11px;} .nav_icon.on i:first-child{transform:translateY(14px) rotate(45deg);-webkit-transform:translateY(14px) rotate(45deg);-ms-transform:translateY(14px) rotate(45deg);} .nav_icon.on i:first-child+i{opacity:0;} .nav_icon.on i:last-child{transform:translateY(-14px) rotate(-45deg);-ms-transform:translateY(-14px) rotate(-45deg);-webkit-transform:translateY(-14px) rotate(-45deg);} /*首页*/ .banner{position: relative;color:#fff;} .banner,.case_img{margin-top: 90px;} .banner ul li{font-size:0;} .banneText{position: absolute;height:100%;left:calc(50% - 700px);top:0;z-index: 100;} .banner_right{width: 540px;height: 100%;background: rgba(0,0,0,.5);overflow: hidden;} .banner_right a{display: block;height:100%;display: table;} .banner_left{padding-top: 110px;} .text_one{height: 18px;overflow: hidden;} .banner_right dl{height:100%;} dl.dlOne{-webkit-transition: all .8s;transition: all .8s;} dl.dlOne dd{height: 18px;line-height: 18px;font-size: 18px;} dl.dlOne dd::before{content:"";display: inline-block;width: 60px;height: 0;border-top: 1px solid #fff;vertical-align: top;margin: 8.5px 10px 0 0;} .pagination{margin-top: 238px;} .pagination dl{opacity:0;} dl.dlTwo dd{width: 20px;height: 20px;position: relative;cursor: pointer;} dl.dlTwo dd::before{content:"";display: block;width: 6px;height: 6px;background: #fff;border-radius: 50%;opacity:.5;position: absolute;left:calc(50% - 3px);top:calc(50% - 3px);} dl.dlTwo dd.cur::before{opacity:1;} dl.dlTwo dd::after{content:"";display: block;width: 0;height: 0;border-radius: 50%;border:1px solid #fff;position: absolute;left:50%;top:50%;-webkit-transition: all .3s;transition: all .3s;z-index: 5;} dl.dlTwo dd.cur::after{content:"";display: block;width: 18px;height: 18px;border-radius: 50%;border:1px solid #fff;position: absolute;left:0;top:0;z-index: 2;} dl.dlTwo dd:not(:last-child){margin-bottom: 17px;} .number{margin-top: 195px;font-size:30px;} .number strong{/* font-size: 100px; */font-size: 80px;color:#c5262a;/* margin-right: 34px; */margin-right: 16px;} .banner_right>div,.banner_right dl dd{width: 100%;height: 100%;} .bannerTexts{padding-left: 80px;display: table-cell;vertical-align: middle; height:100%;} .bannerTexts h3{font-size: 24px;color:#fff;font-family: "Arial";padding-bottom: 38px;position: relative;} .bannerTexts h3::after{content:"";display: block;width: 70px;height: 8px;background: #c5262a;position: absolute;left:0;bottom:0;} .bannerTexts h2{font-size: 60px;font-weight: bold;margin:32px 0 140px;color:#fff;} /* .bannerTexts h2::after{content:"";display: inline-block;width: 78px;height:70px;background: url(/images/icon_01.png) no-repeat center top 28px;margin-left: 14px;vertical-align: top;-webkit-background-size: 100%;background-size: 100%;} */ /* .bannerTexts h2 img{vertical-align: bottom;margin:0 12px;} */ .home_one{padding-top: 130px;} .home_one .one_left{width: 626px;} .home_titles{text-align: center;} .home_titles h3{font-family: "Arial";font-size: 48px;line-height: 55px;padding-bottom: 4px;font-weight: bold;position: relative;display: inline-block;} .home_titles.white{color:#fff;} .home_titles h3 span{color:#c5262a;} .home_titles h3::after{content:"";display: block;width: 220px;height: 4px;background-image: linear-gradient(to right,#c5262a 50%,#E60012 100%);position: absolute;left:calc(50% - 110px);bottom:0;} .home_titles.left,.home_titles.lefts{text-align: left;} .home_titles.left h3::after{width: 234px;left:0;} .home_titles.lefts h3::after{width: 220px;left:0;} .home_titles h4{font-size: 24px;color:#333;padding-top: 21px;} .home_titles.white h4{color:#fff;} .home_one .one_left p{font-size: 16px;line-height: 28px;margin-top: 44px;} .home_one .one_left a,a.btn_red,.lately_img_text span,.programme_title a{display: block;width: 170px;height: 50px;line-height: 50px;text-align: center;background: #c5262a;color:#fff;margin-top: 44px;position: relative;overflow: hidden;} .home_one .one_right{width: 660px;position: relative;} .home_one .one_right::before{content:"";width: 507px;height: 435px;background: url(/images/bg_01.png) no-repeat;position: absolute;top:53px;right:-48px;z-index: 0;-webkit-background-size: cover;background-size: cover;} .home_one .one_right span.line1{display: block;width: 0;height: 100%;border-left: 1px solid #e3e3e3;position: absolute;left:-50px;top:0;} .home_one .one_right span.line2{display: block;width: 200px;height: 0;border-top: 1px solid rgba(197,38,42,.5);position: absolute;left:-100px;bottom:50px;z-index: 10;} .swiper-container-horizontal,.swiper-container-vertical{overflow: hidden;} .swiper-container-horizontal ul li img{width: 100%;} .home_one .swiper-pagination2{position: absolute;right:18px;bottom:30px;z-index: 10;text-align: right;width:auto;} .home_one .swiper-pagination2 .swiper-pagination-bullet{width: 6px;height: 6px;background: rgba(255,255,255,.5);margin:0 12px;opacity:1;position: relative;} .home_one .swiper-pagination2 .swiper-pagination-bullet::after{content:"";display: block;width: 0;height: 0;border-radius: 50%;border:1px solid #fff;position: absolute;left:50%;top:50%;-webkit-transition: all .3s;transition: all .3s;} .home_one .swiper-pagination2 .swiper-pagination-bullet-active{background: #fff;} .home_one .swiper-pagination2 .swiper-pagination-bullet-active::after{width:18px;height: 18px;left:calc(50% - 10px);top:calc(50% - 10px);} .home_two{padding-top: 130px;} .home_two .two_box{margin-top: 50px;} .two_box .twoBox{position: relative;border-radius: 6px;overflow: hidden;} .two_box .twoBox .imgText{width: 100%;height: 100%;background: rgba(0,0,0,.4);padding:50px;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;left:0;top:calc(100% - 60px);color:#fff;-webkit-transition: all .5s;transition: all .5s;} .two_box .twoBox .imgText h3{font-size: 20px;padding-left: 28px;height: 60px;line-height: 60px;background: url(/images/icon_08.png) no-repeat left;position: absolute;left:20px;top:0;} /* .two_box .twoBox:hover .imgText{background: rgba(197,38,42,.9);top:0;} .two_box .twoBox:hover .imgText h3{line-height: 1em;height:auto;font-size: 24px;position:static;padding-left: 0;} */ .two_box .twoBox .imgText p{font-size: 14px;line-height: 24px;color:rgba(255,255,255,.7);position: relative;padding-top: 18px;margin-top: 20px;-webkit-line-clamp: 3;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);opacity:0;-webkit-transition: all .5s linear .3s;transition: all .5s linear .3s;} /* .two_box .twoBox:hover .imgText p{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;} */ .two_box .twoBox .imgText p::before{content:"";display: block;width: 35px;height: 3px;background: rgba(255,255,255,.3);position: absolute;left:0;top:0;} .two_box .twoBox .imgText::after,.four_box .img em{content:"";display: block;width: 35px;height: 35px;background: url(/images/icon_07.png) no-repeat;position: absolute;left:50px;bottom:50px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);opacity:0;-webkit-transition: all .2s linear .3s;transition: all .2s linear .3s;} .four_box .img em{z-index: 10;left:calc(50% - 17.5px);top:calc(50% - 17.5px);} /* .two_box .twoBox:hover .imgText::after,.four_box ul li:hover .img em{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity:1;} */ .two_box_bottom_left{width: 960px;padding-right: 20px;} .two_box_bottom_right{width: 420px;} .two_box_bottom{margin-top: 20px;} .two_box_bottom_left .twoBox:nth-child(2)~div{margin-top: 20px;} .two_box .two_box_bottom_left .twoBox .imgText{padding:25px;} .two_box .two_box_bottom_left .twoBox .imgText::after{left:25px;bottom:25px;} .btns_one{display: block;width: 168px;height: 48px;line-height: 48px;border:1px solid #666;text-align: center;font-size: 14px;color:#333;margin: 50px auto 0;position: relative;overflow: hidden;} .btns_one::before,.videoText .videoText_box span::before,.home_one .one_left a::before,.bannerTexts span::before,a.btn_red::before{content:"";width: 100%;height: 100%;background: #c5262a;position: absolute;left:0;bottom:100%;z-index: 0;-webkit-transition: all .3s;transition: all .3s;} a.btns_one::after,.videoText .videoText_box span::after,.home_one .one_left a::after,.bannerTexts span::after,a.btn_red::after{content:"查看更多";color:#fff;width: 100%;height: 100%;position: absolute;left:0;top:100%;z-index: 5;-webkit-transition: all .3s;transition: all .3s;} .videoText .videoText_box span::after{content:"观看视频";} a.btns_one:hover::before,.videoText .videoText_box span:hover::before,.home_one .one_left a:hover::before,.bannerTexts span:hover::before,a.btn_red:hover::before{bottom:0;} a.btns_one:hover::after,.videoText .videoText_box span:hover::after,.home_one .one_left a:hover::after,.bannerTexts span:hover::after,a.btn_red:hover::after{top:0;} a.btns_one:hover{border-color:#c5262a;} .home_three{margin-top: 130px;position: relative;} .home_three .three_left{width: 230px;padding-top: 132px;} .home_three .three_right{width: 1050px;} .home_three .three_left p{font-size: 18px;color:#666;margin:40px 0 78px;} .home_three .three_left .swiper-btn span,.four_bottm span,#banner .swiper-container1 .btn{display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;background: #ccc;vertical-align: top;font-size: 20px;font-weight: bold;color:#fff;margin-right: 20px;cursor: pointer;font-family: "宋体";position: relative;} #banner .swiper-container1 .btn{position: absolute;left:5%;top:calc(50% - 25px);z-index: 600;} #banner .swiper-container1 .btn.swiper-next1{left:auto;right:5%;} .home_three .three_left .swiper-btn span strong,.four_bottm span strong,.programmeDetails_one .btn strong,.case_img .btn strong,.four_bottm span,#banner .swiper-container1 .btn strong{position: relative;z-index: 5;} .home_three .three_left .swiper-btn span::after,.four_bottm span::after,.programmeDetails_one .btn::after,.case_img .btn::after,.four_bottm span,#banner .swiper-container1 .btn::after{content:"";display: block;width: 0;height: 0;background: #c5262a;position: absolute;left:50%;bottom:0;border-radius: 50%;-webkit-transition: all .2s;transition: all .2s;z-index:1;opacity:0;} .home_three .three_left .swiper-btn span:hover::after,.four_bottm span:hover::after,.programmeDetails_one .btn:hover::after,.case_img .btn:hover::after,.four_bottm span:hover::after,#banner .swiper-container1 .btn:hover::after{width: 100%;height: 100%;left:0;opacity:1;} /* .home_three .three_left .swiper-btn span:hover,.four_bottm span:hover{background: #c5262a;} */ .videoText{width: 100%;height: 100%;position: absolute;left:0;top:0;} .videoText::before,.videoText::after{content:"";display: block;width: 240px;height: 0;border-top: 1px solid rgba(255,255,255,.7);position: absolute;left:0;top:calc(50% - .5px);} .videoText::after{left:auto;right:0;} .videoText .videoText_box{height: 100%;position: relative;display:flex;justify-content: center;align-items: center;background: url(/images/bg_circle.png) no-repeat center;text-align: center;color:#fff;} .videoText .videoText_box>div{margin-top: 30px;} .videoText .videoText_box h3{font-size: 24px;} .videoText .videoText_box p{font-size: 36px;margin:35px 0 40px;font-family: "Arial";} .videoText .videoText_box h3{font-size: 24px;} .videoText .videoText_box span,.bannerTexts span{display: inline-block;width: 170px;height: 50px;line-height: 50px;text-align: center;background: #c5262a;font-size: 14px;color:#fff;cursor: pointer;position: relative;overflow: hidden;} .swiper-container3-next{position: absolute;width: 1050px;height: 100%;position: absolute;top:0;left:calc(100% + 80px);} .home_four{margin-top: 140px;} .home_four .four_box{margin-top: 50px;} .four_box .img{font-size: 0;position: relative;} .four_box ul li h3{font-size: 18px;color:#333;padding:30px 0 22px;} .four_bottm {margin-top: 50px;text-align: center;} .four_bottm span{margin:0;} .four_bottm .btns_one{display: inline-block;vertical-align: top;margin:0 70px;} .four_box .img::before,.four_box .img::after{content:"";display: block;width: 50%;height: 100%;background:rgba(197,38,42,.9);position: absolute;left:0;top:0;z-index: 1;-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);-webkit-transition: all .3s;transition: all .3s;opacity:0;} .four_box .img::after{left:auto;right:0;} .four_box .img span{display: block;z-index: 5;} .four_box .img span.line1,.four_box .img span.line3{height:0;width: 0;border-left: 1px solid rgba(255,255,255,.5);position: absolute;right:8px;top:8px;} .four_box .img span.line3{right:auto;left:8px;top:auto;bottom:8px;} .four_box .img span.line2,.four_box .img span.line4{width:0;height: 0;border-top: 1px solid rgba(255,255,255,.5);position: absolute;bottom:8px;right:8px;} .four_box .img span.line4{bottom:auto;top:8px;right:auto;left:8px;} .four_box ul li:hover span{-webkit-transition: all .15s;transition: all .15s;} .four_box ul li:hover span.line1,.four_box ul li:hover span.line3{height:calc(100% - 16px);} .four_box ul li:hover span.line2,.four_box ul li:hover span.line4{width:calc(100% - 16px);} .four_box li:hover .img span.line1{-webkit-transition-delay: .3s;} .four_box li:hover .img span.line2{-webkit-transition-delay: .45s;} .four_box li:hover .img span.line3{-webkit-transition-delay: .6s;} .four_box li:hover .img span.line4{-webkit-transition-delay: .75s;} .home_five {margin-top: 130px;padding: 130px 0 100px;background: url(/images/home_13.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;} .home_five .five_box{width: 880px;margin:48px auto 0;} .home_five .five_box{margin-top: 50px;} .input_top input{width: 403px;height: 68px;line-height: 68px;border:1px solid rgba(255,255,255,.2);font-size: 14px;color:#fff;padding-left: 20px;background: none;} .input_top input:focus,.input_bottom textarea:focus{box-shadow: 0 0 10px 0 rgba(233,75,63,.5) !important;} .input_bottom{margin-top: 30px;} .input_bottom textarea{width: 100%;height: 188px;padding:20px;border:1px solid rgba(255,255,255,.2);font-size: 14px;color:#fff;-moz-box-sizing: border-box;box-sizing: border-box;background: none;} #submit{float: right;width: 170px;height: 50px;line-height: 50px;text-align: center;background: #c5262a;font-size: 14px;color:#fff;margin-top: 50px;cursor: pointer;} .home_five input::-webkit-input-placeholder,.home_five textarea::-webkit-input-placeholder{color: #fff;} .home_five input:-moz-placeholder,.home_five textarea:-moz-placeholder{color: #fff;} .home_five input::-moz-placeholder,.home_five textarea::-moz-placeholder{color: #fff;} .home_five input:-ms-input-placeholder,.home_five textarea:-ms-input-placeholder{color: #fff; } .footer{background: #313131;} .footer_top{padding:100px 0;} .footer_top ul{display: inline-block;vertical-align: top;} .footer_top ul:not(:last-child){margin-right: 200px;} .footer_top ul li{margin-bottom: 20px;} .footer_top ul li:first-child{font-size: 20px;font-family: "Arial";color:#fff;padding-bottom: 22px;position: relative;margin-bottom: 30px;} .footer_top ul li:first-child::after{content:"";display: block;width: 40px;height: 2px;background: #a82a2d;position: absolute;left:0;bottom:0;} .footer_top ul li a,.footer_top ul:last-child li:not(:first-child){font-size: 14px;color:rgba(255,255,255,.5);} .footer_top ul:last-child li{margin-bottom: 20px;line-height: 24px;} .footer_top ul li a:hover{color:#fff;} .footer_top .logos{text-align: right;} .footer_top .logos img.logo_footer{padding-bottom: 65px;border-bottom: 1px solid rgba(255,255,255,.1);} .footer_top .logos p{font-size: 20px;font-family: "Arial";color:#fff;margin:30px 0 20px;} .weChat_qq{position: relative;} .weChat_qq a{display: inline-block;width: 24px;height: 24px;border-radius: 50%;margin-left: 10px;background: #fff;position: relative;overflow: hidden;} .weChat_qq a::before,.weChat_qq a::after{content:"";width: 100%;height: 100%;border-radius: 50%;background: url(/images/icon_02.png) no-repeat center;-webkit-transition: all .3s;transition: all .3s;position: absolute;left:0;top:0;} .weChat_qq a.weChat::after{background-image: url(/images/icon_02s.png);top:24px;} .weChat_qq a.qq::before{background-image: url(/images/icon_03.png);} .weChat_qq a.qq::after{background-image: url(/images/icon_03s.png);top:24px;} .weChat_qq a:hover::before{top:-24px;} .weChat_qq a:hover::after{top:0;} .footer_bottom{height: 50px;line-height: 50px;border-top: 1px solid rgba(255,255,255,.3);font-size: 12px;color:#999;} .footer_bottom a{margin-left: 20px;color:#999;} .footer_bottom a:hover{text-decoration: underline;color:#c5262a;} .weChat_qq .qr_code{width: 110px;padding: 5px;position: absolute;right:68px;top: 0;background: #fff; z-index: 100; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);text-align: center;display: none;box-shadow: 0 0 10px 0 rgba(233,75,63,.5);} .weChat_qq .qr_code.on{-webkit-animation:fadeShow .4s forwards;animation:fadeShow .4s forwards;} .weChat_qq .qr_code h6{font-size: 14px;color:#E60012;padding:6px 0;} #consultation{position: fixed;right:0;top:35%;z-index: 1000;} #consultation ul li{width: 65px;height: 65px;margin-bottom: 2px;position: relative;background: #999;overflow: hidden;} #consultation ul li a{display: block;width: 100%;height: 100%;background: url(/images/icon_04.png) no-repeat center;position: relative;z-index: 5;} #consultation ul li.li_mail a{background-image: url(/images/icon_05.png);} #consultation ul li.li_top a{background-image: url(/images/icon_06.png);} #consultation ul li::after{content:"";display: block;width: 100%;height: 100%;background: #c5262a;position: absolute;left:65px;top:0;z-index: 0;-webkit-transition: all .3s;transition: all .3s;} #consultation ul li.li_mail::after{left:-65px;} #consultation ul li:hover::after{left:0;} .banners{position: relative;overflow: hidden;} .banners .banners_text{width: 100%;height: 100%;position: absolute;left:0;top:0;color:#fff;text-align: center;} .banners .banners_text .bannersText{display: table;width: 100%;height: 100%;} .banners .banners_text .bannersText>div{display: table-cell;vertical-align: middle;} .banners .banners_text h3{font-size: 48px;font-weight: bold;font-family: "Arial";text-transform: uppercase;} .banners .banners_text p{font-size: 18px;padding-top: 30px;} .page_nav{border-bottom: 1px solid #e3e3e3;font-size: 0;text-align: center;} .page_nav dl dd{height: 76px;line-height: 76px;margin:0 47px;display: inline-block;vertical-align: top;} .page_nav dl dd a{display: block;font-size: 16px;color:#999;} .page_nav dl dd.cur a,.page_nav dl dd:hover a{color:#333;} .about_one{margin:90px auto 130px;position: relative;} .about_one .one_left{width: 620px;} .about_one .one_left::after{content:"";display: block;width: 100px;height: 100px;background: url(/images/bg_point.png);position: absolute;left:0;bottom:0;} .about_one h2{font-size: 16px;color:#d0d0d0;margin-bottom: 45px;} .about_one h2::before{content:"";display: inline-block;width: 50px;height: 0;border-top: 1px solid #d6d6d6;vertical-align: top;margin: 7.5px 20px 0 0;} .about_one p,.about_three p{font-size: 14px;line-height: 24px;color:#999;margin-bottom: 40px;} .about_one .one_right{position: relative;} .about_one .one_right img{position: relative;z-index: 5;width: 100%;} .about_one .one_right::before{content:"";display: block;width: 100%;height: 370px;-moz-box-sizing: border-box;box-sizing: border-box;border:10px solid #F9E9E9;position: absolute;left:-30px;top:calc(50% - 185px);} .about_two{padding:60px 0;background: url(/images/about/about_02.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;text-align: center;} .about_two ul li{width: 25%;color:#fff;display: inline-block;vertical-align: top;} .about_two ul li img{margin-bottom: 40px;} .about_two ul li h3{font-size: 60px;} .about_two ul li p{font-size: 18px;margin-top: 20px;} .about_three{width: 100%;height: 500px;position: relative;} .about_three .threeBox{height: 100%;} .about_three .three_left{width: 50%;display: table;height: 100%;position: relative;} .about_three p{width: 100%;display: table-cell;vertical-align: middle;margin-bottom: 0;} .about_three p span{width: 474px;display: block;} .about_three .three_right{position: absolute;width: 50%;height: 100%;left:50%;top:0;font-size: 0;} .about_three .three_right img{width: auto;height: 100%;} .about_three .three_left .bg_point{width: 155px;height: 60px;background: url(/images/bg_point.png);position: absolute;left:0;top:82px;} .about_three .bg_point2{width: 168px;height: 168px;position: absolute;bottom:0;right:0;} .about_three .bg_point2 span.bg1{width: 35px;height: 35px;background:#fff url(/images/bg_point.png);position: absolute;left:0;top:0;} .about_three .bg_point2 span.bg2{width: 60px;height: 60px;background:#fff url(/images/bg_point.png);position: absolute;left:32px;top:32px;} .about_three .bg_point2 span.bg3{width: 80px;height: 80px;background:#fff url(/images/bg_point.png);position: absolute;right:0;bottom:0;} .about_four{padding:140px 0 110px;background: url(/images/about/about_04.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;overflow: hidden;} .about_four h3{font-size: 18px;color:#fff;position: relative;text-align: center;padding-bottom: 32px;} .about_four h3::after{content:"";display: block;width: 100px;height: 2px;background: #fff;position: absolute;left:calc(50% - 50px);bottom:0;} .space_one{padding-top: 90px;} .space_one .one_left{width: 494px;padding:50px 0 0 50px;background: url(/images/about/bgspace_01.png) no-repeat left top;-moz-box-sizing: border-box;box-sizing: border-box;} .space_one .one_right{padding:98px 90px 0 78px;width:calc(100% - 494px);-moz-box-sizing: border-box;box-sizing: border-box;} .space_one .one_right h2{font-size: 24px;color:#999;position: relative;} .space_one .one_right h2::after{content:"";display: inline-block;width: 100px;height: 0;border-top: 1px solid #c5262a;vertical-align: top;margin:11.5px 0 0 20px;} .space_one .one_right h3{font-size: 30px;line-height: 54px;color:#333;font-weight: bold;margin-top: 38px;} .space_one .one_right .text{margin-top: 30px;padding-left: 114px;position: relative;font-size: 14px;line-height: 30px;color:#999;} .space_one .one_right p{margin-bottom: 34px;} .space_one .one_right .text::before{content:"";display: table;width: 100px;height: 0;border-top: 1px solid #c5262a;position: absolute;left:0;top:14.5px;} .space_two{margin-top: 130px;height: 300px;position: relative;} .space_two .two_left{width: 894px;height: 200px;padding:56px 120px;text-align: right;position: absolute;right:calc(50% + 50px);top:50px;background: url(/images/about/bgspace_02.png);-moz-box-sizing: border-box;box-sizing: border-box;} .space_two .two_left p{text-align: left;font-size: 14px;line-height: 30px;color:#999;display: inline-block;} .space_two .two_center{position: absolute;left:50%;top:0;} .space_two .two_right{width: 894px;height: 200px;background: url(/images/about/bgspace_03.jpg);position: absolute;left:calc(50% + 482px);top:50px;} .space_three{margin-top: 130px;} .space_three .three_left{padding:90px 0 0 50px;position: relative;} .space_three .three_left::before{content:"";display: block;width: 50px;height: 90px;background: url(/images/bg_point.png);position: absolute;left:0;top:0;} .space_three .three_right{padding:82px 90px 0 0;width: 626px;position: relative;} .space_three .three_right .text,ul.programme_box li p{font-size:14px;line-height: 30px;color:#999;position: relative;z-index: 5;} ul.programme_box li:nth-child(2n-1) p{padding-left: 20%;} ul.programme_box li:nth-child(2n) p{padding-right: 20%;} .space_three .three_right .text p{margin-bottom: 32px;} .space_three .three_right .block{width: 330px;height: 500px;border:10px solid #F9E9E9;position: absolute;top:0;right:0;z-index: 1;} .space_three .block h6{font-size: 16px;padding-right: 40px;color:#d0d0d0;position: absolute;right:0;bottom:76px;} .space_three .block h6::before{content:"";display: inline-block;width: 50px;height: 0;border-top: 1px solid #d6d6d6;vertical-align: top;margin:7.5px 20px 0 0;} .space_four{margin-top: 130px;padding:102px 0 90px;background: url(/images/about/bgspace_04.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;} .space_four p{font-size: 18px;line-height: 38px;color:#fff;padding-top: 10px;position: relative;} .space_four p::before{content:"";display: block;width: 50px;height: 2px;background: #fff;position: absolute;left:0;top:0;} .space_five{padding:120px 0 130px;font-size: 14px;line-height: 30px;color:#999;} .space_five .five_top .text{width: 684px;} .space_five .five_bottom{margin-top: 88px;} .space_five .five_bottom .text{width: 926px;} .con_idea{padding:90px 0 130px;} .idea_one{position: relative;} .idea_one .ideaBox{width: 320px;padding:84px 90px 76px;background: #fff;position: absolute;left:0;bottom:0;} .idea_one .ideaBox h2{font-size: 24px;color:#333;padding-bottom: 24px;position: relative;} .idea_one .ideaBox h2::after{content:"";display: block;width: 50px;height: 4px;background: #c5262a;position: absolute;left:0;bottom:0;} .idea_one .ideaBox h3{font-size: 24px;color:#333;margin-top: 20px;} .idea_one .ideaBox p{font-size: 14px;line-height: 30px;color:#999;margin-top: 42px;} .con_exhibition{padding:90px 0 130px;} .exhibition_one{position: relative;} .exhibition_one ul li:not(:first-child){margin-top: -48px;} .exhibition_one ul li .liBox{display: inline-block;padding-left: 64px;position: relative;z-index: 5;width: 600px;} .exhibition_one ul li:nth-child(2n) .liBox{float: right;padding:0 64px 0 0;} .exhibition_one ul li:nth-child(2n) .liBox h6{left:auto;right:-120px;} .exhibition_one ul li img{cursor: pointer;} .exhibition_one ul li p{font-size: 18px;color:#999;padding-top: 30px;text-align: center;} .exhibition_one ul li p span{color:#333;} .exhibition_one ul li h6{font-size: 18px;color:#c5262a;position: absolute;left:-120px;top:115px;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);letter-spacing: 6px;} .exhibition_one ul li h6::before{content:"";display: inline-block;width: 100px;height: 0;border-top: 1px solid #c5262a;vertical-align: top;margin: 8.5px 20px 0 0;} .exhibition_one .bg_point{width: 236px;height: 100px;background: url(/images/bg_point.png);position: absolute;right:0;top:0;} .exhibition_one .bg_point2{width: 220px;height: 202px;position: absolute;right:0;bottom:0;background: url(/images/bg_point.png);} .exhibition_one .bg_point2::after{content:"";display: block;width: 112px;height: 104px;background: #fff;position: absolute;left:0;top:0;} .exhibition_one::before,.exhibition_one::after{content:"";width: 580px;height: 340px;border:10px solid #F9E9E9;position: absolute;right:236px;top:100px;z-index: 0;} .exhibition_one::after{right:auto;top:auto;left:237px;bottom:147px;} #exhibition_allimg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.8);left:0;top:0;z-index: 1000;display: none;} #exhibition_allimg .allimg{width: 920px;height: 600px;padding:10px;background: #fff;margin:10% auto 0;position: relative;} #exhibition_allimg .allimg .swiper-container,#exhibition_allimg .allimg img{width: 100%;height: 100%;} #exhibition_allimg .swiper-btn{width: 60px;height: 60px;line-height: 60px;text-align: center;font-family: "宋体";font-weight: bold;font-size: 70px;color:#c5262a;position: absolute;left:20px;top:calc(50% - 30px);cursor: pointer;z-index: 100;} #exhibition_allimg .swiper-next,#exhibition_allimg .swiper-next2,#exhibition_allimg .swiper-next3{left:auto;right:20px;} #exhibition_allimg .swiper-button-disabled{color:#ccc;cursor:not-allowed;} .con_programme,.con_case{padding-bottom: 130px;} .programme_title{padding-top: 90px;} .programme_title h3{font-size: 24px;color:#333;position: relative;margin-top: 26px;} .programme_title h3 span{position: relative;z-index:5;} .programme_title h3::before{content:"01";font-size: 150px;position: absolute;left:0;top:calc(50% - 75px);font-family: "Arial";color:#f9f9f9;} .programme_title a{margin:0;} ul.programme_box{padding-top: 50px;} ul.programme_box li{padding:90px 90px 0 0;background: url(/images/programme/triangle_01.png) no-repeat right top;} ul.programme_box li .text{width: 520px;float: left;text-align: right;padding-top: 81px;} ul.programme_box li .img{width:650px;float: right;position: relative;} ul.programme_box li:nth-child(2n) .text{float: right;text-align: left;} ul.programme_box li:nth-child(2n) .img{float: left;} ul.programme_box li:nth-child(2n){padding:90px 0 0 90px;background: url(/images/programme/triangle_02.png) no-repeat left top;} ul.programme_box li h3{font-size: 25px;color:#fff;height: 40px;line-height: 40px;background: #c5262a;padding:0 38px;display: inline-block;-webkit-transition: all .5s;transition: all .5s;} ul.programme_box li:hover h3{border-radius: 40px 0 40px 0;} ul.programme_box li h4{font-size: 24px;font-weight: bold;color:#999;padding:18px 0 42px;} ul.programme_box li a.btns_one{display: inline-block;margin-top: 42px;} ul.programme_box li .img::before{content:"";display: block;width: 0;height: 100%;border-left: 1px solid #e3e3e3;position: absolute;left:-50px;top:0;} ul.programme_box li:nth-child(2n) .img::before{left:auto;right:-50px;} ul.programme_box li .img::after{content:"";display: block;width: 200px;height: 0;border-top: 1px solid rgba(197,38,42,.5);position: absolute;left:-100px;top:90px;z-index: 10;} ul.programme_box li:nth-child(2n) .img::after{left:auto;right:-100px;} .programmeList_nav{height: 70px;line-height: 70px;background: #f9f9f9;text-align: center;position: relative;z-index: 1005;} .programmeList_navBox{position: relative;} .programmeList_navBox .btn{width: 50px;height:70px;line-height: 70px;text-align: center;font-family: "宋体";font-size: 20px;color:#d0d0d0;position: absolute;top:0;right:100%;cursor: pointer;z-index: 10;font-weight: bold;} .programmeList_navBox .btn.swiper-next{right:auto;left:100%;} .programmeList_navBox .btn:hover{color:#c5262a;} .programmeList_navBox dl dd{position: relative;} .programmeList_navBox dl dd:not(:last-child)::before{content:"";display: block;width: 0;height:50px;border-left: 1px solid #d0d0d0;position: absolute;top:10px;left:100%;} .programmeList_navBox dl dd.cur::after{content:"";display: block;width: 100%;height: 2px;background: #c5262a;position: absolute;left:0;bottom:0;} .programmeList_navBox dl dd a{font-size: 16px;color:#999;} .programmeList_navBox dl dd a:hover,.programmeList_navBox dl dd.cur a{color:#c5262a;} .programmeList_box{padding-top:90px;} .programmeList_box_title{text-align: center;} .programmeList_box_title h3{font-size: 30px;font-weight: bold;color:#333;} .programmeList_box_title p{margin-top: 12px;} .programmeList_box ul{padding-top: 80px;} .programmeList_box ul li,.recommend ul li{width: 31.42%;float: left;} .programmeList_box ul li:nth-child(3n-1),.recommend ul li:nth-child(3n-1){margin:0 2.87%;} .programmeList_box ul li:nth-child(3)~li{margin-top: 50px;} .programmeList_box ul li h3{padding:20px 0;font-size: 18px;font-weight: bold;color:#333;} .programmeList_box ul li:hover h3{color:#c5262a;} .programmeList_box ul li h4{font-size: 14px;color:#999;} .programmeDetails_nav{height: 76px;line-height: 76px;border-bottom: 1px solid #d6d6d6;text-align: center;} .programmeDetails_nav dl{white-space: nowrap;} .programmeDetails_nav dl,.programmeDetails_nav dl dd{height: 100%;} .programmeDetails_nav dl dd{margin:0 30px;display: inline-block;vertical-align: top;} .programmeDetails_nav dl dd a{font-size: 16px;color:#999;display: block;} .programmeDetails_nav dl dd.cur a{font-weight: bold;color:#333;} .programmeDetails_nav dl dd:hover a{color:#c5262a;} .programmeDetails_box{padding-top: 90px;} .programmeDetails_one .one_left{width: 920px;} .programmeDetails_one .one_right{width: 390px;position: relative;} .programmeDetails_one .one_right .a_back,.con_caseDetails_box .a_back,.prev_next .a_back{display: block;width: 22px;height: 18px;background: url(/images/programme/icon_field.png) no-repeat;position: absolute;right:0;top:0;} .prev_next .a_back{left:calc(50% - 11px);top:calc(50% - 9px);} .programmeDetails_one .one_right .a_back:hover,.con_caseDetails_box .a_back:hover,.prev_next .a_back:hover{background-image: url(/images/programme/icon_fields.png);} .programmeDetails_one h3{font-family: "Arial";font-size: 30px;color:#333;} .programmeDetails_one .one_right span{display: block;font-size: 18px;color:#999;padding-top: 20px;} .programmeDetails_one p{margin-top: 42px;} .programmeDetails_one .btn,.case_img .btn{width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: #ccc;text-align: center;font-size: 20px;font-weight: bold;color:#fff;font-family: "宋体";position: absolute;left:20px;top:calc(50% - 25px);z-index: 100;cursor: pointer;} .programmeDetails_one .btn.swiper-next,.case_img .btn.swiper-next{left:auto;right:20px;} .case_img .btn{left:50px;} .case_img .btn.swiper-next{right:50px;} /* .programmeDetails_one .btn:hover,.case_img .btn:hover{background: #c5262a;} */ .programmeDetails_one .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px;} .case_img .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;} .programmeDetails_one .swiper-pagination-bullet,.case_img .swiper-pagination-bullet{opacity:1;width: 4px;height: 10px;margin:0 5px;border-radius: 0;margin-top: 10px;background: #fff;-webkit-transition: all .3s;transition: all .3s;} .programmeDetails_one .swiper-pagination-bullet-active,.case_img .swiper-pagination-bullet-active{height: 20px;} .recommend{margin-top: 90px;text-align: center;} .recommend h3{font-family: "Arial";font-size: 30px;color:#333;} .recommend h3 span{display: block;font-size: 18px;color:#999;padding-top: 20px;} .recommend ul{margin-top: 50px;} ul.case_box{padding-top: 90px;} /* ul.case_box li h3{font-size: 48px;} */ ul.case_box li h4{padding-top: 25px;} .con_caseDetails{padding:40px 0 90px;} .con_caseDetails_box{position: relative;padding-top: 52px;} .con_caseDetails h3{font-size: 24px;color:#333;margin-bottom: 22px;} .case_img{background: #f2f2f2;} .case_img .case_imgBox{display:flex;} .case_img .case_imgBox>div{float: left;} .case_img .case_leftTitle{width: 18%;display:flex;flex-direction: column-reverse;} .case_img .swiper-container{width: 82%;} .case_img .case_leftTitle h3{font-size: 24px;line-height: 34px;color:#333;position: relative;padding-bottom: 18px;margin-bottom: 80px;padding-right: 10px;} .case_img .case_leftTitle h3::after{content: "";display: block; width: 45px;height: 2px; background: #c5262a;position: absolute;left: 0;bottom: 0;} .newsBox{padding:90px 0 130px;} .newsBox .news_box{width: 946px;} .newsBox .news_lately{width: 340px;} .news_box ul li{margin-bottom: 50px;} .news_box ul li>div{float: left;} .news_box .img{position: relative;width: 360px;} .news_box .text{width:calc(100% - 360px);padding-left: 50px;-moz-box-sizing: border-box;box-sizing: border-box;} .news_box .img .date{width: 100px;height: 100px;background: #c5262a;text-align: center;color:#fff;position: absolute;left:0 !important;top:0 !important;-webkit-transition: all .5s;transition: all .5s;} .news_box ul li:hover .date{border-radius: 10px 0 10px 0;} .news_box .img .date p{font-size: 18px;font-family: "Arial";font-weight: bold;color:#fff;padding-top: 18px;} .news_box .img .date p span{display: block;font-size: 36px;margin-bottom: 4px;} .news_box .text h3{font-size: 18px;color:#333;} .news_box .text h4{font-size: 12px;color:#d0d0d0;padding-top: 20px;} .news_box .text p{font-size: 12px;line-height: 24px;margin: 44px 0;-webkit-line-clamp: 3;} .news_box .text a.btns_one{margin:44px 0 0;} .news_box a.btns_one.news_more{margin-top: 90px;} .news_lately h3{font-size: 18px;color:#333;position: relative;} .news_lately h3::before{content:"";display: block;width: 20px;height: 2px;background: #333;position: absolute;right:calc(100% + 10px);top:calc(50% - 1px);} .news_lately ul{margin-top: 50px;} .news_lately ul li{margin-bottom: 30px;} .news_lately ul li .img{width: 100px;display: inline-block;vertical-align: top;} .news_lately ul li .text{height: 99px;width:calc(100% - 120px);display: inline-block;margin-left: 20px;border-bottom: 1px solid #d6d6d6;position: relative;} .news_lately ul li .text::after{content:"";display: block;width: 0;height: 0;border-bottom: 1px solid #c5262a;position: absolute;left:50%;bottom:-1px;-webkit-transition: all .3s;transition: all .3s;} .news_lately ul li:hover .text::after{width: 100%;left:0;} .news_lately ul li p{font-size: 14px;line-height: 24px;height: 48px;-webkit-line-clamp:2;} .news_lately ul li h4{font-size: 12px;color:#c5262a;margin-top: 24px;} .news_lately .news_lately_img{margin-top: 90px;} .news_lately_img .lately_img_text{position: absolute;left:30px;top:116px;color:#fff;} .lately_img_text h4{font-family: "宋体";font-size: 12px;} .lately_img_text h5{font-family: "宋体";font-size: 30px;padding:5px 0;} .lately_img_text p{font-size: 24px;} .lately_img_text span{margin-top: 30px;} .news_lately .swiper-pagination{bottom:30px;text-align: left;padding-left: 25px;} .news_lately .swiper-pagination-bullet{opacity:1;width: 9px;height: 9px;border:1px solid #999;background: none;} .news_lately .swiper-pagination-bullet-active{background: #fff;border-color:#fff;} .newsDetails_title h3{font-size: 18px;color:#333;} .newsDetails_title h4{font-size: 12px;color:#999;padding-top: 20px;} .newsDetails_text{font-size: 14px !important;line-height: 30px !important;color:#666 !important;padding: 42px 0;border-bottom: 1px dotted #d0d0d0;} .newsDetails_text img{max-width: 100%;margin:12px 0;} .prev_next{margin-top: 30px;position: relative;} .prev_next a.a_btn{display: block;width: 98px;height: 38px;line-height: 38px;border-radius: 38px;border:1px solid #d0d0d0;text-align: center;font-size: 14px;color:#999;position: relative;overflow: hidden;} .prev_next a span{position: relative;z-index: 5;} .prev_next a.a_btn::before{content:"";display: block;width: 100%;height: 100%;border-radius: 38px;background: #c5262a;position: absolute;top:0;left:-98px;-webkit-transition: all .2s;transition: all .2s;z-index: 1;} .prev_next a.fr::before{left:100%;} .prev_next a.a_btn:hover{border-color:#c5262a;color:#fff;} .prev_next a.a_btn:hover::before{left:0;} /*联系我们*/ .contact_content{background: url(/images/contact/bg_01.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;} .contact_title h2{font-family: "Arial";font-size: 100px;font-weight: bold;color:rgba(197,38,42,.1);} .contact_title img{display: block;margin:16px auto 0;} .contact_box{padding: 90px 0 160px;} .contact_box ul li{width: 27.14%;display: inline-block;vertical-align: top;position: relative;} .contact_box ul li:not(:nth-child(3n)){margin-right: 9.29%;} .contact_box ul li:not(:nth-child(3n))::after,.recruit_box ul li:not(:nth-child(3n))::after{content:"";display: block;width: 0;height: 100%;border-left: 1px solid #d0d0d0;position: absolute;top:0;right:-90px;} .contact_box ul li h3{font-size: 24px;color:#999;margin-bottom: 50px;} .contact_box ul li p{font-size: 14px;color:#666;margin-top: 28px;position: relative;} .contact_box ul li p span{font-size: 18px;font-weight: bold;color:#c5262a;} .contact_box ul li p strong{height: 24px;line-height: 24px;font-size: 14px;color:#666;padding-left: 30px;background: url(/images/contact/icon_map.png) no-repeat left;display: block;position: absolute;right:0;top:calc(50% - 12px);cursor: pointer;font-weight: normal;} .contact_box ul li p strong:hover{color:#c5262a;} .contact_box ul li p em{display: block;padding-right: 90px;} #map,#video{position: fixed;width: 100%;height: 100%;left:0;top:0;z-index: 1000;background: rgba(0,0,0,.5);display: none;} #map .map_box,#video .video_box{width: 800px;height: 550px;padding:10px;background: #fff;border-radius: 8px;margin: 200px auto 0;position: relative;} #map .mapBox,#video video{width: 100%;height: 100%;overflow: hidden;} #video video{background:#272822;} #map_container{width: 100%;height: 100%;-webkit-transition: all .8s;transition: all .8s;-webkit-transform: translateX(105%);-ms-transform: translateX(105%);transform: translateX(105%);} #map.on #map_container{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} b.iw_poi_title{color:#c5262a;} .iw_poi_content{font-size: 12px;line-height: 24px;padding-top: 4px;white-space: nowrap;} #close,#close_map,#videoClose,#allimgClose{width: 60px;height: 60px;cursor: pointer;position: absolute;top:0;left:100%;-webkit-transition: all .5s;transition: all .5s;background: url(/images/contact/icon_close.png) no-repeat center;} #mapMobile{position: fixed;z-index: 1500;width: 100%;height: 100%;left:0;top: 0;display: none;} #baidudt{width: 100%;height: 100%;} #close_map{position: absolute;left:0;top:0;background-color: rgba(0,0,0,.8);z-index: 2000;width: 42px;height: 42px;-webkit-background-size: 60%; background-size: 60%;} #video .video_box,#exhibition_allimg .allimg{-webkit-transition: all .5s;transition: all .5s;opacity:0;} #video.on .video_box,#exhibition_allimg.on .allimg{-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);opacity:1;} #close:hover,#videoClose:hover,#allimgClose:hover{-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);} .recruit_box {padding:90px 0 130px;} .recruit_box ul{font-size: 0;} .recruit_box ul li{width: 27.14%;display: inline-block;vertical-align: top;position: relative;font-size: 14px;line-height: 24px;color:#666;} .recruit_box ul li:nth-child(3)~li,.contact_box ul li:nth-child(3)~li{margin-top: 70px;} .recruit_box ul li:not(:nth-child(3n)){margin-right: 7.145%;} .recruit_box ul li:not(:nth-child(3n))::after{right:-54px;} .recruit_box ul li h2{font-size:24px;line-height: 1;color:#999;margin-bottom: 45px;} .recruit_box ul li p{display: inline-block;vertical-align: top;} .recruit_box ul li p:not(:last-child){margin-right: 30px;} .recruit_box ul li .people_number{margin-bottom: 20px;} .recruit_box ul li .scroll{height: 216px;overflow: hidden;} .recruit_box ul li .scroll::-webkit-scrollbar{opacity:.9;} .recruit_box ul li dl dd{line-height: 24px;} .recruit_box ul li h4{margin-top: 30px;} .message_one.home_five{background: none;margin-top: 0;padding-top:0;} .message_one.home_five .five_box{margin-top: 70px;} .message_one.home_five .input_top input,.message_one.home_five textarea{border-color:#d0d0d0;color:#333;} .message_one.home_five input::-webkit-input-placeholder,.home_five textarea::-webkit-input-placeholder{color: #999;} .message_one.home_five input:-moz-placeholder,.home_five textarea:-moz-placeholder{color: #999;} .message_one.home_five input::-moz-placeholder,.home_five textarea::-moz-placeholder{color: #999;} .message_one.home_five input:-ms-input-placeholder,.home_five textarea:-ms-input-placeholder{color: #999; } .message_one.home_five .input_top input:focus,.message_one.home_five .input_bottom textarea:focus{box-shadow: 0 0 10px 0 rgba(0,0,0,.5) !important;} /*服务支持*/ .con_service{padding:130px 0;} .service_title h2{text-align: center;position: relative;text-transform:uppercase;} .service_title strong{font-family: "Arial";font-size: 72px;font-weight: bold;color:#e3e3e3;text-align: center;} .service_title p{font-size: 24px;color:#333;width: 100%;height: 72px;line-height: 72px;position: absolute;left:0;top:0;text-align: center;} .service_box,.service_box .btns_one{margin-top: 90px;} .service_box ul li{width: 47.14%;float: left;position: relative;height: 90px;line-height: 90px;padding-left: 30px;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 30px;color:#333;border-bottom: 1px solid #e3e3e3;overflow: hidden;cursor: pointer;} .service_box ul li>div{display: table;width: 100%;height: 100%;} .service_box ul li:first-child,.service_box ul li:first-child+li{border-top: 1px solid #e3e3e3;} .service_box ul li:nth-child(2n){float: right;} .service_box ul li span{color:#999;} .service_box ul li .liText{position: absolute;width: 100%;height:100%;color:#fff;padding-left: 30px;-moz-box-sizing: border-box;box-sizing: border-box;background: url(/images/service/service_01.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;left:0;top:-100%;line-height: 1;-webkit-transition: all .3s;transition: all .3s;} .service_box ul li .liText div{display: table-cell;vertical-align: middle;} .service_box ul li.on .liText{top:0;} .service_box ul li.on{border-color:transparent;} .service_box ul li .liText h4{font-size:18px;margin-bottom: 10px;} .service_box ul li .liText p{font-size:14px;} .service_box ul li strong{width: 63px;height: 100%;position: absolute;right:0;top:0;cursor: pointer;background:url(/images/service/icon_open.png) no-repeat center;-webkit-transition: all .3s;transition: all .3s;} .service_box ul li.on strong{-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);} .service_box.warranty_box ul li .liText{background-image: url(/images/service/service_02.jpg);} .service_box ul li h3{font-size:14px;color:#999;display: table-cell;vertical-align: middle;line-height: 1em;} .service_box ul li h3 span{display: block;max-width: 350px;} .service_box ul li h3 em{display: block;font-family: "Arial";color:#d0d0d0;padding-top: 10px;} .service_box.download_box ul li .liText{background: #c71717;} .service_box.download_box ul li.on strong{background-image: url(/images/service/icon_opens.png);z-index: 10;} .service_box ul li .liText a{display: table;width: 100%;height: 100%;color:#fff !important;} /*c5262a*//*197,38,42*/ /********************************动画********************************/ /*鼠标hover图片放大*/ ul.programme_box li .img a,.programmeList_box ul li .img,.recommend ul li,.news_box .img,.news_lately ul li .img{overflow: hidden;} ul.programme_box li .img img,.programmeList_box ul li .img img,.recommend ul li img,.news_box .img img,.news_lately ul li .img img{-webkit-transition: all .5s;transition: all .5s;} ul.programme_box li .img img:hover,.programmeList_box ul li .img img:hover,.recommend ul li:hover img,.news_box li:hover .img img,.news_lately ul li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /*鼠标滚动淡出加载*/ .about_one .one_left,.about_one .one_right,.space_one .one_left,.space_one.on .one_right,.space_two,.space_three .three_left,.space_three .three_right,.space_five .five_top,.space_five .five_bottom,.idea_one .ideaBox,.exhibition_one ul li .liBox,ul.programme_box li,.news_box ul li,.newsBox .news_lately,.service_box,.contact_box ul li,.message_one,.recruit_box,.home_two,.home_three,.home_four,.home_five{-webkit-transition: all 1s;transition: all 1s;} #consultation ul li{-webkit-transition: all .6s;transition: all .6s;} .about_one .one_left,.space_one .one_left,.space_three .three_left{-webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);transform: translateX(-200px);opacity:0;} #consultation ul li{-webkit-transform: translateX(100px);-ms-transform: translateX(100px);transform: translateX(100px);} .about_one .one_right,.space_one .one_right,.space_three .three_right{-webkit-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);opacity:0;} .space_two,.space_five .five_top,.space_five .fiv_bottom{-webkit-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px);opacity:0;} .exhibition_one ul li .liBox,ul.programme_box li,.newsBox .news_lately,.service_box,.contact_box ul li,.message_one,.recruit_box{-webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);opacity:0;} .home_two,.home_three,.home_four,.home_five{-webkit-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);opacity:0;} .idea_one .ideaBox{-webkit-transform: translate(100px,-100px);-ms-transform: translate(100px,-100px);transform: translate(100px,-100px);opacity:0;} .news_box ul li{-webkit-transform: translate(100px,50px);-ms-transform: translate(100px,50px);transform: translate(100px,50px);opacity:0;} .about_one.on .one_left,.about_one.on .one_right,.space_one.on .one_left,.space_one.on .one_right,.space_two.on,.space_three.on .three_left,.space_three.on .three_right,.space_five.on .five_top,.space_five.on .fiv_bottom,.idea_one.on .ideaBox,.exhibition_one ul li.on .liBox,ul.programme_box li.on,.news_box ul li.on,.newsBox .news_lately.on,.service_box.on,.contact_box.on ul li,.message_one.on,.recruit_box.on,.home_two.on,.home_three.on,.home_four.on,.home_five.on,#consultation ul li.on{-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);opacity:1;} .contact_box ul li:nth-child(2),#consultation ul li:nth-child(2){-webkit-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s;} .contact_box ul li:nth-child(3),#consultation ul li:nth-child(3){-webkit-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s;} /*文字光彩划过*/ @keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}} @-webkit-keyframes csshub-shine{0%{background-position: top left;}100%{background-position: top right;}} @-moz-keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}} @-ms-keyframes csshub-shine{0%{background-position: top left;}100%{background-position: top right;}} @-o-keyframes csshub-shine {0%{background-position: top left;}100%{background-position: top right;}} /*二维码淡出*/ @keyframes fadeShow { 0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);opacity:0;} 90%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;} } @-webkit-keyframes fadeShow { 0%{-webkit-transform:scale(.1);opacity:0;} 90%{-webkit-transform:scale(1.1);opacity:1;} 100%{-webkit-transform:scale(1);opacity:1;} } @-moz-keyframes fadeShow { 0%{-moz-transform:scale(.1);opacity:0;} 90%{-moz-transform:scale(1.1);opacity:1;} 100%{-moz-transform:scale(1);opacity:1;} } @-ms-keyframes fadeShow { 0%{-ms-transform:scale(.1);opacity:0;} 90%{-ms-transform:scale(1.1);opacity:1;} 100%{-ms-transform:scale(1);opacity:1;} } @-o-keyframes fadeShow { 0%{-o-transform:scale(.1);opacity:0;} 90%{-o-transform:scale(1.1);opacity:1;} 100%{-o-transform:scale(1);opacity:1;} } /*响应式*/ @media screen and (max-width:1800px){ .banner_left{padding-top: 60px;} .swiper-container3-next{left:calc(100% + 40px);} } @media screen and (max-width:1700px){ .header .nav ul li dl{width: 200px;} .pagination{margin-top: 200px;} .swiper-container3-next{width: 950px;left:calc(100% - 20px);} .home_three .three_right{width: 950px;margin-right: 100px;} } @media screen and (max-width:1600px){ .header .nav ul li:nth-last-child(2) dl{left:auto;right:0;} .pagination,.number{margin-top: 160px;} .swiper-container3-next{left:calc(100% - 50px);} } @media screen and (max-width:1500px){ .banneText{left:2%;} .two_box .two_box_top .twoBox{width: 49%;} .two_box_bottom_left{width: 70%;padding-right: 0;} .two_box_bottom_right{width: 28%;} .two_box .two_box_bottom_left .twoBox{width: 58%;} .two_box .two_box_bottom_left .twoBox:first-child,.two_box .two_box_bottom_left .twoBox:last-child{width: 40%;} .two_box .two_box_bottom_left img{min-width:100%;height: 210px;} .two_box_bottom_right img{height: 440px;width:auto !important;} .two_box_bottom_right .twoBox{width: 100%;float: right;} ul.programme_box li{padding-right: 40px;} ul.programme_box li:nth-child(2n){padding-left: 40px;} .programmeList_navBox{width: 90%;} .con_case .programmeList_navBox{width: 96%;} .contact_box ul li:not(:nth-child(3n))::after, .recruit_box ul li:not(:nth-child(3n))::after{right:-50px;} .case_img .case_leftTitle h3{margin-bottom: 30%;font-size: 22px;} } @media screen and (max-width:1400px){ .pagination, .number{margin-top: 130px;} .bannerTexts h2{font-size:50px;margin-bottom: 110px;} .bannerTexts h2 img{height: 70px;} /* .bannerTexts h2 img{width: 70px;} */ .bannerTexts h2::after{height: 62px;background-position: center top 16px;} .banner_right{width: 470px;} .home_one,.home_two,.space_one,ul.programme_box li,.programmeList_box{padding-top: 8% !important;} .home_three,.home_four,.home_five,.space_two,.space_three,.space_four,.recommend{margin-top: 8%;} .home_five{padding:12% 0 8%;} .footer_top,.space_four,.space_five,.con_service{padding:8% 0;} .about_one{margin:8% auto;} .home_four .four_box{margin-top: 4%;} .home_one .one_left,.home_one .one_right{width: 45%;} .home_one .one_right::before{width: 100%;height: 100%;top:20px;} .two_box .twoBox .imgText{padding:20px;} .two_box .twoBox .imgText::after, .four_box .img em{left:20px;bottom:20px;} .home_three .three_right,.swiper-container3-next{width: 850px;} .home_three .three_left{padding-top: 90px;} .footer_top ul:not(:last-child){margin-right: 130px;} .banners img{width: 120%;margin-left: -10%;} .banners .banners_text h3{font-size: 46px;} .about_one>div{width: 46% !important;} .about_one .one_right::before{height: 300px;top:calc(50% - 150px);} .about_one .one_left::after{width: 60px;height: 60px;} .about_two{padding:6% 0;} .about_four{padding:12% 0;} .space_two .two_left{padding-right: 80px;} .space_three .three_left,.space_three .three_right{width: 48%;box-sizing: border-box;-moz-box-sizing: border-box;} .space_five .five_top .text,.space_five .five_top .img{width: 48%;} .space_five .five_bottom .img{width: 32%;line-height: 1;} .space_five .five_bottom .text{width: 66%;} .space_five .five_bottom,.news_box a.btns_one.news_more,.service_box, .service_box .btns_one,.message_one.home_five .five_box{margin-top: 6%;} .con_idea,.con_exhibition{padding:8% 0 10%;} .exhibition_one ul li .liBox{width: 42%;} .programme_title,.programmeList_box ul,.programmeDetails_box{padding-top: 6%;} ul.programme_box li .img{width: 50%;} ul.programme_box li .text{width: 40%;} ul.programme_box{padding-top: 0;} .con_programme, .con_case{padding-bottom: 10%;} .programmeDetails_one .one_left{width: 65%;} .programmeDetails_one .one_right{width: 30%;} .con_caseDetails,.newsBox,.newsBox{padding:5% 0 8%;} .newsBox .news_box{width: 68%;} .newsBox .news_lately{width: 26%;} .news_box .img{width: 52%;} .news_box .text{width: 48%;padding-left: 20px;} .news_lately .news_lately_img{margin-top: 60px;} .contact_box,.recruit_box{padding:6% 0 10%;} #banner .swiper-container1 .btn{left:2%;} #banner .swiper-container1 .btn.swiper-next1{right:2%;} } @media screen and (max-width:1300px){ .pagination, .number{margin-top: 110px;} .number strong{font-size: 70px;} .bannerTexts h2{font-size:40px;margin-bottom: 80px;} .bannerTexts h2::after{width: 60px;height: 52px;} .bannerTexts h2 img{height: 60px;} /* .bannerTexts h2 img{width: 60px;} */ .banner_right{width: 430px;} .home_titles h3{font-size: 42px;} .home_one .one_left p{margin-top: 34px;} .home_three .three_right,.swiper-container3-next{width: 750px;} .videoText::before, .videoText::after{width: 140px;} .videoText .videoText_box p{font-size:32px;} .home_three .three_left{padding-top: 75px;} .home_three .three_left p{margin:40px 0;} .home_titles.lefts h3::after{width: 100%;} .banners img{width: 130%;margin-left: -15%;} .banners .banners_text h3{font-size: 40px;} .about_three{height: 420px;} .space_two .two_left{padding-right: 40px;} .space_three .three_right .block{height: 450px;} .space_three .block h6{bottom:30px;} .idea_one{overflow: hidden;} .idea_one img{width: 110%;margin-left: -5%;} ul.programme_box li .img::before{left:-30px;} ul.programme_box li .img::after{left:-60px;} .news_lately_img .lately_img_text{top:90px;} .service_box ul li{font-size: 26px;height: 80px;line-height: 80px;} .contact_title h2{font-size: 80px;} } @media screen and (max-width:1200px){ .header .nav ul li{width: 110px;} .banner_left{padding-top: 50px;} .pagination, .number{margin-top: 85px;} .number strong{font-size: 60px;} .bannerTexts h3{font-size: 20px;padding-bottom: 24px;} .bannerTexts h2{font-size:36px;} .bannerTexts h2 img{height: 50px;} /* .bannerTexts h2 img{width: 54px;} */ .bannerTexts h2::after{height: 48px;} .videoText .videoText_box span, .bannerTexts span,.home_one .one_left a, a.btn_red, .lately_img_text span,.btns_one,#submit,.programme_title a{width: 140px;height: 44px;line-height: 44px;} .banner_right{width: 380px;} .home_one .one_right::before{top:15px;right:-180px;} .home_titles h3{font-size: 38px;line-height: 46px;} .home_one .one_left a, a.btn_red, .lately_img_text span{margin-top: 24px;} .home_one .one_left p{margin-top: 15px;} .home_titles.left h3::after{width: 35%;} .two_box .two_box_bottom_left img{height: 190px;} .two_box_bottom_right img{height: 400px;} .two_box .twoBox:hover .imgText::after, .four_box ul li:hover .img em{display: none;} .two_box .twoBox:hover .imgText h3{font-size: 20px;} .two_box .twoBox .imgText p{margin-top: 10px;padding-top: 10px;} .home_three .three_right,.swiper-container3-next{width: 650px;} .home_three .three_right{margin-right: 60px;} .swiper-container3-next{left:calc(100% - 20px);} .home_three .three_left{padding-top: 55px;} .home_titles h3::after{width: 100%;left:0;} .footer_top .logos img.logo_footer{width: 160px;} .footer_top ul:not(:last-child){margin-right: 70px;} .banners img{width: 150%;margin-left: -25%;} .banners .banners_text h3{font-size: 36px;} .about_one h2,.about_one p, .about_three p{margin-bottom: 20px;} .about_one .one_left::after{width: 40px;height: 40px;} .about_one .one_right::before{border-width:6px;height: 250px;top:calc(50% - 125px);} .page_nav dl dd,.programmeList_nav,.programmeList_navBox .btn,.programmeDetails_nav{height: 60px;line-height: 60px;} .about_two ul li h3{font-size: 54px;} .about_two ul li img{margin-bottom: 30px;} .about_three{height: 360px;} .about_three .three_left .bg_point{top:40px;} .about_three .bg_point2 span.bg1,.about_three .bg_point2 span.bg2{display: none;} .about_three p span{width: 90%;} .space_one .one_right{padding:40px 40px 0 40px;} .space_one .one_right h3{font-size: 28px;line-height: 48px;} .space_two .two_center img{height: 260px;} .space_two .two_left{right:calc(50% + 20px);top:30px;} .space_two .two_right{left:calc(50% + 395px);top:30px;} .space_two .two_left p{width: 52%;} .space_two .two_left{padding:40px 20px;} .space_three .three_right{padding-top: 40px;} .idea_one .ideaBox{padding:50px 60px;} .exhibition_one ul li .liBox{padding-left: 40px;} .exhibition_one ul li:nth-child(2n) .liBox{padding-right: 40px;} .exhibition_one::before, .exhibition_one::after{width: 390px;height: 240px;} ul.programme_box li h3{font-size: 22px;padding:0 30px;} ul.programme_box li h4{font-size: 20px;padding-bottom: 20px;} .programmeList_navBox dl dd.cur::after{bottom:2px;} .programmeList_navBox dl dd:not(:last-child)::before{height: 40px;} .programmeList_box_title h3{font-size: 26px;} .programmeList_box ul li:nth-child(3)~li{margin-top: 4%;} .news_lately .swiper-pagination{bottom:15px;} .news_lately_img .lately_img_text{top:60px;} .lately_img_text h5{font-size: 26px;} .lately_img_text p{font-size: 20px;} .service_title strong{font-size: 60px;} .service_title p{line-height: 60px;} .service_box ul li{font-size: 24px;height: 70px;line-height: 70px;} .contact_box ul li h3{font-size: 22px;margin-bottom: 25px;} } @media screen and (max-width:1100px){ #exhibition_allimg .allimg{width: 75%;height: auto;margin-top: 300px;background: none;} #exhibition_allimg .allimg .swiper-container, #exhibition_allimg .allimg img{height:auto;} ul.programme_box li:nth-child(2n-1) p{padding-left: 10%;} ul.programme_box li:nth-child(2n) p{padding-right: 10%;} } @media screen and (max-width:1024px){ .banner_left{padding-top: 35px;} .number strong{font-size: 50px;margin-right: 5px;} .number{font-size: 20px;} .bannerTexts{padding-left: 50px;} .banner_right{width: 340px;} .bannerTexts h3{font-size:16px;padding-bottom: 16px;} .bannerTexts h3::after{width: 50px;height: 4px;} .bannerTexts h2::after{width: 52px;height: 40px;} .home_one .one_right::before{right:-125px;} .home_one .one_right span.line1{left:-30px;} .home_one .one_right span.line2{bottom:30px;left:-70px;} .home_titles h3{font-size: 32px;line-height: 40px;} .home_titles h4{font-size: 22px;} .home_one .one_left p{font-size: 14px;line-height: 24px;} .two_box .two_box_bottom_left img{height: 185px;} .two_box_bottom_right img{height: 390px;} .home_three .three_right,.swiper-container3-next{width: 600px;} .videoText .videoText_box{-webkit-background-size: 250px;background-size: 250px;} .videoText::before, .videoText::after{width: 100px;} .videoText .videoText_box p{font-size: 26px;} .videoText .videoText_box h3{font-size: 20px;} .home_three .three_left .swiper-btn span, .four_bottm span,.programmeDetails_one .btn, .case_img .btn,#banner .swiper-container1 .btn{width: 42px;height: 42px;line-height: 42px;} .home_three .three_left p{margin:30px 0;} .footer_top .logos{width: 160px;} .about_one h2, .about_one p, .about_three p{margin-bottom: 10px;} .about_one>div {width: 48% !important;} .about_one .one_right::before{left:-20px;} .space_one .one_left{padding:20px 0 0 20px;width: 45%;} .space_one .one_right{width: 52%;float: right;} .space_one .one_right h3{font-size: 26px;line-height: 46px;} .space_two .two_left{padding:16px;height: 180px;top:20px;} .space_two,.space_two .two_center img{height:220px;} .space_two .two_left p{width: 50%;} .space_two .two_right{left:calc(50% + 335px);top:20px;height: 180px;} .space_three .three_right{padding-right: 50px;} .idea_one .ideaBox{padding:40px 50px;} .idea_one .ideaBox p{margin-top: 20px;} .exhibition_one::before, .exhibition_one::after{height: 200px;} .programmeList_box ul li h3{padding:15px 0;} .programmeDetails_one p{margin-top: 25px;} .programmeDetails_one h3,.recommend h3{font-size: 28px;} .news_lately ul li .text{margin-left: 10px;} .service_title strong{font-size: 50px;} .service_title p{line-height: 50px;} .contact_title h2{font-size: 70px;} } @media screen and (min-width:960px){ .two_box .twoBox:hover .imgText{background: rgba(197,38,42,.9);top:0;} .two_box .twoBox:hover .imgText h3{line-height: 1em;height:auto;font-size: 24px;position:static;padding-left: 0;} .two_box .twoBox:hover .imgText p{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity:1;} } @media screen and (max-width:960px){ .header .nav ul li{width: 90px;} .header .nav ul li dl{width: 170px;} .bannerTexts{padding-left: 20px;} .banner_right{width: 230px;} .bannerTexts h2{font-size: 26px;} .bannerTexts h2 img{height: 38px;} /* .bannerTexts h2 img{width: 38px;margin:0 6px;}*/ .bannerTexts h2::after{width: 36px;height: 34px;background-position: center top 12px;} .banner_left{height: 100%;padding-top: 0;display: flex;flex-direction: column;justify-content: space-around;} dl.dlOne dd,.about_two ul li p{font-size: 16px;} .number strong{font-size: 40px;} .videoText .videoText_box span, .bannerTexts span,.home_one .one_left a, a.btn_red, .lately_img_text span,.btns_one,#submit,.programme_title a{width: 110px;height: 38px;line-height: 38px;} .pagination,.number{margin-top: 0;} .home_one .one_right span.line1{left:-10px;} .home_one .one_right span.line2{bottom:10px;left:-20px;} .home_titles h3{font-size: 28px;line-height: 30px;} .home_titles h3::after{height: 2px;} .home_titles h4{font-size: 18px;padding-top: 10px;} .home_one .one_left a, a.btn_red, .lately_img_text span{margin-top: 10px;} .two_box .two_box_bottom_left img{height: 140px;} .two_box_bottom_right img{height: 295px;} .two_box_bottom_left .twoBox:nth-child(2)~div,.two_box_bottom{margin-top: 15px;} .two_box .twoBox .imgText h3{font-size: 16px !important;padding-left: 20px;height: 40px !important;line-height: 40px !important;} .two_box .twoBox .imgText{top:calc(100% - 40px);} .home_three .three_left{width: 30%;} .home_three .three_right{width: 70%;margin-right: 0;} .swiper-container3-next{display: none;} .videoText .videoText_box p{font-size: 24px;} .videoText .videoText_box h3{font-size: 18px;} .four_box ul li h3{padding:15px 0 10px;} .home_five .five_box{width: 85%;} .input_top input{width: 45%;height: 58px;line-height: 58px;} #submit,.home_five .five_box{margin-top: 6%;} .footer_top ul li:first-child{font-size: 18px;padding-bottom: 12px;margin-bottom: 20px;} .footer_top ul:not(:last-child){margin-right: 65px;} .footer_top .logos{float:none;margin:0 auto;text-align: center;} .weChat_qq .qr_code{display: block;position:static;margin:20px auto 0;} .footer_top .logos p{margin:20px 0;} .footer_top .logos img.logo_footer{padding-bottom: 20px;} #map .map_box, #video .video_box{width: 75%;height: 400px;} .banners img{width: 180%;margin-left: -40%;} .banners .banners_text h3{font-size: 32px;} .banners .banners_text p{font-size: 16px;padding-top: 20px;} .about_one .one_left::after{display: none;} .about_one .one_right::before{height: 200px;top:calc(50% - 100px);left:-15px;} .page_nav dl dd{margin:0 20px;height: 50px;line-height: 50px;} .programmeList_nav,.programmeList_navBox .btn,.programmeDetails_nav{height: 50px;line-height: 50px;} .about_two ul li h3{font-size: 44px;} .about_two ul li img{height: 44px;margin-bottom: 20px;} .about_three{height: 300px;} .about_three .three_left .bg_point{height: 40px;top:20px;} .space_one .one_right{padding:20px 20px 0 20px;width: 55%;} .space_one .one_right h3{font-size: 22px;line-height: 40px;margin-top: 20px;} .space_one .one_right h2{font-size: 20px;} .space_one .one_right .text{margin-top: 10px;padding-left: 60px;} .space_one .one_right .text::before,.space_one .one_right h2::after{width: 50px;} .space_one .one_right h2::after{margin-top: 9.5px;} .space_one .one_right p{margin-bottom: 20px;} .space_two .two_right,.space_three .three_left::before{display: none;} ul.programme_box li,.contact_content{background: none;} .space_two .two_left{position:static;width: 64%;float: left;} .space_two .two_left p,.space_three .three_left, .space_three .three_right,.space_five .five_top .text, .space_five .five_top .img,.space_five .five_bottom>div{width: 100% !important;float:none;} .space_two .two_center{position: static;float: right;height: 180px;} .space_two{height: 180px;} .space_two .two_center img{height: 100%;} .space_three .three_right{margin-top: 4%;padding-right: 20px;} .space_three .three_right .block{display: none;} .space_three .three_left{padding:0;} .space_three .three_right .text p{margin-bottom: 10px;} .space_four p{font-size: 16px;line-height: 30px;} .space_five .five_top .img,.space_five .five_bottom .img{margin-top: 4%;} .idea_one .ideaBox{padding:30px;} .idea_one .ideaBox h2,.idea_one .ideaBox h3,.case_img .case_leftTitle h3{font-size: 20px;} .idea_one .ideaBox h2,.case_img .case_leftTitle h3{padding-bottom: 15px;} .idea_one .ideaBox h3{margin-top: 10px;} .idea_one .ideaBox p{margin-top: 20px;} .idea_one img{width: 130%;margin-left: -15%;} .idea_one .ideaBox{padding:30px 20px;} .exhibition_one::before, .exhibition_one::after{display: none;} .exhibition_one .bg_point{width: 140px;height: 70px;} .exhibition_one .bg_point2{width: 140px;height: 140px;} .exhibition_one .bg_point2::after{width: 70px;height: 70px;} .exhibition_one ul li p{padding-top: 20px;} .exhibition_one ul li:not(:first-child){margin-top: -28px;} ul.programme_box li{padding-right: 0;} ul.programme_box li:nth-child(2n){padding-left: 0;} ul.programme_box li .text{padding-top: 0 !important;} ul.programme_box li h3{font-size: 32px;} .programme_title h3::before{display: none;} .programmeList_navBox dl dd:not(:last-child)::before{height: 30px;} .programmeList_box_title p, .programmeDetails_one p, .con_caseDetails p{line-height: 24px;} .programmeList_box ul li h3{font-size: 16px;padding:10px 0;} .programmeDetails_one .one_right{width: 32%;} .programmeDetails_one h3,.recommend h3,.con_caseDetails h3{font-size: 26px;} .recommend h3 span{font-size: 16px;padding-top: 10px;} .recommend ul{margin-top: 6%;} .programmeDetails_nav dl dd{margin: 0 18px;} .swiper-container-horizontal ul li{overflow: hidden;} /* .case_img .swiper-container-horizontal ul li img{width: 120%;margin-left: -10%;} */ .news_lately ul{margin-top: 20px;} .news_box .text p{margin:30px 0;} .news_box .text a.btns_one{margin:0;} .newsBox .news_lately{width: 28%;} .news_box ul li{margin-bottom: 30px;} .news_lately ul li .img{width: 80px;height: 80px;} .news_lately ul li .text{width:calc(100% - 90px);height: 79px;} .news_lately ul li h4{margin-top: 10px;} .news_lately ul li{margin-bottom: 20px;} .news_box .img .date{width: 80px;height: 80px;left: calc(50% - 40px);top: calc(50% - 40px);} .news_box .img .date p{padding-top: 15px;font-size: 16px;} .news_box .img .date p span{font-size: 30px;} .news_lately_img .lately_img_text{top:40px;} .lately_img_text h5{font-size: 22px;} .lately_img_text p{font-size: 16px;} .news_lately .news_lately_img{margin-top: 30px;} .newsDetails_text{padding:20px 0;} .service_box ul li{font-size: 20px;height: 60px;line-height: 60px;padding-left: 15px;} .service_box ul li .liText{padding-left: 15px;} .service_box ul li .liText h4{font-size: 16px;margin-bottom: 5px;} .service_box ul li .liText p{font-size: 12px;} .service_box ul li h3 span{max-width: 270px;} .contact_title h2{font-size: 60px;} .contact_box ul li{width: 45%;margin-right: 0 !important;} .recruit_box ul li{width: 48%;margin-right: 0 !important;} .contact_box ul li:nth-child(2n)~li{margin-top: 8%;} .contact_box ul li:nth-child(2n){margin-left: 10%;} .recruit_box ul li:nth-child(2n){margin-left: 4%;} .recruit_box ul li:not(:nth-child(3n))::after{display: none;} .recruit_box ul li:nth-child(2n)~li{margin-top: 6%;} .recruit_box ul li h2{margin-bottom: 25px;font-size: 22px;} .recruit_box ul li .people_number{margin-bottom: 10px;} .recruit_box ul li h4{margin-top: 10px;} .recruit_box ul li .scroll{position: relative;} .recruit_box ul li .scroll::after{content:"点击查看更多";display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size:14px;color:#c5262a;background-image: linear-gradient(to bottom,rgba(255,255,255,.1) 0,#fff 30%);position: absolute;left:0;bottom:0;} .recruit_box ul li .scroll.on{height:auto;padding-bottom: 40px;} .recruit_box ul li .scroll.on::after{content:"点击收起更多";} ul.programme_box li:nth-child(2n-1) p{padding-left: 0;} ul.programme_box li:nth-child(2n) p{padding-right: 0;} #banner .swiper-container1 .btn{margin-right: 0;} ul.programme_box li h3{font-size: 20px;padding:0 20px;height: 36px;line-height: 36px;} } @media screen and (max-width:768px){ .header{background: #fff !important;box-shadow: 0 0 5px #888;} .header .logo_white{display: none !important;} .header .logo_black{display: block !important;} .nav_icon{display: block;} .header .logo{padding:15px 0;} .banner, .case_img,.banners{margin-top: 80px;} .header .nav{width: 100%;height: 100%;position: fixed;left:0;top:80px;background: rgba(0,0,0,.95);display: none;overflow:auto;} .header .nav ul li{width: 100%;height:auto;float:none;border-bottom: 1px solid rgba(255,255,255,.1);line-height: 60px;} .header .nav ul li a{color:#fff !important;} .header .nav ul li>a{font-size:16px;} .header .nav ul li dl{position: static;width: 100%;height:auto !important;display: block !important;} .header .nav ul li dl dd{width: 50%;float: left;background: rgba(255,255,255,.1);height: 40px;line-height: 40px;} .banner ul li img{width: 120%;margin-left: -10%;} .banner ul li>a{overflow: hidden;} .home_titles h3{font-size: 24px;line-height: 1;} .home_one .one_left{width: 50%;} .two_box .two_box_bottom_left img{height: 120px;} .two_box_bottom_right img{height: 252px;} .two_box_bottom,.two_box_bottom_left .twoBox:nth-child(2)~div{margin-top: 12px;} .home_two .two_box{margin-top: 5%;} .two_box .twoBox .imgText h3{font-size: 14px !important;height: 34px !important;line-height: 34px !important;left:10px;} .two_box .twoBox .imgText{top:calc(100% - 34px);} .videoText::before, .videoText::after{width: 80px;} .videoText .videoText_box{-webkit-background-size: 220px;background-size: 220px;} .videoText .videoText_box>div{margin-top: 15px;} .home_three .three_left{padding-top: 50px;} .home_three .three_left .swiper-btn span, .four_bottm span,.programmeDetails_one .btn, .case_img .btn,#banner .swiper-container1 .btn{width: 34px;height: 34px;line-height: 34px;} .home_three .three_left p{margin:20px 0;} .four_box ul li h3{font-size: 16px;} .input_top input{height: 48px;line-height: 48px;} .input_bottom textarea{height: 160px;} .footer_top ul:not(:last-child){margin-right: 40px;} .footer_top ul li a, .footer_top ul:last-child li:not(:first-child){font-size:12px;} .footer_top ul li:first-child{font-size:16px;padding-bottom: 8px;} .banners .banners_text h3{font-size: 28px;} .about_one .one_right::before{height: 160px;top:calc(50% - 80px);left:-15px;} .about_two ul li h3{font-size: 38px;} .space_one .one_right{padding:10px 10px 0 10px;} .space_one .one_right h3{font-size: 18px;line-height: 28px;margin-top: 10px;} .space_one .one_right p{margin-bottom: 10px;} .space_one .one_right h2{font-size: 16px;} .space_one .one_right h2::after{margin-top: 7.5px;} .space_two .two_left{width: 56%;} .idea_one .ideaBox h2,.idea_one .ideaBox h3,.case_img .case_leftTitle h3{font-size: 18px;} .idea_one .ideaBox p{margin-top: 10px;line-height: 24px;} .idea_one .ideaBox h2, .idea_one .ideaBox h3{font-size: 16px;} .idea_one .ideaBox h2::after{height: 2px;} .idea_one .ideaBox h2,.case_img .case_leftTitle h3{padding-bottom: 10px;} .exhibition_one ul li h6{font-size: 16px;left:-80px;top:88px;} .exhibition_one ul li h6::before{width: 50px;} .exhibition_one ul li:nth-child(2n) .liBox h6{right:-80px;} .exhibition_one ul li p{font-size: 16px;padding-top: 10px;} .exhibition_one .bg_point2{width: 100px;height: 100px;} .exhibition_one .bg_point2::after{width: 50px;height: 50px;} #exhibition_allimg .swiper-btn{display: none;} #exhibition_allimg .allimg{width: 96%;margin-top: 250px;padding:0;} ul.programme_box li .text{width: 46%;} ul.programme_box li .img::after,ul.programme_box li .img::before{display: none;} ul.programme_box li h3{font-size: 26px;} ul.programme_box li h4{font-size: 16px;padding:10px 0;} .space_three .three_right .text, ul.programme_box li p{line-height: 24px;} ul.programme_box li a.btns_one{margin-top: 30px;} .programme_title h3,.programmeList_box_title h3,.programmeDetails_one h3,.recommend h3,.con_caseDetails h3{font-size: 22px;} .programme_title h3{margin-top: 10px;} .programmeList_navBox{width: 85%;} .programmeDetails_one .one_right span{font-size: 16px;} .programmeDetails_one p{margin-top: 8px;} .programmeDetails_one .one_right span{padding-top: 10px;} .programmeDetails_nav{overflow-x: auto;} .news_box .text p{margin:20px 0;} .news_lately_img .lately_img_text{top:30px;} .prev_next{margin-top: 20px;} .service_title strong{font-size: 40px;} .service_title p{line-height: 40px;font-size: 20px;} .service_box ul li h3 span{max-width: 230px;} .contact_box ul li p{margin-top: 15px;} .contact_box ul li h3{font-size: 20px;margin-bottom: 0;} .recruit_box ul li h2{font-size: 20px;margin-bottom: 10px;} .recruit_box ul li p{display: block;} .contact_box ul li:not(:nth-child(3n))::after, .recruit_box ul li:not(:nth-child(3n))::after{right:-36px;} ul.programme_box li h3{font-size: 18px;padding:0 15px;} } @media screen and (min-width:640px){ .two_box .twoBox:hover .imgText::after,.four_box ul li:hover .img em{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);opacity:1;} .four_box li:hover .img::before,.four_box li:hover .img::after{-webkit-transform: scale(1);transform: scale(1);opacity:1;} } @media screen and (max-width:640px){ .header .logo{padding:10px 0;} .header .nav{top:60px;} .banner, .case_img,.banners{margin-top: 60px;} .header .logo_black{height: 40px;} .header .nav ul li>a{font-size:14px;} .header .nav ul li dl dd a{font-size: 12px;} .banner ul li img{width: 140%;margin-left: -20%;} .pagination{opacity:0;} .bannerTexts{padding-left: 10px;} .banner_right{width: 165px;} .bannerTexts h3{font-size: 14px;padding-bottom: 10px;} .videoText .videoText_box span, .bannerTexts span,.home_one .one_left a, a.btn_red, .lately_img_text span,.btns_one,#submit,.programme_title a{width: 100px;height: 34px;line-height: 34px;font-size: 12px;} .bannerTexts h2{font-size: 22px;} .bannerTexts h2 img{height: 28px;} /* .bannerTexts h2 img{width: 30px;margin:0 4px;}*/ .bannerTexts h2::after{width: 30px;height: 27px;background-position: center top 8px;margin-left: 10px;} .bannerTexts h3::after{width: 30px;height: 2px;} dl.dlOne dd,.page_nav dl dd a,.programmeList_navBox dl dd a,.programmeDetails_nav dl dd a{font-size: 14px;} dl.dlOne dd::before{width: 30px;} .number strong{font-size: 34px;} .number{font-size: 16px;} .home_one .one_left, .home_one .one_right{width: 100%;float:none;} .home_one .one_left{margin-bottom: 6%;} .home_one .one_right span.line1,.home_one .one_right span.line2{display: none !important;} .two_box_bottom_left,.two_box_bottom_right{width: 100%;} .two_box_bottom_left img{height: 115px;} .two_box_bottom_right .twoBox{width: 100% !important;height: 115px;margin-top: 12px;} .two_box_bottom_right img{width: 100% !important;height:auto;margin-top: -20%;} .home_one, .home_two{padding-top: 12%;} .home_three .three_left,.home_three .three_right{width: 100%;} .home_three .three_left .swiper-btn span{display: none;} .home_three .three_left,.home_three .three_left .home_titles{text-align: center;} .home_three .home_titles h3 br{display: none;} .home_three .three_left{padding-top: 5%;} .home_three .three_left p{margin:4% 0;} .four_bottm{margin-top: 6%;} .home_three .three_left{padding-top: 0;} .input_top input{padding-left: 10px;} .input_bottom{margin-top: 4%;} ul.programme_box li:not(:first-child){margin-top: 0;} .input_bottom textarea{padding:10px;height: 140px;} .footer_top .ullist{display: none;} .footer_top .logos img.logo_footer{width: 140px;} .footer_top .logos p{font-size: 18px;} #consultation ul li:not(:last-child){display: none;} #consultation ul li.li_top{width: 40px;height: 40px;position: fixed;right:0;bottom:50px;} #consultation ul li.li_top a{background-position-y: 10px;} .four_bottm .btns_one{margin:0 40px;} #map .map_box, #video .video_box{height: 300px;padding:5px;} #close, #videoClose, #allimgClose{top:auto;bottom:100%;left:auto;right:0;width: 40px;height: 40px;-webkit-background-size: cover;background-size: cover;} .banners .banners_text h3{font-size: 26px;} .banners .banners_text p{font-size: 14px;padding-top: 14px;} .about_one>div{width: 100% !important;height:auto !important;} .about_one .one_right{margin-top: 4%;} .page_nav dl dd{margin:0 10px;} .about_two ul li img{height: 34px;margin-bottom: 12px;} .about_two ul li h3{font-size: 34px;} .about_two ul li p{font-size: 12px;margin-top: 12px;} .about_three .threeBox>div,.space_two>div,ul.programme_box li>div,.programmeDetails_one>div,.newsBox>div{width: 100% !important;float:none !important;} .about_three .three_right{position:static;margin-top: 4%;} .about_three{height:auto;padding-top:6%;} .about_three .three_left .bg_point,.about_three .bg_point2 span.bg3{display: none;} .about_three .three_right img,.about_three p span{width: 100%;height:auto;} .about_four h3{font-size: 16px;padding-bottom: 24px;} .about_four h3::after{width: 90px;left:calc(50% - 45px);} .space_one .one_left,.space_one .one_right{width: 100%;} .space_two,.space_two .two_center{height:auto;} .space_one .one_right{margin-top:6%;padding:0;} .space_two .two_left{height:auto;} .space_two .two_center,ul.programme_box li .img,ul.programme_box li a.btns_one{margin-top: 4%;} .space_two .two_center img{width: 100%;height:auto;} .space_three .three_right{padding:0;} .space_four p{font-size: 14px;line-height: 24px;} .idea_one .ideaBox{position:static;width: 100%;padding:0;margin-top: 4%;} .exhibition_one .bg_point,.exhibition_one .bg_point2{display: none;} .exhibition_one ul li .liBox{width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;} .exhibition_one ul li:not(:first-child),.newsBox .news_lately{margin-top: 6%;} ul.programme_box li .text{text-align: left;} .programme_title h3,.programmeList_box_title h3,.programmeDetails_one h3,.recommend h3,.con_caseDetails h3{font-size: 18px;} .programmeList_box ul li, .recommend ul li{width: 49%;} .programmeList_box ul li:nth-child(3n-1), .recommend ul li:nth-child(3n-1){margin:0;} .programmeList_box ul li:nth-child(2n),.recommend ul li:nth-child(2n){float: right;} .programmeList_box ul li:nth-child(2)~li{margin-top: 4%;} .recommend ul li:nth-child(2)~li{margin-top: 2%;} .programmeDetails_one .one_right{padding-top:0% !important;margin-top: 6%;} .recommend h3 span{font-size: 14px;padding-top: 8px;} .case_img .btn{left:20px;}.case_img .btn.swiper-next{right:20px;} .case_img .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;} /* .case_img .swiper-container-horizontal ul li img{width: 140%;margin-left: -20%;} */ .news_box .img{width: 40%;} .news_box .text{width: 60%;} .news_box .text p{-webkit-line-clamp:2;} .news_box ul li{margin-bottom: 6%;} .news_box .img .date{width: 60px;height: 60px;left: calc(50% - 30px);top: calc(50% - 30px);} .news_box .img .date p{padding-top: 9px;font-size: 14px;} .news_box .img .date p span{font-size: 24px;} .news_lately_img .lately_img_text{top:auto;bottom:50px;} /*.news_lately .news_lately_img dd{height: 250px;overflow: hidden;}*/ .service_title strong{font-size: 36px;} .service_title p{line-height: 36px;font-size: 18px;} .service_box ul li{width: 100%;padding-left: 10px;} .service_box ul li:nth-child(2){border-top:none !important;} .service_box ul li .liText h4{font-size: 14px;} .service_box ul li h3 span{max-width: 400px;} .contact_title h2{font-size: 50px;} .contact_title img{width: 110px;margin-top: 10px;} .contact_box ul li:not(:nth-child(3n))::after, .recruit_box ul li:not(:nth-child(3n))::after{display: none;} .contact_box ul li,.recruit_box ul li{width: 100%;margin-left: 0 !important;} .contact_box ul li:first-child~li,.recruit_box ul li:first-child~li{margin-top: 8%;} .contact_box ul li p span{font-size: 16px;} .contact_box ul li h3,.recruit_box ul li h2{font-size: 18px;} #banner .swiper-container1 .btn{display: none;} .case_img .case_imgBox{display: block;} .case_img .case_imgBox>div{width: 100%;} .case_img .case_leftTitle h3{margin:5% 0;line-height: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .con_caseDetails_box{padding-top: 40px;} } @media screen and (max-width:480px){ .nav_icon{width: 28px;} .nav_icon i{margin-bottom: 6px;top: calc(50% - 10.5px);} .header .nav ul li{line-height: 44px;} .header .nav ul li dl dd{height: 34px;line-height: 34px;} .header .logo_black{height: 24px;} .header .logo{padding:12px 0;} .header .nav{top:48px;} .banner, .case_img,.banners{margin-top: 48px;} .bannerTexts h2{font-size: 18px;margin:30px 0 40px;} .number strong{font-size: 28px;} .number,.about_one h2{font-size: 14px;} dl.dlOne dd{font-size: 12px;} dl.dlOne dd::before{width: 20px;} .bannerTexts h3{font-size: 12px;padding-bottom: 8px;} .videoText .videoText_box span, .bannerTexts span,.home_one .one_left a, a.btn_red, .lately_img_text span,.btns_one,.btns_one,#submit,.programme_title a{width: 80px;height: 30px;line-height: 30px;font-size: 10px;} .bannerTexts h2 img{height: 24px;} /* .bannerTexts h2 img{width: 26px;} */ .bannerTexts h2::after{margin-left: 8px;height: 23px;} .banner_right{width: 145px;} .home_titles h3{font-size: 20px;} .home_one .one_left p{font-size: 12px;line-height: 22px;} .two_box .twoBox{width: 100% !important;height: 150px !important;margin-bottom: 12px;} .two_box .twoBox img{width: 100% !important;height:auto !important;min-height: 100%;} .two_box_bottom, .two_box_bottom_left .twoBox:nth-child(2)~div,.two_box_bottom_right .twoBox{margin-top: 0;} .btns_one{margin-top: 5%;} .videoText .videoText_box{-webkit-background-size: 200px;background-size: 200px;} .videoText .videoText_box p{font-size: 20px;margin:20px 0;} .videoText .videoText_box h3,.home_three .three_left p,.footer_top .logos p{font-size: 16px;} .input_top input{width: 100%;float:none;height: 38px;line-height: 38px;font-size: 12px;box-sizing: border-box;} .input_top input:first-child{margin-bottom: 4%;} .input_bottom textarea{height: 120px;font-size: 12px;} .footer_top .logos img.logo_footer{width: 110px;} .footer_top .logos p{margin:10px 0;} .footer_top .logos img.logo_footer{padding-bottom: 10px;} .footer_bottom{height:auto;text-align: center;padding:10px 0;} .footer_bottom p{width: 100%;line-height: 22px;} #video .video_box{width: 90%;height: 240px;margin-top: 240px;} #map .map_box{width: 100%;height: 100%;box-sizing:border-box;margin-top: 0;} #map{z-index: 1500;} #close{top:0;background-color: rgba(0,0,0,.6);} .banners .banners_text h3{font-size: 22px;} .banners .banners_text p{padding-top: 10px;} .page_nav dl dd,.programmeList_nav,.programmeList_navBox .btn,.programmeDetails_nav{height: 40px;line-height: 40px;} .about_two ul li img{height: 28px;margin-bottom: 10px;} .about_two ul li h3{font-size: 26px;} .about_one h2::before{width: 30px;margin-right: 10px;} .about_four h3{font-size: 14px;padding-bottom: 16px;} .about_four h3::after{width: 80px;left:calc(50% - 40px);} .space_one .one_right h3{font-size: 16px;line-height: 26px;} .space_one .one_right .text{line-height: 24px;padding-left: 45px;} .space_one .one_right .text::before, .space_one .one_right h2::after{width: 30px;} .space_two .two_left p{line-height: 24px;} .space_four p::before{width: 35px;} .exhibition_one ul li .liBox{padding-left: 20px;} .exhibition_one ul li:nth-child(2n) .liBox{padding-right: 20px;} .exhibition_one ul li h6,ul.programme_box li h4{font-size: 14px;} .exhibition_one ul li h6::before{width: 40px;margin-top: 5.5px;} .programmeList_navBox dl dd:not(:last-child)::before{height: 10px;top:15px;} .programmeList_navBox{width: 80%;} .programmeList_navBox dl dd.cur::after{bottom:5px;} .programmeDetails_one .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;} .news_box .text h4{padding-top: 10px;} .news_box .text h3,.newsDetails_title h3{font-size:16px;} .news_box .text p{line-height: 22px;} .news_box .text{padding-left: 15px;} .newsDetails_text{line-height: 24px !important;} .newsDetails_title h4{padding-top: 10px;} .prev_next{margin-top: 15px;} .prev_next a.a_btn{width: 70px;height: 30px;line-height: 30px;} .service_box ul li{font-size: 18px;padding-left: 5px;} .service_box ul li .liText p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .service_box ul li h3 span{max-width: 300px;} .contact_title h2{font-size: 40px;} .contact_box ul li p{margin-top: 12px;} .contact_box ul li p span{font-size: 14px;} .contact_box ul li h3{font-size: 16px;} .contact_box ul li p strong{padding-left: 25px;} .home_one .one_right::before,.programmeDetails_one .btn, .case_img .btn,.four_bottm span{display: none;} .lately_img_text h5{font-size: 18px;} a.btns_one::before,.videoText .videoText_box span::before,.home_one .one_left a::before,.bannerTexts span::before,a.btn_red::before{bottom:0;} a.btns_one::after,.videoText .videoText_box span::after,.home_one .one_left a::after,.bannerTexts span::after,a.btn_red::after{top:0;} a.btns_one{border-color:#c5262a;} ul.programme_box li h3{font-size: 14px;padding:0 10px;height: 30px;line-height: 30px;} .news_box .img .date{left:0;top:0;} .home_titles h4{font-size:16px;} .home_titles h3{font-size:18px;} } @media screen and (max-width:400px){ .header .nav ul li{line-height: 44px;} .videoText .videoText_box{-webkit-background-size: 180px;background-size: 180px;} .videoText::before, .videoText::after{width: 60px;} .videoText .videoText_box p{font-size: 18px;} .videoText .videoText_box h3,.home_three .three_left p,.footer_top .logos p,.programmeDetails_one .one_right span,.lately_img_text p{font-size: 14px;} .weChat_qq .qr_code{margin-top: 10px;} .footer_bottom{padding:6px 0;} .footer_bottom p{line-height: 20px;} .four_bottm .btns_one{margin:0 20px;} #close, #videoClose, #allimgClose{width: 30px;height: 30px;} .page_nav dl dd a,.programmeList_navBox dl dd a,.programmeDetails_nav dl dd a,.prev_next a span{font-size:12px;} .about_two ul li h3{font-size: 22px;} .about_two ul li img{height: 26px;} .about_four h3{font-size: 12px;padding-bottom: 14px;} .about_four h3::after{width: 60px;left:calc(50% - 30px);} .space_one .one_right .text{margin-top: 5px;} .programme_title h3,.programmeList_box_title h3,.programmeDetails_one h3,.recommend h3,.con_caseDetails h3{font-size: 16px;} .programmeList_box ul li h3{font-size: 14px;padding:8px 0 5px;} .programmeList_box ul li p,.service_box ul li h3 em{font-size: 12px;} .programmeDetails_one .btn, .case_img .btn{left:10px;} .programmeDetails_one .btn.swiper-next, .case_img .btn.swiper-next{right:10px;} .recommend h3 span{font-size: 12px;padding-top: 5px;} .con_caseDetails h3{margin-bottom: 15px;} .news_box .text{padding-left: 10px;} .news_box .text p{margin:15px 0;} .news_box .img .date{width: 50px;height: 50px;} .news_box .img .date p{padding-top: 8px;font-size: 12px;} .news_box .img .date p span{font-size: 18px;} .newsDetails_text{padding:15px 0;} .prev_next{margin-top: 10px;} .service_title strong{font-size: 32px;} .service_title p{line-height: 32px;font-size: 16px;} .service_box ul li{font-size: 16px;height: 55px;line-height: 55px;} .service_box ul li strong{-webkit-background-size: 20px;background-size: 20px;} .service_box ul li h3 span{max-width: 290px;} .service_box ul li h3 em{padding-top: 5px;} .programmeList_navBox dl dd.cur::after{height: 1px;bottom:8px;} .case_img .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px;} .lately_img_text h5{font-size: 16px;} ul.programme_box li h3{height: 26px;line-height: 26px;} .con_caseDetails_box{padding-top: 30px;} .home_titles h4{font-size:14px;} .home_titles h3{font-size:16px;} } @media screen and (max-width:375px){ .header .nav ul li{line-height: 35px;} .header .nav ul li dl dd{height: 30px;line-height: 30px;} .number strong{font-size: 20px;} .number,.four_box ul li p,.home_three .three_left p{font-size: 12px;} .home_titles h3,.news_lately h3{font-size: 16px;} .home_one .one_left p{margin-top: 10px;} .videoText::before, .videoText::after{width: 40px;} .videoText .videoText_box p{font-size: 16px;} .videoText .videoText_box{-webkit-background-size: 160px;background-size: 160px;} .four_box ul li h3{font-size: 14px;padding:10px 0 8px;} .banners .banners_text h3{font-size: 20px;} .idea_one .ideaBox h2, .idea_one .ideaBox h3,.exhibition_one ul li p,.case_img .case_leftTitle h3{font-size: 14px;} .about_one p, .about_three p,.space_one .one_right .text,.space_two .two_left p,.space_three .three_right .text p,.space_four p,.space_five .five_top .text,.space_five .five_bottom .text,.idea_one .ideaBox p,.space_three .three_right .text, ul.programme_box li p,.programmeList_box_title p, .programmeDetails_one p, .con_caseDetails p,.newsDetails_text{font-size: 12px !important;line-height: 22px !important;} .exhibition_one ul li h6{font-size: 12px;left:-75px;} .exhibition_one ul li:nth-child(2n) .liBox h6{right:-75px;} .space_four p::before{width: 20px;} .programmeDetails_one .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;} /*.news_lately .news_lately_img dd{height: 200px;}*/ .service_box ul li{height: 50px;line-height: 50px;} .home_titles h3{font-size:14px;} } @media screen and (max-width:320px){ .page_nav dl dd{margin:0 5px;} .space_one .one_right h2,.news_box .text h3,.service_box ul li{font-size: 14px;} .space_one .one_right h2::after{margin-top: 5.5px;} .space_one .one_right h3{font-size: 14px;line-height: 24px;} .news_box .text p{margin:5px 0 8px;} .news_box .text h4{padding-top: 5px;} .service_box ul li{height:46px;line-height: 46px;} .service_box ul li h3 span{max-width: 240px;} .contact_title h2{font-size: 30px;} .header .nav ul li{line-height: 30px;} .header .nav ul li dl dd{height: 24px;line-height: 24px;} }