/* CSS Document */
/*初始化*/
body { color: #333333; font: 14px/1.42857143 "Microsoft YaHei",SimSun,helvetica,arial,sans-serif; }
html, body, form, div, img, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, select, input, textarea, th, td，article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { border: 0; vertical-align: middle; }
em, i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select, input, button { vertical-align: middle; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { resize: none; overflow: auto; }
input { font-family: "Microsoft YaHei"; }
input[type="text"], input[type="password"], textarea { outline: none; -webkit-appearance: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { margin-right: 5px; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1 { font-size: 32px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
/* 字号 */
.f10 { font-size: 10px; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f48 { font-size: 48px; }

a { color: #333; text-decoration: none;outline: none; }
a:hover,a:focus { color: #1473ac;text-decoration: none; }

/* color */
.red { color: #e60012; }
.white { color: #fff; }
.org { color: #f47522; }
.blue{ color:#004ca1;}
.grey{ color:#999;}
/* 间距 */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}

/* 补充 */
.nobb { border: 0 !important; }
.p-txt{ line-height:30px;}
.bg{ background:url(../images/bg.jpg) repeat;}
.bg_blue{ background:#1473ac;}
.bborder{ border-bottom:1px solid #727171;}
.bborder2{ border-bottom:1px solid #1473ac;}


/*公用*/
.title{ font-size:24px; width:100%;}
.title .title_cn{ color:#004ca1; margin-right:15px;}
.title .title_en{ font-weight:100; color:#999999;text-transform : capitalize}
.title .title_more{ float:right; background:url(../images/more.png) no-repeat left center; padding-left:10px; font-size:14px; margin-top:10px;color:#004ca1;}
/* 头部 */
.navbar-default{ width:100%;  margin-bottom:0; border:0; background:#fff;}
.logocon{ position:relative;}
.logocon .logo{ position:absolute; left:0; top:15px;}
.logocon .navbar-nav{ float:right; padding-top:20px;}
.logo .logo_c{ padding-left:10px;}
.logo .logo_c span{ display:block; color:#999; font-size:12px;}
.logo .logo_c span.logo_tt{ font-size:18px; font-weight:bold; color:#004ca1;}
.logo .logoimg{ max-height:42px;}
/*footer */
.footer{ position:relative; padding:30px 0;}
.bo_logo{ width:180px; float:left;}
.bo_logo .erwei{ position:absolute; right:0; top:10px; max-width:90px;}
.bo_logo .erwei img{ width:100%;}
.bo_logo .erwei span{ display:block; text-align:center;}
.copy{ font-size:12px; float:left;}
.copy p{ margin-bottom:5px;}
.copy p span{ margin-right:15px;}
.bo_logo .bo_logo_l img{ height:38px;}

.pro_nav02{ border-top:1px solid #e8e8e8;  border-bottom:1px solid #e8e8e8; margin:15px 0;}
.pro_nav02 span{ display:block; float:left; margin:15px;}
.pro_nav02 span.cur a{ color:#004ca1;}
.pro_nav02 span a{ display:block;}
/* 产品 */

.banner{  width:100%;  text-align:center;}
.banner img{ max-width:100%;}
@media only screen and (max-width:767px ) {

	.banner{ width:100%; background-size: auto;}
}

.item_tten{text-transform : capitalize; color:#999; text-align:center; font-size:24px; font-weight:100;  }
.item_ttcn{ height:40px; position:relative;}
.item_ttcn span{ display:inline-block; position:absolute; top:5px; left:50%; font-size:18px;color:#004ca1; font-weight:bold; background:#fff; padding:0 20px; margin-left:-55px;}
.item_ttcn i{ display:block; height:20px; border-bottom:1px solid #e8e8e8;}
.pro_nav{ text-align:center; margin:20px 0;}
.pro_nav span{ display:inline-block; font-size:16px; padding:5px 20px; margin:0 15px;}
.pro_nav span a:hover{ color:#32949d;}
.pro_nav span.cur{ background:#004ca1; border-radius:15px; color:#fff;}
.pro_nav span.cur a{ color:#fff;}
.pro_con{ margin:50px 0;}
.pro_list{ border:1px solid #fff; text-align:center; padding:15px; margin-bottom:20px}
.pro_list:hover{ border:1px solid #c5d5e8;}
.pro_list img{ max-width:100%;}
.pro_desc h1{ margin-bottom:10px;}
.pro_desc h3{ margin-top:20px; margin-bottom:10px;}
.pro_desc p{ margin-bottom:5px;}

.pro_item{ margin-top:50px; margin-bottom:50px;}
.pro_img{ border:1px solid #e8e8e8; text-align:center; padding:15px;}
.pro_img img{ max-width:100%;}
.pro_cs_a{ margin-top:20px; padding-top:15px; padding-bottom:15px; padding-right:30%;}
.pro_cs_a p{ margin-bottom:10px;}
.pro_cs{ margin-top:50px;}
.pro_item .clear{ clear:both;}

/* page */
.page{ overflow:hidden; margin:20px 0; text-align:center;}
.page a{ display:inline-block; padding:3px 8px; border:1px solid #e8e8e8; margin:0 2px;}
.page a:hover,.page a.cur{ background:#004ca1; color:#fff;}


/* about */
.about{ margin:50px 0;}
.about p{ line-height:2em; margin-bottom:30px;}
.contact{ margin:50px 0;}
.contact_con{ padding-top:50px;}
.contact_con h3{ margin-bottom:20px; font-weight:bold;}
.contact_con p{ margin-bottom:15px;}

/* news */

.news{ margin:50px 0;}
.news_con{ margin-bottom:20px;}
.news_con .news_img{ max-width:100%; height:120px;}
.news_con h4{ font-weight:bold; font-size:14px; margin:10px 0;}
.news_con p{ color:#999; font-size:12px;}
.news_con .news_mor{ margin-top:10px; padding:10px 0; border-top:1px solid #e8e8e8; color:#004ca1;}
.news_con .news_mor a{ background:url(../images/more.png) no-repeat right center; padding-right:15px; color:#004ca1}
.news_item_img{ margin:20px 0; text-align:center;}
.news_item_img img{ width:46%;}
.news_item_t{ margin:20px 0; padding:20px 0; text-align:center; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.news_item_t h3{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.news_item_t p span{ padding:0 20px; color:#999;}
.news_item_c{ padding:20px 0;}
.news_item_c p{ margin-bottom:15px; line-height:1.5em;}

.in_about{ padding:30px 0;}
.in_about p{ line-height:1.5em; margin-bottom:10px;}
.about_con{ width:50%; float:left;  margin-top:35px;}
.about_con img{ width:100%;}
.about_con h4{ font-size:14px; font-weight:bold; margin:10px 0;}
.about_con p{ font-size:12px; color:#666;}

.inpro{ background:url(../images/pro_bg.jpg) repeat center center; background-size:cover; padding:50px 0;}
.pro{  text-align:center; border-radius:5px; padding:10px; background:none;}
.pro .pro02{ background:#fff; border-radius:5px;padding:10px;}
.pro .pro02 img{ width:100%;}
.pro:hover{ border:1px #fff solid; padding:9px;}
@media only screen and (max-width:767px ) {
	.title .title_en{ font-size:18px;}
	.about_con{ width:100%; margin:15px 0}
	.pro{ padding:0; margin-bottom:30px;}
	.pro:hover{ padding:0; border:0;}
	.bo_logo{ width:100%; margin-bottom:20px;}
	.bo_logo .erwei{ position:inherit;}
	.bo_logo .bo_logo_l,.bo_logo .erwei{ float:left;}
	.bo_logo .bo_logo_l p{ font-size:16px!important;}
    .bo_logo .bo_logo_l img{ height:48px;}
	.bo_logo .erwei{ font-size:10px; text-align:center; margin-left:20px;}
	.bo_logo .erwei img{ height:65px; width:65px;}
	.copy p span{ width:50%; display:block; float:left; margin-right:0;}
	.pro_nav a{ padding:5px 10px; font-size:14px; margin:0 5px;}
	.pro_list{ padding:0;}
	.pro_cs_a{ padding-right:0;}
	.pro_img{ margin-bottom:15px;}
	.news_con .news_img{ width:100%; height:auto;}
}
@media (min-width:768px) and (max-width:991px ) {
	.about_con{ margin-bottom:30px;}
	.copy{ float:left; font-size:12px;}
	.news_con .news_img{ width:100%; height:auto;}

}
@media (min-width:768px) {
	.nav li{ border-bottom:2px solid #fff;}
	.nav li:hover,.nav li.cur{ border-bottom:2px solid #f7bf00;}

}



@media (max-width:991px ) {
	.logocon .logo{ top:5px; left:5px;}
	.logo .logo_c{ display:none;}
	.logocon .navbar-nav{ float: inherit; padding-top:0;}
	.logocon .navbar-nav li{ border-bottom:1px solid #CCCCCC; width:100%;}

}

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

}