/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }
.fl { float: left; }
.fr { float: right; }

.common_width { width: 1170px; margin: 0 auto; }
.bdn { border-right: none !important; }
.f_count { color: #ff8c12; font-weight: bold; }
.tel_infomaition a:hover, .top_box2 .top_tel_container a:hover, .top_head_box3 .top_head_right a:hover, .top_box4 .top_right a:hover { text-decoration: underline; }

@media (min-width: 1024px) { /**公共1024区分**/
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover { background: #f19b00;color:#fff }
nav.navbar.bootsnav ul.nav > li > a { font-weight: normal; }}

@media (max-width: 992px) { /**公共992区分**/
body.side-right { overflow: hidden; }
body.side-right nav.navbar.bootsnav .navbar-toggle { float: left; }
nav.navbar.bootsnav.navbar-mobile ul.nav, body nav.navbar.bootsnav .navbar-nav > li > a { border-top: none; }
body nav.navbar.bootsnav .navbar-toggle { margin-top: 6px; padding: 0 5px; }}

@media (max-width: 767px) { /**公共767区分**/
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
.side-right nav.navbar.bootsnav .navbar-toggle { margin: 6px 0 0; }}
/******公用样式结束*******/



<!--头部导航－第4种开始-->
.top_bg4 { height: 152px; }
.top_bg4 .top_box4 { height: 40px; line-height: 40px; background: #eeecf1; border-bottom: 2px solid #dbd7e1; }
.top_box4 .top_left { float: left; }
.top_box4 .top_left a { padding: 0 10px; border-right: 1px solid #a5a5a5; }
.top_box4 .search_box { padding: 7px 0; float: right; }
.top_box4 .search_box input { height: 26px; float: left; }
.top_box4 .search_box button { float: left; width: 50px; height: 26px; line-height: 26px; padding: 0; border: none; background: #e70416; color: #fff; }
.top_bg4 .top_logo { background: url(../../../../static/admin/temp/images/headmodule/images/4/head_bg4.png) no-repeat top; }
.head_box4 { border-bottom: none; }
.head_box4, .head_box4 .container, .head_box4 nav.navbar.bootsnav { height: 50px; background: #e70416; border: none; }
.head_box4 nav.navbar.bootsnav ul.nav > li { }
.head_box4 nav.navbar.bootsnav ul.nav > li > a { color: #fff; font-weight: normal; font-size: 16px; text-align: center; }
.head_box4 nav.navbar.bootsnav .navbar-brand { color: #fff; }
.head_box4 .head_title_logo { float: left; line-height: 50px; }
.head_box4 .head_title_logo img { vertical-align: middle; }

/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box4 nav.navbar.bootsnav ul.nav > li { width: 126px; }
.head_box4 nav.navbar.bootsnav ul.nav > li > a { padding: 15px 0; }
.head_box4 nav.navbar.bootsnav ul.nav > li > a:hover { background: #ff4352; }
}

@media (max-width: 992px) {
.head_box4 { background: url(../../../../static/admin/temp/images/headmodule/images/4/head_bg4.png) no-repeat bottom; }
.head_box4 .head_img_bg { }
.head_box4 nav.navbar.bootsnav .navbar-brand { color: #e70416; font-weight: bold; font-size: 18px; padding: 5px 0; }
.head_box4 nav.navbar.bootsnav .navbar-brand p { margin-top: 3px; color: #5a5a5a; font-size: 10px; }
.head_box4 nav.navbar.bootsnav .navbar-toggle { background: #e70416; color: #fff; }
.head_box4 nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { background: #f5f5f5 !important; border-right: 1px solid #d7d7d7; }
.head_box4 nav.navbar.bootsnav ul.nav > li > a { color: #333; font-weight: normal; font-size: 16px; text-align: left; }
.head_box4 .container, .head_box4 nav.navbar.bootsnav { background: transparent; }
}
<!--头部导航－第4种结束-->




/*新闻展示－第12种开始*/
.news_bg{}
.news_title{margin: 10px 0;border-bottom: 1px solid #fff;}
.news_title h3 { font-size:24px;}
.news_title h3,.news_title h5 { margin:5px auto 10px}
.news_title h5 { font-size:16px;}
.news_title .mask{background:#004baf;width:180px;height:3px;margin:0 auto;}
.news_content{margin-top: 50px;}
.news_contact{width:398px;height:414px;overflow: hidden;padding: 5px;border: 1px solid #d7d7d7;text-align: center;display: table-cell;vertical-align: middle;}
.news_contact img{max-width:100%;height:auto;}
.news_list{margin-left: 420px; padding-bottom:10px;}
.news_list li{border-bottom: 1px solid #d7d7d7;padding: 18px 0;}
.news_date{width:60px;height:60px;background: #307773;color:#fff;float: left;margin:0 10px}
.news_date h5{font-size: 24px;padding: 7px 0;margin: 0;font-weight: bold;}
.news_date p,.news_article p{margin: 0;}
.news_article,.news_article a{color:#333;}
.news_article{margin-left: 95px;}
.news_article h5{margin:0px auto 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news_article p{height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color:#999;}
@media (max-width: 992px){
.news_contact{width:300px;}
.news_list{margin-left: 320px;}
.news_article h5{font-size: 14px;}
.news_article p{font-size: 12px;line-height: 20px;}
}
@media (max-width: 767px){
.news_title{margin:15px 0;}
.news_content{margin-top: 15px;}
.news_list{margin:0;}
.news_list li{padding: 8px 0;}
}
/*新闻展示－第12种结束*/





/*头部导航－第1种开始*/
.headmodule_top { height: 115px; }
.headmodule_tel_infomaition { }
.headmodule_tel_infomaition .info_list { margin: 10px 0; }
.headmodule_tel_infomaition a { padding: 0 5px; }
.headmodule_tel_num img { float: left; }
.headmodule_tel_num .number { margin-left: 65px; color: #980000; font-size: 25px; font-weight: bold; }

/*修改代码*/
.headmodule_head, .headmodule_head .container, .headmodule_head nav.navbar.bootsnav { background: #06620d; border-bottom: none; height: 50px; }
.headmodule_head nav.navbar.bootsnav ul.nav > li > a { color: #fff; }
.headmodule_head nav.navbar.bootsnav .navbar-brand { color: #fff; padding:3px 10px 0; }

/*媒体查询样式*/
@media (min-width: 1024px) {
.headmodule_head nav.navbar.bootsnav ul.nav > li > a { padding: 15px 35px; color: #fff; }
.headmodule_head nav.navbar.bootsnav ul.nav > li > a:hover { background: #1f9628; }
}
@media (min-width: 992px) and (max-width: 1024px){
.headmodule_top{display: block !important;}
.headmodule_logo{width:50%;}
.headmodule_logo img{width:100%; padding-top:3%;}
.headmodule_tel_infomaition{width:50%;padding-left: 7%;}
.common_width{width:970px !important;}
.headmodule_tel_num .number { font-size:16px;}
.headmodule_tel_num img { width:12%;}
.headmodule_top {height: 98px;}
.headmodule_tel_infomaition .info_list { font-size:12px;}

}
@media (max-width: 992px) {
.headmodule_head nav.navbar.bootsnav .navbar-nav > li > a { border-top: none; }
.headmodule_head nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #333; }
.headmodule_head nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #333; }
.headmodule_head nav.navbar.bootsnav .navbar-brand img { width:70%;}
.headmodule_head nav.navbar.bootsnav ul.nav > li > a { color:#333;}
.headmodule_head, .headmodule_head .container, .headmodule_head nav.navbar.bootsnav { background: #e7e7e7; border-bottom: none; height: 50px; }

}
@media (max-width: 768px) and (min-width: 415px) {
.headmodule_head, .headmodule_head .container, .headmodule_head nav.navbar.bootsnav {height: 78px; }
body nav.navbar.bootsnav .navbar-toggle { margin-top:15px;}
body nav.navbar.bootsnav .navbar-toggle { margin-top:23px !important;}
}
/*头部导航－第1种结束*/


/*首页产品分类左侧*/
/*.porcer { width:245px;}*/
.porcer .pobt { background:url(../images_public/tabs.png) no-repeat;}
.porcer .pobt { padding:14px 0 0; overflow:hidden;}
.porcer .pobt span { display:inline-block; font-size:26px; color:#fff; text-align:center; width:100%; margin-bottom:5px;}
.porcer .pobt p { font-size:14px; text-align:center; color:rgb(77, 173, 245);}
.porcer .pocconent { border:4px solid #0065b5; border-top:none;  background:#fffbff; text-align:center; padding-bottom:15px;}
.porcer .pocconent ul { padding:5px;}
.porcer .pocconent ul li {background:url(../images_public/libargom.png) repeat-x; border-bottom: 1px solid #d0d0d0; line-height:50px; }
.porcer .pocconent ul li a { font-size:15px;}
.porcer .pocconent ul li:hover {background:url(../images_public/libargom_hover.png) repeat-x;}
.porcer .pocconent ul li:hover a { color:#fff;}
.porcer .pocconent ul li.sy_layer1 { position:relative; z-index:99999;}
.porcer .pocconent ul li.sy_layer1 .sy_layer2 { position: absolute;left: 227px;top: 0px;width: 210px;padding: 10px;background: #f5f6f6;z-index: 9999;}
.porcer .pocconent ul li:hover .sy_layer2 a { color:#000;}
.porcer .pocconent ul li:hover .sy_layer2 li:hover a { color:#fff;}
.porcer .pocconent ul li .sy_layer2 ul { padding:0;}
.porcer .pocconent .imgbostel {height:237px;background:url(../images_public/telfenlei.png) no-repeat center center; margin-top:10px; position:relative;}
.porcer .pocconent .imgbostel p { margin:0; padding:0 0 0 22px; position:absolute; bottom:4px;left:0; width:100%; font-size:18px; color:#fff; font-weight:bold;letter-spacing:1px;}

/*产品列表介绍*/
.portab { margin-top:35px;overflow:hidden;}
.portab .item { text-align:center; margin-bottom:15px;}
.portab .item .ar_1 { width:100%; height:210px;}
.portab .item .ar_1 .img-auto {width:260px; border:1px solid #ccc; overflow:hidden; display:table-cell; vertical-align:middle; height:210px; padding:5px; background:#fff;}
.portab .item .ar_1 img {display:inline-block; margin:auto; max-width:100%; max-height:100%;}
.portab .item .ar_1:hover .img-auto {border:1px solid #339;}
.portab .item .ar_2 { clear:both; height:36px; line-height:36px; background:#e80000; text-align:center; display:block; color:#fff; overflow:hidden}

.left-keyword {clear: both;}

@media (max-width: 768px) {
.nav_full { height:auto !important;}
.portab { margin-top:0;}
.portab .col-md-4 { float:left; width:50%; padding:0 5px;}
.portab .item { margin:0;}
.porcer .pobt { display:none;}
.porcer .pocconent { padding:0; background:none; border:none;}
.porcer .pocconent ul { overflow:hidden;}
.porcer .pocconent ul li { float:left; width:33.3333%; background:none; border:none;}
.porcer .pocconent ul li a { font-size:14px;}
.porcer .pocconent .imgbostel { display:none;}
}

.prodescription {border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;margin-bottom: 15px;text-indent: 20px;}
.media-heading .fr { color:#999; font-weight:normal; font-size:12px;}

.page-l-clist li {position: relative;z-index:9999;}
.page-l-clist li .layer2 {position: absolute;left: 230px;top: 0px;width: 210px;padding: 10px;background: #f5f6f6;z-index: 9999;}

.img-inner {border:1px solid #ccc; height:150px; display:table-cell; vertical-align:middle; width:260px; padding:5px; text-align:center;}
.img-inner:hover {border:1px solid #339;}
.img-inner img{display:inline-block;margin:auto;max-width:100%;max-height:100%;}

/*IE11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
.portab .item .ar_1 .img-auto,.img-inner { float:left;}	
.portab .item .ar_1 .img-auto img,.img-inner img { height:198px;}
}

/*手机图标*/
.iconlist {overflow: hidden;}
.iconlist li {width:23%;float: left;text-align: center;margin: 0 1% 0; padding:2% 2% 0;}
.iconlist li a .ficon {background: #020f31;line-height: 65px;height: 65px;display: table-cell;vertical-align: middle;width: 80px;border-radius: 5px;}
.iconlist li a .ficon i { color:#fff;font-size: 30px;}
.iconlist li a p {line-height: 36px;}

/*网警/备案*/
.police { color:#fff; text-align:center; line-height:24px;}
.police a { margin:0 5px;}

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background: #3481dd; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 35px; line-height: 35px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #3481dd; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 60px; text-align: center; color: #999; margin-right: 15px; background: #e8e8e8; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 8px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}


/*新闻样式1*/
.news_1 { overflow:hidden; background:#52a750; padding:1% 2%;}
.news_1 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0;}
.news_1 i { color:#f8cc26; float:left; width:12px; height:12px; line-height:24px; margin-right:1%; width:3%;}
.news_1 a { float:left; color:#fff; width:82%; height:25px; overflow:hidden;font-weight:bold;}
.news_1 span { float:right;color:#c9d3ca; width:14%; text-align:right;} 

/*新闻样式2*/
.news_2 { overflow:hidden; padding:1% 2%;}
.news_2 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0;}
.news_2 a {  color:#0472d3; width:100%; height:25px; overflow:hidden;display:inline-block;font-weight:bold;}
.news_2 span {color:#c9d3ca;width:100%; display:inline-block;} 
.news_2 p {  width:100%; height:40px; line-height:21px; overflow:hidden;color:#999;}

/*新闻样式3*/
.news_3 { overflow:hidden; padding:1% 2%;}
.news_3 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0; padding:2% 0;}
.news_3 a {  color:#0472d3; width:100%; height:25px; overflow:hidden;display:inline-block;font-weight:bold;}
.news_3 span {color:#c9d3ca;width:100%; display:inline-block;} 
.news_3 p {  width:100%; height:40px; line-height:21px; overflow:hidden;color:#999;}
.news_3 .fl {width:30%;}
.news_3 .fr {width:70%;}
.news_3 .fl img { width:90%;}

/*新闻样式4*/
.news_4 { overflow:hidden; padding:1% 2%;}
.news_4 li {border-bottom: 1px solid #f2f2f2;clear: both;overflow: hidden;line-height: 140%; margin:2% 0; padding-bottom:2%;}
.news_4 .time {background: #1c88ec;width: 60px;float: left;text-align: center;margin-left: 1%;}
.news_4 .time .day {color: #fff;font-size: 24px;height: 41px;line-height: 41px;font-weight: bold;text-decoration: none;}
.news_4 .time .dates {color: #fff;display: block;height: 18px;line-height: 18px;font-size: 13px;}
.news_4 .conts {margin-left: 15%;}
.news_4 .conts p {color: #999;font-size: 14px;line-height: 18px;text-align: left; margin:0;}
.news_4 .conts p.title a {display: inline-block;font-size: 12px;font-weight:bold;text-decoration: none;line-height: 180%; overflow:hidden; height:25px; color:#0472d3;}
.news_4 .conts p.abstract {display: inline-block;font-size: 12px;color: #666;font-weight: normal;text-decoration: none;line-height: 180%;overflow:hidden; height:40px;}

@media (max-width: 768px) {
.news_1 a { width:71%;}
.news_1 span { width:25%;}

.news_3 p { margin:0}
.news_3 .fl {width: 45%;}
.news_3 .fr {width: 55%;}

.news_4 .conts {margin-left: 25%;}
	
.page-body > .row > .col-md-3 { display: none; }
.page-alist .page-atit p { height: 3rem; overflow: hidden; }
.page-atit h4 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-alist .col-md-4 {height: 190px; float:left; width:49.9999%; padding:0 5px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden;}
.img-inner { height: 150px !important;overflow: hidden;}
.portab .col-md-3 {float:left; width:49.9999%; padding:0 5px !important;}
.pull_all{width:81%;padding-top:0;height:auto; }
.page-content img {width: 100% !important;}
}