/*顶部banner*/
.top_banner { width: 100%; position: relative; overflow: hidden;}
.top_banner_on { width: 1170px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -585px; margin-top: -125px;}
.page_tt { width: 100%; height: 100%; background: url(../img/top_banner_bg.png); position: relative;}
.page_tt div { width: 100%; height: 66px; position: absolute; left: 0; top: 50%; margin-top: -33px;}
.page_tt div h1 { width: 100%; font-size: 32px; color: #333333; line-height: 48px; text-align: center;}
.page_tt div span { display: block; width: 100%; font-size: 12px; color: #666666; line-height: 18px; text-align: center; text-transform: uppercase;}
@media only screen and (max-width: 1200px) {
	.top_banner_on { width: 100%; left: 0; margin-left: 0px;}
}
@media only screen and (max-width: 992px) {
	.page_tt div { height: 60px; margin-top: -30px;}
	.page_tt div h1 { font-size: 28px; line-height: 42px;}
}
@media only screen and (max-width: 768px) {
	.top_banner_on { height: 160px; margin-top: -80px;}
	.page_tt div { height: 54px; margin-top: -27px;}
	.page_tt div h1 { font-size: 24px; line-height: 36px;}
	.top_banner img { width: auto; height: 160px;}
}

/*页面框架*/
.content_box { width: 100%; margin: 60px 0px;}
.content { width: 100%; max-width: 1170px; margin: 30px auto 0px auto;}

/*公司简介*/
.about_tt { width: 100%; height: 40px; position: relative; text-align: center;}
.about_tt .line { display: block; width: 100%; height: 2px; background-color: #005fc6; position: absolute; left: 0; top: 19px;}
.about_tt a { display: inline-block; position: relative; z-index: 10; width: 120px; height: 40px; margin: 0px 2px; border: 2px solid #005fc6; background-color: #FFFFFF; font-size: 14px; text-align: center; line-height: 36px; color: #005fc6;}
.about_tt a.on, .about_tt a:hover { background-color: #005fc6; color: #FFFFFF;}
.page_text p { width: 100%; font-size: 16px; line-height: 24px; color: #333333;}
.page_text img { display: block; max-width: 100%; margin: 0 auto;}
@media only screen and (max-width: 1200px) {
	.content { max-width: 992px;}
}
@media only screen and (max-width: 992px) {
	.content { max-width: 100%; padding: 0px 30px;}
	.page_text p { font-size: 14px;}
}
@media only screen and (max-width: 768px) {
	.content_box { margin: 30px 0px 60px 0px;}
	.content { max-width: 100%; padding: 0px 15px;}
}
@media only screen and (max-width: 400px) {
	.about_tt a { width: 90px;}
}

/*发展历史*/
.lanren { width: 100%;}
.hidden { display: none;}
.history_box { width: 100%; padding: 26px 0px; margin: 0px; border-bottom: 1px solid #d9d9d9;}
.history_tt { width: 100%; padding: 10px 0px; font-size: 20px; color: #333333; line-height: 30px;}
.history_tt i { display: block; font-style: normal; font-family:"beba";}
.history_tt span { display: block; font-family: "苹方","微软雅黑"; font-weight: bold;}
.lanren .more { width: 100%; margin: 20px 0px; overflow: hidden;}
.lanren .more a { display: block; width: 160px; height: 38px; font-size: 14px; line-height: 38px; color: #FFFFFF; text-align: center; background: #005fc6;}
.lanren .more a:hover { background: #004b9c;}
@media only screen and (max-width: 768px) {
	.lanren .more a { margin: 0 auto;}
}

/*产品中心*/
.content_left { width: 100%; margin: 0px auto; box-shadow: 0px 0px 5px 2px #EEEEEE;}
.content_left .title { height: 45px; padding: 0 20px; background: #0c66c9; color: #fff; line-height: 45px; font-size: 16px;}
.content_left .title span { padding-left: 22px; background:url(../img/ioc.png) no-repeat 0 center;}
.left_nav { padding: 0 0 20px 0; border: 1px solid #e6e6e6; border-top: 0; background-color: #FFFFFF; overflow: hidden;}
.left_nav ul { margin-top: -1px;}
.left_nav li { padding: 0 18px; border-top: 1px dashed #CCCCCC;}
.left_nav li .t { height: 50px; line-height: 50px; position:relative;}
.left_nav li .t i { width: 18px; height: 50px; background: url(../img/ioc_l.png) no-repeat right center; position: absolute; right: 0; top: 0; cursor: pointer;}
.left_nav li .t:hover i { background: url(../img/ioc_la.png) no-repeat right center;}
.left_nav li .t a, .left_nav li .t.hover:hover a { color: #000000;}
.left_nav li .t:hover a { color: #005FC6;}
.left_nav li .t.hover i { background: url(../img/ioc_b.png) no-repeat right center;}
.left_nav li .txt { display: none; padding: 0 0 10px 18px; overflow: hidden;}
.left_nav li .txt p a { display: block; width: 100%; height: 30px; color: #666666;}
.left_nav li .txt p a:hover { color: #005FC6;}
.left_nav .more { display: block; width: 120px; height: 30px; margin: 0 auto; background: #005FC6; cursor: pointer; text-align: center; line-height: 30px; color: #fff; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; overflow: hidden;}
.left_nav .more:hover { background: #005FC6;}
.left_nav .more span { padding-right: 18px; background: url(../img/ioc_ba.png) no-repeat right center;}
.left_nav .more.hover span { background: url(../img/ioc_t.png) no-repeat right center;}
.position { width: 100%; height: 40px; padding: 10px 10px; margin-bottom: 30px; background-color: #EEEEEE;}
.position p, .position p a { font-size: 12px; color: #666666; line-height: 20px;}
.position p a:hover { color: #005FC6; text-decoration: underline;}
.product { width: 100%; margin-bottom: 25px;}
.product > a { display: block; width: 100%; border: 1px solid #EEEEEE; overflow: hidden;}
.product p { width: 100%; padding: 5px 10px;}
.product p a { display: block; width: 100%; font-size: 14px; color: #333333; line-height: 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product:hover > a { border: 1px solid #005FC6;}
.product:hover p a { color: #005FC6;}
@media only screen and (max-width: 768px) {
	.container { padding-left: 0px; padding-right: 0px;}
	.product_list.row { padding: 0px 5px;}
	.product_list.row .col-xs-6 { padding: 0px 10px;}
	.content_left { margin-bottom: 30px;}
}

/*turn_page*/
.turn_page { width: 100%; text-align: center;}
.turn_page > a, .turn_page > span { display: inline-block; width: 28px; height: 27px; overflow: hidden; text-align: center; line-height: 27px; font-size: 12px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.004);}
.turn_page > a { background: url(../img/page_bg.png) no-repeat center top; color: #717171;}
.turn_page > a:hover { background: url(../img/page_cur_bg.png) no-repeat center top; color: #f2f2f2;}
.turn_page > span { background: url(../img/page_cur_bg.png) no-repeat center top; color: #f2f2f2;}
.turn_page a.prev_page, .turn_page a.next_page { text-indent: 9999px;}
.turn_page a.prev_page { background: url(../img/prev.png) no-repeat center top;}
.turn_page a.next_page { background: url(../img/next.png) no-repeat center top;}
.turn_page a.disable { cursor: no-drop;}
.turn_page.page { margin-top: 15px;}

/*产品详情*/
.product_d { width: 100%; background-color: #FFFFFF; padding: 30px;}
.product_d_top { width: 100%;}
.product_d_top_left { width: 42%; border: 1px solid #DDDDDD;}
.product_d_top_right { width: 55%;}
.pro_tt { width: 100%; padding: 10px 0px; margin-bottom: 5px; font-size: 28px; color: #333333; line-height: 42px;}
.pro_box { width: 100%; padding: 10px 0px; margin-bottom: 20px; border-top: 1px solid #efefef;}
.pro_tt_sm { width: 100%; height: 16px; margin: 10px 0px; padding-left: 10px; border-left: 4px solid #005FC6; font-size: 16px; color: #333333; line-height: 16px; font-weight: bold; font-family: "苹方","微软雅黑";}
.pro_tt_sm span { font-size: 12px; color: #999999; text-transform: uppercase;}
.pro_info { width: 100%;}
.pro_info p { font-size: 14px; color: #444444; line-height: 24px;}
.pro_info img { display: block; max-width: 100%;}
.pro_tel { width: 70%; font-size: 20px; color: #d72e45; line-height: 30px; font-family: "苹方","微软雅黑"; font-weight: bold;}
.pro_btn { width: 30%; margin: 11px 0px;}
.pro_btn a { display: block; width: 100%; max-width: 160px; height: 38px; background-color: #005FC6; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 38px; text-align: center; font-family: "苹方","微软雅黑";}
.pro_btn a:hover { background-color: #0039a6;}
.product_d_center { width: 100%; margin-top: 30px;}
.pro_box .product { margin: 10px 0px;}
.product_d_footer { width: 100%;}
@media only screen and (max-width: 992px) {
	.pro_tel { font-size: 16px; line-height: 24px;}
	.pro_btn { margin: 5px 0px;}
}
@media only screen and (max-width: 768px) {
	.product_d { padding: 30px 0px 0px 0px; background: none;}
	.product_d_top_left { width: 100%;}
	.product_d_top_right { width: 100%;}
	.pro_tel { float: none; width: 100%; margin-top: 20px; font-size: 16px; line-height: 24px; text-align: center;}
	.pro_btn { float: none; width: 100%; margin: 10px 0px;}
	.pro_btn a { margin: 0px auto;}
	.product_d_center { margin-top: 0px;}
}

/*资质证书*/
.honor_box { width: 100%;}
.honor p a { font-size: 18px; line-height: 26px; font-family: "苹方","微软雅黑";}
@media only screen and (max-width: 768px) {
	.honor_box .row { padding: 0px 5px;}
	.honor_box .row .col-xs-6 { padding: 0px 10px;}
	.honor p a { font-size: 14px; line-height: 20px;}
}

/*工程实例*/
.case_box { width: 100%;}
.case { background-color: #FFFFFF;}
.case:hover { box-shadow: 0px 0px 5px 2px #DDDDDD;}
.case > a { border: none;}
.case:hover > a { border: none;}
.case p { height: 40px; padding: 10px 10px; position: relative;}
.case p a { width: 80%; text-align: left;}
.case p a.case_btn { width: 16px; height: 40px; position: absolute; right: 10px; top: 0; background: url(../img/ioc_l.png) no-repeat right center;}
.case:hover p a.case_btn { background: url(../img/ioc_la.png) no-repeat right center;}
@media only screen and (max-width: 768px) {
	.case_box .row { padding: 0px 5px;}
	.case_box .row .col-xs-6 { padding: 0px 10px;}
}

/*技术支持*/
.news_box { width: 100%;}
.news_sm { width: 100%; padding: 20px 30px; background-color: #FFFFFF; margin-bottom: 10px;}
.news_sm .fl { width: 90%; border-left: 3px solid #666666; padding-left: 15px;}
.news_sm .fl h1 { width: 100%;}
.news_sm .fl h1 a { display: block; width: 100%; font-size: 20px; color: #333333; line-height: 30px; font-family: "苹方","微软雅黑"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_sm .fl p { width: 100%;}
.news_sm .fl p span { font-size: 12px; color: #999999; line-height: 18px; margin-right: 30px;}
.news_sm .fr { width: 10%;}
.news_sm .fr a { display: block; width: 100%; height: 30px; margin: 10px 0px; background-color: #666666; font-size: 12px; color: #FFFFFF; line-height: 30px; text-align: center;}
.news_sm:hover .fl { border-left: 3px solid #005FC6;}
.news_sm:hover h1 a { color: #005FC6;}
.news_sm:hover .fr a { background-color: #005FC6;}
@media only screen and (max-width: 992px) {
	.news_sm .fl { width: 86%;}
	.news_sm .fr { width: 14%;}
}
@media only screen and (max-width: 768px) {
	.news_sm { padding: 10px 15px;}
	.news_sm .fl { width: 100%;}
	.news_sm .fl p { display: none;}
	.news_sm .fr { display: none;}
}

/*新闻类详情*/
.news_detail { width: 100%; border-bottom: 1px solid #DDDDDD;}
.detail_tt { width: 100%; border-bottom: 1px solid #DDDDDD; padding-bottom: 15px;}
.detail_tt h1 { width: 100%; font-size: 24px; color: #333333; line-height: 30px; text-align: center; font-weight: bold; font-family: "苹方","微软雅黑";}
.detail_tt p { width: 100%; text-align: center; margin-top: 5px;}
.detail_tt p span { font-size: 12px; color: #999999; line-height: 18px; margin: 0px 15px;}
.news_detail .page_text { padding: 15px 0px;}

/*联系我们*/
.contact_tt { width: 100%; padding: 0px 15px; margin-bottom: 30px;}
.contact_tt h1 { width: 100%; font-size: 24px; color: #333333; line-height: 30px; text-align: center; font-weight: bold; font-family: "苹方","微软雅黑";}
.contact_tt span { display: block; text-align: center; font-size: 12px; color: #999999; line-height: 18px;}

.contact_box { width: 100%;}
.contact_sm { padding: 20px 30px; background-color: #FFFFFF; margin-top: -20px;}
.contact .fl { width: 30%; padding: 20px 0px;}
.contact_text { width: 100%;}
.contact_text p { width: 100%; padding: 5px 0px 5px 20px; font-size: 14px; color: #333333; line-height: 20px;}
.contact_text p.add_icon { background: url(../img/bg9.png) no-repeat 2px 8px;}
.contact_text p.ema_icon { background: url(../img/bg10.png) no-repeat left 9px;}
.contact_text p.tel_icon { background: url(../img/bg11.png) no-repeat left 9px;}
.contact .fl .erweima { text-align: left; float: none; margin-top: 20px;}
.contact .fl .erweima p span { color: #666666;}
.contact .fr { width: 60%; padding: 20px 0px;}
.contact .fr .map { width: 100%; height: 250px; border: 1px solid #DDDDDD;}

.message { width: 100%; text-align: center;}
.message .mess_form { padding: 30px 0px;}
.message .mess_form div { width: 49.5%;}
.message .mess_form div.fl { margin-right: 0.5%;}
.message .mess_form div.fr { margin-left: 0.5%;}
.message .mess_form div input[type="text"], .message .mess_form div input[type="tel"] { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; height: 49px; float: left; padding: 0 17px;}
.message .mess_form div textarea { width: 100%; margin-bottom: 10px; border: #e4e4e4 solid 1px; height: 108px; float: left; padding: 10px 17px;}
.message .mess_form input[type="submit"] { width: 120px; height: 34px; margin: 0 auto; cursor: pointer; background: #c0d5f3; border: none; text-align: center; font-size: 14px; line-height: 34px; color: #033b8d;}
@media screen and (max-width:1040px) { 
	.message .mess_form { width: 100%;}	
	.message .mess_form div { width: 48%; margin: 1%;}
}
@media only screen and (max-width: 992px) {
	.contact_box .container { width: 96%;}
	.contact .fl { width: 50%;}
	.contact .fr { width: 50%;}
}
@media only screen and (max-width: 768px) {
	.contact_sm { padding: 20px 15px;}
	.contact .fl { width: 100%;}
	.contact .fr { width: 100%;}
	.contact .fl .erweima { text-align: center;}
	.message .mess_form div { width: 98%;}	
}