﻿@media screen and (max-width:1550px){
	.new-time{ margin-bottom:0;}
   .news{ margin-top:30px;}
   .news .owl-controls{ position:relative; text-align:left;}
}
@media screen and (max-width:1450px){
.corproduct .service h2{ margin-bottom:6px; width:240px; overflow:hidden}
   .map{ height:580px;}
   .common-titles h3{ font-size:50px;}
   .develtitle h3{ font-size:22px;}
   .develtitle small{ font-size:20px;}
}
@media screen and (max-width:1280px){
.corproduct .service h2{ margin-bottom:6px; width:220px; overflow:hidden; font-size:12px; font-weight:normal}
.nav li a {
    display: inline-block;
    color: #323232;
    font-size: 16px;
    line-height: normal;
    position: relative;
    padding: 0 10px;
    overflow: hidden;
    height: 29px;
}
   .banne-list h3{ font-size:34px;}
   .banne-list b{ font-size:76px; letter-spacing:45px;}
   .map{ height:480px;}
}
@media screen and (max-width:1100px){

   .header-right{ display:none;}
   .header-box{ position:fixed; left:0; top:0;}
   .header{ padding:0 5%;}
   .logo{ margin-top:0; width:240px; height:auto;}
   .menubox{ display:block;}
   .bannerText{ width:90%; margin-left:-45%;}
   .inner{ width:95%;}
   .main-left{ width:100%;}
   .company img{ display:none;}
   .company-wr{ position:relative;}
   .company-fix{ padding:43px 8% 43px 8.8%;}
   .new-wr{ padding:43px 5%;}
   .news{ margin-top:0;}
   .new-time{ margin-bottom:20px;}
   .news .owl-controls{ opacity:1; visibility:visible; bottom:-10px;}
   .new-wr .common-title .more{ display:block;}
   .newmore{ display:none;}
   .main{ width:100% !important;}
   .news:hover .owl-controls{ bottom:-10px;}
   .new-time span{ height:42px; overflow:hidden;}
   .product-service{ margin-top:0; width:64%; float:left;}
   .product-service{ width:100%;}
   .product-service .corporate{ width:100%; float:none;}
   .product-service .corporate figure img{ display:none;}
   .product-service .corporate .common-title{ position:relative; margin-top:0; padding:38px 5% 36px;}
   .corproduct{ position:relative; margin-top:0; padding:28px 5%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} 
   .service{ margin-left:42px; width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
   .product-service .corporate:nth-child(2) .corproduct{ border-bottom:1px solid #fff; border-top:1px solid #fff;}
   .corproduct span{ margin-left:0;}
   .introductimg{ position:relative;}
   .common-titles{ width:95%; margin-left:-47%;}
   .common-titles h3{ margin-right:0; font-size:50px;}
   .introduct{ padding-top:50px;}
   .introducts{ width:100%;}
   .introduct-t{ margin-bottom:40px;}
   .introduct-text{ padding:40px 5%;}
   .recruit-box .common-titles{ bottom:4%; height:auto;}
   .recruit-box .productimg{ position:relative;}
   .recruit{ margin-top:0;}
   .recruit-title h3{ color:#000000;}
   .recruit-title{ margin-bottom:22px;}
   .recuit-icon li{ width:30%; margin-right:5%; margin-bottom:38px;}
   .recuit-icon li:nth-child(3n+3){ margin-right:0;}
   .servicecase-t{ position:relative; bottom:0; width:100%; margin-left:0; left:0;}
   .servicecase-t .corporate figure img{ display:none;}
   .servicecase-t .corporate .common-title{ position:relative; padding:38px 5% 36px; margin-top:0;}
   .casebanner-fix{ position:relative; margin-left:0; bottom:0; left:0; width:100%;}
   .casemain{ width:100%; height:140px;}
   .case-box{ padding-bottom:140px;}
   .structure-box{ background-size:cover !important; background-attachment:local !important;}
   .product-service{ overflow:hidden; position:relative;}
}
@media screen and (max-width:1024px){
.corproduct .service h2{ margin-bottom:6px; width:600px; overflow:hidden; font-size:16px; height:50px;}
   .banne-list h3{ font-size:28px; margin-bottom:40px;}
   .bamnline{ top:66px;}
   .banne-list b{ font-size:64px; letter-spacing:38px;}
   .inner{ width:90%;}
   .profile{ width:100%; position:relative;}
   .new-center{ width:100%; position:relative;}
   .corporate{ float:right; width:50%;}
   .company{ width:50%; padding-bottom:0; position:absolute; left:0; top:0;height:100%;}
   .company-fix{ padding-bottom:0; padding-top:30px;}
   .company-fix p{ margin-top:10px; line-height:2.1; font-size:12px;}
   .news{ margin-top:14px;}
   .new-time{ float:left; width:50%; margin:10px 0;}
   .news .owl-controls{ bottom:-20px;}
   .news:hover .owl-controls{ bottom:-20px;}
   .footer-box{ padding:100px 0 85px;}
   .introductimg{ background-size:cover !important; background-attachment:local !important;}
   .common-titles{ margin-left:-45%;}
   .common-titles h3{ font-size:40px; margin-bottom:14px;}
   .introduct{ width:100%; padding-top:0;}
   .introduct-t small{ font-size:38px;}
   .introduct-t h3{ font-size:22px;}
   .introduct-t{ margin-bottom:30px;}
   .productimg .common-titles{ bottom:4%;}
   .productimg .common-titles h3{ margin-bottom:0;}
   .real-info{ width:120px; height:120px;}
   .real-info figcaption{ margin-top:47px;}
   .real-title{ margin-top:-62px;}
   .investe p{ margin-right:0;}
   .view-text{ width:90%;}
   .service-box{ padding-top:120px; padding-bottom:88px;}
   .map{ height:380px;}
   .address{ width:90%;}
   .introductimg img{ width:100%; height:auto;}
   .recuit-icon li{ width:48%; margin-right:4%;}
   .recuit-icon li:nth-child(3n+3){ margin-right:4%;}
   .recuit-icon li:nth-child(2n+2){ margin-right:0;}
   .team-list li{ width:50%;}
   .viewfiex{ padding-top:0;}
   .newview-title{ margin-left:0; margin-top:30px; margin-bottom:0;} 
   .newview-title h2{ width:100%; font-size:26px; margin-bottom:12px;}
   .newview{ margin-top:0;}
   .viewfiex .serviceimg{ width:100%; height:auto;}
   .newview-title h2,.newview-title p span, .newview-title p time{ color:#000000;}
   .casebanner-fix,.servicecase-t{ width:100%;}
   .new-center.article-block{ top:45px; right:0;}
   .new-center.articleShow{ top:0; transition:950ms 320ms;}
   .product-service.articleShow .corporate{ right:0; opacity:1; transition:680ms 240ms;}
   .product-service.articleShow .corporate:nth-child(2){ right:0; opacity:1; transition:680ms 440ms;}
   .product-service.articleShow .corporate:nth-child(3){ right:0; opacity:1; transition:680ms 620ms;}
   .introducts.articleShow{ transition:1200ms 500ms;}
   .culture-info.articleShow:nth-child(2){transition:1800ms 500ms;}
   .culture-info figcaption h4{ font-size:18px;} 
   .managefix img{ width:100%;}
   .managetext{ width:100%; margin-top:0;}
   .managewr{ padding:45px 30px; height:auto;}
   .valueti{ margin-top:30px; display:block;}
   .ways{ width:90%;}
   .contactimg .common-titles h3{ margin-left:0;}
   .waytables{ overflow-x:scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; padding-bottom:30px;}
   .waytables::-webkit-scrollbar{display:none}
   .waytables::-moz-scrollbar{display:none}
   .investment{ margin-top:34px;}
   .investimg{ margin-top:0;}
   .develper{ width:100%;}
   .develright{ width:100%;}
   .teaminfos{ margin-bottom:30px;}
   .viewover .view-icon{ position:relative; top:0; padding-bottom:0; margin-top:30px; display:none;}
   .vwrap .videobox{ width:90%; margin-left:-45%; height:440px; margin-top:-220px;}
   .zyVideo .vico{ width: 40px; height: 40px; background-size: cover; margin: -20px 0px 0px -20px;}
   .iproductBox .con{ padding: 40px 0px 0px; height: 100px;}
	.iproductBox .ico{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	.iproductBox .con .t{ font-size: 14px;}
	.iproductBox .con .t .by{ font-size: 20px;}
	.iproductBox li:hover .sj{ bottom: -20px;}
	.iproductBox li{ border-right: 1px solid #ccc; box-sizing: border-box;}
	.iproductBox .item2 .con, .iproductBox .item2 .img{ border-left: 0px; border-right: 0px;}
	.iproductBox .y{ width: 100px; height: 70px; padding-top: 30px; margin: -50px 0px 0px -50px; font-size: 16px;}
	.iproductBox .more-ico{ margin-top: 10px; width: 20px; height: 20px;}
	.iproductBox li:hover .con{ color: #666666; background-color: #fff;}
	.iproductBox li:hover .ico{ background-position: 0 0px;}
	.iproductBox .con .sj{ display: none;}
	.iproductBox li:hover .img{ background-color: #ebebeb;}
	.iproductBox li .black{ opacity: 1; visibility: visible; background: none;}
	.iproductBox li .y { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
}
@media screen and (max-width:861px){
	body{ cursor:pointer;}
	.company{ position:relative; width:100%;}
	.corporate{ width:100%;}
	.company .company-fix,.product-service .corporate .common-title{ padding:30px 5%;}
	.corporate .common-title{ padding-left:5%;}
	.new-wr{ padding-top:30px;}
	.links{ float:none; margin-bottom:26px; display:inline-block;}
	.footer-left{ width:100%; margin-left:0; overflow:hidden; float:none;}
	.links span{ height:48px; line-height:48px;}
	.link-down{ bottom:49px;}
	.footer-box{ padding:60px 0;}
	.inerban{ margin-left:0;}
	.culture{ padding-bottom:100px;}
	.investimg{ width:45%;}
	.investe{ width:48%;}
	.real-list{ padding:100px 0 120px;}
	.view-fix p{ width:100%;}
	.productimg .common-titles img{ height:188px; width:auto;}
	.informate-list li .informate-info{ width:100%; margin-right:0;}
	.news-list li figcaption p{ margin-top:22px;}
	.recuit-wr{ padding:14px 20px;}
	.investimg{ width:100%; margin-top:0;}
	.investe{ width:100%; margin-top:35px;}
	.culturefix li{ width:100%;}
	.culture-info figcaption{ width:90%; left:5%;}
	.teamvideo,.viewdown{ width:100%;}
    .addright { width:100%;}
	.iproductBox .con{ padding: 30px 0px 0px; height: 100px;}
	.iproductBox .con .sj{ height: 20px;}
} 
@media screen and (max-width:641px){

    .meun{ padding-top:24px;}
	.menu-list li a{ font-size:20px; height:54px; line-height:54px;}
	.menu-list li{ padding:0 5%;}
	.iphone-edite{ margin-top:30px;}
	.iphone-edite{ padding:12px 5%;}
	.iphone-edite a{ font-size:20px; line-height:38px;}
	.iphone-edite a:last-child{ width:38px; height:38px; line-height:38px; font-size:18px;}
	.meun{ top:88px;}
	.menubox{ width:38px; height:18px;}
	.close{ top:-77px; width:32px; height:32px; background-size:cover !important;}
	.bannerText{ height:240px; margin-top:-120px;}
	.banne-list small{ width:100%; font-size:12px;}
	.banne-list h3{ font-size:24px; margin-bottom:30px;}
	.banne-list b{ font-size:50px; letter-spacing:22px;}
	.bamnline{ top:43px;}
	.new-time span{ padding-right:12px;}
	.corproduct span{ margin-left:10px; width:65px; height:65px;}
	.service{ margin-left:22px;}
	.corproduct .service h2{ margin-bottom:6px; width:220px; overflow:hidden; font-size:14px; font-weight:normal; line-height:24px; margin-top:-20px;}
	.common-titles{ font-size:30px; bottom:4%;}
	.common-titles h3{ margin-bottom:0; font-size:30px;}
	.introduct-t small{ font-size:30px;}
	.introduct-t h3{ font-size:20px;}
	.menu-info{ padding:40px 0 0;}
	.culture-info,.culture-info:nth-child(1){ width:100%;}
	.culture-info:nth-child(2){ width:100%; margin-top:0;}
	.culture .flex-direction-nav{ position:relative; margin-top:30px; display:inline-block;}
	.culture{ padding-bottom:60px; padding-top:40px;}
	.productimg img,.contactimg img{ height:160px; width:auto;}
	.investe h2{ font-size:32px;}
	.investe h3{ font-size:20px;}
	.investe p{ margin-top:20px;}
	.investment{ padding-bottom:30px;}
	.real-info{ width:100px; height:100px;}
	.real-info figcaption{ margin-top:38px;}
	.real-info figcaption h3{ font-size:14px;}
	.real-title{ margin-top:-48px;}
	.real-list{ padding:58px 0 30px;}
	.realimg figcaption span{ width:88px; height:40px; line-height:40px; font-size:14px;}
	.reals li h2{ font-size:16px;}
	.service-box{ padding-top:70px;}
	.view-text{ width:100%;}
	.map{ height:320px;}
	.address-box{ padding:40px 0;}
	.address-wr{ padding:30px 5%;}
	.recuit-icon li{ margin-bottom:28px; width:100%; margin-right:0;} 
	.recruit{ padding-bottom:30px;}
	.recuit-info figcaption span,.recuited b{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.recuited h2{ font-size:20px;}
	.recuit-info figcaption span{ margin-bottom:14px;}
	.position strong{ font-size:22px;}
	.team-list li figcaption .teamtime{ height:52px;}
	.team-list li figcaption .teamtime span{ line-height:52px;}
	.team-list li figcaption .teamtime em{ margin-top:16px;}
	.new-right{ display:none;}
	.new-left{ width:100%;}
	.new-box{ padding:30px 0 50px;}
	.newtitle{ margin-bottom:26px;}
	.news-list li figcaption h2{ font-size:20px;}
	.viewfiex .serviceimg{ width:auto; height:67px;}
	.newview-title h2{ font-size:20px;}
	.viewfiex .new-fix{ padding-top:22px;}
	.newview-text{ padding-bottom:40px;}
	.viewfiex{ padding-top:0;}
	.casemain{ height:128px;}
	.case-box{ padding-bottom:0;} 
	.case-wr{ padding:20px 5% 0 5%;}
	.case-info{ margin-top:15px;}
	.case-info li h2{ margin-bottom:6px;} 
	.case-swich{ top:30px;}
	.valueti{ padding:20px 0 10px 20px;} 
	.news-list li figcaption p{ margin-top:20px;}
	.news-list li{ margin-bottom:30px;}
	.maps{ display:none;} 
	.ways{ width:100%;}
	.wayt{ width:90%; margin:auto; margin-bottom:20px;}
	.address-box{ padding-bottom:0;}
	.biddown span{ display:none;}
	.bidbox{ padding:40px 0;}
	.bidlist li{ padding:20px 20px;}
	.bidlist li h3{ font-size:16px; height:auto; margin-bottom:34px;}
	.biddin h3{ font-size:36px;}
	.biddin{ margin-bottom:30px;}
	.bidlist{ margin-top:0;}
	.feedback{ margin-top:40px;}
	.feedback span{ margin-bottom:20px;}
	.feeldown p{ line-height:1.8; width:100%; border-right:none; padding:0;}
	.logo{ width:180px;}
	.menubox{ margin-top:6px;}
	.culture-info:hover mark{ opacity:0; visibility:hidden;}
    .culture-info:hover figcaption b{ color:#fff; background:#e60012;}
	.productts{ width:100%; background-size:cover !important; border-radius:8px;}
	.teaminfos{ width:100%;}
	.estatet a{ height:45px; line-height:45px;}
	.real{ width:100%;}
	.investment{ width:90%; margin:auto; padding:45px 0 60px;}
	.proboxs{ padding-top:45px;}
	.address-info{ width:100%;}
	.bannerText{ height:180px; margin-top:-90px;}
	.addrw{ margin-bottom:20px;}
    .addeq { margin-right:20px;}
	.addlogo{ width:120px; margin-bottom:8px;}
	.vwrap .videobox{ height:320px; margin-top:-160px; width:100%; margin-left:0; left:0;}
    .inforbitn span {  padding:0 12px;}
	.iproductBox li{ float: none; width: 100%; border-right: 0px none;}
	.iproductBox .con{ height: auto; padding-bottom: 20px;}
	.iproductBox .img img{ max-width: 100%;}
	.footer{ padding-left:2%;}
} 
@media screen and (max-width:520px){
    .recuit-wr p{ font-size:12px;}
	.recruit-title h3{ font-size:18px;}
	.recuit-icon li{ width:100%; margin-right:0;}
	.recuited h2{ font-size:18px;}
	.recuit-info figcaption span, .recuited b{ transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
}
@media screen and (max-width:481px){
	.banne-list b{ font-size:38px; letter-spacing:16px;}
	.banne-list h3{ font-size:20px; white-space:nowrap; overflow:hidden;}
	.banne-list small{ height:34px; line-height:1.4; overflow:hidden; text-overflow:ellipsis;}
	.banne-list a{ height:36px; width:122px;}
	.banne-list a i{ height:36px; line-height:36px;}
	.banne-list a:before{ width:124px;}
	.menu-list li a{ font-size:42px; line-height:42px; height:42px; font-size:14px;}
	.iphone-edite a{ font-size:18px;}
	.footer-box{ padding:40px 0;}
	.links{ max-width:100%; width:100%; display:block; float:left; box-sizing:border-box; margin-bottom:26px;}
	.links span{ width:100%; height:42px; line-height:42px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.link-down{ bottom:41px;}
	.footer-left{ float:left;}
	.introduct-text{ padding:30px 5%;}
	.introduct-fix p{ margin-bottom:10px;}
	.culture-info figcaption h4{ font-size:14px;}
	.common-titles h3{ font-size:24px;}
	.introduct-t{ margin-bottom:20px;}
	.investimg{ width:100%;}
	.investimg img{ width:auto; height:auto;}
	.investe{ width:100%; margin-top:20px;}
	.real-list{ padding:30px 0 20px;}
	.reals li{ width:100%; margin-right:0;}
	.view-fix{ margin-top:16px;}
	.view-fix h3{ font-size:22px; margin-bottom:8px;}
	.view-icon{ padding-bottom:16px;}
	.view-icon h4{ font-size:18px;}
	.list{ margin-top:30px;}
	.service-box{ padding-bottom:45px;}
	.list a:nth-child(2){ margin:0 44px;}
	.viewover{ padding:30px 5%;}
	.map{ height:280px;}
	.addrw b{ font-size:20px;}
	.addrw{ margin-bottom:10px;}
	.address-wr .mapeds{ width:60%;}
	.addright{ margin-top:20px;}
	.addeq img{ width:120px;}
	.addrw span{ margin-bottom:12px;}
	.addres-icon h3{ font-size:18px;}
	.position strong{ font-size:20px;}
	.experience p b{ margin-left:16px;}
	.need{ padding-bottom:20px;}
	.need p{ font-size:12px;}
	.informate-wr{ padding:22px 20px;}
	.informate-box{ padding-bottom:45px;}
	.informate-title h3{ font-size:18px;}
	.team-list li figcaption .teamtime{ height:45px;}
	.team-list li figcaption .teamtime span{ line-height:45px;}
	.team-list li figcaption .teamtime em{ margin-top:12px;}
	.team-list li{ width:100%;}
	.team{ padding-bottom:10px;}
	.newtitle h1{ font-size:32px; margin-bottom:4px;}
	.news-list li figcaption{ padding-left:0; padding-right:0;}
	.new-tome span{ margin-left:-20px;}
	.managewr{ padding:32px 22px;}
	.structure-box{ padding:45px 0;}
	.manages small{ font-size:30px; margin-bottom:16px;}
	.manages span{ font-size:18px;}
	.valueti a{ font-size:14px; margin-right:24px;}
	.list a:nth-child(1), .list a:nth-child(3){ width:38px; height:38px;}
	.list a:nth-child(1):before, .list a:nth-child(3):before{ width:36px; height:36px;}
	.list a i{ top:50%; margin-top:-7px;}
	.list a:nth-child(1) i{ left:50%; margin-left:-4px;}
	.list a:nth-child(3) i{ left:50%; margin-left:-4px;}
	.list a:nth-child(2){ line-height:38px; font-size:16px;}
	.news-list li a{ padding:28px 20px 20px;}
	.new-tome span{ display:none;}
	.news-list li figcaption h2{ font-size:18px;}
	.recuits{ left:24px; bottom:25px;}
	.recuits small{ font-size:24px;}
	.recuits span{ font-size:16px;}
	.recruit{ padding-bottom:10px;}
	.devetop .develinfo{ width:100%;}
	.develtitle{ left:5%; top:20px;}
	.develtitle h3{ font-size:18px; padding-bottom:15px; margin-bottom:14px;}
	.productts a{ width:85px; height:44px; line-height:44px;}
	.addeq{ margin-top:0;}
	.culture-info figcaption b{ font-size:20px; height:36px; line-height:36px;}
    .inforbitn span { width:50%; box-sizing:border-box; padding:0; text-align:center; margin-bottom:12px;}
    .inforbitn span:nth-child(2n+2) {  border-right:none;}
 }
@media screen and (max-width: 380px){

    .inerban li{ width:32%; margin-right:2%;}
	.inerban li:last-child{ margin-right:0;}
	.addrw b{ font-size:18px;}
	.addrw{ margin-bottom:20px;}
	.addrw p{ font-size:14px;}
	.page-list li{ margin-right:2px;}
	.page-list li:first-child{ margin-right:12px;}
	.page-list li:last-child{ margin-left:0;}
	.newview-title h2{ font-size:18px;}
	.new-tome strong{ padding-right:42px;}
	.new-tome span{ padding-left:26px;}
	.new-tome time{ margin-left:6px;}
}
@media screen and (max-width: 340px){
	.meun{ top:45px;}
	.close{ top:-40px;}
}
	