html,body{background-color:#fff;}
@media screen and (min-width:1000px) and (max-width:1200px){
.top-bar{width: 100% !important;padding: 0% !important;max-width: 1000px;}
.logo{margin-left: 5% !important;}
.nav{margin-right: 5% !important;}
.company_link{padding-right: 5% !important;}
}
@media screen and (min-width:1200px){
/*.top-bar{width: 80% !important;padding: 0 10% !important;}*/
/*.logo{margin-left: 10% !important;}*/
.nav{margin-right: 5% !important;}
}
@media screen and (min-width:1800px){
/*.top-bar{width: 85% !important;padding: 0 10% 0 5% !important;}*/
/*.logo{margin-left: 20% !important;}*/
/*.nav{margin-right: 10% !important;}*/
}
.fixed{
position: fixed;top: 0;left: 0;width: 100%;
-webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
transition: all .66s cubic-bezier(.17, .84, .44, 1);
z-index: 10;
border-bottom: 1px solid #f1f1f1;
}
/*.main{padding-top: 30px;}*/
.logo{height: 80px !important;padding: 0 !important;line-height: 80px;}
.logo img{vertical-align: middle !important;}
.company_info,.contact_info{padding-top: 50px !important;}
.company_info .text img{max-width: 100%;}
#contactMap{display: none;}
/*****copyright*******/
.copyright{}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.main{min-height: 400px;}
.edit{position: relative;}
.editOn{position: absolute !important;top:0 !important;left: 0 !important;background: rgba(0,0,0,0.8) !important;color: #fff !important;padding: 10px 15px !important;
display: inline-block !important;cursor: pointer;font-size: 14px !important;margin: 0!important;line-height: 100% !important;z-index: 10 !important;}
.blankPage{min-height: 500px;overflow: hidden;max-width: 1200px;margin: 0 auto;padding: 50px 40px 20px 40px}
.blankPage .edit_cont{}
.blankPage .edit_cont div{max-width: 100%;}
.blankPage .edit_cont img{max-width: 100%;}
@media only screen and (max-width: 1024px) and (min-width: 100px){
.blankPage{width:98%;margin: 0 auto;padding: 15px 1%;}
.company_info,.contact_info{padding-top: 0px !important;margin: 0 !important;}
}
/*移动端导航*/
.header span.slide-menu {
display: inline-block;
position: absolute;
top: 15px;
left: 10px;
padding: 5px;
z-index: 5;
}
.header span.slide-menu img {
width: 15px;
height: 13px;
}
.mobile-menu{
position: absolute;
z-index: 55;
left: 0;
top: 0;
width: 70%;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mobile-menu > div {
background-color: #343434;
min-height: 100%;
}
.mobile-menu li > a {
padding: 15px 10px;
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #262626;
font-size: 15px;
display: block;
color: #fff;
}
.mobile-menu li.active > a {
background-color: red;
}
.mobile-menu.moved {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slide-mask {
position: absolute;
z-index: 54;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: none;
}
/*移动端导航end*/
/*移动端调整*/
@media screen and (max-width:900px){
.main{padding-top: 15px;}
.logo{width: 100%;margin-left: 0;text-align: center;padding: 15px 0;margin: 0!important;float: none !important;}
.logo img{max-height: 47px;max-width:90% ;}
.nav{display: none;}
.company_link{display: none !important;}
.top-bar{width: 100% !important;text-align: center;padding-left: 0 !important;}
.mobile-menu{display: block;}
.copyright p{padding: 0 20px;}
}
@media screen and (min-width: 901px){
.header span.slide-menu,.slide-mask,.mobile-menu{display: none !important;}
}
/*- scrollbar -*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-thumb{
background-color: #999;
-webkit-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical:hover{
background-color: #666;
}
::-webkit-scrollbar-thumb:vertical:active{
background-color: #333;
}
::-webkit-scrollbar-button{
display: none;
}
::-webkit-scrollbar-track{
background-color: #f1f1f1;
}
/*- scrollbar -*/
/******侧边飘窗***********/
.right_nav_bar {
position: fixed;
right: 0;
top: 75%;
z-index: 10001;
list-style: outside none none;
width: 54px;
}
.right_nav_bar li {
position: relative;
list-style: outside none none;
float: left;
height: 54px;
width: 54px;
cursor: pointer;
}
.right_nav_bar li:hover div,.right_nav_bar li .active{
background: #ff5100;
}
.right_nav_bar .icons {
height: 54px;
width: 54px;
float: left;
position: absolute;
right: 0;
transition: all 0.3s ease 0s;
overflow: hidden;
word-break: keep-all;
white-space: nowrap;
background: #333;
cursor: pointer;
}
.right_nav_bar .icons {
height: 54px;
width: 54px;
float: left;
position: absolute;
right: 0;
transition: all 0.3s ease 0s;
overflow: hidden;
word-break: keep-all;
white-space: nowrap;
}
.right_nav_bar .weixin-icon i {
background-position: 30px -80px;
}
.right_nav_bar i.iconImg {
background-image: url(//fast.qifeiye.com/qfy-content/plugins/qfy_editor/assets/images/pic.png);
height: 30px;
margin: 12px;
width: 30px;
display: inline-block;
}
.right_nav_bar .totop-icon i {
background-position: 30px -264px;
}
.weixin-pic{position: fixed;right: 65px;top: 65%;display: none;}
.w-pic,.w-pic img{width: 150px;}
.w-text{font-size: 13px;width:150px;text-align:center;overflow:hidden;margin-top:5px;}