@charset "utf-8";
/*---------Header---------*/
.header{
	margin-top: -21px;
}
.top { padding: 15px 0; }
.logo { height: 50px; }
.tel span {
	font-size: 22px;
	font-weight: bold;
	color: #eb3c00;
}
.language { text-align: right; }
.language a { padding: 0 5px 0 5px; }
.language a:hover { color: #eb3c00; }
/*---------Footer---------*/
.foot_nav { overflow: hidden; }
.foot_list {
	float: left;
	width:14.2%;
}
.foot_list li { line-height: 2.2em; }
.foot_list h3 {
	font-size: 1.5em;
	line-height: 2em;
}
.foot_list a { color: #fff; }
.footer a:hover, .bottom a:hover { text-decoration: underline; }
.footer {
	padding: 20px 0 10px;
	border-bottom: 1px solid #000;
	background: #333;
	margin-top: -21px;
}
address{font-style: normal;}
.tag{width:100%;clear: both;margin:20px 0;font-size:15px;font-weight: bold;}
.tag a{ color:#eb3c00;margin;0 0 0 10px;}
/*index contact*/
.i_contact{padding:0 20px;float:left ;}
.i_contact li{line-height: 2.4em;}
.wechat{float: right;padding: 23px 0 0;}
.wechat img{width: 140px;}
 
.foot_contact{float: right;color: #fff;line-height: 2.2em;}
.foot_contact h2 { font-size: 1.5em; }
.bottom {
	border-top: 1px solid #333;
	line-height: 2.5em;
	background: #000;
	color: #fff;
	text-align: center;
}
.friendlink a {
	display: inline;
	padding: 0 7px 0 0;
	color: #e1e1e1;
}
.article table{max-width:90%;}
@media(max-width: 1200px) {
.img_list li h2{font-size: 1em;}
.main_content .titbar span{font-size: 1.2em;}
}
@media(max-width: 960px) {
sidebar{ display: none; }
.sidebar{ display: none; }
.foot_list,.friend_link,.i_news{ display: none; }
.foot_contact {float: none;padding: 0 0 0 5%;}
.wechat img{width: 60px;}
.friendlink{ display: none; }
.main_content.fr, .main_content.fl{width: 100%;}
.article img{width:80%;height:auto;}
.article table{ display: none; }
.p-contact{font-size: 16px;font-weight: bold;color: #eb3c00;text-align:center;}
.img_list li img{height:auto;transition: all .3s;}
.img_list li>a{height:auto;overflow: hidden;}
.pro_list li>a{line-height: 0;height:auto;overflow: hidden;}
.pro_list li img{height:auto;transition: all .3s;}
.pro_list li p{line-height: 1.5em;height: 3.0em;padding: 5px 0;font-size: 0.5em;text-align: center;overflow: hidden;}
.bshare-custom ,.breadcrumb{ display: none; }
.img_list li h2{line-height: 1.5em;height: 3.0em;font-size: 0.5em;overflow: hidden;}
}

}
@media(max-width: 768px) {
.top .fr { display: none; }

.header{
	position: fixed;
	width: 100%;
	z-index: 9999;
}
.img_list li h2{font-size: 0.8em;}
.main_content .titbar span{font-size: 1.0em;}
.main{
	padding-top: 48.5px;
}
}
/* ---------PC style's--------- */
.navbar { background: #0A4B9D; }
.nav { z-index: 99;/* IF .navbar position=relative -> ul = container width, ELSE ul = 100% width */ }
.nav:before, .nav:after {
	content: "";
	display: table;
}
.nav:after { clear: both; }
.nav>li>a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}
.nav>li>a:hover { background: #df0122; }
.nav>li {
	float: left;
	text-align: center;
}
/**/
.nav > li > div {
	display: none;
	width: 100%;
	background: #333;
	position: absolute;
	z-index: 99;
	top: 54px;
	left: 0;
	margin: 0;
	padding: 10px 0;
	list-style: none;
}
.nav > li > div > ul:before, .nav > li > div > ul:after {
	content: "";
	display: table;
}
.nav > li > div > ul:after { clear: both; }
.nav > li > div > ul > li { }
.nav > li > div > ul > li:hover>a { }
.nav > li > div > ul > li>a { }
/*product-menu-list*/
.nav > li > div > ul > li > ul { }
.nav > li > div > ul > li > ul:before, .nav > li > div > ul > li > ul:after {
	content: "";
	display: table;
}
.nav > li > div > ul > li > ul:after { clear: both; }
.nav > li > div > ul > li > ul > li { }
.nav > li > div > ul > li > ul > li a:hover { }
.nav > li > div > ul > li > ul > li a { }
.nav > li > div > ul.normal-sub { }
.nav > li > div > ul.normal-sub > li:hover { }
.nav > li > div > ul.normal-sub > li { }
.nav > li > div > ul.normal-sub > li a { }
.nav > li > div.imgmenu > ul.normal-sub > li { }
.imgmenu > ul.normal-sub > li a { }
.imgmenu>ul>li>a>img { }
/*---------Mobile style's---------*/
.menu-mobile {
	display: none;
	padding: 10px;
}
.mlogo {
	height: 32px;
	padding-top: 9px;
}

@media(max-width: 400px) {
.mlogo {
	height: 28px;
	padding-top: 10px;
}
.main{
	padding-top: 25.5px;
}
.menu-mobile { padding: 0 10px; }
}
.menu-mobile:after {
	content: "\e60e";
	line-height: 50px;
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	padding: 0;
	float: right;
	position: relative;
	top: 0;
	opacity: .8;/*-webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);*/
}
.menu-dropdown-icon:before {
	content: "\e60e";
	font-family: "iconfont" !important;
	display: none;
	cursor: pointer;
	float: right;
	padding-right: 10px;
	line-height: 3em;
	color: #fff;
}

@media(max-width: 1200px) and (min-width: 768px) {
}

@media only screen and (max-width: 768px) {
.navbar { background: #fff; }
.top { display: none; }
.culture { display: none; }
.nav { position: static; }
.navbar .show-on-mobile { display: block; }
.menu-container { width: 100%; }
.menu-mobile {
	display: block;
	border-bottom: 2px solid #eb3c00;
}
.menu-dropdown-icon:before { display: block; }
.nav {
	display: none;
	background: #333;
}
.nav > li {
	width: 100%;
	float: none;
	display: block;
}
.nav > li a {
	color: #eee;
	text-align: left;
	line-height: 3em;
	padding: 0 10px;
	margin: 0;
	display: block;
}
.navbar >ul >li >div { display: none; }
}