﻿@media screen and (max-height:870px){
	.logo{ margin-top:28px;}
	.nav{ margin-top:20px;}
	.base{ bottom:3%;}
	.tel{ margin-bottom:10px;}
}
@media screen and (min-width:2000px){
	.nav > li > a{ padding:34px 0 32px;}
	.nav > li > a strong{ font-size:18px;}
	.nav > li > a small{ font-size:14px;}
	.edate p,.edate small{ font-size:14px;}
}
@media screen and (max-height:780px){
	.logo a img{ width:76px;}
	.logo{ margin-top:14px;}
	.nav{ margin-top:10px;}
	.nav > li > a{ padding:15px 0 12px;}
}
@media screen and (max-height:665px){
	.logo a img{ width:58px;}
	.nav > li > a{ padding:10px 0 8px;}
	.nav > li > a strong{ font-size:12px;}
	.tel{ margin-bottom:5px;}
	.share .eq-list{ padding-bottom:6px;}
	.edate{ margin-top:10px;}
	.base{ bottom:1.5%;}
	.menu-leval{ top:0;}
	.menu-leval li a{ font-size:12px;}
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1360px){
	.video{ width:240px;}
	.bannfont{ top:40%;}
}
@media screen and (max-width:1280px){
	.platfix strong{ width:56px; padding-bottom:14px; height:38px; margin-bottom:13px;}
	.platfix span{ margin-bottom:16px;}
	.platfix{ margin-top:-76px;}
	.inner{ width:90%;}
	.view-fix{ width:90%;}
	.newview{ width:100%;}
	.recruite-t,.recuite-top{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.recruite-fix .recruite-t span{width:20%; box-sizing:border-box;}
	.recuite-info .recuite-top span{ width:20%; box-sizing:border-box;}
	.recuite-info .recuite-top span:last-child{ width:18px; right:88px;}
}
@media screen and (max-width:1200px){
	.wordmark h3:before{ right:20px;}
	.word-info:hover .wordmark h3:before{ right:15px;}
}
@media screen and (max-width:1100px){
}
@media (min-width: 1050px) {
	.finner {width: 50%;margin: 0px auto;}
}
@media screen and (max-width:1024px){
	.header{ display:none;}
	.container{ padding-left:0;}
	.menu{ display:block;}
	.mtop{ display:block; height:54px;}
	.group-dynamic{ padding:34px 5%;}
	.dynamic-left{ position:relative; left:0; top:0; margin:auto; width:100%;}
	.dynamic-left p{ display:none;}
	.dynamic{ width:100%;}
	.dynamic .check{ position:relative; left:0; top:0; margin-top:65px; margin-left:0;}
	.footerlogo{ margin-left:0;}
	.footer{ padding:0 5%;}
	.footer-list{ display:none;}
	.footer-bootom{ padding:24px 0;}
	.about{ padding:20px 0 50px;}
	.common{ padding-bottom:20px;}
	.profile{ margin-top:34px;}
	.profiles{ margin-top:34px;}
	.about-list{ margin-top:56px;}
	.responsible{ margin-top:30px;}
	.respons{ margin-bottom:30px; padding:0;}
	.responseble span{ bottom:34px; left:20px;}
	.responseble p{ height:112px; overflow:hidden;}
	.responseble{ padding:30px 20px 0;}
	.new{ padding:50px 0;}
	.new-list li{ width:47%; margin-right:6%;}
	.new-list li:nth-child(3n+3){ margin-right:6%;}
	.new-list li:nth-child(2n+2){ margin-right:0;}
	.view-fix{ margin:auto; margin-bottom:45px;}
	.backfix{ display:none;}
	.industry-list li:hover .intrwr{ padding-top:40px;}
	.industry-t{ height:62px;}
	.industry-t h3{ line-height:62px; font-size:16px;}
	.intrwr h3{ font-size:20px; margin-bottom:18px;}
	.industry-list{ margin-top:50px;}
	.industry-fix{ padding:50px 0;}
	.industry-text h3{ padding-bottom:26px;}
	.industr{ margin-top:30px;}
	.relevant{ margin-top:26px;}
	.idea{ margin-top:50px;}
	.envoren{ margin-top:50px;}
	.team-banner{ margin-top:43px;}
	.team-banner{ padding:0;}
	#slider .flex-direction-nav li.flex-nav-prev{ left:10px;}
	#slider .flex-direction-nav li.flex-nav-next{ right:10px;}
	.recuite-list{ padding-bottom:30px;}
	.recuite-info .recuite-top span:last-child{ right:9%;}
	.map{ height:400px;}
	.contact{ padding:60px 0;}
	.address h3{ margin-bottom:34px;}
	.message{ margin-top:40px; width:100%;}
	.masaage-t{ margin-bottom:34px;}
	.massege-info{ width:48%; box-sizing:border-box;}
	.massege-info1{ width:100%;}
	.massege-info1 input{ box-sizing:border-box; width:100%;}
	.massege-info:nth-child(4){ width:100%;}
	.subinput{ width:100%;}
	.subinput input{ box-sizing:border-box; width:100%;}
	.speech-fix,.honor-list,.word{ margin-top:50px;}
	.wordmark{ height:64px;}
	.wordmark h3{ height:64px; width:80%; box-sizing:border-box; font-size:16px; line-height:64px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.bannfont{ transform:scale(0.74) translateY(-50%); -webkit-transform:scale(0.74) translateY(-50%); -moz-transform:scale(0.74) translateY(-50%); right:2%;}
	.vwrap .videobox{ width:90%; margin-left:-45%; height:360px; margin-top:-180px;} 
	.video{ width:220px;}
	.pagenavBox { height: auto; position: relative; }
    .cpnav { display: block; }
	.pnavbox { position: absolute; left: 0px; top: 50px; width: 100%; z-index: 800; display: none; }
    .pnavbox a { width: 100%; display: block; border-right: 0px none; background-color: rgba(186,0,42,0.7); padding: 0px; color: #fff; }
    .pnavbox a:hover, .pnavbox a.act { background-color: rgba(186,0,42,0.8); }
}
@media screen and (max-width:861px){ 
    body{ cursor:pointer;}
	.plate-info{ width:100%;}
	.footerfix{ margin-left:40px; width:70%;}
	.proleft{ width:100%;}
	.proleft strong{ text-align:center; display:inline-block; margin-right:12px;}
	.profile-con{ width:100%;}
	.prole,.prori{ width:100%;}
	.prori strong{ margin-top:10px;}
	.profile-con img,.protop{ margin-bottom:20px;}
	.profile-con b{ margin-top:30px;}
	.plates li{ width:48%; margin-right:4%; margin-bottom:32px;}
	.plates li:nth-child(2n+2){ margin-right:0;}
	.plates li:last-child{ margin-bottom:0;}
	.new-title{ padding:43px 5%;}
	.news{ padding:34px 5%;}
	.intrwr p{ line-height:1.8; height:80px; overflow:hidden;}
	.industry-t h3:before{ right:20px;}
	.ideatext{ width:100%;}
	.ideaimg{ width:100%; float:left;}
	.ideaimg img{ width:auto; max-width:100%;}
	.recruite-t span{ font-size:16px; line-height:52px;}
	.recruite-t{ height:52px;}
	.recuite-top span{ line-height:54px; font-size:14px;}
	.speech-fix figure{ width:auto;}
	.speech-fix figure img{ width:auto; max-width:100%;}
	.speech-text{ width:100%; margin-top:34px;}
	.recuite-info .recuite-top span:last-child{ top:18px;}
	.speech-text h3{ margin-bottom:32px;}
	.bannfont{ top:34%;}
	.video{ width:180px;}
	.product-list li {width: 49%;}
	.product-t h3:before {background: none;}
	.finner{width:100%;}
} 
@media screen and (max-width:751px){
	.responsible-list li figure{ width:100%;}
	.response{ width:100%; position:relative; left:0; float:left;}
	.responseble span{ position:relative; display:inline-block; left:0; bottom:0; margin-top:20px;}
	.responseble p{ height:auto;}
	.responseble{ padding:30px 5%;}
	.responseble h3{ margin-bottom:20px;}
	.addre{ width:100%;}
	.addeq{ float:left; margin-top:30px; position:relative;}
	.map{ height:360px;}
	.honor-list li{ width:48%; margin-right:4%;}
	.honor-list li:nth-child(3n+3){ margin-right:4%;}
	.honor-list li:nth-child(2n+2){ margin-right:0;}
}
@media screen and (max-width:641px){
	.menu-list > li > a{ padding:22px 0 22px 34px;}
	.leval-menu{ padding-left:44px;}
	.menu-list > li > a::before{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.base-in{ padding-top:40px;}
	.base-in .base{ left:20px;}
	.banner .flex-control-nav{ bottom:10px;}
	.banner .flex-control-nav li{ margin-right:12px;}
	.banner .flex-control-nav li a{ line-height:1; display:inline-block;}
	.banner .flex-control-nav li span{ width:8px; height:8px; line-height:1;}
	.plate-t{ bottom:30px;}
	.dynamic .check{ margin-top:42px;}
	.dynamic-list li span{ width:68%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.entrance{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:34px 5%; flex-flow: row wrap; -webkit-flex-flow: row wrap;}
	.entrance-info{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.entrance-info a{ width:100%; box-sizing:border-box; padding-left:70px; background-position:26px center !important;}
	.footerlogo{ margin-bottom:10px;}
	.footerfix{ margin-left:0; width:100%; padding-right:34px; box-sizing:border-box;}
	.footer-bootom{ padding:20px 0 18px;}
	.scollt{ top:88px;}
	.about{ padding:34px 0;}
	.profiles{ margin-top:28px;}
	.profile-list li{ margin-right:0; width:33.33333%; text-align:center; float:left;}
	.common h3{ font-size:24px;}
	.new-title h3{ font-size:22px; line-height:1.4; padding-bottom:16px;}
	.new-title{ padding:32px 5%;}
	.industry-list li{ width:100%;}
	.industry-fix{ padding:34px 0;}
	.industry-text h3{ font-size:22px;}
	.industr p{ font-size:14px;}
	.relevant li{ width:48%; margin-right:4%; margin-bottom:20px;}
	.relevant li:nth-child(3n+3){ margin-right:4%;}
	.relevant li:nth-child(2n+2){ margin-right:0;}
	.idea{ margin-top:30px;}
	.idea-info p{ margin-bottom:20px;}
	#carousel{ display:none;}
	.team-banner{ margin-top:30px;}
	.envoren{ margin-top:22px;}
	#slider .flex-direction-nav li{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.recruite-fix .recruite-t span:nth-child(2),.recruite-fix .recruite-t span:nth-child(3){ display:none;}
	.recruite-fix .recruite-t span,.recuite-info .recuite-top span{ width:33.33%;}
	.recuite-info .recuite-top span:nth-child(2),.recuite-info .recuite-top span:nth-child(3){ display:none;}
	.recuite-info .recuite-top span:last-child{ right:15%;}
	.recruite-fix{ margin-top:32px;}
	.massege-info{ width:100%;}
	.address h3{ font-size:22px; margin-bottom:20px;}
	.message{ margin-top:20px;}
	.masaage-t{ margin-bottom:20px;}
	.masaage-t h4{ font-size:22px;}
	.map{ height:320px;}
	.BMap_Marker{ transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
	.word-info:nth-child(1),.word-info:nth-child(2){ width:100%;}
	.wordmark h3:before{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.bannfont{ transform:scale(0.5) translateY(-105%); -webkit-transform:scale(0.5) translateY(-105%); -moz-transform:scale(0.5) translateY(-105%); right:0;}
        .word-info.big,.word-info{ width:100%;}
	.video{ width:140px; right:5%; bottom:10px;}
	.videoIbox span{ width:30px; height:30px; background-size:cover !important; margin-left:-15px; margin-top:-15px;}
        .eq-list {text-align: left;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.menu-list > li > a{ padding:20px 0 20px 32px;}
	.platfix strong{ width:48px; height:34px;} 
	.platfix h3{ font-size:20px; margin-bottom:6px;}
	.platfix{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); }
	.plate-info:hover .platfix{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
	.platfix span{ margin-bottom:8px;}
	.plate-t{ bottom:14px;}
	.plate-t h3{ font-size:20px;}
	.dynamic-list li span{ width:60%;}
	.dynamic .check{ margin-top:36px;}
	.entrance{ display:block;}
	.entrance-info{ width:46%; margin-right:8%; float:left;}
	.entrance-info a{ padding-left:0; text-align:center; background:none !important; height:66px; line-height:66px; font-size:14px;}
	.proleft strong,.profile-con p,.prori strong{ line-height:1.8; margin-bottom:0;}
	.profile-con img, .protop{ margin-bottom:16px;}
	.profile-con b{ margin-top:16px; font-size:16px;}
	.about-list{ margin-top:30px;}
	.plates li{ width:100%; margin-right:0;}
	.responseble{ padding:20px 5%;}
	.responseble h3{ margin-bottom:13px;}
	.new-list li{ width:100%; margin-right:0;}
	.new{ padding:32px 0;}
	.new-list{ margin-bottom:0;}
	.news{ padding:24px 20px;}
    .new-title h3{ font-size:20px;}
	.view-fix{ margin-bottom:34px;}
	.new-down time{ width:100%; margin-bottom:6px;}
	.new-title{ padding:24px 20px;}
	.industry-list{ margin-top:30px;}
	.intrwr h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.intrwr .check{ left:22px;}
	.industr{ margin-top:20px;}
	#slider .flex-direction-nav li{ transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
	#slider .flex-direction-nav li.flex-nav-prev{ left:0;}
	#slider .flex-direction-nav li.flex-nav-next{ right:0;}
	.recuite-list strong,.recuite-list p{ font-size:14px; line-height:1.8;}
	.recuites{ padding:22px 20px;}
	.showd{ position:relative; margin-top:10px; display:none;}
	.recuite-top span{ line-height:48px;}
	.recruite-t{ height:48px;}
	.recruite-t span{ line-height:48px; font-size:14px;}
	.recruite-t span:nth-child(1){ padding-left:0; text-align:center;}
	.recuite-top span:nth-child(1){ padding-left:0; text-align:center;}
	.contact{ padding:33px 0;}
	.address h3,.masaage-t h4{ font-size:20px;}
	.subinput input{ height:48px; line-height:48px;}
	.map{ height:280px;}
	.speech-fix,.honor-list,.word{ margin-top:30px;}
	.speeds{ margin-top:20px;}
	.speeds span{ font-size:18px; line-height:62px;}
	.speeds img{ width:160px;}
	.fancybox-next{ right:0;}
	.fancybox-prev{ left:0;}
	.video{ bottom:30%; margin-bottom:-31px; right:auto; left:5%; width:100px;}
	.bannfont{ right:-10%; top:50%;}
	.finner{width:90%;}
}
@media screen and (max-width: 380px){
	.dynamic-list li span{ width:50%;}
}
@media screen and (max-width: 340px){
  
}
	

