@charset "utf-8";
/* CSS Document */
/*HEADER*/
#header{width:100%;height:auto;margin:0 auto;background:#d8d9da;position:relative}
.navbg{width:100%;height:54px;position:absolute;bottom:0;background:#003c7d}
/*logo*/
.header{    height: 159px;
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    width: 100%;
}
.logo{float:left;max-width: 164px; width: 20%;height:164px;margin-top:12px;margin-right:45px}
.logo a{width:100%; max-width:679px;height:164px;display:block;line-height:164px;background:url(../images/logo.png?4) no-repeat;}
.logot{max-width: 471px; width: 49%;height:54px;float:left;margin-top:23px;line-height:54px;background:rgba(0, 0, 0, 0) none repeat scroll 0 0;margin-bottom: 25px;/*url(../images/logot.png) no-repeat*/}

.agency-logo{float:left;max-width: 164px; width: 20%;height:164px;margin-top:12px;margin-right:45px}
.agency-logo a{width:100%; max-width:679px;height:164px;display:block;line-height:164px;background:url(../images/logo_agency.png?1) no-repeat;}

.scout-logo{float:left;max-width: 164px; width: 20%;height:164px;margin-top:12px;margin-right:45px}
.scout-logo a{width:100%; max-width:679px;height:164px;display:block;line-height:164px;background:url(../images/logo_scout.png?1) no-repeat;}


/*nav*/
.nav{ float: left;
    height: 54px;
    position: relative;
    width: auto;z-index: 9999;}
/*.nav li{display:inline-block;float:left;margin-right:0px;}
.nav li a{display:inline-block;position:relative;height:52px;line-height:52px;padding:0 15px;color:#fff;font-size:16px;font-family:"open sans", sans-serif, arial, verdana;font-weight:normal;text-decoration:none;}
.nav li span.arrow{display:block;width:8px;height:4px;position:absolute;top:24px;right:2px;background:url(../images/pagebg.png) -50px 0 no-repeat;}
.nav li a:link{font-family:"open sans", sans-serif, arial, verdana, sans-serif, arial, verdana;}
.nav li a:hover{font-family:"open sans", sans-serif, arial, verdana, sans-serif, arial, verdana;color:#f3ac3a}
.nav li a:active{font-family:"open sans", sans-serif, arial, verdana, sans-serif, arial, verdana;}
.nav li a:visited{font-family:"open sans", sans-serif, arial, verdana, sans-serif, arial, verdana;}
.nav li a.on{background:#f6f5f5;color:#000;border-top:2px solid #f3ac3a;}
.nav li.logs{float:right;}
.nav li.logs a{padding-right:0}
.nav li.search{float:right;position:relative;top:11px;}
.nav li.search a{width:31px;height:27px;line-height:27px;padding:0;background:url(../images/pagebg.png) -100px 0 no-repeat}


.nav ul li{
  position: relative;
  display: block;
}


.nav ul li ul{
  z-index: 998;
  position: absolute;
  top:-9999px;
  left:4px;
  background-color: #6699ff;
  border: 1px solid #0071B3;
  width:250px;text-align: left !important;
}
.nav ul li ul li{
  float: none;
  border-top: 1px solid #0071B3;
  line-height: 15px;
  padding-top: 5px;
  padding-bottom: 5px;display: block !important;
  height:auto;
}
.nav ul li:hover ul{
  top:52px;
}
.nav ul li:hover ul ul{
  top:-9999px;
}
.nav ul li ul li a{
  line-height: 22px;
  height: auto;
  padding:0 10px;
  font-size: 14px;
  font-weight: normal;
  display:inline-table
}
.nav ul li ul li a:hover{
  color:#000;
}



.nav ul li ul li ul{
  z-index: 999;
  position: absolute;
  top:-9999px;
  left:250px;
  background-color: #6699ff;
  border: 1px solid #0071B3;
  width:220px;
}
.nav ul li ul li:hover ul{
  top:0px;
}*/
/*.nav li span.arrow_right{display:block;width:8px;height:4px;position:absolute;top:24px;right:6px;background:url(../images/pagebg.png) -3px 0 no-repeat;}*/


.toprihht {
width:30%; float:right; height:auto; text-align:right; margin-top: 20px;	
}

/*call*/

.call {
    color: #000;
    display: block;
    float: left;
    height: auto;
    line-height: 18px;
    position: relative;
    width: 60%;
}
.call b{ display:none;}
.call em{font-style:normal;color:#003c7d;}
/*share*/
.share {
    float: right;
    height: 35px;
    position: relative;
    width:40%; max-width: 122px;
}
.share span{display:inline-block;width:25px;height:25px;cursor:pointer;background:url(../images/pagebg.png) no-repeat}
.share span.a{background-position:0 0}
.share span.b{background-position:0 -30px}
.share span.c{background-position:0 -60px}
.share span.d{background-position:0 -90px}
/*footer*/
#footer{width:100%;height:104px;background:#555;margin:0px auto 0 auto;}
.footer{width:100%; max-width:1170px;min-height:79px;padding-top:25px;font-size:12px;color:#666;margin:0px auto 0 auto;line-height:2em;text-align:center;}
.float_left.l {
    float: left;
    width: 35%;
}
.float_left.m {
    float: left;
    width: 23%;
}
.float_right.r {
    float: right;
    width: 25%;
}
.footer .l{text-align:left;color:#f6f5f5;font-family:"open sans", sans-serif, arial, verdana}
.footer .l a{color:#f6f5f5;font-family:"open sans", sans-serif, arial, verdana;font-size:12px;}
.footer .m{text-align:left;color:#f6f5f5;font-family:"open sans", sans-serif, arial, verdana}
.footer .r{text-align:right;color:#f6f5f5;font-family:"open sans", sans-serif, arial, verdana;margin-right:15px;}
.footer .blogo{background:url(../images/blogo.png) no-repeat; float: right;
 height: 103px;
    margin-top: -30px;
    max-width: 103px;
    position: relative;
    right: 0;
    width: 15%;}

.footer .agency-blogo{background:url(../images/blogo_agency.png) no-repeat; float: right;
    height: 103px;
    margin-top: -30px;
    max-width: 103px;
    position: relative;
    right: 0;
    width: 15%;}

.footer .scout-blogo {
    background: rgba(0, 0, 0, 0) url("../images/blogo_scout.png") no-repeat scroll 0 0;
    float: right;
    height: 103px;
    margin-top: -30px;
    max-width: 103px;
    position: relative;
    right: 0;
    width: 15%;
}


@media only screen and (max-width : 1025px) {
	
.logo { margin-right: 5px;}
.scout-logo { margin-right: 5px;}
.agency-logo { margin-right: 5px;}
.toprihht {
    width: 35%;
}
}
@media only screen and (max-width : 990px) {

.toprihht {
    float: right;
    height: auto;
    margin-top: 0;
    text-align: right;
    width: 30%;
}

.call {
    color: #000;
    display: block;
    float: left;
    height: auto;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    width: 100%;
}

.share {
    float: right;
    height: 35px;
    max-width: 122px;
    position: relative;
    width: 100%;
}
#welcome {
    float: right;
    margin-top: 0 !important;
    position: relative;
    width: 100%;
}
}

@media only screen and (max-width : 850px) {
	.navbg {display:none;}
	.nav {
    background: #003c7d none repeat scroll 0 0;
    float: left;
    height: 54px;
    position: relative;
    width: 100%;
}
.logo {    height: auto; max-width: 105px;}
.scout-logo {    height: auto; max-width: 105px;}
.agency-logo {    height: auto; max-width: 105px;}
.logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo.png?1") no-repeat scroll 0 0 / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 92px;
    width: 100%;
}
.scout-logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo_scout.png?1") no-repeat scroll center center / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 92px;
    width: 100%;
}
.agency-logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo_agency.png?1") no-repeat scroll 0 0 / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 92px;
    width: 100%;
}

}

@media only screen and (max-width : 780px) {
#footer {
    background: #555 none repeat scroll 0 0;
    float: left;
    margin: 0 auto;
    min-height: 104px;
    width: 100%;
	height:auto;
}
	.float_left.l {
    float: left;
    text-align: center !important;
    width: 100%;
}
	.float_left.m {
    float: left;
    text-align: center !important;
    width: 100%; margin-bottom:10px; margin-top:20px;
}
.float_left.m input{ width:auto;}
.footer .blogo { display:none;}
.footer .scout-blogo { display:none;}
.footer .agency-blogo { display:none;}
.float_right.r {
    float: right;
    margin-right: 0 !important;
    text-align: center !important;
    width: 100%;
}
}
@media only screen and (max-width : 500px) {
.logo {
      margin-right: 0;
    margin-top: 10px;
    text-align: center;
    width: 27%;
}
.logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo.png?1") no-repeat scroll center center / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 70px;
}
.scout-logo {
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    width: 27%;
}

.scout-logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo_scout.png?1") no-repeat scroll center center / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 70px;
}
.agency-logo  {
      margin-right: 0;
    margin-top: 0;
    text-align: center;
    width: 27%;
}
.agency-logo a {
    background: rgba(0, 0, 0, 0) url("../images/logo_agency.png?1") no-repeat scroll center center / auto 100%;
    display: block;
    height: auto;
    line-height: 164px;
    max-width: 679px;
    min-height: 70px;
}
.logot {
    width: 69%;  margin-bottom: 0;display: none;
}

.toprihht {
    background: rgba(255, 255, 255, 1) url("../images/callbg.jpg") no-repeat scroll left center / auto 100%;
    float: right;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: center;
    width: 67%;
	padding-left:6%;
}


.share {
    display: block;
    float: right;
    height: 25px;
    max-width: 100%;
    position: relative;
    width: 100%;
}
#welcome {display:none;}
#header { float: left;

    background: #f1ab46 none repeat scroll 0 0;
}
.header {
    height: auto;
}
.smwwmain h1 {
    font-size: 18px !important; margin: 0 0 5px !important;
}
.toprihht { margin-bottom: 0;
    padding-bottom: 4px;
}
.call { margin-top: 0;
}
.call b{ display:block;
}
}