/* CSS Document */
*{margin:0px; padding:0px; font-size:14px; font-family:microsoft yahei;}
.left{float:left}
.left a {
    color: #fff;
    margin-left: 5px;
}
.right{float:right}
.clear{clear:both}

.r{ border:solid red 1px;}
.g{ border:solid green 1px;}
.b{ border:solid blue 1px;}


ul{ margin:0px; padding:0px;}

ul li{float:left; list-style:none;}

img{border:0}
a {text-decoration:none; color:#000;}


.shouhouleft ul {
    height: 270px;
    float: left;
}

.shouhouleft li {
    background: url(../images/icon_contact.png) 0px 100px no-repeat;
    line-height: 40px;
    text-indent: 60px;
    margin: 5px 0;
}

.shouhouleft li a {
    color: #666;
}

.shouhouleft li a:hover {
    color: #ff5050;
    font-weight: bold;
}

.shouhouleft li span {
    font-weight: bold;
}

.shouhouleft li.tel {
    background-position: -60px -338px;
}

.shouhouleft li.qq {
    background-position: -60px -381px;
}

.shouhouleft li.email {
    background-position: -60px -473px;
}

.shouhouleft li.fax {
    background-position: -60px -519px;
}

.shouhouleft li.group {
    background-position: -60px -427px;
}

.app-bar-actions {
	width:570px;
	height:24px;
	float: right;
	font-size: 12px;
	}
	
	.top_social{
	width: 68%;
	height:38px;
	float: right;}
.top_social a{
	display:block;
	width:38px;
	height:38px;
	line-height:24px;}
.top_social a:hover{
	background:#fff;}
.top_social li{
	float:left;
/*	width:25%;  */
	text-align:center;}
.top_social img{
	float:right;}
.top_social a{
	font-size:12px;
	}	
	.top_right{
	width:310px;
	float:right;}
.top_right li{
	width:57px;
	float:left;
	font-size:12px;
	line-height:24px;
	padding-left:18px;}
.top_right a{
	color:#333;
	font-size:12px;
	}
.top_right a:hover{
	color:#fe030b;}
.top_right li.en{
	background:url(../images/en_flag.jpg) left center no-repeat;}
.top_right li.es{
	background:url(../images/sp_flag.jpg) left center no-repeat;}
.top_right li.ru{
	background:url(../images/ru_flag.jpg) left center no-repeat;}
.top_right li.fr{
	background:url(../images/fr_flag.jpg) left center no-repeat;}

	
	
	
	
/*头部样式*/

#header {
    width: 100%;
    height: 140px;

	_background: #f3efe5 url(../images/bg_head.jpg) left top repeat-x;
}
.warper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    z-index: 500;
    position: relative;
}
.app-bar {
    display: block;
    position: initial;
    height: 85px;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
    transition: none;
}
.navdrawer-container {
    position: initial;
    width: 70%;
    height: 40px;
    line-height: 40px;
    float: right;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
    transition: none;
	display:block;
}
 .promote-layer {
        /*
        This may promote the layer to a composited
        layer.

        Replace with will-change when available

        #perfmatters
        */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

button.menu {
    display: none;
}

.app-bar .logo {
    width: 25%;
    height: 130px;
    text-align: center;
    padding-top: 30px;
    /* background: #c1241b; */
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}

.promote-layer a:hover {
    color: #c1241b;
}

.app-bar .logo img {
    width: 100%;
	
}

.app-bar-actions {
    width: 100%;
    float: right;
}
.top_social {
    width: 68%;
    height: 38px;
    float: right;
}

.app-bar:after {
    content: ' ';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.navdrawer-container ul li {
    width: 16%;
    font-size: 18px;
    border: none;
    float: left;
}

.promote-layer a.current {
    color: #c1241b;
	font-size: 18px;
}

.promote-layer a {
    color: #000;
    font-size: 18px;
}	

.new_jb{
	position: relative;
	width: 26px;
    height: 16px;
    top: -1em;
    left: -1em;
}