@CHARSET "UTF-8";

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.navigation{float:right;width:100px;}

/*头部样式*/
#header {
}
.top-link {
	background: #efefef;
	line-height: 36px;
	color: #616161;
	min-width:1200px;
}
.nav,
.top,
.topLink {
	width:1200px;
	margin: 0 auto;

}
.topLink .k3 {
	text-align: left;
	line-height: 36px;
}
.topLink .k1 {
	text-align: right;
	line-height: 36px;
}
.top {
}
.logo{float:left;background:url(../images/logo.jpg);background-size:13%;background-position:5px 4px;padding-left:100px;height:86px;background-repeat: no-repeat;line-height:86px;font-family:"微软雅黑"}
.top .k2 {
	width:200px;
	margin-top: 35px;
}



/*热门搜索*/
.search{
	width:650px;
	margin: 0 auto;
	margin-top: 40px;
}
#formsearch{width:280px;float:right;}
#formsearch input{height:24px;background:#fff;border:1px solid #c8c8c8;line-height:24px;}
#formsearch input#keyword{
	height:24px;line-height:24px;padding-left:4px;color:#ccc;
	width: 220px;
	font-size: 12px;
}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;
	background-color:#3480ce;color:#fff;border:none;cursor:pointer;}
.hotSearch{width:340px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}

.container {
	width: 1164px;
	margin: 0 auto;
	margin-top: 40px;
}


.common-title {
	background: url(../images/pro-img.jpg) no-repeat;
	padding-left: 50px;
	font-size: 24px;
	font-weight: 600;
	color: #1058a0;
	margin-left: 460px;
}
.about-title p,
.common-title p {
	font-size: 18px;
	font-weight: 400;
}

/*产品推荐*/
.pro-content{
	padding-top:40px;
	padding-bottom: 80px;
}
.roll_product li{padding-bottom:0px;}



.wrap-about {
	background-color: #1058a0;
	padding: 40px 0 60px 0;
	min-width:1200px;
}

.about-title {
	background: url(../images/about-img.png) no-repeat;
	padding-left: 60px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.about-content {
	width: 848px;
	color: #fff;
	padding-top: 30px;
}

.about-content .content {
	width: 450px;
}
.honor {
	width: 295px;
	padding-top: 30px;
}
.honor span {
	display: block;
	text-align: center;
	background: #848484;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
}
.honor p {
	font-size: 24px;
	font-weight: 600;
	text-align: right;
	color: #fff;
	line-height: 44px;
}



/*首页新闻*/
.news_company,
.news2_company {
	margin-top: 50px;
}
.new-title {
	background: url(../images/new-img.jpg) no-repeat;
}
.news_company {
	width: 534px;
	padding: 18px;
	border: 3px solid #f3f3f3;
}
.news-title {
	position: relative;
}
.news-title a {
	position: absolute;
	top:0;
	right:0;
}

.news_company .content {
	padding-top: 18px;
}

.news_sub {
	padding-top: 20px;
}
.news-sub a,
.news_sub a {
	display: block;
	font-size: 18px;
	line-height: 34px;
	color: #000;
}
.news-sub a:hover,
.news_sub a:hover {
	color: #1058a0;
}
.news-sub span,
.news_sub span {
	line-height: 20px;
}
.news2_company {
	width:600px;
	background: #fbfbfb;
}
.new2-list li {
	border: 3px solid #f3f3f3;
	padding: 25px 16px;
	margin-bottom: 20px;
	background: #fff;
}
.new2-list li:last-child {
	margin-bottom: 0;
}
.news-sub {
	width: 400px;
}
.news-sub p a {
	width: 98px;
	background: #ef8c4b;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-top: 12px;

}
.news-sub p a:hover {
	background: #1058a0;
	color: #fff;
	transition: 0.6s ease 0s;
}


/*友情链接*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.wrap-link {
	background-color:#1058a0;
	text-align: center;
	padding-top: 20px;
	color: #fff;
	margin-top: 60px;
}
.f_link {width:1200px;margin:0 auto;}
.f_link a {
	color: #fff;font-size:12px;
}

/*页面底部*/
#footer{
	position:relative;
	text-align:center;
	background: #1058a0;
	padding: 26px 0;
	line-height:24px;
	margin-top:60px;
	min-width:1200px;
}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}
#footer div {
	color: #fff;
}

/*------------内页-------------------*/
.n_banner{width:1920px;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{
}


.left{width:210px;float:left;}
.left .box{margin-bottom:10px;}
.left .box h3 {
	background-color: #1058a0;
	color: #fff;
	line-height: 56px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	border-bottom: 4px solid #ef8c4b;
}
.left .box .content{padding:5px 0px;}


.right{width:950px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.right  .content_wrap{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;border-bottom:1px solid #e0e1dc;}
.right  .about{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;font-size:12px;}
/*广告*/
.bannerBox {height: 650px;clear: both;min-width: 1200px;position: relative;z-index:1;overflow: hidden;}
.bannerBox .banner {height: 650px;overflow: hidden;position: absolute;left:50%;margin-left:-960px;top: 0px;width:1920px;z-index:1;}




/*内容*/
.title_f{font-size:12px;text-align:center;font-weight:normal;}

   .pagination{float:right;padding-right:25px;padding-top:20px;}
.pagination ul{float:left;width:100%;}
.pagination ul li{float:left;margin:0px 3px;}
.pagination ul li a{padding:4px 8px;display:block;border:#999 1px solid;}
.pagination ul li .current{border:#f00 1px solid;color:#f00;display:block;padding:4px 8px 0 8px;}

.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 210px;
  /* == */
}
.mcd-menu li {
  position: relative;
  background:#EDEDED;
  height:45px;
  line-height:45px;
  font-size:14px;
  margin-top:3px;
  /*float:left;*/
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  color: #666;
  text-align: center;
  /*border-right: 1px solid #E7E7E7;*/
  
  /* == */
  height: 45px;
  position: relative;
  /* == */
}

/* == */
.mcd-menu li:hover > a {
  background:#1058a0;
  color:#fff;
}
.mcd-menu li.on{
  background:#1058a0;
  color:#fff;
}
.mcd-menu li.on a{color:#fff;}

.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*border-top: 4px solid #e67e22;*/
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  /*top: 130px;*/
  z-index: 1000;
  
  /* == */
  left:260px;
  top: 0px;
  border-left: 4px solid #e67e22;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:210px;
  /* == */
}
/*.mcd-menu li ul li {
  float: none;
}*/
.mcd-menu li ul li a {
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  padding-left:15px;
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li ul {
  left: 210px;
  top: 0;
  border: 0;
  border-left: 4px solid #e67e22;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 1920px) {
    .mcd-menu {
		width: 210px;
	}
	.mcd-menu li a {
		height:45px;
	}
	.mcd-menu li > ul {
		min-width:180px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:210px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:176px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:150px;
		min-width:150px;
	}
	.mcd-menu li ul a {
		font-size:14px;
	}
}