body{background: #f9f7f8;font-family: "microsoft yahei","Helvetica Neue",HELVETICA, Helvetica,"SimSun","宋体","Arial Narrow";}
a:hover,a:focus,a{text-decoration: none;}
ul{list-style: none;padding: 0;margin: 0;}
footer .container{background-color: #242424;}
header{border-bottom: 1px solid #e7e7e7;}
.navbar-header h1{text-align: center;}
input ,textarea,button{outline: none;}
em {font-style: normal;}
p {word-break:break-word;}
/*分页*/
.paging .pagination{margin: 0;}
/*手机端样式*/
@media (max-width: 767px) {
	.navbar-header .logo img{width: 77px;}
	.container .navbar-collapse .navbar-nav.nav{margin-top: 57px;}
	.navbar-default .navbar-nav.nav> li> a{color: #7f7f7f; font-size: 14px;line-height: 16px;padding: 15px 25px 15px 20px;}
	.navbar-default .navbar-nav.nav .dropdown-menu>li>a{font-size: 12px;line-height: 14px;padding: 13px 0 13px 36px;}
	.container .navbar-collapse .navbar-nav.nav{margin-top: 57px!important;}
	section.mainBody{padding-top: 57px;} 
	.minHeight{min-height: 600px;height: auto!important;height: 600px;}
	/*分页*/
	.paging{height: 60px;color: #fff;}
	
	
	
	/*手机端搜索*/
	.padSearch{height: 36px;position: absolute;right: 10px;top: 16px;}
	.navbar .navbar-header {height: 57px;}
	.navbar .navbar-header .pSearch  a{margin: 0;float: left;}
	.navbar .navbar-header .pSearch .padSeaIco{margin-right: 12px;}
	.padSearch img{width: 22px;height: 22px;vertical-align: top;}
	.pSearchWrap{position: absolute;right: 50%;margin-right: -147px;top: 8px;overflow: hidden;width: 0px;transition: all .4s;-webkit-transition: all .4s; z-index: 3;}
	.pSearchWrap.seaActive{ width: 250px;}
	
	.pSearchWrap span{font-size: 14px;font-weight: 100;position: absolute;left:190px;top: 10px;color: #333333;}
	.searchTxt{width: 180px;height: 32px;border: 1px solid #dedede;background: #f1f1f1;border-radius: 10px;margin: 0;}
	.searchTxt .searchIput{height: 30px;border: none;float: left;color: #333333;font-size: 14px;padding-left: 13px;font-weight: 100;background: transparent;padding-right: 0;}
	.searchTxt .searchBtnIput{height: 30px;border: none;float: left;background: url(../png/wapsearch.png) no-repeat center;padding:0;}
	.navbar-header h1 a.logo{position: absolute;left: 50%;margin-left: -28px;transition: all .4s;-webkit-transition: all .4s;z-index: 2; }
	.navbar-header h1 .logo.logoActive{left: 80px;opacity: 0;}
	
	/*分页*/
	.paging{height: 40px;color: #fff;text-align: center;margin-top: 30px;}
	.paging .pagination li a{border-radius: 12px; width: 24px;height: 24px;margin: 0;padding: 0;line-height: 24px;text-align: center;margin: 0 2px;background: transparent;color: #b6b6b6;border-color: #b6b6b6;font-size: 14px;}
	.paging .pagination li.active a{background: #d8271c;color: #fff;border-color: #d8271c;}

    /*oa,maili登录样式*/
	.navbar-default .navbar-collapse .navbar-nav .aboutOA{padding-top: 14px;}
	.navbar-default .navbar-collapse .navbar-nav .aboutOA a{float: left;padding: 0;float: left;padding: 0;width: 30px;height: 30px;margin-right: 25px;}
}

/*pad端通用样式*/
@media (min-width: 768px) and (max-width: 991px) {
	section.mainBody{padding-top: 81px;}
	.minHeight{min-height: 870px;height: auto!important;height: 820px;}
	/*手机端搜索*/
	.padSearch{height: 36px;position: absolute;right: 24px;top: 16px;}
	.navbar .navbar-header {height: 80px;}
	.navbar .navbar-header .padSearch  a{margin: 0;float: left;}
	.navbar .navbar-header .padSearch .padSeaIco{margin-right: 16px;}
	.padSearch img{width: 36px;height: 36px;vertical-align: top;}
	.searchWrap{position: absolute;right: 50%;margin-right: -204px;top: 15px;overflow: hidden;width: 0;transition: all .4s;-webkit-transition: all .4s; }
	.searchWrap.seaActive{ width: 416px;}
	
	.searchWrap span{font-size: 18px;font-weight: 100;position: absolute;left: 375px;top: 12px;color: #333333;}
	.searchWrap .searchTxt{width: 371px;height: 37px;border: 1px solid #dedede;background: #f1f1f1;border-radius: 10px;margin:0;}
	.searchWrap .searchTxt .searchIput{height: 35px;border: none;float: left;color: #333333;font-size: 14px;padding-left: 13px;font-weight: 100;background: transparent;padding-right: 0;}
	.searchWrap .searchTxt .searchBtnIput{height: 35px;border: none;float: left;background: url(../png/search.png) no-repeat center/20px 20px;padding:0;}
	.navbar-header h1 a.logo{position: absolute;left: 50%;margin-left: -75px;transition: all .4s;-webkit-transition: all .4s; }
	.navbar-header h1 .logo.logoActive{left: 130px;opacity: 0;}
	/*分页*/
	.paging{height: 140px;color: #fff;text-align: center;margin-top: 30px;}
	.paging .pagination li a{border-radius: 22px; width: 44px;height: 44px;margin: 0;padding: 0;line-height: 44px;text-align: center;margin: 0 9px;background: transparent;color: #b6b6b6;border-color: #b6b6b6;font-size: 18px;}
	.paging .pagination li.active a{background: #d8271c;color: #fff;border-color: #d8271c;}
    /*oa,maili登录样式*/
	.navbar-default .navbar-collapse .navbar-nav .aboutOA{padding-top: 18px;}
	.navbar-default .navbar-collapse .navbar-nav .aboutOA a{float: left;padding: 0;float: left;padding: 0;width: 39px;height: 39px;margin-right: 25px;}
}

/*pad端+手机端 样式*/
@media (max-width: 991px) {
	.navbar-default.navbar-fixed-top{background: #fff;}
	.container .navbar-collapse .navbar-nav.nav{margin-top: 80px;border-top: 1px solid #f0f0f0;}
	.navbar-collapse .navbar-nav.nav>li{border-bottom: 2px solid #f0f0f0;}
	.navbar-collapse .navbar-nav.nav>li>a>span{display: inline-block;width: 16px;height: 16px;border-radius: 8px;border: 1px solid #da2431;background: #fff;margin-right: 17px;}
	.navbar-default .navbar-nav> li> a{color: #7f7f7f; font-size: 22px;line-height: 22px;padding: 28px 50px 28px 50px;}
	.navbar-default .navbar-nav> li> a > .iconfont{float: right;}
	.navbar-default .navbar-nav> li> a > .icoHide{display: none;}
	.navbar-default .navbar-nav .dropdown-menu>li>a{font-size: 18px;line-height: 18px;padding: 26px 0 26px 84px;display: block;}
	.navbar-default .navbar-nav .dropdown-menu li .iActive{color: #da2431;}
	.dropdown-menu{width: 142px;}
	.navbar-default .navbar-nav.nav li .navPadActive{color: #fff; background-color: #d8271c;}
	.dropdown-menu .iconfont{margin-right: 15px;}
	.navbar-default .navbar-nav .dropdown-menu li{border-bottom: 1px solid #e0e0e0;}
	.navbar-default .navbar-nav .dropdown-menu li:last-child{border-bottom: none;}
	.iOpen>.dropdown-menu{display: block;}
	.navbar-nav .iOpen .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
	nav .navbar-collapse {background-color: #fff !important;}
	.navbar-header h1{position: relative;}
	/*oa,maili登录样式*/
	.navbar-default .navbar-collapse .navbar-nav .aboutOA{position: absolute; top: 0;right: 0; border-bottom: none;}
	.navbar-default .navbar-collapse .navbar-nav .aboutOA a img{width: 100%;height: 100%;}

}

/*PC端样式*/
@media (min-width: 992px) {
	.navbar-collapse .navbar-nav.nav .dropdown-menu{background: #ffffff;}
	.dropdown-menu{width: 142px;left:50%;margin-left: -71px;}
	.dropdown-menu li{text-align: center;height: 40px;line-height: 40px;border-bottom: 1px solid #e6e5e5;}
	.navbar-default .navbar-nav li .navActive{color: #fff; background-color: #d8271c;}
	.navbar-default .navbar-nav li>a>.iconfont{display: none;}
	.navbar-default .navbar-nav .dropdown-menu .iconfont{display: none;}
	.wOpen > .dropdown-menu{display: block;}
	.navbar-default .navbar-nav> .open> a:hover { color: #fff; background-color: #d8271c; }
	.navbar-default .navbar-nav> li> a:hover { color: #fff; background-color: #d8271c; }
	.minHeight{min-height: 687px;height: auto!important;height: 650px;padding-bottom:100px;}
	/*分页*/
	.paging{height: 150px;color: #fff;text-align: center;margin-top: 20px;}
	.paging .pagination li a{border-radius: 15px; width: 30px;height: 30px;margin: 0;padding: 0;line-height: 30px;text-align: center;margin: 0 9px;background: transparent;color: #b6b6b6;border-color: #b6b6b6;}
	.paging .pagination li.active a{background: #d8271c;color: #fff;border-color: #d8271c;}
}

.headerLeft a{padding-left: 20px;background: url(../png/mailioc.png) no-repeat left center; color: #999999;}
.headerLeft span{padding-left: 20px;background: url(../png/phoneioc.png) no-repeat left center; color: #999999;}
.headerRight{text-align: right;}
.headerRight:before, .headerRight:after { display: table; content: " "; }


.headerRight a{display: inline-block; color: #999999;height: 23px;border-radius: 2px;margin-right: 8px;float: right;margin-top: 3px;line-height: 23px;padding: 0 10px;border-radius:2px ;}
.headerRight a:hover{background: #ededed;}
.headerRight .language span.active{color: #d8271c;}

.headerRight form{display: inline-block; width: 188px;height: 22px;outline: none;border: 1px solid #f3eff1;float: right;margin-top: 3px;}
.headerRight form #seach{padding-left: 5px; float: left;width: 158px;height: 21px;outline: none;border: none; background: transparent;color: #999;}
.headerRight form #seachBtn{float: left;height: 20px;border: none;width: 23px;background: transparent url(../png/searchioc.png) no-repeat center;outline: none;}
.headerTop{height: 30px;border-bottom: 1px solid #e7e7e7;background: #fff;overflow: hidden;position: relative;z-index: 999999;}
.headerTop.headerHid{height: 0;border: none;}
.headerTop .container{height: 100%;line-height: 30px;}


/*导航*/
.navbar-default.navbar-fixed-top{background: #fff;}
.navbar-collapse .navbar-nav.nav{margin-top: 27px;}
.navbar-nav li{position: relative;}
.navbar-nav>li>a{border-radius: 4px;font-size: 14px;}

.navbar-collapse .navbar-nav .dropdown-menu{background: #f0f0f0;}

/*主内容区样式*/
.mainBody{padding-top: 111px; width: 100%;}
body.off-canvas-nav-left.out {height: 100%;overflow: hidden !important;position: fixed;}

/*侧边导航*/
.sildeNav{position: fixed;top: 60%;width: 38px;right: 20px;background: #fff;border: 1px solid #eeeeee;z-index: 999999;}
.sildeNav a{display: block;border-bottom: 1px solid #eeeeee;height: 39px;padding: 0 6px;font-size: 12px;line-height: 14px;padding-top: 5px;color: #b5b5b5;}
.sildeNav .mailTip,.sildeNav .sinaTip,.sildeNav .phoneTip{font-size: 12px;line-height: 14px;}
.sildeNav .goTop{background:#898989 url(../png/gotop.png) no-repeat center;}
.sildeNav .a:hover{background: #d92c21; color: #ffffff;}
.sildeNav .a:focus{text-decoration: none;}

.sinaTip {position:relative;}
.sinaTip .code{position: absolute;left: -105px;top: 50%;margin-top: -56px;display: none;}
.sinaTip .code img{width: 100px;height: 118px;}
.sinaTip .code b{position: absolute;display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff;right: -10px;top: 50%;margin-top: -3px;}
.sinaTip:hover .code{display: block;}

.phoneTip{position: relative;}
.phoneTip .code{position: absolute;left: -105px;top: 50%;margin-top: -56px;display: none;}
.phoneTip .code img{width: 100px;height: 118px;}
.phoneTip .code b{position: absolute;display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff;right: -10px;top: 50%;margin-top: -3px;}
.phoneTip:hover .code{display: block;}
/*底部样式*/
.footerNav {background-color: #fff;}
.menuwrap{width:1170px;padding-top: 20px;overflow: hidden;font-size: 12px;}
.menu-list{float: left;width: 938px;}
.menu-list a{color: #333333;}
.menu-list a:hover{color: #c30009;}
.QRcode{float: left;margin-top: 5px;}
.QRcode-ecoology,.QRcode-Tautropfen{float: left;width:110px;text-align:center;}
.QRcode-Tautropfen{margin-left: 12px;}
.QRcode p{margin-top:10px;text-align: center;}
.menu-list ul{float: left;width: 134px;}
.menu-list li{float: left;width:134px;text-align:left;line-height: 26px;}
.menu-list li.menu{color: #000;font-weight: bold;}
footer{position:absolute;bottom:0; width: 100%;height: 96px;background-color: #242424;font-size: 12px;}
footer.pc-footer {display:none;}
footer .content-wrap{width:100%;margin:0 -15px;height:100%;overflow: hidden;}
.logo-bijia{float:left;margin-top: 14px;}
.footer-nav{overflow: hidden;}
.footer-nav ul li{float: left;padding:0px 3px 0 0 ;margin-left: 3px;border-right: 1px solid #8a8a8a;}
.footer-nav ul li.last{border: none;}
.footer-nav ul li a{color: #8a8a8a;}
.footer-nav ul li a:hover{color: #C30009;}
.company-web p, .company-web a{color: #8A8A8A;text-align: center;}
.company-web  .vil{height:30px; line-height: 30px;}
.company-web  .vil img{width:18px;}
/*---------------menu------------------------*/
/*for 1200px or bigger*/
@media only screen and (min-width: 1200px) {
    .footer-nav{margin-top:46px;}
	.company-web{float: left;margin-top:6px;}
}
/*for 1199px or less*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	footer{height: 56px;}
	footer .content-wrap{width: 100%;margin: 0 auto;}
	.company-web{width:426px;margin:0 auto;line-height: 54px;}
	.company-web p{margin: 0;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	footer{height: 56px;}
	footer .content-wrap{width: 100%;margin: 0 auto;}
	.company-web{width:100%;line-height: 54px;}
	.company-web p{margin: 0;}
}





@media (min-width: 1200px) {
    .container {
        width: 1150px;
    }
}