/* font */ @import url(../font/FF DIN Pro Black/fonts.css); @import url(../font/FF DIN Pro Black Italic/fonts.css); @import url(../font/FF DIN Pro Bold/fonts.css); @import url(../font/FF DIN Pro Bold Italic/fonts.css); @import url(../font/FF DIN Pro Cond Black/fonts.css); @import url(../font/FF DIN Pro Cond Black Italic/fonts.css); @import url(../font/FF DIN Pro Cond Bold/fonts.css); @import url(../font/FF DIN Pro Cond Bold Italic/fonts.css); @import url(../font/FF DIN Pro Cond ExtraLight/fonts.css); @import url(../font/FF DIN Pro Cond ExtraLight Italic/fonts.css); @import url(../font/FF DIN Pro Cond Italic/fonts.css); @import url(../font/FF DIN Pro Cond Light/fonts.css); @import url(../font/FF DIN Pro Cond Light Italic/fonts.css); @import url(../font/FF DIN Pro Cond Medium/fonts.css); @import url(../font/FF DIN Pro Cond Medium Italic/fonts.css); @import url(../font/FF DIN Pro Cond Regular/fonts.css); @import url(../font/FF DIN Pro Cond Thin/fonts.css); @import url(../font/FF DIN Pro Cond Thin Italic/fonts.css); @import url(../font/FF DIN Pro ExtraLight/fonts.css); @import url(../font/FF DIN Pro ExtraLight Italic/fonts.css); @import url(../font/FF DIN Pro Light/fonts.css); @import url(../font/FF DIN Pro Light Italic/fonts.css); @import url(../font/FF DIN Pro Medium/fonts.css); @import url(../font/FF DIN Pro Medium Italic/fonts.css); @import url(../font/FF Din Pro Regular/fonts.css); @import url(../font/FF DIN Pro Regular Italic/fonts.css); @import url(../font/FF DIN Pro Thin/fonts.css); @import url(../font/FF DIN Pro Thin Italic/fonts.css); @import url(../font/HYQiHeiX1-35W/fonts.css); @import url(../font/HYQiHeiX1-45W/fonts.css); @import url(../font/HYQiHeiX1-55W/fonts.css); @import url(../font/HYQiHeiX1-65W/fonts.css); @import url(../font/HYQiHeiX1-75W/fonts.css); @import url(../font/HYQiHeiX1-85W/fonts.css); @import url(../font/HYQiHeiX1-95W/fonts.css); @import url(../font/MarkPro-Bold/fonts.css); @import url(../font/MarkPro-Medium/fonts.css); @import url(../font/SourceHanSansCN-Bold/fonts.css); @import url(../font/SourceHanSansCN-ExtraLight/fonts.css); @import url(../font/SourceHanSansCN-Heavy/fonts.css); @import url(../font/SourceHanSansCN-Light/fonts.css); @import url(../font/SourceHanSansCN-Medium/fonts.css); @import url(../font/SourceHanSansCN-Normal/fonts.css); @import url(../font/SourceHanSansCN-Regular/fonts.css); /* //弹层 */ /* body{ width: 100%; height: 100%; overflow: hidden; } */ .demo{ width: 200px; margin-left: auto; margin-right: auto; margin-top: 100px; } .demo a{ padding-left: 10px; padding-right: 10px; line-height: 30px; border: 1px solid #3A3A3A; display: inline-block; margin-left: 10px; margin-right: 10px; text-decoration: none; }.demo a:hover{ background-color:#BDF7F8; } .header{text-align: center;line-height: 30px} .item { max-width: 65%; padding: 1em; background: #eee; display: none; position: relative; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 3px; color: #000; } .item-close { cursor: pointer; right: 5px; top: 5px; position: absolute; background: #222; color: #fff; border-radius: 100%; font-size: 14px; height: 24px; line-height: 22px; text-align: center; width: 24px; } .container { margin: 150px auto; max-width: 960px; text-align: center; } /* CSS Document */ html {font: 14px "HYQiHeiX1-45W","FF DIN Pro Medium";color: #4c4c4c;} body{margin: 0;background:#fff;font-family: "HYQiHeiX1-45W","FF DIN Pro Medium" !important;color: #4c4c4c;} div,/*ul,li,ol,*/dt,dd,dl,p,h1,h2,h3,h4,h5,h6,img,input{ margin:0; padding:0; font-weight:normal; font:inherit; } ul, li,ol { margin:0; list-style:none; padding:0;} form { margin:0; padding:0; } img {border:none;} input,textarea,select {font-family: "HYQiHeiX1-45W","FF DIN Pro Medium" !important;} input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } a {text-decoration:none !important;} a:focus, a:hover, a:active {outline: none; } br {width:100%; clear:both;} p { /*line-height:18px;*/ font-family: "HYQiHeiX1-45W","FF DIN Pro Medium" !important;color: #4c4c4c;} h1,h2,h3,h4,h5,h6,h7 { font-family: "HYQiHeiX1-45W","FF DIN Pro Medium" !important;font-weight:bold; } .t_left{text-align: left;} .t_right{text-align: right;} .t_center{text-align: center;} .fl{float:left !important;} .fr{float:right !important;} .nopaddinglr{padding-left: 0;padding-right: 0;} .clear{clear: both;} .transontion{transform:rotate(90deg);} .clearfix:after,.clearfix:before{content: '';clear: both;} .greybg{background-color: #e6e6e6;} /* public */ .wrap{position: relative;} .header{position: fixed;top: 0;left: 0;width: 100%;height: 60px;background-color: rgba(255,255,255,0.9);z-index: 100;border-top:1px #e6e6e6 solid;} .wrapmain{width: 1280px;margin: 0 auto;display: block;position: relative;} .wrapmain .row{margin-left: 0;margin-right: 0;} .header .logo{height: 53px;margin: 4px 0 3px 10px;float: left;position: relative;} .header .logo img{ /* height: 25px; */ display: block;position: relative; /* margin: 13px 0 5px; */ } .footer{position: relative;background: url(../images/index/foot/foot_bg.jpg) center no-repeat;background-size: cover; /* height: 476px; */ height: 560px; } .footer .foot_left h4{font-size: 31px;color: #fff;padding:88px 0 45px;} .footer .foot_mail,.footer .foot_service{margin-bottom: 38px;position: relative;} .footer .foot_address{margin-bottom: 27px;position: relative;} .footer .foot_mail h5,.foot_service h5,.foot_address h5{font-size: 14px;color: #fff;font-weight: 400;margin: 0 0 15px;} .footer .foot_mail p,.foot_service p,.foot_address p{font-size: 14px;color: #fff;line-height: 1.8;} .footer .foot_right{position: relative;} .footer .footmenu{ /* position: relative;padding:437px 0 0;right: 0;overflow: hidden;width: 252px; */ position: absolute; padding: 437px 0 0; left: 0; overflow: hidden; width: 252px; bottom: 0; } .footer .footmenu .footmenu_btn{width: 213px;float: left;line-height: 39px;text-align: center;font-size: 14px;color: #fff;height: 39px;background-color: #F94616;} .footer .footmenu .backtotop{width: 38px;float: left;line-height: 39px;text-align: center;border-left:1px #333 solid;font-size: 14px;color: #fff;height: 39px;background-color: #F94616;} .footmenu .footmenu_btn:hover .foot_themenu{display: block;} .footer .footmenu ul{position: absolute;top: 242px;width: 213px;left: 0;background-color: rgba(255,255,255,0.9);display: none;} .footer .footmenu ul li{position: relative;overflow: hidden;width: 213px;} .footer .footmenu ul li a{display: block;font-size: 14px;text-align: center;color: #000;line-height: 39px;;} .footer .footmenu ul li a:hover{background-color: #F94616;color: #fff;} .nobgfoot{background-image: none;background-color: #111;height: 360px;padding: 70px 0;} .footlist{width: 187px;float: left;position: relative;padding: 0 0 0 20px;border-left: 1px #666 solid;} .footlist h5{color: #666;font-size: 14px;padding: 0 0 60px;} .footlist ul{position: relative;} .footlist ul li{display: block;margin:0 0 8px;position: relative;} .footlist ul li:last-child{margin: 0;} .footlist ul li a{color: #666;font-size: 14px;display: block;} .footlist ul li a:hover{color: #F94616;} .QRcode{float: right;position: relative;overflow: hidden;width: 200px;padding:0;} .QRcode img{width: 128px;display: block;margin: 0 auto 10px;} .QRcode p{font-size: 14px;text-align: center;1.4;color: #666;} .copyright{background-color: #000;height: 60px;position: relative;} .copyright img{float: left;display: block;float: left;margin: 19px 0;width: 105px;} .copyright .copyrightTips{float: right;color: #f94616;font-size: 14px;line-height: 60px;} .copyicon{display: block;margin: 0 0 0 -150px;z-index: 9;position: absolute;width: 300px;height: 60px;left: 50%;} .copyicon ul{overflow: hidden;position: relative;} .copyicon ul li{float: left;} .copyicon ul li a{display: block;height: 60px;width: 60px;background-repeat: no-repeat;background-position: center;} .copyicon .logo_message{background-image: url(../images/about/f_message.png);} .copyicon .logo_whatsapp{background-image: url(../images/about/f_whatsapp.png);} .copyicon .logo_weibo{background-image: url(../images/about/f_weibo.png);} /* menu */ .Headermenu{position: relative;float: right;} .Headermenu ul{padding: 0;margin: 0;} .Headermenu ul li{width: 167px;position: relative;float: left;display: flex;} .Headermenu ul li .leftDiver{width: 0;border-left: 1px #ccc solid;height: 14px;margin: 23px 0;float: left;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;} .Headermenu ul li a{font-size: 17px;color: #000;display: block;text-align: center;height: 60px;line-height: 60px;flex: 1;} .Headermenu ul li .submenu{width: 335px;position: absolute;top: 59px;display:none;} .Headermenu ul li .submenu li{width: 100%;display: block;background-color: #fff;} .Headermenu ul li .submenu li a{display: block;font-size: 15px;line-height: 40px;padding: 0 20px;text-align: left;color: #000;height:40px;} .Headermenu ul li .submenu li:hover,.submenuOn{background-color: #F94616 !important;} .Headermenu ul li .submenu li:hover a,.submenuOn a{color: #fff !important;} .Headermenu ul li.subOn,.Headermenu ul li:hover{background-color: #f94616;} .Headermenu ul li.subOn a,.Headermenu ul li:hover a{color: #fff;} .Headermenu ul li.subOn a .leftDiver,.Headermenu ul li:hover a .leftDiver{border-color: #f94616;} .Headermenu ul li:hover .submenu{display: block;} /* banner */ .banner{position: relative;} .banner .banner_bgpart{z-index: 0;height:auto;position: relative;width: 100%;} .banner .banner_bgpart01{top: 60px;position: absolute;} .banner .banner_bgpart02{top: 60px;position: absolute;} .banner .banner_bgpart03{top: 60px;position: absolute;left: 45%;} .banner .banner_bgpart04{top: 60px;position: absolute;} .banner .aboutimg,.banner .joinus,.banner .contactus,.product_banner,.project_banner{background-image: url(../images/about/banner.jpg);background-position: center;background-repeat: no-repeat; /* height: 700px; */ height: 500px; display: block;width: 100%;background-size: cover;position: relative;} .banner .joinus{background-image: url(../images/joinus/banner.jpg);} .banner .contactus{background-image: url(../images/contact/banner.jpg);} .banner .product_banner{background-image: url(../images/product/banner.jpg);} .banner .project_banner{background-image: url(../images/project/banner.jpg);} .joinbanner_text{line-height: 700px;margin:-25px 0 0 -510.5px;position: absolute;top: 0;left:50%;top:50%;} .contactbanner_text{line-height: 700px;margin:-58.5px 0 0 -552.5px;position: absolute;top: 0;left:50%;top:50%;} .productbanner_text{line-height: 700px;margin:0 0 0 -510.5px;position: absolute;top: 0;left:0;top:50%;} .banner .swiper-pagination .swiper-pagination-bullet{background-color: transparent;border: 1px #F94616 solid;} .banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #F94616;border: 1px #F94616 solid;} /* firstpart */ .indfirstpart{background-color: #e6e6e6;position: relative;} .indfirstpart .probox{position: relative;} .indfirstpart .probox .producticon01, .indfirstpart .probox .producticon02, .indfirstpart .probox .producticon03, .indfirstpart .probox .producticon04{ background-image: url(../images/index/product/product01.png); background-position: center bottom; background-repeat: no-repeat; height: 146px; display: block; } .indfirstpart .probox .producticon02{background-image: url(../images/index/product/product02.png);} .indfirstpart .probox .producticon03{background-image: url(../images/index/product/product03.png);} .indfirstpart .probox .producticon04{background-image: url(../images/index/product/product04.png);} .indfirstpart .probox .smalldiver{display: block;width:15px;height: 0;border-bottom: 1px #f94616 solid;padding: 0;margin: 54px auto 29px;} .indfirstpart .probox h5{font-size: 14px;color: #000;text-align: center;line-height:1.4;margin: 0 0 61px;padding: 0; height: 35px; } .indfirstpart .probox p{font-size: 13px;color: #666;text-align: center;line-height: 1.4;margin: 0 0 10px;padding: 0;height: 180px;} .indfirstpart div .row a{ border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .indfirstpart div .row a:last-child{ /* border-right: none; */ } .indfirstpart .probox:hover,.proboxOn{background-color: #f94616;} .indfirstpart .probox:hover .producticon01,.indfirstpart .proboxOn .producticon01{background-image: url(../images/index/product/product01_hover.png) !important;} .indfirstpart .probox:hover .producticon02,.indfirstpart .proboxOn .producticon02{background-image: url(../images/index/product/product02_hover.png) !important;} .indfirstpart .probox:hover .producticon03,.indfirstpart .proboxOn .producticon03{background-image: url(../images/index/product/product03_hover.png) !important;} .indfirstpart .probox:hover .producticon04,.indfirstpart .proboxOn .producticon04{background-image: url(../images/index/product/product04_hover.png) !important;} .indfirstpart .probox:hover .smalldiver,.indfirstpart .proboxOn .smalldiver{border-color: #fff;} .indfirstpart .probox:hover h5,.indfirstpart .probox:hover p,.indfirstpart .proboxOn h5,.indfirstpart .proboxOn p{color: #fff;} /* indsecondpart */ .indsecondpart{position: relative;} .indsecondpart .ind_sectil{font-size: 51px;padding: 129px 0 52px;color: #000;} .indsecondpart .ind_sectil img{display: inline-block;width: 32px;margin: -16px 0 0 25px;} .indsecondpart .probox01, .indsecondpart .probox03, .indsecondpart .probox05, .indsecondpart .probox07{ background-image: url(../images/index/place01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 427px; position: relative; } .indsecondpart .probox03{background-image: url(../images/index/place02.jpg);} .indsecondpart .probox05{background-image: url(../images/index/place03.jpg);} .indsecondpart .probox07{background-image: url(../images/index/place04.jpg);} .indsecondpart .probox09{background-image: url(../images/index/ind_more.png); background-position: center; background-repeat: no-repeat; height: 427px; background-color: #e6e6e6; } .promask{width: 100%;height: 100%;position: absolute;left: 0;border: 4px transparent solid;} .indsecondpart .probox02, .indsecondpart .probox04, .indsecondpart .probox06, .indsecondpart .probox08{ padding: 61px 61px 0; } .indsecondpart .tri_left, .indsecondpart .tri_right, .indsecondpart .tri_up{ background-image: url(../images/index/tri_left.png); background-position: left bottom; background-repeat: no-repeat; height: 33px; } .indsecondpart .tri_right{background-image: url(../images/index/tri_right.png);} .indsecondpart .tri_up{background-image: url(../images/index/tri_up.png);background-position: right bottom;} .indsecondpart .proboxFir{color: #f94616;font-size: 14px;margin: 16px 0 48px;} .indsecondpart .proboxSec{color: #000;font-size: 14px;margin: 0;height: 94px;} .indsecondpart p{font-size: 14px;color: #666;line-height: 1.8;} .indsecondpart .Geton .promask, .indsecondpart .probox01:hover .promask, .indsecondpart .probox03:hover .promask, .indsecondpart .probox05:hover .promask, .indsecondpart .probox07:hover .promask{ border-color:#f94616; } .indsecondpart .probox09:hover{ border-color:#f94616; background-color: #f94616; background-image: url(../images/index/ind_more_hover.png); } .indsecondpart .col-md-4:hover .tri_right{background-image: url(../images/index/tri_right_hover.png);} .indsecondpart .col-md-4:hover .tri_left{background-image: url(../images/index/tri_left_hover.png);} .indsecondpart .col-md-4:hover .tri_up{background-image: url(../images/index/tri_up_hover.png);} .indsecondpart .probox02:hover, .indsecondpart .probox04:hover, .indsecondpart .probox06:hover, .indsecondpart .probox08:hover{ background-color: #f94616; } .indsecondpart .probox02:hover h5,.indsecondpart .probox02:hover p, .indsecondpart .probox04:hover h5,.indsecondpart .probox04:hover p, .indsecondpart .probox06:hover h5,.indsecondpart .probox06:hover p, .indsecondpart .probox08:hover h5,.indsecondpart .probox08:hover p{ color: #fff; } /* thirdpart */ .indthirdpart{background-image: url(../images/index/partner/partner_bg.jpg);background-position: left;background-repeat: no-repeat;background-size: cover;height: 950px;position: relative;} .indthirdpart .leftcircle{background-image: url(../images/index/partner/leftcircle.jpg);margin: 134px 0 144px;position: relative;background-position: center;background-repeat: no-repeat;height: 677px;float: left;width: 330px;background-size: 100%;} .indthirdpart .leftcircle h4{font-size: 51px;text-align: center;padding: 162px 0 28px;color: #fff;} .indthirdpart .leftcircle h5{font-size: 20px;text-align: center;padding: 0 0 24px;color: #fff;font-weight: 400;} .indthirdpart .leftcircle img{display: block;margin: 0 auto 35px;position: relative;padding: 70px 0 0;} .orangecircle{background-color: #eb642d;border-radius: 50%;width: 330px;height: 330px;margin-top: 15px;} .orangecircle h5{font-size: 20px;text-align: center;padding: 0 0 8px;color: #fff;font-weight: 400;} .orangecircle p{font-size: 18px;text-align: center;padding: 0;color: #fff;font-weight: 400;} .indthirdpart .rightcirclelist{position: relative;float: right;margin: 145px 0 0;width: 800px;} .indthirdpart .rightcirclelist ul{} .indthirdpart .rightcirclelist ul li{width: 150px;height: 150px;float: left;background-image: url(../images/index/partner/d_circle.png); background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items:center;justify-content:center;position: relative;margin: 5px;} .indthirdpart .rightcirclelist ul li a{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items:center;justify-content:center;} .indthirdpart .rightcirclelist ul li img{max-height: 150px;max-width: 150px;margin:0 auto;display: block;line-height: 212px;position: relative;} .indthirdpart .rightcirclelist ul li:hover{background-image: url(../images/index/partner/h_circle.png);} /* fourpart */ .fourpart{position: relative;} .fourpart .ind_aboutTop{margin: 143px 0 92px;position: relative;} .fourpart .ind_aboutTop h3{font-size: 51px;color: #000;text-align: center;margin: 0 0 64px;} .fourpart .ind_aboutTop p{font-size: 14px;color: #666;text-align: center;} .fourpart .middleIcon{margin: 0 auto 70px;display: block;position: relative;} .fourpart .probox{height: 210px;border-left:1px #ccc solid;position: relative;padding: 0 43px;} .fourpart .probox h5{font-size: 14px;color: #000;margin: 0 0 71px;} .fourpart .probox p{font-size: 14px;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow : hidden;word-break: break-all;} .floorLogo{margin: 65px 0 -37px; /* height:75px; */ height:120px; position: relative;background-color: #fff;z-index: 9;} .floorLogo .thelogo{background-position: center;height: 75px;background-repeat: no-repeat;padding: 10px 0;cursor: pointer;} .logo_message{background-image: url(../images/index/foot/n_message.png);} .logo_whatsapp{background-image: url(../images/index/foot/n_whatsapp.png);} .logo_weibo{background-image: url(../images/index/foot/n_weibo.png);} .logo_wechat{background-image: url(../images/index/foot/n_wechat.png);} .floorLogo .col-md-3:hover .logo_message{background-image: url(../images/index/foot/h_message.png);} .floorLogo .col-md-3:hover .logo_whatsapp{background-image: url(../images/index/foot/h_whatsapp.png);} .floorLogo .col-md-3:hover .logo_weibo{background-image: url(../images/index/foot/h_weibo.png);} .floorLogo .col-md-3:hover .logo_wechat{background-image: url(../images/index/foot/h_wechat.png);} .jumptips{background-position: center;background-image: url(../images/index/foot/hoverBg.png);background-repeat: no-repeat;height: 57px;width: 248px;position: absolute;top: -46px;right: 15px;color:#fff;text-align: center;padding:0;line-height: 38px;display: none;} .wechatbg{background-image: url(../images/wxgzh.jpg);height: 236px;width: 220px;top: -224px;right: 28px;} .floorLogo .col-md-3:hover .logo_message + .jumptips{display: block;} .floorLogo .col-md-3:hover .logo_whatsapp + .jumptips{display: block;} .floorLogo .col-md-3:hover .logo_weibo + .jumptips{display: block;} .floorLogo .col-md-3:hover .logo_wechat + .jumptips{display: block;} /* aboutus */ .leftMenu{width: 299px;position: relative;height: 100%;float: left;} /* .leftMenu ul{padding:161px 0 0;margin: 0;} */ .leftMenu ul{padding:20px 0 0;margin: 0;} .leftMenu ul li{position: relative;width: 120px;margin: 0 auto;} .leftMenu ul li .themenulogo{background-position: center bottom;background-repeat: no-repeat;width: 120px;height: 110px;display:block} .aboutus{background-image: url(../images/about/d_about.png);height: 100px !important;margin: 0 auto 0;} /* .aboutmission{background-image: url(../images/about/d_mission.png);height: 120px !important;margin: 85px auto 0;} */ .aboutmission{background-image: url(../images/about/d_mission.png);height: 100px !important;margin: 0px auto 0;} /* .abouthistory{background-image: url(../images/about/d_development.png);height: 120px !important;margin: 62px auto 0;} .aboutnews{background-image: url(../images/about/d_news.png);height: 120px !important;margin: 62px auto 0;} */ .abouthistory{background-image: url(../images/about/d_development.png);height: 100px !important;margin: 0 auto 0;} .aboutnews{background-image: url(../images/about/d_news.png);height: 100px !important;margin: 0 auto 0;} .producticon01_en{background-image: url(../images/about/d_about_en.png);} .producticon02_en{background-image: url(../images/about/d_mission_en.png);} .producticon03_en{background-image: url(../images/about/d_development_en.png);} .producticon04_en{background-image: url(../images/about/d_news_en.png);border-right: none;} .aboutus_en{background-image: url(../images/about/d_about_en.png);height: 100px !important;margin: 0 auto 0;} .aboutmission_en{background-image: url(../images/about/d_mission_en.png);height: 105px !important;margin: 12px auto 0;} .abouthistory_en{background-image: url(../images/about/d_development_en.png);height: 105px !important;margin: 12px auto 0;} .aboutnews_en{background-image: url(../images/about/d_news_en.png);height: 100px !important;margin: 0px auto 0;} .producticon06_en{background-image: url(../images/about/d_6_en.png);} .producticon07_en{background-image: url(../images/about/d_7_en.png);} .producticon08_en{background-image: url(../images/about/d_8_en.png);} .producticon06_zh{background-image: url(../images/about/d_6_zh.png);} .producticon07_zh{background-image: url(../images/about/d_7_zh.png);} .producticon08_zh{background-image: url(../images/about/d_8_zh.png);} .leftMenu ul li:hover .aboutus,.aboutOn .aboutus{background-image: url(../images/about/h_about.png);} .leftMenu ul li:hover .aboutmission,.aboutOn .aboutmission{background-image: url(../images/about/h_mission.png);} .leftMenu ul li:hover .abouthistory,.aboutOn .abouthistory{background-image: url(../images/about/h_development.png);} .leftMenu ul li:hover .aboutnews,.aboutOn .aboutnews{background-image: url(../images/about/h_news.png);} .leftMenu ul li:hover .producticon06_zh,.aboutOn .producticon06_zh{background-image: url(../images/about/h_6_zh.png);} .leftMenu ul li:hover .producticon07_zh,.aboutOn .producticon07_zh{background-image: url(../images/about/h_7_zh.png);} .leftMenu ul li:hover .aboutus_en,.aboutOn .aboutus_en{background-image: url(../images/about/h_about_en.png);} .leftMenu ul li:hover .aboutmission_en,.aboutOn .aboutmission_en{background-image: url(../images/about/h_mission_en.png);} .leftMenu ul li:hover .abouthistory_en,.aboutOn .abouthistory_en{background-image: url(../images/about/h_development_en.png);} .leftMenu ul li:hover .aboutnews_en,.aboutOn .aboutnews_en{background-image: url(../images/about/h_news_en.png);} .leftMenu ul li:hover .producticon01_en,.aboutOn .producticon01_en{background-image: url(../images/about/h_about_en.png);} .leftMenu ul li:hover .producticon02_en,.aboutOn .producticon02_en{background-image: url(../images/about/h_mission_en.png);} .leftMenu ul li:hover .producticon03_en,.aboutOn .producticon03_en{background-image: url(../images/about/h_development_en.png);} .leftMenu ul li:hover .producticon04_en,.aboutOn .producticon04_en{background-image: url(../images/about/h_news_en.png);} .leftMenu ul li:hover .producticon06_en,.aboutOn .producticon06_en{background-image: url(../images/about/h_6_en.png);} .leftMenu ul li:hover .producticon07_en,.aboutOn .producticon07_en{background-image: url(../images/about/h_7_en.png);} .rightPagecon{width: 980px;position: relative;float: right;border-left: 1px #ccc solid;padding: 0 0 330px;} /* .tagbar{padding: 41px 0 0 120px;position: relative;} */ .tagbar{padding: 41px 0 0 30px;position: relative;} .tagbar span{font-size: 14px;color: #666;float: left;} .tagbar img{margin: 2px 10px 0;float: left;height: 14px;} /* .pageCon{position: relative;margin: 100px 0 0;} */ .pageCon{position: relative;margin: 30px 0 0;} /* .pageCon h1{font-size: 51px;color: #000;padding: 0 0 120px 126px;} */ .pageCon h1{font-size: 51px;color: #000;padding: 0 0 30px 126px;} .pageList,.a_developpage{position: relative;padding: 0 0 0 96px;width: 533px;} /* .pageList ul li{position: relative;overflow: hidden;margin: 0 0 76px;display: flex;align-items: baseline;} */ .pageList ul li{position: relative;overflow: hidden;margin: 0 0 30px;display: flex;align-items: baseline;} .pageList ul li .about_smallPoint{width: 11px;height:11px;display: inline-block;position: relative;margin: 1.4px 19px 0 0;} .pageList ul li .pageBlock{position: relative;padding: 0;margin: 0;overflow: hidden;flex: 1;} .pageList ul li .pageBlock h5{font-size: 14px;color: #000;font-weight: 400;margin: -1px 0 33px;} .pageList ul li .pageBlock p{font-size: 14px;color: #666;margin: 0 0 33px;} .aboutus_bg{position: absolute; /* top: 324px; */ top: 15px; right: -30px;width: 345px;} .aboutus_bg img{width: 100%;} .rightLogo,.lefttLogo{display: block;margin:40px 0 0;position: absolute;right: 126px;} .lefttLogo{right: auto;left: 126px;} /* develop */ .transform_active{ transform: translateY(-520px); } .a_developpage{width: 640px;float: left;} .about_developbg{position: absolute;top: 0px;left: 96px;} .a_developpage .about_smallPoint{width: 11px;height:11px;display: inline-block;position: absolute;margin: 0 19px 0 0;top: 145px;} .developCon{position: relative;} .developCon h1{font-size: 98px;color: #000;padding: 75px 0 0 30px;line-height: 0.85;} .developCon h5{font-size: 14px;color: #000;padding: 20px 0 82px 60px;line-height: 1.8;} .developCon p{font-size: 14px;color: #666;padding: 0 0 0 60px;line-height: 1.8;} .rightslideMenu{width: 420px;z-index: 9;position: absolute;right: 0;top: 248px;} .rightslideMenu .up_btn,.rightslideMenu .down_btn{position: absolute;display: block;right: 37px;top: 39px;cursor: pointer;} .rightslideMenu .down_btn{bottom: 39px;top: auto;} .rightslideMenu .up_btn img{transform: rotate(-90deg);float: right;position: relative;} .rightslideMenu .down_btn img{transform: rotate(90deg);float: right;position: relative;} .rightslideMenu ul{position: relative;margin: 102px 0;height: 545px;overflow: hidden;} .rightslideMenu ul li{position: relative;border-right:1px #ccc solid;padding: 0 0 80px;margin: 0 41px 0 0;clear: both;} .rightslideMenu ul li .rightmsg{position: relative;margin: 0 0 0 0;display: flex;} .hoverCircle{right: -20px !important;top: 5px !important;display: none;z-index: 99;} .pageOn .hoverCircle{display: block;} .rightmsgCon{position: absolute;right: 39px;} .rightmsgCon h5{font-size: 14px;color: #000;font-weight: 400;padding: 0 0 0 0;text-align: right;} .rightmsgCon p{font-size: 14px;color: #000;font-weight: 400;padding: 0 0 0 0;text-align: right;} .rightmsg img{position: absolute;right: -10px;top:16px;align-items: center;justify-content:center;} /* news */ .newspage h1{padding: 0 0 71px 126px;} .pageCon .newlist{width: 810px;float: left;padding: 0 0 0 126px;} .pageCon .newlist ul{} .pageCon .newlist ul li{position: relative;border-bottom: 1px #ccc solid;} .pageCon .newlist ul li:last-child{border-bottom: none;} .pageCon .newlist ul li a{display: block;overflow: hidden;position: relative;padding: 45px 0;} .pageCon .newlist ul li .newsImg{width: 119px;height: 119px;border:1px #ccc solid;margin: 0 30px 0 0;border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%;float: left; /* filter: grayscale(100%);-webkit-filter: grayscale(100%); */ } .pageCon .newlist ul li a .newsBlock{padding: 15px 0 0;width: calc(100% - 151px);display: inline-block;float: right;} .pageCon .newlist ul li a .newsBlock h5{font-size: 14px;color: #000;line-height: 1.4;height: 42px;margin: 0 0 20px;} .pageCon .newlist ul li a .newsBlock p{font-size: 14px;color: #000;line-height: 1.2;} .pageCon .newlist ul li a:hover .newsImg{border-color:#F94616;filter: grayscale(0%);-webkit-filter: grayscale(0%);} .pageCon .newlist ul li a:hover .newsBlock h5,.pageCon .newlist ul li a:hover .newsBlock p{color: #F94616;} .news_rightmenu{width: 40px;float: right;margin: 154px 0 0;} .news_rightmenu img{display: block;margin: 0 auto;position: relative;} /* news detail */ .newDetail{padding: 41px 0 30px 126px;} .newDetail h4{font-size: 20px;color: #000;line-height: 1.4;margin-bottom: 38px;} .newDetail h5{color: #000;font-size: 14px;margin: 0 0 67px;font-weight: 400;} .newsDetailCon{position: relative;overflow: hidden;} .newsDetailCon p{font-size: 14px;color: #000;line-height: 1.8;margin: 0 0 70px;} .newsDetailCon img{margin: 0 auto 70px;display: block;max-width: 100%;;} .joinus_01{background-image: url(../images/joinus/d_01.png);height: 110px !important;margin: 0 auto 0;} .joinus_02{background-image: url(../images/joinus/d_02.png);height: 100px !important;margin: 12px auto 0;} .joinus_03{background-image: url(../images/joinus/d_03.png);height: 106px !important;margin: 12px auto 0;} .joinus_04{background-image: url(../images/joinus/d_04.png);height: 95px !important;margin: 12px auto 0;} .leftMenu ul li:hover .joinus_01,.aboutOn .joinus_01{background-image: url(../images/joinus/h_01.png);} .leftMenu ul li:hover .joinus_02,.aboutOn .joinus_02{background-image: url(../images/joinus/h_02.png);} .leftMenu ul li:hover .joinus_03,.aboutOn .joinus_03{background-image: url(../images/joinus/h_03.png);} .leftMenu ul li:hover .joinus_04,.aboutOn .joinus_04{background-image: url(../images/joinus/h_04.png);} .joinus_01_zh{background-image: url(../images/joinus/d_01_zh.png);height: 97px !important;margin: 0 auto 0;} /* .joinus_02_zh{background-image: url(../images/joinus/d_02_zh.png);height: 97px !important;margin: 85px auto 0;} .joinus_03_zh{background-image: url(../images/joinus/d_03_zh.png);height: 102px !important;margin: 62px auto 0;} .joinus_04_zh{background-image: url(../images/joinus/d_04_zh.png);height: 95px !important;margin: 62px auto 0;} */ .joinus_02_zh{background-image: url(../images/joinus/d_02_zh.png);height: 97px !important;margin: 0px auto 0;} .joinus_03_zh{background-image: url(../images/joinus/d_03_zh.png);height: 102px !important;margin: 0px auto 0;} .joinus_04_zh{background-image: url(../images/joinus/d_04_zh.png);height: 95px !important;margin: 0px auto 0;} .leftMenu ul li:hover .joinus_01_zh,.aboutOn .joinus_01_zh{background-image: url(../images/joinus/h_01_zh.png);} .leftMenu ul li:hover .joinus_02_zh,.aboutOn .joinus_02_zh{background-image: url(../images/joinus/h_02_zh.png);} .leftMenu ul li:hover .joinus_03_zh,.aboutOn .joinus_03_zh{background-image: url(../images/joinus/h_03_zh.png);} .leftMenu ul li:hover .joinus_04_zh,.aboutOn .joinus_04_zh{background-image: url(../images/joinus/h_04_zh.png);} /* pagebar */ .pagebarList{position: relative;} .pagebarList .pagebarbtn_top,.pagebarList .pagebarbtn_bot,.pagebarList .pagebarbtn{display: block;margin: 15px auto;} .pagebarList .pagebarbtn_top img{transform: rotate(-90deg);} .pagebarList .pagebarbtn_bot img{transform: rotate(90deg);} /* joinus */ .join_firstpage{} /* .join_firstpage h1{padding: 0 0 121px 126px;} */ .join_firstpage h1{padding: 0 0 60px 126px;} .join_firstpage .pageList{width: 650px;} .join_firstpage .pageList ul li{margin: 0 0 39px;} .join_firstpage .pageBlock{border-bottom: 1px #ccc solid;} .join_firstpage .pageBlock h5{font-size: 14px;margin: 0 0 30px;color: #000;} .join_firstpage .pageBlock p{font-size: 14px;color: #000;} .joinus_bg{position: absolute;top: 195px;right: 40px;width: 345px;} /* joinus corporate */ .join_secondpage{} .join_secondpage h1{padding: 0 0 88px 126px;} .joinus_corpagelist{position: relative;padding: 0 0 0 126px;} /* .joinus_corpagelist ul li{border-top: 1px #ccc solid;padding: 53px 0;} */ .joinus_corpagelist ul li{border-top: 1px #ccc solid;padding: 30px 0;} .joinus_corpagelist ul li .bigCorporateImg{float: left;width: 119px;height: 119px;position: relative;} .joinus_corpagelist ul li .bigCorporateImg span{font-size: 98px;color:#e6e6e6;position: relative;bottom:110px;text-align: center;display: block;} .joinus_corpagelist ul li .bigCorporateBlock{padding: 12px 0 0 51px;overflow: hidden;position: relative;} .bigCorporateBlock h4{font-size: 14px;color: #000;margin: 0 0 34px;} .bigCorporateBlock .corporatebox{overflow: hidden;position: relative;margin: 0 0 34px;} .bigCorporateBlock .corporatebox h5{font-size: 14px;color: #000;margin: 0 0 15px;} .bigCorporateBlock .corporatebox p{font-size: 14px;color: #000;margin: 0;line-height:1.4;} .bigCorporateBlock .corporatebox:last-child{margin: 0;} .join_applyfor{border-top: 1px #ccc solid;padding: 0 0 0 170px;} .join_applyfor h5{font-size: 14px;color: #000;margin: 92px 0 37px;} .join_applyfor p{font-size: 14px;color: #F94616;margin: 0 0 25px;line-height: 0.85;} /* joinus talent */ .join_thirdpage{} /* .join_secondpage h1{padding: 0 0 121px 126px;} */ .join_secondpage h1{padding: 0 0 10px 126px;} .join_thirdpage .pageList{width: 100%;} .join_thirdpage .pageList ul li{margin: 0;padding: 60px 0 0;} .join_thirdpage .pageList ul li .pageBlock{border-bottom: 1px #ccc solid;} .join_thirdpage .pageList ul li:last-child .pageBlock{border-bottom: none;} .join_thirdpage .pageList ul li .pageBlock h5{margin: -1px 0 56px;} .join_thirdpage .pageList ul li .pageBlock p{margin: 0 0 60px;} .join_thirdpage .pageList ul li:first-child{padding: 0;} /* joinus quickly join */ .join_fourthpage{} .join_fourthpage h1{padding: 0 0 0 126px;} .join_quicklyfirst{border-bottom: 1px #ccc solid;width: 100%;padding: 115px 0 52px 96px;overflow: hidden;} .join_quicklyfirst ul{width:50%;float: left;} .join_quicklyfirst li{margin: 0 !important;padding: 0;} .join_quicklyfirst h5{margin: -1px 0 45px !important;font-size: 13px !important;} .join_quicklyfirst .join_tridown{margin: 0 0 42px 54px;} .join_quickjoin{position: absolute;top: 111px;right: -30px;width: 345px;} .join_quicklyfirst .rightFormset{width: 46%;float: right;overflow: hidden;position: relative;margin: -114px 0 0;} .join_quicklyfirst .rightFormset img{width: 100%;display: block;position: relative;margin: 0 auto 30px;} .join_quicklyfirst .rightFormset .formMsg{overflow: hidden;position: relative;padding: 0 10px;} .formMsg p{font-size: 14px;text-align: center;color: #333;margin: 0 0 10px;} .formMsg h5{font-size: 14px;text-align: center;color: #000;font-weight: 400;margin: 0 0 40px;} .formMsg .formsetList{overflow: hidden;position: relative;margin: 0 0 10px;} .formMsg .formsetList label{width: 100px;font-size: 14px;line-height: 35px;display: inline-block;float: left;} .formMsg .formsetList input{width: calc(100% - 100px);font-size: 14px;line-height: 35px;display: inline-block;float: right;background-color: #D6D8DB;padding: 3px 10px;border:none;outline: none;} .formMsg .formsetList .formsetSubmit{display: block;width: 100%;background-color: #F94616;font-size: 16px;font-weight: 600;color: #fff;line-height: 40px;} .join_quicklysecond,.join_quicklythird{border-bottom: 1px #ccc solid;width: 100%;padding: 0 0 22px 126px;} .join_quicklysecond h2,.join_quicklythird h2{line-height: 0.85;font-size: 21px;color: #000;margin: 98px 0 40px;} .join_quicklysecond li{margin: 0 0 78px !important;padding: 0;} .join_quicklysecond li h5{margin: 0 0 34px;line-height: 0.85;} .join_quicklysecond li p,.join_quicklythird li p{color: #000 !important;margin: 0 !important;} .join_quicklythird{border-bottom: none;} .join_quicklythird li{margin: 0 0 55px !important;padding: 0;} /* contact */ .contactMenu{position: relative;} .contactbox{position: relative;overflow: hidden;margin: 0 auto;display: inline-flex;} .contactMenu a{display: block;height: 120px;text-align: center;} .contactMenu a .contactIcon01,.contactMenu a .contactIcon02{display: inline-block;height: 120px;width: 70px;background-position: center;background-repeat: no-repeat;background-image: url(../images/contact/d_contact01.png);margin: 0 30px 0 0;} .contactMenu a .contactIcon02{background-image: url(../images/contact/d_contact02.png);} .contactMenu a p{display: inline-block;font-size: 21px;color: #000;line-height: 120px;} .contactMenu a:hover,.contactOn{background-color: #F94616;} .contactMenu a:hover p,.contactOn p{color: #fff !important;} .contactMenu a:hover .contactIcon01,.contactOn .contactIcon01{background-image: url(../images/contact/h_contact01.png) !important;} .contactMenu a:hover .contactIcon02,.contactOn .contactIcon02{background-image: url(../images/contact/h_contact02.png) !important;} .contact_displaymap{margin: 85px 0 0;overflow: hidden;position: relative;padding: 0 0 221px;} .contact_displaymap .contact_mapbg{display: block;z-index: 0;width: 50%;position: relative;float: right;margin: 45px 0 0;} .contact_hoverpoint{position: absolute;z-index: 3;top: 0;left: 50%;width: 50%;height: 100%;} .contact_hoverpoint .themappoint{position: relative;} .contact_hoverpoint .themappoint img{width: 16px;height: 16px;position: absolute;opacity: 0;} .contact_hoverpoint .themappoint .hoverAlert{background: url(../images/project/gn_hover.png) 0 0 no-repeat;width: 282px;position: absolute;padding:0;height: 121px;display: none;z-index: 9;} .contact_hoverpoint .themappoint .hoverAlert p{font-size: 14px;color: #fff;padding: 20px 0 0 60px;} .contact_hoverpoint:hover .themappoint img{opacity: 1;} .contact_hoverpoint .themappoint:hover .hoverAlert{display: block;} .maptextTips{position: absolute;top: 690px;right: 0;width: 640px;z-index: 9;} .maptextTips p{font-size: 14px;color: #000;line-height: 0.85;margin: 0 0 20px;text-align: center;} .maptextTips h5{font-size: 21px;color: #000;line-height: 0.85;margin: 0;text-align: center;} .contact_form{position: absolute;top: 0;left: 0;width: 640px;background-color: rgba(255,255,255,0.9);z-index: 99;} .contact_form form{padding: 14px 130px 0 0;} .contact_form .form-group{margin: 0 0 19px;position: relative;clear: both;display: flex;align-items:center;justify-content:center;} .contact_form .form-group label{width: 159px;font-size: 14px;color: #000;} .contact_form .form-group p{width: calc(100% - 160px);display: inline-block;color: #F94616;font-size: 14px;float: left;line-height: 34px;} .contact_form .form-group input{width: 360px;background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 0 10px;line-height: 34px;border:none;color: #000;font-size: 14px;outline: none;} .contact_form .form-group textarea{width: 360px;background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 5px 10px;line-height: 1.4;border:none;color: #000;font-size: 14px;outline: none;height: 68px;resize: none;} .contact_form .form-group .contact_s_input{width: 180px;} .contact_form .form-group span{width: 180px;/*background-color: #000;*/line-height: 34px;text-align: center;color: #fff;display: inline-block;} .form_submit{position: relative;margin: 0 0 203px;overflow: hidden;position: relative;} .form_submit p{color: #000;font-size: 14px;line-height: 1.8;text-align: center;} .form_submit input{background-color: #F94616;color: #fff;font-size: 18px;border-radius: 0;display: block;border:none;height: 50px;padding: 0;line-height: 50px;width: 100%;} /* contact tel */ .contact_maptel{overflow: hidden;position: relative;} .contact_tel_formL,.contact_tel_formR{padding: 108px 0 79px 0;width: 640px;overflow: hidden;position: relative;float: left;} .contact_tel_formL .form-group{margin: 0 0 30px;position: relative;clear: both;display: flex;align-items:center;justify-content:center;} .contact_tel_formL .form-group label{width: 172px;font-size: 14px;color: #000;float: left;} .contact_tel_formL .form-group p{width: calc(100% - 173px);display: inline-block;color: #000;font-size: 14px;float: left;font-weight: 600;} .contact_tel_formL .form-group p.mix_text{font-size: 14px;} .contact_tel_formR h5{color:#f94616;font-size: 14px;text-align: center;line-height: 0.85;margin: 0 0 40px;} .contact_tel_formR .form-group{margin: 0 0 21px;position: relative;clear: both;display: flex;align-items:center;justify-content:center;} .contact_tel_formR .form-group label{width: 172px;font-size: 14px;color: #000;float: left;} .contact_tel_formR .form-group input{width: calc(100% - 172px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 0 10px;line-height: 34px;border:none;color: #000;font-size: 14px;outline: none;} .contact_tel_formR .form-group textarea{width: calc(100% - 172px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 5px 10px;line-height: 1.4;border:none;color: #000;font-size: 14px;outline: none;height: 107px;resize: none;} .contact_tel_formR .form_submit{margin: 37px 0 0;} #allmap{width: 100%;height: 500px;position: relative;} .anchorBL{display:none;} /* product */ .productList{position: relative;padding: 123px 0 80px;} .productbox{position: relative;overflow: hidden;margin-bottom: 110px;display: block;cursor: pointer;} .productImg{background: url(../images/index/place01.jpg) center no-repeat;background-color:#fff; background-size: auto 100%;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_1{background: url(../images/product/product_1.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_2{background: url(../images/product/product_2.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_3{background: url(../images/product/product_3.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_4{background: url(../images/product/product_4.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_5{background: url(../images/product/product_5.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_6{background: url(../images/product/product_6.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_7{background: url(../images/product/product_7.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_8{background: url(../images/product/product_8.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_9{background: url(../images/product/product_9.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_10{background: url(../images/product/product_10.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_11{background: url(../images/product/product_11.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_12{background: url(../images/product/product_12.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_13{background: url(../images/product/product_13.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_14{background: url(../images/product/product_14.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_15{background: url(../images/product/product_15.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_16{background: url(../images/product/product_16.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_17{background: url(../images/product/product_17.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_18{background: url(../images/product/product_18.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_19{background: url(../images/product/product_19.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_20{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_21{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_22{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_23{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_24{background: url(../images/product/product_24.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_25{background: url(../images/product/product_25.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_26{background: url(../images/product/product_26.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_27{background: url(../images/product/product_27.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_28{background: url(../images/product/product_28.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_29{background: url(../images/product/product_29.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_30{background: url(../images/product/product_30.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_31{background: url(../images/product/product_31.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productImg_32{background: url(../images/product/product_32.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productList p{color: #000;font-size: 14px;text-align: center;line-height: 1.4;} .productbox:hover .productImg{border-color: #F94616;} .productbox:hover p{color: #F94616;} .bgmask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 998;display: none;} .productBlock{width:95%;height: 600px;z-index: 999;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);overflow: hidden;background:#000;text-align: center;display: flex;justify-content: center;max-width: 1200px;} .productBlock .proBlockL,.productBlock .proBlockR{width: 550px;float: left;overflow: hidden;background-color: #000;height: 600px;padding: 0 0 0 50px;} .productBlock .proBlockL .pro_close{position: absolute;top:0;left: 0;z-index: 999;cursor: pointer;} .productBlock .proBlockL .pro_til{padding-top: 60px;display: flex;text-align: center;} .productBlock .proBlockL .pro_til h5{color: #fff;font-size: 16px;padding-left:60px;width:100%;} .productBlock .proBlockL .pro_til img{position: relative;height: 40px;line-height: 55px;margin: 5px 0 0;} .pro_Main{position: relative;padding: 51px 0 80px 0;overflow: hidden;} .pro_Main .leftScroll{width: 40px;margin: 0 auto;display: block;float: left;} .pro_Main .leftScroll img{display: block;margin: 0 auto;} .pro_Main .rightProCon{width: calc(100% - 40px);float: left;padding: 0 40px;} .pro_Main .rightProCon .proTopCon{position: relative;} .pro_Main .rightProCon .proTopCon h5{font-size: 14px;color: #F94616;margin: 0 0 10px;} .pro_Main .rightProCon .proTopCon p{font-size: 14px;color: #fff;line-height: 1.4;} .pro_Main .rightProCon .proBotCon{position: relative;margin: 20px 0 0;} .pro_Main .rightProCon .proBotCon h5{font-size: 14px;color: #F94616;margin: 0 0 10px;} .pro_Main .rightProCon .proBotCon p{font-size: 14px;color: #fff;line-height: 1.8;} .logopoint{position: absolute;bottom: 10px;left: 10px;z-index: 99;} .productBlock .proBlockR{width: calc(100% - 550px);position: relative;} .productBlock .proBlockR img{height: 600px;position: absolute;} .proLogo{background: url(../images/product/logo_jump.png) 0 0 no-repeat;width: 30px;height: 30px;background-size: cover;position: absolute;top: 15px;left: 15px;} .proBlockR .swiper-slide .imgbannershow{width: 100%;height: 600px;background-position: center bottom;background-repeat: no-repeat;background-size: auto 100%;position: relative;} /* project */ .project_displaymap{margin: 86px 0 0;overflow: hidden;position: relative;padding: 0 0 221px;} .project_displaymap .projectTopTil{position: relative;margin: 0 0 100px;overflow: hidden;} .project_displaymap .projectTopTil h5{float: left;font-size: 20px;color: #000;line-height: 1.2;} .project_displaymap .projectTopTil .project_rightUpdate{float: right;position: relative;font-size: 14px;color: #F94616;} .project_displaymap .projectTopTil .project_rightUpdate img{position: relative;display: inline-block;margin: 0 23px 0 0;} .project_displaymap{margin: 85px 0 0;overflow: hidden;position: relative;padding: 0 0 221px;} .project_displaymap .contact_mapbg,.project_displaymap .project_mapbg{display: block;z-index: 0;width: 100%;position: relative;} .project_displaymap .project_mapbg{z-index: 2;top: 119px;left: 0;position: absolute;display: none;} .project_displaymap:hover .project_mapbg{display: block;} .project_displaymap .contact_hoverpoint .themappoint .project_hoveralert_big{background: url(../images/project/gn_hover.png) 0 0 no-repeat;width: 282px;position: absolute;padding:8px 0 30px 60px;height: 121px;display: none;z-index: 9;} .project_displaymap .contact_hoverpoint .themappoint .project_hoveralert_big p{color: #fff;font-size: 14px;} .project_displaymap .themappoint{position: relative;} .project_displaymap .themappoint img{width: 6px;height:6px;position: absolute;opacity: 0;} .project_displaymap .themappoint .hoverAlert{background: url(../images/contact/jumpMsg.png) 0 0 no-repeat;width: 294px;position: absolute;padding:0;height: 68px;display: none;z-index: 9;} .project_displaymap .themappoint .hoverAlert p{font-size: 14px;color: #fff;padding: 20px 0 0 60px;} .project_displaymap:hover .themappoint img{opacity: 1;} .project_displaymap .themappoint:hover .hoverAlert{display: block;} .contactMenu a .projectIcon01,.contactMenu a .projectIcon02{display: inline-block;height: 120px;width: 70px;background-position: center;background-repeat: no-repeat;background-image: url(../images/project/d_project01.png);} .contactMenu a .projectIcon02{background-image: url(../images/project/d_project02.png);} .contactMenu a .projectTil{position: relative;margin: 0 0 0 33px;height: 120px;} .contactMenu a .projectTil h5{display: block;font-size: 20px;color: #000;line-height: 0.85;margin-bottom: 14px;margin: 38px 0 14px 0;} .contactMenu a .projectTil p{display: block;font-size: 14px;color: #000;line-height: 0.85;} .contactMenu a:hover,.contactOn{background-color: #F94616;} .contactMenu a:hover .projectTil h5,.contactOn .projectTil h5,.contactMenu a:hover .projectTil p,.contactOn .projectTil p{color: #fff !important;} .contactMenu a:hover .projectIcon01,.contactOn .projectIcon01{background-image: url(../images/project/h_project01.png) !important;} .contactMenu a:hover .projectIcon02,.contactOn .projectIcon02{background-image: url(../images/project/h_project02.png) !important;} .project_displaymap .contact_mapbg{width: 100%;} .project_displaymap .contact_hoverpoint .themappoint .project_hoveralert{background: url(../images/project/hoverMap.png) 0 0 no-repeat;width: 90px;position: absolute;padding:0;height: 108px;display: none;z-index: 9;} .project_displaymap .contact_hoverpoint .themappoint .project_hoveralert_2{background: url(../images/project/hoverMap_2.png);width:200px;height:95px;background-size:100% 100%} .project_displaymap .contact_hoverpoint .themappoint .project_hoveralert p{font-size: 14px;color: #fff;padding:20px 10px 10px;text-align: center;} .project_displaymap .contact_hoverpoint .themappoint:hover .project_hoveralert, .project_displaymap .contact_hoverpoint .themappoint:hover .project_hoveralert_big{display: block;} .projectMain{position: relative;} .projectMain .project_Box{position: relative;overflow: hidden;} .project_Box img{width: 100%;position: relative;display: block;} .proboxmore{background-color: #e6e6e6;overflow: hidden;position: relative;} .proboxmore img{display: block;margin: 0 auto;} .proboxmore p{margin: 160px 0 30px;font-size: 14px;text-align: center;color: #F94616;} .viewmore{height: 480px;display: block;} .viewmore p{font-size: 14px;color: #F94616;text-align: center;line-height: 480px;font-weight: 600;} .viewmore img{display: block;margin: 246px auto 0;} .pro_grey{background-color: #e6e6e6;} .pro_black{background-color: #ccc;} /* mobile */ /* mobile index */ .Headmenu{background-color: transparent;width: 60px;height: 60px;position: fixed;top: 0;left:0;font-size: 30px;color: #F94616 !important;text-align: center;z-index: 99;line-height: 60px;} .banner .banner_mobile{height: 60vh;background-position: center;background-repeat: no-repeat;background-size: 100% auto;} .ind_product_m{position: relative; /* height: 40vh; */ height: 40vh; overflow: hidden;border-bottom: 1px #ccc solid;} .ind_product_m .row,.about_menu_m .row,.contact_mobile .row,.join_menu_m .row,.project_mobile .row,.projectMain_m .row,.projectnone_m .row,.ind_product_m .row{margin-left: 0;margin-right: 0;} .indfirstpart .proboxmobile{position: relative; /* height: 40vh; */ height: 20vh; padding: 0 5px;border-right: 1px #ccc solid;} .indfirstpart .proboxmobile .producticon01, .indfirstpart .proboxmobile .producticon02, .indfirstpart .proboxmobile .producticon03, .indfirstpart .proboxmobile .producticon04{ background-image: url(../images/index/product/product01.png); background-position: center bottom; background-repeat: no-repeat; height: 60px; width: 40px; display: block; background-size: 100% auto; margin: 40px auto 5vh; } /* .indfirstpart .proboxmobile{position: relative;height: 40vh;padding: 0 5px;border-right: 1px #ccc solid;} .indfirstpart .proboxmobile .producticon01_zh, .indfirstpart .proboxmobile .producticon02_zh, .indfirstpart .proboxmobile .producticon03_zh, .indfirstpart .proboxmobile .producticon04_zh{ background-image: url(../images/index/product/product01_zh.png); background-position: center bottom; background-repeat: no-repeat; height: 60px; width: 40px; display: block; background-size: 100% auto; margin: 40px auto 5vh; } */ .indfirstpart .proboxmobile .producticon02{background-image: url(../images/index/product/product02.png);} .indfirstpart .proboxmobile .producticon03{background-image: url(../images/index/product/product03.png);} .indfirstpart .proboxmobile .producticon04{background-image: url(../images/index/product/product04.png);border-right: none;} .indfirstpart .proboxmobile h5{font-size: 14px;color: #000;text-align: center;line-height:1.4;margin: 0 0;padding: 0;font-weight: 100;} .indfirstpart .proboxmobile:hover,.proboxOn{background-color: #f94616;} .indfirstpart .proboxmobile:hover .producticon01,.indfirstpart .proboxOn .producticon01{background-image: url(../images/index/product/product01_hover.png) !important;border-color: #f94616;} .indfirstpart .proboxmobile:hover .producticon02,.indfirstpart .proboxOn .producticon02{background-image: url(../images/index/product/product02_hover.png) !important;border-color: #f94616;} .indfirstpart .proboxmobile:hover .producticon03,.indfirstpart .proboxOn .producticon03{background-image: url(../images/index/product/product03_hover.png) !important;border-color: #f94616;} .indfirstpart .proboxmobile:hover .producticon04,.indfirstpart .proboxOn .producticon04{background-image: url(../images/index/product/product04_hover.png) !important;} .indfirstpart .proboxmobile:hover h5,.indfirstpart .proboxOn h5{color: #fff;} /* mobile banner */ .banner .aboutimg_mobile,.banner .joinus_mobile,.banner .contactus_mobile,.banner .product_banner_mobile,.banner .project_banner_mobile{background-image: url(../images/about/banner_mobile.jpg);background-position: center bottom;background-repeat: no-repeat;height: 30vh;display: block;width: 100%;background-size: 100% auto;position: relative;} .banner .joinus_mobile{background-image: url(../images/joinus/banner_mobile.jpg);} .banner .contactus_mobile{background-image: url(../images/contact/banner_mobile.jpg);} .banner .product_banner_mobile{background-image: url(../images/product/banner_mobile.jpg);} .banner .project_banner_mobile{background-image: url(../images/project/banner_mobile.jpg);} /* mobile about */ .about_menu_m{position: relative;} .about_menu_m .proboxmobile{position: relative;height: 100px;padding: 0 5px;padding-top:20px;border-right: 1px #ccc solid;border-bottom:1px #ccc solid;} .about_menu_m .proboxmobile .producticon01, .about_menu_m .proboxmobile .producticon02, .about_menu_m .proboxmobile .producticon03, .about_menu_m .proboxmobile .producticon04, .about_menu_m .proboxmobile .producticon05, .about_menu_m .proboxmobile .producticon06, .about_menu_m .proboxmobile .producticon07, .about_menu_m .proboxmobile .producticon01_zh, .about_menu_m .proboxmobile .producticon02_zh, .about_menu_m .proboxmobile .producticon03_zh, .about_menu_m .proboxmobile .producticon04_zh, .about_menu_m .proboxmobile .producticon05_zh, .about_menu_m .proboxmobile .producticon06_zh, .about_menu_m .proboxmobile .producticon07_zh, .about_menu_m .proboxmobile .producticon01_en, .about_menu_m .proboxmobile .producticon02_en, .about_menu_m .proboxmobile .producticon03_en, .about_menu_m .proboxmobile .producticon05_en, .about_menu_m .proboxmobile .producticon06_en, .about_menu_m .proboxmobile .producticon07_en, .about_menu_m .proboxmobile .producticon04_en{ background-position: center bottom; background-repeat: no-repeat; height: 60px; display: block; background-size: contain; margin: 0 auto; } .about_menu_m .proboxmobile .producticon01{background-image: url(../images/about/d_about_m.png);} .about_menu_m .proboxmobile .producticon02{background-image: url(../images/about/d_mission_m.png);} .about_menu_m .proboxmobile .producticon03{background-image: url(../images/about/d_development_m.png);} .about_menu_m .proboxmobile .producticon04{background-image: url(../images/about/d_news_m.png);border-right: none;} .about_menu_m .proboxmobile .producticon01_en{background-image: url(../images/about/d_about_m_en.png);} .about_menu_m .proboxmobile .producticon02_en{background-image: url(../images/about/d_mission_m_en.png);} .about_menu_m .proboxmobile .producticon03_en{background-image: url(../images/about/d_development_m_en.png);} .about_menu_m .proboxmobile .producticon04_en{background-image: url(../images/about/d_news_m_en.png);border-right: none;} .about_menu_m .proboxmobile .producticon05_en{background-image: url(../images/about/d_5_m_en.png);} .about_menu_m .proboxmobile .producticon06_en{background-image: url(../images/about/d_6_m_en.png);} .about_menu_m .proboxmobile .producticon07_en{background-image: url(../images/about/d_7_m_en.png);} .about_menu_m .proboxmobile .producticon01_zh{background-image: url(../images/about/d_1_m_zh.png);} .about_menu_m .proboxmobile .producticon02_zh{background-image: url(../images/about/d_2_m_zh.png);} .about_menu_m .proboxmobile .producticon03_zh{background-image: url(../images/about/d_3_m_zh.png);} .about_menu_m .proboxmobile .producticon04_zh{background-image: url(../images/about/d_4_m_zh.png);border-right: none;} .about_menu_m .proboxmobile .producticon05_zh{background-image: url(../images/about/d_5_m_zh.png);} .about_menu_m .proboxmobile .producticon06_zh{background-image: url(../images/about/d_6_m_zh.png);} .about_menu_m .proboxmobile .producticon07_zh{background-image: url(../images/about/d_7_m_zh.png);} .about_menu_m .proboxmobile:hover,.proboxOn{background-color: #f94616;} .about_menu_m .proboxmobile:hover,.proboxOn_zh{background-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon01,.about_menu_m .proboxOn .producticon01{background-image: url(../images/about/h_about_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon02,.about_menu_m .proboxOn .producticon02{background-image: url(../images/about/h_mission_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon03,.about_menu_m .proboxOn .producticon03{background-image: url(../images/about/h_development_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon04,.about_menu_m .proboxOn .producticon04{background-image: url(../images/about/h_news_m.png);} /* //-------------- */ .about_menu_m .proboxmobile:hover .producticon01,.about_menu_m .proboxOn_zh .producticon01_zh{background-image: url(../images/about/h_1_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon02,.about_menu_m .proboxOn_zh .producticon02_zh{background-image: url(../images/about/h_2_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon03,.about_menu_m .proboxOn_zh .producticon03_zh{background-image: url(../images/about/h_3_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon04,.about_menu_m .proboxOn_zh .producticon04_zh{background-image: url(../images/about/h_4_m_zh.png);} .about_menu_m .proboxmobile:hover .producticon05,.about_menu_m .proboxOn_zh .producticon05_zh{background-image: url(../images/about/h_5_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon06,.about_menu_m .proboxOn_zh .producticon06_zh{background-image: url(../images/about/h_6_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon07,.about_menu_m .proboxOn_zh .producticon07_zh{background-image: url(../images/about/h_7_m_zh.png);border-color: rgb(255, 255, 255,0);} .about_menu_m .proboxmobile:hover .producticon01_en,.about_menu_m .proboxOn .producticon01_en{background-image: url(../images/about/h_about_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon02_en,.about_menu_m .proboxOn .producticon02_en{background-image: url(../images/about/h_mission_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon03_en,.about_menu_m .proboxOn .producticon03_en{background-image: url(../images/about/h_development_m.png);border-color: #f94616;} .about_menu_m .proboxmobile:hover .producticon04_en,.about_menu_m .proboxOn .producticon04_en{background-image: url(../images/about/h_news_m.png);} .about_menu_m .proboxmobile:hover .producticon06_en,.about_menu_m .proboxOn .producticon06_en{background-image: url(../images/about/h_6_m_en.png);} .about_menu_m .proboxmobile:hover .producticon07_en,.about_menu_m .proboxOn .producticon07_en{background-image: url(../images/about/h_7_m_en.png);} .about_Con_m{padding: 40px 15px;} .about_Con_m h1{font-size: 16px;margin: 0 0 15px;padding: 0 0 0 10px;color: #000;} .about_Con_m .pageList{padding: 0;width: 100%;} .about_Con_m .pageList ul li img{width: 6px;height: 6px;margin: 2px 5px 0 0;} .about_Con_m .pageList ul li h5{margin: -1px 0 15px;} .about_Con_m .pageList ul li p{margin: 0;} .about_Con_m .rightLogo{position: absolute;float: right;bottom:15px;right: 0;padding: 0;} .about_Con_m .rightLogo img{width: 40px;} .mission_m .pageList ul li{border-bottom: 1px #ccc solid;margin: 0 0 40px;} .mission_m .pageList ul li p{margin: 0 0 40px;} .develop_m{padding: 40px 18px;} .develop_m h1{margin: 0 0 20px;} .develop_m .pageList{border-left: 1px #ccc solid;} .develop_m .pageList ul li{overflow: inherit;padding: 20px 0;min-height: 300px;} .develop_m .pageList .pageBlock_huge{position: relative;padding: 0 0 0 55px;} .develop_m .pageList .develop_Leftway_m{width: 70px;position: absolute;float: left;height: 100%;display: flex;align-items: center;} .develop_m .pageList .develop_Leftway_m .about_smallPoint{margin:2px 5px 0 -1px !important;float: left;} .develop_m .pageList .develop_Leftway_m .about_bigPoint{margin:2px 5px 0 -16px !important;float: left;width: 30px;height: 30px;z-index: 9;position: absolute;display: none;} .develop_m .pageList .develop_Leftway_m .about_triright{width: 10px;height:auto;display: block;margin: 0 auto;float: right;} .develop_m .pageList .pageBlock_huge{position: relative;width: 100%;z-index: 2;} .develop_m .pageList .pageBlock_huge h4{font-size: 54px;color: #000;line-height: 0.85;margin: 0 0 10px;} .develop_m .pageList .pageBlock_huge h5{font-size: 21px;color: #000;padding: 0 0 0 35px;} .develop_m .pageList .pageBlock_huge p{font-size: 14px;color: #000;padding: 30px 0 0 35px;} .circle_ground{background-color: #ccc;width: 240px;height: 240px;border:none;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;top: 15px;left: 50%;margin: 0 0 0 -120px;z-index: -1;} .develop_m .pageList ul li:hover .develop_Leftway_m .about_bigPoint{display: block;} .develop_m .pageList ul li:hover .circle_ground{background-color: #F94616;} .newspage_m .newlist{width: 100%;padding: 0 0 0 0;} .newspage_m .newlist ul{} .newspage_m .newlist ul li{position: relative;border-bottom: 1px #ccc solid;} .newspage_m .newlist ul li a{display: block;overflow: hidden;position: relative;padding: 20px 0;} .newspage_m .newlist ul li a .newsImg{width: 80px;height: 80px;border:1px #ccc solid;margin: 0;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;float: left;} .newspage_m .newlist ul li a .newsBlock{padding: 5px 0 0;width: calc(100% - 91px);display: inline-block;float: right;} .newspage_m .newlist ul li a .newsBlock h5{font-size: 15px;color: #000;line-height: 1.4;height: 30px;margin: 0 0 10px;} .newspage_m .newlist ul li a .newsBlock p{font-size: 14px;color: #000;line-height: 1.2;} .newspage_m .newlist ul li a:hover .newsImg{border-color:#F94616;} .newspage_m .newlist ul li a:hover newsBlock h5,.newspage_m .newlist ul li a:hover newsBlock p{color: #F94616;} .newspage_m .newDetail{padding: 50px 0 0;} .newspage_m .newDetail h4{font-size: 19px;margin-bottom: 25px;} .newspage_m .newDetail h5{font-size: 14px;margin-bottom: 40px;} .newspage_m .newDetail .newsDetailCon{position: relative;width: 100%;} .newspage_m .newDetail .newsDetailCon p{font-size: 14px;color: #000;line-height: 1.4;margin: 0 0 25px;} .newspage_m .newDetail .newsDetailCon img{max-width: 100%;margin: 0 auto 25px;} .news_mobileUpdate{position: relative;overflow: hidden;border-bottom: 1px #ccc solid;} .news_mobileUpdate span{float: left;line-height: 30px;font-size: 14px;color: #000;} .news_mobileUpdate img{float: left;margin: 12px 0 0 15px;width: 12px;} /* contact */ .contact_mobile,.project_mobile{width: 100%;height: 60px;} .contact_mobile a,.project_mobile a{display: block;height: 60px;text-align: center;} .contact_mobile a .contactIcon01,.contact_mobile a .contactIcon02{display: inline-block;height: 30px;width: 20px;background-position: center;background-repeat: no-repeat;background-image: url(../images/contact/d_contact01.png);background-size: 100% auto;margin: 13px 10px 0 0;} .contact_mobile a .contactIcon02{background-image: url(../images/contact/d_contact02.png);} .contact_mobile a p{display: inline-block;font-size: 14px;color: #000;line-height: 60px;} .contact_mobile a:hover,.contactOn,.project_mobile a:hover,.contactOn{background-color: #F94616;} .contact_mobile a:hover p,.contactOn p,.contact_mobile a:hover p{color: #fff !important;} .contact_mobile a:hover .contactIcon01,.contactOn .contactIcon01{background-image: url(../images/contact/h_contact01.png) !important;} .contact_mobile a:hover .contactIcon02,.contactOn .contactIcon02{background-image: url(../images/contact/h_contact02.png) !important;} .contact_form_mobile{position: relative;width: 100%;background-color: #fff;} .contact_form_mobile form{padding: 25px 15px 0;} .contact_form_mobile .form-group{margin: 0 0 20px;position: relative;clear: both;display: flex;align-items:center;justify-content:center;} .contact_form_mobile .form-group label{width: 120px;font-size: 14px;color: #000;} .contact_form_mobile .form-group p{width: calc(100% - 122px);display: inline-block;color: #F94616;font-size: 14px;float: left;line-height: 34px; word-break: break-all; } .contact_form_mobile .form-group input{width: calc(100% - 122px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 0 10px;line-height: 34px;border:none;color: #000;font-size: 14px;outline: none;} .contact_form_mobile .form-group textarea{width: calc(100% - 122px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 5px 10px;line-height: 1.4;border:none;color: #000;font-size: 14px;outline: none;height: 68px;resize: none;} .contact_form_mobile .form-group .contact_s_input{width: calc((100% - 122px)/2);} .contact_form_mobile .form-group span{width: calc((100% - 122px)/2);;/*background-color: #000;*/line-height: 34px;text-align: center;color: #fff;display: inline-block;} .contact_form_mobile .form_submit{position: relative;margin: 0 0 20px;overflow: hidden;position: relative;} .contact_form_mobile .form_submit p{color: #000;font-size: 14px;line-height: 2.4;text-align: center;} .contact_form_mobile .form_submit input{background-color: #F94616;color: #fff;font-size: 18px;border-radius: 0;display: block;border:none;height: 50px;padding: 0;line-height: 50px;width: 100%;} /* contact tel mobile */ .contact_maptel_m{position: relative;} .contact_maptel_m .contact_tel_formL,.contact_maptel_m .contact_tel_formR{padding: 40px 0;width: calc(100% - 30px);overflow: hidden;position: relative;float: none;border-bottom:1px #ccc solid;margin: 0 auto;} .contact_maptel_m .contact_tel_formL .form-group{margin: 0 0 30px;position: relative;clear: both;width: 100%;} .contact_maptel_m .contact_tel_formL .form-group label,.contact_maptel_m .contact_tel_formR .form-group label{width: 120px;font-size: 14px;color: #000;float: left;margin: 0;} .contact_maptel_m .contact_tel_formL .form-group p{width: calc(100% - 122px);display: inline-block;color: #000;font-size: 14px;float: left;font-weight: 600; word-break: break-all; } .contact_maptel_m .contact_tel_formL .form-group p.mix_text{font-size: 14px;} .contact_maptel_m .contact_tel_formR h5{text-align: left;line-height:1.4;margin: 0 0 40px;} .contact_maptel_m .contact_tel_formR .form-group{margin: 0 0 21px;position: relative;clear: both;display: flex;align-items:center;justify-content:center;} .contact_maptel_m .contact_tel_formR .form-group input{width: calc(100% - 122px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 0 10px;line-height: 34px;border:none;color: #000;font-size: 14px;outline: none;} .contact_maptel_m .contact_tel_formR .form-group textarea{width: calc(100% - 122px);background-color: #ccc;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;padding: 5px 10px;line-height: 1.4;border:none;color: #000;font-size: 14px;outline: none;height: 107px;resize: none;} .contact_maptel_m .contact_tel_formR .form_submit{margin: 37px 0 0;} /* mobile join */ .join_menu_m{position: relative;} .join_menu_m .proboxmobile{position: relative;height: 100px;padding: 0 5px;padding-top:10px;border-right: 1px #ccc solid;border-bottom:1px #ccc solid;} .join_menu_m .proboxmobile .joinus_01, .join_menu_m .proboxmobile .joinus_02, .join_menu_m .proboxmobile .joinus_03, .join_menu_m .proboxmobile .joinus_04{ background-image: url(../images/joinus/d_01_m_en.png); background-position: center bottom; background-repeat: no-repeat; height: 60px !important; display: block; background-size: contain; margin: 0 auto; } .join_menu_m .proboxmobile .joinus_01_zh, .join_menu_m .proboxmobile .joinus_02_zh, .join_menu_m .proboxmobile .joinus_03_zh, .join_menu_m .proboxmobile .joinus_04_zh{ background-image: url(../images/joinus/d_01_m_zh.png); background-position: center bottom; background-repeat: no-repeat; height: 60px !important; display: block; background-size: contain; margin: 0 auto; } .join_menu_m .proboxmobile .joinus_02{background-image: url(../images/joinus/d_02_m_en.png);} .join_menu_m .proboxmobile .joinus_03{background-image: url(../images/joinus/d_03_m_en.png);} .join_menu_m .proboxmobile .joinus_04{background-image: url(../images/joinus/d_04_m_en.png);border-right: none;} .join_menu_m .proboxmobile:hover,.proboxOn{background-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_01,.join_menu_m .proboxOn .joinus_01{background-image: url(../images/joinus/h_01_m_en.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_02,.join_menu_m .proboxOn .joinus_02{background-image: url(../images/joinus/h_02_m_en.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_03,.join_menu_m .proboxOn .joinus_03{background-image: url(../images/joinus/h_03_m_en.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_04,.join_menu_m .proboxOn .joinus_04{background-image: url(../images/joinus/h_04_m_en.png);} .join_menu_m .proboxmobile .joinus_02_zh{background-image: url(../images/joinus/d_02_m_zh.png);} .join_menu_m .proboxmobile .joinus_03_zh{background-image: url(../images/joinus/d_03_m_zh.png);} .join_menu_m .proboxmobile .joinus_04_zh{background-image: url(../images/joinus/d_04_m_zh.png);border-right: none;} .join_menu_m .proboxmobile:hover,.proboxOn{background-color: #f94616;} /* .join_menu_m .proboxmobile:hover .joinus_01,.join_menu_m .proboxOn .joinus_01_zh{background-image: url(../images/joinus/h_01_m_zh.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_02,.join_menu_m .proboxOn .joinus_02_zh{background-image: url(../images/joinus/h_02_m_zh.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_03,.join_menu_m .proboxOn .joinus_03_zh{background-image: url(../images/joinus/h_03_m_zh.png);border-color: #f94616;} .join_menu_m .proboxmobile:hover .joinus_04,.join_menu_m .proboxOn .joinus_04_zh{background-image: url(../images/joinus/h_04_m_zh.png);} */ .joinus_mobile_Con{padding: 40px 15px 80px;} .joinus_mobile_Con h1{font-size: 20px;margin: 0;padding: 0 0 0 10px;color: #000;} .joinus_mobile_Con h2{font-size: 14px;margin: 0;padding: 20px 0 40px 10px;color: #F94616;} .joinus_mobile_Con ul li{border-bottom: 1px #ccc solid;padding: 40px 0;margin: 0 0 20px;} .joinus_mobile_Con .rightLogo{margin: 40px 0 0;top:auto;bottom:-60px;} .joinus_mobile_Con ul li.noborderb{border-top: 1px #ccc solid;border-bottom: none;} .joinus_mobile_Con ul li .bigCorporateImg{width:100%;position: relative;margin: 0 30px 20px 0;overflow: hidden;} .joinus_mobile_Con ul li .bigCorporateImg img{width: 60px;height:60px;float: left;} .joinus_mobile_Con ul li .bigCorporateImg span{font-size: 48px;color:#e6e6e6;position: absolute;top:12px;left:15px;display: block;} .joinus_mobile_Con ul li .bigCorporateImg h4{width: 100%;font-size: 16px;color: #000;padding: 21px 0 0 90px;} .joinus_mobile_Con ul li .bigCorporateBlock{padding: 0;overflow: hidden;position: relative;} .joinus_mobile_Con .bigCorporateBlock .corporatebox{overflow: hidden;position: relative;margin: 0 0 34px;} .joinus_mobile_Con .bigCorporateBlock .corporatebox h5{font-size: 14px;color: #000;margin: 0 0 15px; /* line-height: 0.85; */ } .joinus_mobile_Con .bigCorporateBlock .corporatebox p{font-size: 14px;color: #000;margin: 0;line-height:1.4;} .joinus_mobile_Con .bigCorporateBlock .corporatebox:last-child{margin: 0;} .joinus_mobile_Con .join_applyfor{padding: 0;} .joinus_mobile_Con .join_applyfor h5{margin: 20px 0;} .joinus_mobile_Con .join_applyfor p{line-height: 1.4;margin: 0 0 10px;} .talent_mobile li h5{color: #666 !important;} .talent_mobile li p{color: #000 !important;} .JoinLast_mobile{} .JoinLast_mobile .join_quickjoin{top: 175px;right: 20px;width: 90px;z-index: 0;} .JoinLast_mobile .join_quickjoin img{display: block;max-width: 100%;margin: 0 auto;} .JoinLast_mobile .join_quicklyfirst{padding: 0 0 50px;} .JoinLast_mobile .join_quicklyfirst ul li{border-bottom: none;padding: 20px 0 0;} .JoinLast_mobile .join_quicklyfirst ul li .pageBlock{} .JoinLast_mobile .join_quicklyfirst ul li .pageBlock h5{margin: -1px 0 15px !important;} .JoinLast_mobile .join_quicklyfirst ul li .pageBlock img{width: 18px;height: 10px;margin: 0 0 0 30px;} .JoinLast_mobile .rightFormset{width: 100%;padding: 50px 0;border-bottom: 1px #ccc solid;} .JoinLast_mobile .rightFormset img{width: 100%;margin: 0 auto 40px;} .JoinLast_mobile .join_quicklysecond,.JoinLast_mobile .join_quicklythird{padding: 25px 0 0 10px;} .JoinLast_mobile .join_quicklysecond h2,.JoinLast_mobile .join_quicklythird h2{font-size: 20px;color: #000;padding: 0 0 20px;} .JoinLast_mobile .join_quicklysecond ul li,.JoinLast_mobile .join_quicklythird ul li{padding: 20px 0 30px;border-bottom: none;margin: 0 !important;} /* project */ .project_mobile{padding: 0 0 60px;} .project_mobile a .projectIcon01,.project_mobile a .projectIcon02{display: inline-block;height: 30px;width: 20px;background-position: center;background-repeat: no-repeat;background-image: url(../images/project/d_project01.png);background-size: 100% auto;margin: 13px 10px 0 0;} .project_mobile a .projectIcon02{background-image: url(../images/project/d_project02.png);} .project_mobile a:hover .projectIcon01,.contactOn .projectIcon01{background-image: url(../images/project/h_project01.png) !important;} .project_mobile a:hover .projectIcon02,.contactOn .projectIcon02{background-image: url(../images/project/h_project02.png) !important;} .project_mobile a p{font-size: 14px;color: #000;line-height: 1.4;align-items: center;display: flex;height: 60px;} .projectMain_m .probox01, .projectMain_m .probox03, .projectMain_m .probox05{ height: 30vh; } .projectMain_m .probox02, .projectMain_m .probox04, .projectMain_m .probox06{ padding:10px 15px; } .projectMain_m .probox02 p, .projectMain_m .probox04 p, .projectMain_m .probox06 p{ text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/ display: -webkit-box; -webkit-line-clamp: 4;/*规定超过两行的部分截断*/ -webkit-box-orient: vertical; overflow : hidden; word-break: break-all; line-height: 1.2; } .projectMain_m .tri_left, .indsecondpart .tri_right{height: 20px;} .projectMain_m .proboxFir{margin: 10px 0;} .projectMain_m .proboxSec{height: 45px;font-size: 14px;} .projectMain_m .probox02 p, .projectMain_m .probox04 p, .projectMain_m .probox06 p{ text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/ display: -webkit-box; -webkit-line-clamp: 4;/*规定超过两行的部分截断*/ -webkit-box-orient: vertical; overflow : hidden; word-break: break-all; line-height: 1.2; } .projectMain_m .rightLogo{position: relative;float: right;bottom:15px;right: 0;padding:40px 15px 20px 0;} .projectMain_m .rightLogo img{width: 40px;} .productBlock_m{z-index: 999;width: 100%;height: 100%;background-color: #000;} .productBlock_m .pro_close{left: auto;right: 0;position: absolute;z-index: 999;} .probanner_m{width: 100%;position: relative;overflow: hidden;height: 30vh;background-position: center;background-repeat: no-repeat;background-size: 100% auto;} .productBlock_m .pro_til{position: relative;overflow: hidden;margin: 0 0 10px;} .productBlock_m .pro_til h5{padding: 15px 50px;font-size: 16px;color: #fff;} .productBlock_m .pro_til .project_mobile_Leftpage,.productBlock_m .pro_til .project_mobile_Rightpage{position: absolute;left: 10px;top: 15px;z-index: 1000;display: flex;align-items: center;} .productBlock_m .pro_til .project_mobile_Rightpage{right: 10px;left: auto;} .productBlock_m .pro_til .project_mobile_Leftpage img,.productBlock_m .pro_til .project_mobile_Rightpage img{width: 20px;display: block;margin: 0 auto;} .productBlock_m .pro_til .project_mobile_Leftpage img{transform: rotate(-180deg);} .productBlock_m .pro_Main{padding: 0 15px;} .productBlock_m .pro_Main .rightProCon{width: 100%;padding: 0;} .productBlock_m .pro_Main .logopoint{position: absolute;bottom: 10px;right: 10px;left: auto;} .projectnone_m{width: 100%;position: relative;} .projectnone_m .nonestatus{line-height: 80vh;overflow: hidden;position: relative;} .projectnone_m .nonestatus p{color: #F94616;font-size: 14px;text-align: center;} /* product mobile */ .productboxList_m{position: relative;padding: 0 0 80px;} .productboxList_m .productbox{position: relative;overflow: hidden;margin-bottom: 0;display: block;cursor: pointer;border-right: 1px #ccc solid;border-bottom: 1px #ccc solid;padding: 40px 0;} .productboxList_m .productbox:nth-of-type(2n){ /* border-right: none; */ } .productboxList_m .productImg{background: url(../images/index/place01.jpg) center no-repeat;background-size: auto 100%;height: 120px;width:120px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_1{background: url(../images/product/product_1.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_2{background: url(../images/product/product_2.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_3{background: url(../images/product/product_3.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_4{background: url(../images/product/product_4.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_5{background: url(../images/product/product_5.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_6{background: url(../images/product/product_6.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_7{background: url(../images/product/product_7.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_8{background: url(../images/product/product_8.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_9{background: url(../images/product/product_9.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_10{background: url(../images/product/product_10.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_11{background: url(../images/product/product_11.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_12{background: url(../images/product/product_12.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_13{background: url(../images/product/product_13.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_14{background: url(../images/product/product_14.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_15{background: url(../images/product/product_15.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_16{background: url(../images/product/product_16.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_17{background: url(../images/product/product_17.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_18{background: url(../images/product/product_18.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_19{background: url(../images/product/product_19.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_20{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_21{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_22{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_23{background: url(../images/product/product_20.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_24{background: url(../images/product/product_24.jpg) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_25{background: url(../images/product/product_25.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_26{background: url(../images/product/product_26.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_27{background: url(../images/product/product_27.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_28{background: url(../images/product/product_28.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_29{background: url(../images/product/product_29.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_30{background: url(../images/product/product_30.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_31{background: url(../images/product/product_31.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m .productImg_32{background: url(../images/product/product_32.png) center no-repeat;background-size: 40% auto;background-color:#fff;height: 220px;width:220px;display: block;margin: 0 auto 37px;border:1px #ccc solid;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;} .productboxList_m p{color: #000;font-size: 14px;text-align: center;line-height: 1.4;} .productboxList_m .productbox:hover .productImg{border-color: #F94616;} .productboxList_m .productbox:hover p{color: #F94616;} .productboxList_m .rightLogo{position: relative;margin: 20px 0 0;float: right;bottom: 0;right: 10px;} /* floatmenu */ .floatMenuList{position: fixed;z-index: 99;right: 0;top: 50%;width: 40px;background-color: #F94616;margin: -100px 0 0 0;} .floatMenuList ul{padding: 0;margin: 0;} .floatMenuList ul li{float: left;width: 40px;height: 40px;overflow: hidden;border-bottom: 1px #fff solid;position: relative;} .floatMenuList ul li:last-child{border-bottom: none;} .floatMenuList ul li a{display: block;font-size: 16px;text-align: center;line-height: 40px;color: #fff;} .floatMenuList ul li a img{display: block;margin: 10px auto;width: 20px;} /* displaymap mobile */ .displaymap_m{width: 100%;position: relative;margin: 30px auto;} .displaymap_m .default_m_map{width: 100%;display: block;position: relative;} .displaymap_m .hover_m_map{width: 100%;position: absolute;top: 0;left: 0;z-index: 9;display: none;} .displaymap_m:hover .hover_m_map{display: block;} .displaymap_m p{font-size: 14px;color: #000;text-align: center;margin: 30px 0 5px;} .displaymap_m h5{font-size: 26px;color: #000;text-align: center;margin: 0 0 10px;} .project_m_displaymap{position: relative;} .project_m_displaymap .projectTopTil{width: 100%;overflow: hidden;position: relative;padding: 0 10px;height: 30px;margin: 30px 0 20px;} .project_m_displaymap .projectTopTil h5{font-size: 14px;color: #000;float: left;line-height: 30px;} .project_m_displaymap .projectTopTil .project_rightUpdate{float: right;overflow: hidden;position: relative;font-size: 14px;color: #000;line-height: 30px;} .project_m_displaymap .projectTopTil .project_rightUpdate img{display: inline-block;height: 8px;float: left;margin: 10px 3px 0;} /* map point */ #map_p01 img{top: 223px;right: 224px;} #map_p01 .hoverAlert{top:110px;right: -22px;} #map_p02 img{top: 244px;right: 224px;} #map_p02 .hoverAlert{top:131px;right: -22px;} #map_p03 img{top: 263px;right: 444px;} #map_p03 .hoverAlert{top:150px;right: 198px;} #map_p04 img{top: 284px;right: 283px;} #map_p04 .hoverAlert{top:172px;right: 37px;} /*62 258*/ #map_p05 img{top: 344px;right: 227px;} #map_p05 .hoverAlert{top:232px;right: -18px;} #map_p06 img{top: 344px;right: 244px;} #map_p06 .hoverAlert{top:232px;right: -2px;} #map_p07 img{top: 344px;right: 263px;} #map_p07 .hoverAlert{top:232px;right: 16px;} #map_p08 img{top: 344px;right: 303px;} #map_p08 .hoverAlert{top:232px;right: 57px;} #map_p09 img{top: 344px;right: 323px;} #map_p09 .hoverAlert{top:232px;right: 77px;} #map_p10 img{top: 344px;right: 363px;} #map_p10 .hoverAlert{top:232px;right: 117px;} #map_p11 img{top: 364px;right: 227px;} #map_p11 .hoverAlert{top:252px;right: -19px;} #map_p12 img{top: 364px;right: 303px;} #map_p12 .hoverAlert{top:252px;right: 57px;} #map_p13 img{top: 364px;right: 343px;} #map_p13 .hoverAlert{top:252px;right: 97px;} #map_p14 img{top: 364px;right: 424px;} #map_p14 .hoverAlert{top:252px;right: 178px;} #map_p15 img{top: 384px;right: 243px;} #map_p15 .hoverAlert{top:273px;right: -3px;} #map_p16 img{top: 384px;right: 283px;} #map_p16 .hoverAlert{top:273px;right: 37px;} #map_p17 img{top: 384px;right: 323px;} #map_p17 .hoverAlert{top:273px;right: 77px;} #map_p18 img{top: 404px;right: 343px;} #map_p18 .hoverAlert{top:292px;right: 97px;} #map_p19 img{top: 404px;right: 226px;} #map_p19 .hoverAlert{top:292px;right: -20px;} #map_p20 img{top: 422px;right: 363px;} #map_p20 .hoverAlert{top:310px;right: 117px;} #map_p21 img{top: 422px;right: 323px;} #map_p21 .hoverAlert{top:311px;right: 77px;} #map_p22 img{top: 422px;right: 283px;} #map_p22 .hoverAlert{top:311px;right: 37px;} #map_p23 img{top: 463px;right: 303px;} #map_p23 .hoverAlert{top:351px;right: 57px;} #map_p24 img{top: 283px;right: 244px;} #map_p24 .hoverAlert{top:171px;right: -2px;} #map_p25 img{top: 303px;right: 323px;} #map_p25 .hoverAlert{top:191px;right: 77px;} #map_p26 img{top: 303px;right: 264px;} #map_p26 .hoverAlert{top:191px;right: 18px;} #map_p27 img{top: 323px;right: 404px;} #map_p27 .hoverAlert{top:211px;right: 158px;} #map_p28 img{top: 323px;right: 384px;} #map_p28 .hoverAlert{top:211px;right: 138px;} #map_p29 img{top: 323px;right: 343px;} #map_p29 .hoverAlert{top:211px;right: 97px;} #map_p30 img{top: 323px;right: 303px;} #map_p30 .hoverAlert{top:211px;right: 57px;} #map_p31 img{top: 323px;right: 283px;} #map_p31 .hoverAlert{top:211px;right: 37px;} #map_p32 img{top: 323px;right: 244px;} #map_p32 .hoverAlert{top:211px;right: -2px;} .project_displaymap #map_p01 img{top: 318px;right: auto;left: 70px;width:13px;height: 13px;} .project_displaymap #map_p01 .project_hoveralert{top:210px;left: 32px;} .project_displaymap #map_p02 img{top: 382px;right: auto;left: 125px;width:13px;height: 13px;} .project_displaymap #map_p02 .project_hoveralert{top:274px;left: 87px;} .project_displaymap #map_p03 img{top: 253px;right: auto;left: 224px;width:13px;height: 13px;} .project_displaymap #map_p03 .project_hoveralert{top:145px;left: 186px;} .project_displaymap #map_p04 img{top: 290px;right: auto;left: 233px;width:13px;height: 13px;} .project_displaymap #map_p04 .project_hoveralert{top:182px;left: 195px;} .project_displaymap #map_p05 img{top: 544px;right: auto;left: 325px;width:13px;height: 13px;} .project_displaymap #map_p05 .project_hoveralert{top:436px;left: 287px;} .project_displaymap #map_p06 img{top: 637px;right: auto;left: 299px;width:13px;height: 13px;} .project_displaymap #map_p06 .project_hoveralert{top:529px;left: 261px;} .project_displaymap #map_p07 img{top: 225px;right: auto;left: 533px;width:13px;height: 13px;} .project_displaymap #map_p07 .project_hoveralert{top:117px;left: 495px;} .project_displaymap #map_p08 img{top: 234px;right: auto;left: 560px;width:13px;height: 13px;} .project_displaymap #map_p08 .project_hoveralert{top:126px;left: 522px;} .project_displaymap #map_p09 img{top: 262px;right: auto;left: 543px;width:13px;height: 13px;} .project_displaymap #map_p09 .project_hoveralert{top:154px;left: 505px;} .project_displaymap #map_p10 img{top: 281px;right: auto;left: 588px;width:13px;height: 13px;} .project_displaymap #map_p10 .project_hoveralert{top:173px;left: 550px;} .project_displaymap #map_p11 img{top: 335px;right: auto;left: 660px;width:13px;height: 13px;} .project_displaymap #map_p11 .project_hoveralert{top:227px;left: 622px;} .project_displaymap #map_p12 img{top: 617px;right: auto;left: 617px;width:13px;height: 13px;} .project_displaymap #map_p12 .project_hoveralert{top:509px;left: 579px;} .project_displaymap #map_p13 img{top: 207px;right: auto;left: 680px;width:13px;height: 13px;} .project_displaymap #map_p13 .project_hoveralert{top:99px;left: 642px;} .project_displaymap #map_p14 img{top: 344px;right: auto;left: 853px;width:13px;height: 13px;} .project_displaymap #map_p14 .project_hoveralert{top:236px;left: 815px;} .project_displaymap #map_p15 img{top: 308px;right: 223px;width:13px;height: 13px;} .project_displaymap #map_p15 .project_hoveralert{top:200px;right: 185px;} .project_displaymap #map_p16 img{top: 307px;right: 187px;width:13px;height: 13px;} .project_displaymap #map_p16 .project_hoveralert{top:199px;right: 149px;} .project_displaymap #map_p17 img{top: 446px;right: 304px;width:13px;height: 13px;} .project_displaymap #map_p17 .project_hoveralert{top:338px;right: 266px;} .project_displaymap #map_p18 img{top: 627px;right: 141px;width:13px;height: 13px;} .project_displaymap #map_p18 .project_hoveralert{top:519px;right: 103px;} .project_displaymap #map_p19 img{top: 662px;right: 69px;width:13px;height: 13px;} .project_displaymap #map_p19 .project_hoveralert{top:554px;right: 31px;} .project_displaymap #map_p20 img{top: 292px;right: 253px;width:8px;height: 8px;} .project_displaymap #map_p20 .project_hoveralert_big{top:175px;right: 4px;} .project_displaymap #map_p21 img{top: 301px;right: 262px;width:8px;height: 8px;} .project_displaymap #map_p21 .project_hoveralert_big{top:184px;right: 12px;} .project_displaymap #map_p22 img{top: 301px;right: 271px;width:8px;height: 8px;} .project_displaymap #map_p22 .project_hoveralert_big{top:184px;right: 22px;} .project_displaymap #map_p23 img{top: 310px;right: 253px;width:8px;height: 8px;} .project_displaymap #map_p23 .project_hoveralert_big{top:193px;right: 3px;} .project_displaymap #map_p24 img{top: 319px;right: 253px;width:8px;height: 8px;} .project_displaymap #map_p24 .project_hoveralert_big{top:202px;right: 3px;} .project_displaymap #map_p25 img{top: 329px;right: 254px;width:8px;height: 8px;} .project_displaymap #map_p25 .project_hoveralert_big{top:211px;right: 4px;} .project_displaymap #map_p26 img{top: 329px;right: 245px;width:8px;height: 8px;} .project_displaymap #map_p26 .project_hoveralert_big{top:211px;right: -4px;} .project_displaymap #map_p27 img{top: 329px;right: 271px;width:8px;height: 8px;} .project_displaymap #map_p27 .project_hoveralert_big{top:211px;right: 21px;} .project_displaymap #map_p28 img{top: 329px;right: 289px;width:8px;height: 8px;} .project_displaymap #map_p28 .project_hoveralert_big{top:211px;right: 39px;} .project_displaymap #map_p29 img{top: 338px;right: 245px;width:8px;height: 8px;} .project_displaymap #map_p29 .project_hoveralert_big{top:220px;right: -5px;} .project_displaymap #map_p30 img{top: 338px;right: 253px;width:8px;height: 8px;} .project_displaymap #map_p30 .project_hoveralert_big{top:220px;right: 4px;} .project_displaymap #map_p31 img{top: 338px;right: 271px;width:8px;height: 8px;} .project_displaymap #map_p31 .project_hoveralert_big{top:220px;right: 21px;} .project_displaymap #map_p32 img{top: 338px;right: 307px;width:8px;height: 8px;} .project_displaymap #map_p32 .project_hoveralert_big{top:220px;right: 58px;} .project_displaymap #map_p33 img{top: 347px;right: 253px;width:8px;height: 8px;} .project_displaymap #map_p33 .project_hoveralert_big{top:229px;right: 4px;} .project_displaymap #map_p34 img{top: 347px;right: 271px;width:8px;height: 8px;} .project_displaymap #map_p34 .project_hoveralert_big{top:229px;right: 21px;} .project_displaymap #map_p35 img{top: 347px;right: 298px;width:8px;height: 8px;} .project_displaymap #map_p35 .project_hoveralert_big{top:229px;right: 48px;} .project_displaymap #map_p36 img{top: 356px;right: 245px;width:8px;height: 8px;} .project_displaymap #map_p36 .project_hoveralert_big{top:238px;right: -5px;} .project_displaymap #map_p37 img{top: 356px;right: 262px;width:8px;height: 8px;} .project_displaymap #map_p37 .project_hoveralert_big{top:238px;right: 13px;} .project_displaymap #map_p38 img{top: 356px;right: 307px;width:8px;height: 8px;} .project_displaymap #map_p38 .project_hoveralert_big{top:238px;right: 57px;} .project_displaymap #map_p39 img{top: 365px;right: 262px;width:8px;height: 8px;} .project_displaymap #map_p39 .project_hoveralert_big{top:247px;right: 12px;} .project_displaymap #map_p40 img{top: 365px;right: 271px;width:8px;height: 8px;} .project_displaymap #map_p40 .project_hoveralert_big{top:247px;right: 21px;} .project_displaymap #map_p41 img{top: 365px;right: 280px;width:8px;height: 8px;} .project_displaymap #map_p41 .project_hoveralert_big{top:247px;right: 30px;} .project_displaymap #map_p42 img{top: 373px;right: 270px;width:8px;height: 8px;} .project_displaymap #map_p42 .project_hoveralert_big{top:256px;right: 21px;} /* 新加 */ @media screen and (max-width: 766px) and (min-width: 577px){ .wrapmain{ width: 100%; /* padding: 0 10px; */ padding: 0 0px; } .Headermenu ul li a { font-size: 12px; padding-right: 15px; } .Headermenu ul li { width: auto !important; /* padding: 0 5px; */ } .Headermenu ul li .leftDiver { margin: 23px 10px; } .aboutus_bg { right: 12px; } .Headermenu ul li .submenu { width: 225px; } .Headermenu ul li .submenu li { width: 225px !important; } .indfirstpart .probox p { height: auto; } .nobgfoot { height: auto; } .QRcode { padding-top: 40px; } } @media screen and (max-width: 766px){ .footmenu{ display: none !important; } .develop_m .pageList .pageBlock_huge h4 { font-size: 30px; } .develop_m .pageList .pageBlock_huge h4 { font-size: 32px; } .develop_m .pageList .pageBlock_huge p { font-size: 12px; color: #000; padding: 0px 0 0 35px; } } @media screen and (max-width: 1280px) and (min-width: 767px){ .select_li{ font-size: 12px !important; } .submenu li a{ font-size: 12px !important; } .logo{ margin-left: 30px !important; } .select_value { width: 110px !important; right: 0px !important; } .select_value p span{ font-size: 12px !important; } .wrapmain { width: 100%; /* padding: 0 10px; */ padding: 0 0px; } .footmenu{ display: none !important; } .footer-bottom{ padding-left: 25px !important; padding-right: 25px !important; } .Headermenu ul li a { font-size: 12px; padding-right: 15px; } .Headermenu ul li { width: auto !important; /* padding: 0 5px; */ } .Headermenu ul li .leftDiver { margin: 23px 10px; } .aboutus_bg { right: 12px; } .Headermenu ul li .submenu { width: 225px; } .Headermenu ul li .submenu li { width: 225px !important; } .indfirstpart .probox p { height: auto; } .nobgfoot { height: auto; } .QRcode { padding-top: 40px; } /* .productbox{ width: 50% !important; } */ .productbox { -ms-flex: 0 0 33.33% !important; flex: 0 0 33.33% !important; max-width: 33.33% !important; } /* //-------------------------------------- */ .indthirdpart{ height: auto; } .indthirdpart .rightcirclelist{ width: auto; margin:0 0 30px; padding-left: 40px; } .indthirdpart .leftcircle { float: none; margin: 0 auto; } .rightPagecon { width: 85%; } .leftMenu{ width: 15%; } .pageList, .a_developpage { width: 65%; } .joinus_bg { width: auto; } .join_quicklyfirst{ width: 95%; } .contactbanner_text { margin: 0; position: absolute; top: 50%; left: 50%; /* width: 80%; */ transform: translate(-50%,-50%); } .contact_form { position: absolute; top: 50%; left: 50%; /* width: 80%; */ transform: translate(-50%,-50%); } .contact_hoverpoint,.lefttLogo{ display: none; } .rightLogo,.contact_displaymap .contact_mapbg{ opacity: 0; } .contact_tel_formL, .contact_tel_formR { float: none; margin: 0 auto; } .contact_form form { padding: 14px 0px 0 0; } .contact_displaymap { margin: 0; padding-top: 250px; } .banner .contactus{ /* height: 530px; */ height: 36vw; background-size: 100%; } .contact_form .form-group p { width: 360px; } } /* 特殊 */ @media screen and (max-width: 1850px) and (min-width: 1281px){ .joinus_bg { left: 25%; } } /* hover */ .floatMenuList ul li{ overflow: visible; } .hover_box { position:relative; width:300px; height:35px; text-align: center; line-height: 17px; padding: 10px 20px; background:#F94616; border-radius:5px; left: -310px; top: 0; position: absolute; display: none; } .hover_box p{ color: white; } .hover_box .hover_box_jiao { position:absolute; top:5px; right:-16px; /* 圆角的位置*/ width:0; height:0; font-size:0; border:solid 8px; border-color:rgb(255, 255, 255,0) rgb(255, 255, 255,0) rgb(255, 255, 255,0) #F94616; /* border-color:#4D4948 #4D4948 #4D4948 #F8C301; */ } .f-btn:hover div{ display: block; } @media screen and (max-width: 1160px){ .floorLogo{ display: none; } .lxbox{ padding-bottom: 30px; } .joinus_bg,.aboutus_bg,.about_developbg{ display: none !important; } } @media screen and (max-width: 770px){ .indthirdpart{ display: none !important; } } .foot_blogroll a{ margin-right: 10px; /* display: block; */ /* color: #666; */ font-size: 16px; font-weight: 100; color: #fa4616; } @media screen and (max-width: 1295px){ /* .swiper-slide{ width: 30vw !important; height: 30vw !important; position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%); } .productBlock .proBlockR img{ width: 30vw !important; height: 30vw !important; } .productBlock .proBlockL, .productBlock .proBlockR{ width: 50% !important; } .productBlock .proBlockR { width: 50% !important; } */ .productBlock{ height: auto !important; flex-wrap: wrap !important; flex-direction: column-reverse !important; } .productBlock .proBlockL .pro_close { top: 60px !important; left: 18px !important; } .bgmask{ overflow: scroll; } .productBlock .proBlockL, .productBlock .proBlockR{ width: 100% !important; height: auto !important; } .productBlock .proBlockR{ width: 100% !important; } .productBlock .proBlockR img{ height: auto !important; } .swiper-slide{ height: auto !important; } .productBlock .proBlockL, .productBlock .proBlockR{ padding-left: 0% !important; } .productBlock { top: 20px !important; transform: translate(-50%,0) !important; } } .project_displaymap .themappoint { display: none; }