@charset "utf-8";

/* 内外边距通常让各个浏览器样式的表现位置不同 */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr,.clear { margin:0; padding:0; }

fieldset, img, a img { border:none; }

/* 要注意表单元素并不继续父级 font 的问题 */

body, button, input, select, textarea { font:12px/18px Calibri; }

input, select, textarea { font-size:100%; }

/* 去掉各Table cell 的边距并让其边重合 */

table { border-collapse:collapse; border-spacing:0; }

/* IE bug fixed: th 不继续 text-align*/

th { text-align:inherit; }


/* 去掉列表前的标识, li 会继承 */

ol, ul{ list-style:none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th { text-align:left; }

/* 来自yahoo, 让标题都自定义 */

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }

/* 默认显示下划线，保持页面简洁 */

ins, a { text-decoration:none; }

/* 让链接在 hover 状态下显示下划线 */

a:hover { text-decoration:none; color:#FE700C }

/* 清理浮动 */

.clear {clear:both;}
/* 设置内联, 减少浮动带来的bug */

.ft-left, .ft-right {display: inline;}
.ft-left {float: left;}
.ft-right {float: right;}

body {width: 100%;}
#head {width: 100%; background: url("../images/headbg.png");}

.headcontent {max-width:960px;width:100%;margin:0 auto;padding:22px 0px 0px 0px;}

.headcontent #sbmlogo { float:left;width:13%;min-width:80px; }

#function { cursor:pointer;}

#sfun { cursor:pointer;}

#function{display:none;}

#sfun{display:none;}

#sbmlogo img{max-width:100%;}

 #logoright { float:right; line-height: 12px; overflow: hidden; width:360px;}

 #logoright a.countries { background-position: 0 -59px; padding-left: 22px; font:12px/18px Calibri; }

.topmenu{display: none;display: n;lear:right;float:left;padding-right:13px;font:12px/18px Calibri;color:#8d8d8d;}

.topmenu span { color:#8d8d8d;}

.topmenu span:hover { color:#06F;}

.topmenu a{ color:#8d8d8d}

.topmenu a:hover{ color:#e37006}

.topmenu:visited{color:#e37006;}

.topmenu:hover{color:#e37006;}

.topmenu:active{color:#e37006;}

#search { clear:right; float: right;  line-height: 26px; width:188px; margin-right:15px;}

#search #searchkey {width: 133px; height: 26px; line-height: 26px; padding-left:8px; display: inline; float: left; background:url(../images/search1.jpg); color:#b2b2b2; font:12px/18px Calibri; border:0px;}

#search #searchkey .focus, .fill-out { color: #000; font-style: normal; font:12px/18px Calibri; }

#search #searchkey .empty-out { }

#search input[type=text] { }

#search input[type=submit] { background:url(../images/search2.jpg) no-repeat; border:0; text-indent:-9999px; width: 46px; height:26px; display: inline-block; float:left; cursor:pointer }

#massage_box{ position:absolute; background:#fff; left:20%; top:59px; width:54%; min-width:300px; height:auto;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; display:none; padding-top:3px;}

#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); filter:ALPHA(opacity=60); z-index:1; display: none;}

.massage{ width:100%; height:100%; color:#036; font-size:12px; line-height:150%}

.header{ color:#fff}

#massage_box ul{ margin-right:25; float:left; display:block;}

#massage_box ul li{padding-left:70px; font:12px/24px Candara; color:#093079; }

#massage_box ul li strong{ height:47px; font:bold 14px/47px Candara; color:#093079}

#massage_box ul li a{ color:#093079;font:12px/24px Candara; text-decoration:none;  padding-left:9px; }

#massage_box ul li a:hover{ color:#e37006;font:12px/24px Candara; text-decoration:none; padding-left:9px;}





/*导航特效*/

.headcontent .topright{ clear:right; float:right; width:100%;}

.smartmenu{height:30px;float:right;width:100%;text-align:right;font-family:Candara; z-index:99999; padding: 0px;

    -moz-border-radius-bottomleft: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

	}

.smartmenu a{font:bold 14px  Calibri;text-decoration: none; color: #003781; border-right: 0px solid #003781;}

.smartmenu a.last {border: none;background:none;}

.smartmenu a:hover {color:#e37006; text-decoration:none}

.smartmenu ul{margin: 0px;padding: 0px;list-style: none;z-index:9999999; float:right; }

.smartmenu ul li{float: left; padding: 5px 20px;}

.smartmenu ul li img { display:none;}

.smartmenu ul li.last { background:none; }

.smartmenu ul li ul {display: none;}

.smartmenuie6 {height: 10px;}

#menuActive a{ color:#e37006;}





.smartmenufloaty {

    /*background: #8DB638 none repeat scroll 0 0;

    border-top:1px solid #B7DF63;*/

    margin:0px;

    padding: 0px;

    overflow: hidden;

    -moz-border-radius-bottomleft: 5px;

    -moz-border-radius-bottomright: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -webkit-border-bottom-right-radius: 5px;

	background: transparent;

    position: absolute;

    border: none;

    width: auto;

    height: auto;

    left: 0px;

    top: 0px;

    z-index: 1000;



}

.smartmenufloaty a {

    text-decoration: none;

    color: #003781;

    border-right: 0px solid #003781;

    padding: 0px;

	border: none;

	font:12px/32px Calibri;

	color:#003781;

}

.smartmenufloaty a:hover {color:#dc6e19;}

.smartmenufloaty ul {

    margin: 0px 15px;

    padding: 0px;

    list-style: none;

	z-index:9999999;

}

.smartmenufloaty li {

    padding-left: 12px;

    border-right: 0px solid #003781;

	border-bottom:1px solid #dbdbdb;

	font:12px/32px Calibri;

	color:#003781;

}

.smartmenufloaty li:hover {

    padding-left: 12px;

    border-right: 0px solid #003781;

	border-bottom:1px solid #dbdbdb;

	font:12px/32px Calibri;

	color:#003781;

}



.smartmenufloaty .tip {

    font-size: 0px;

    height: 8px;

    /*width: 146px;*/

    margin: 0px;

    overflow: hidden;

    display: block;

}



/*导航特效end*/

#foot {width:100%; background: #10286c; color:#fff;}
.footin {width:100%; max-width: 960px; margin:0 auto; padding: 25px 0; font-size: 14px;overflow: hidden;}
.foot-l {height:34px;line-height: 34px}
.foot-l li{
    float: left;
    margin-left: 5px;
}
.foot-l a{
    color: #fff;
}
.foot-r a {float:left; display: block; margin-left: 10px;width:34px;height:34px;}
#twitter, #facebook, #google, #pinterest, #linkedin{background: url(../images/sobg.png);width: 31px; height:31px;}
#twitter{background-position: -47px 0;}
#facebook{background-position: -139px 0;}
#google{background-position: -93px 0;}
#pinterest{background-position: -185px 0;}
#linkedin{background-position: 0 0;}
iframe {
	position: absolute;
	/*display: none;*/
}
.para_table td{
	padding: 5px;
	}
#exhibition{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 301px;
  height: 110px;
}
#smartnav{
    display: none;
}

/* PAD */
@media (min-width: 768px) and (max-width: 991px){
    .footin{
      width: 690px;
    }
}

/* PHONE */
@media (max-width: 767px){
    #search{
        display: none;
    }
    #logoright{
        width: 145px;
        margin-top: 10px;
    }
    .foot-l li{
        margin-left: 2px;
        font-size: 12px;
    }
    .headcontent{
        padding: 22px 0;
        width: 96%;
    }

  .foot-l .ft-right{
    display: block;
  }
  .foot-l.ft-left{
    float: none;
    display: block;
  }
    #massage_box{
        left: 0;
        width: 100%;
        top: 75px;
    }
    #smartnav{
          margin-top: 12px;
          float: left;
          margin-left: 10%;
          display: block;
    }
    .topmenu a{
        font-size: 14px;
    }
    .headcontent .topright{
        position: absolute;
        width: 96%;
    }
    .smartmenu a{
        color: #fff;
    }
    .topright{
      display: none;
    }
    .smartmenu ul li{
        width: 100%;
        margin: 0 4% 0 0;
        padding: 0;
        text-align: center;
        background: #090865;
        line-height: 31px;
        border-bottom: 1px solid #083c78;
    }
    .smartmenu ul li.last{
        background: #090865;
        border-bottom: none;
    }
    .smartmenu ul{
        margin-top: 16px;
        float: none;
    }
    .footin{
      width: 98%;
    }
    .footin .ft-right{
      float: none;
    }
    #twitter, #facebook, #google, #pinterest, #linkedin{
      background: url(../images/sobg-sm.png);
      width: 24px;
      height: 23px;
    }
    #twitter{
        background-position: -34px 0;
        }
    #facebook{
        background-position: -103px 0;
        }
    #google{
        background-position: -68px 0;
        }
    #pinterest{
        background-position: -137px 0;
        }
    #linkedin{
        background-position: 0 0;
        }
}