/*!
 * bid css in 2018
 * cj modify */

 
 /*-------bottom-tool-------*/

.bottom-tool .each.talk > a { line-height:38px;padding-top:0; overflow:hidden;color:#3092E2; font-size:12px; border: 1px solid #3092E2;}
.bottom-tool .each.talk > a:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2; }
.bottom-tool .each.talk .block-box {top:-18px; right:59px;}
.bottom-tool .each.talk .talk-link {border:1px solid #3092E2;color:#3092E2; border-radius:20px;padding:3px 0;width:80%;margin:0 auto; display:block;}
.bottom-tool .each.talk .talk-link:hover {color:#fff; background-color:#3092E2;border: 1px solid #3092E2;}
.bottom-tool .each.talk .talk-link .iconfont {font-size:14px; display:inline-block;margin-right:3px;}
.bottom-tool .each.talk p {padding:3px 0;}
.bottom-tool .each.talk .content {width:175px;}
.bottom-tool .each.talk .content p { font-size:14px;}
@media (min-width: 768px) {
.bottom-tool .each.talk > a {font-size:14px;line-height:19px;padding-top:5px; display:block; }	
	}
	
.bottom-tool .each.weixin > a  { display:block;    font-size: 12px;line-height: 14px;padding-top: 5px; }
 @media (min-width: 768px) {
.bottom-tool .each.weixin > a  {font-size: 14px;line-height: 19px;padding-top: 5px; }	
}
 
/*------header ------*/ 

.header {background-color: #fff; }
@media (min-width: 1200px) {
.header { position:fixed;left:0;top:0;width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1);}	
.page-container {padding-top:76px; position:relative;}
}

.sc-header {background-color: #fff; margin: 0; border-radius:0;border:0;}
.sc-header .container { position: relative;}
.sc-header .navbar-brand { padding: 13px 15px;   height: auto;}
.sc-header .navbar-brand img {width:100px;height:auto;/*height:31px;*/}
.sc-header .main-nav { float:left; }
.sc-header .main-nav li { display:inline-block;}
.sc-header .main-nav li a { display:inline-block; font-size:16px; color:#444;padding:15px 5px; }

.sc-header .nav-dropdown {}
.sc-header .nav-more {float: right; border:1px solid #fff;border-bottom:0; height: 55px;  width: 55px;}
.sc-header .open.nav-more  {border:1px solid #eee;border-bottom:0; }
.sc-header .nav-more a.more-icon {display:inline-block;padding:19px 19px;cursor: pointer; z-index:2;color: #9a9a9a; position:relative; overflow: hidden;
   -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;}
.sc-header .open .more-icon {color:#1b8cca;    
-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
.sc-header .more-icon .box {  display: block; position: relative;  width: 15px; height: 9px;}
.sc-header .more-icon .box:after,
.sc-header .more-icon .box:before {  position: absolute;top: 0; content: " "; width: 6px; height: 6px; background: #9a9a9a;}
.sc-header .open .more-icon .box:after,
.sc-header .open .more-icon .box:before {background:#1b8cca;}
.sc-header .more-icon .box:before {  left: 0;}
.sc-header .more-icon .box:after {  left: 9px;}
.sc-header .open .more-icon .box-t:before {
    -webkit-transition: -webkit-transform .3s ease-out .3s;
    transition: -webkit-transform .3s ease-out .3s;
    -o-transition: transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s,-webkit-transform .3s ease-out .3s;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sc-header .nav-more .dropdown-menu { border-radius:0;box-shadow:none;margin:0;padding:15px;width:300px;border:1px solid #eee; margin-top:-1px;z-index:999;right: -1px;}
.sc-header .nav-more .dropdown-menu li { display:inline-block;width:32%;}
.sc-header .nav-more .dropdown-menu li a { display:block; text-align:center;padding:4px 0;}
.sc-header .nav-more .dropdown-menu li a:hover,.sc-header .nav-more .dropdown-menu li a:focus {color:#cab380; background:none;}
.sc-header .nav-more .dropdown-menu li.divider { clear:both; float:none;width:100%; background-color:#eee;}
.sc-header .nav-more .dropdown-menu:before {    content: ' '; right: 0;height: 2px; background-color: #fff;width:54px; position: absolute; top: -2px;}
 

@media (max-width: 767px) {
.sc-header .container {padding:0;}
.sc-header .container .row {margin-left:0; margin-right:0;}
.sc-header .container .row > div {padding-left:0;padding-right:0;}
.sc-header .navbar-brand {padding:11px 15px;}
.sc-header .nav-more {
        border: 0;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
.sc-header .nav-more.open {
        border: 0;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
.sc-header .navbar-brand img { width: 108px;}
	
	}
@media (min-width: 768px) {

.sc-header .navbar-brand img {width:160px;height:auto;}
.sc-header .main-nav {margin-top: 12px; margin-left:30px;}
.sc-header .main-nav li a {font-size:17px;}
.sc-header .more-icon .box {  display: block; position: relative;  width:22px; height: 12px;}
.sc-header .more-icon .box:after,
.sc-header .more-icon .box:before {  position: absolute;top: 0; content: " "; width:8px; height:8px; background: #9a9a9a;}
.sc-header .more-icon .box:before {  left: 0;}
.sc-header .more-icon .box:after {  left: 12px;}

.sc-header .nav-dropdown.nav-more {height:68px; width: 68px;  }
.sc-header .nav-more {margin-top:8px;}
.sc-header .nav-more a.more-icon {padding:21px 21px;}
.sc-header .nav-more .dropdown-menu {font-size:15px;}
.sc-header .nav-more .dropdown-menu:before { width: 67px; top: -1px;}
}
@media (min-width: 992px) {
.sc-header .main-nav li a { padding:15px 10px; }

}

.xs-main-nav {
   width: 100%; overflow-y: hidden; background-color: #fff;border-top: 1px solid #eee; box-shadow: 0 4px 4px rgba(103, 103, 103, 0.1); position: relative; 
    -webkit-overflow-scrolling: touch;  overflow-y: hidden;overflow-x:auto;z-index: 3;
}
.xs-main-nav .nav-list { min-width: 100%;  display: inline-block;    white-space: nowrap;}
.xs-main-nav .nav-list li {  display: inline-block;text-align: center;}
.xs-main-nav .nav-list a {  display:block; padding: 10px 15px; color: #555;font-size: 15px;}
 
@media (min-width: 768px) {
.xs-main-nav .nav-list { display:table;width:100%;}
	.xs-main-nav .nav-list li { display:table-cell;}
	.xs-main-nav .nav-list a { padding: 10px 20px; font-size:17px}
}