.m_lr_auto { margin-left: auto; margin-right: auto; width: 1100px; }
.logo { float: left; margin-top: 20px; margin-bottom: 20px; }
.search_box { float: right; }
.search_box .search { float: right; margin-top: 45px; }
.search_box .search input { float: left; border:1px solid #e9e9e9; height: 30px; line-height: 30px; text-indent: 5px; }
.search_box .search a { float: left; display: inline-block; background-color: #da251c; height: line-height:30px; height: 30px; width: 35px; text-align: center; }
.phone { margin-left: 20px; text-indent: 2em; float: left; background: url(../images/phone.png) 0 0 no-repeat; height: 36px; line-height: 36px; margin-top: 35px; color:#da251c; font-size: 19px; font-weight: bold; font-style: italic; }
.nav_box { background-color: #333; width: 100%; }
.nav_box nav {position: relative;}
.nav_box nav ul li { float: left; width: 14.18%; text-align: center; display: inline-block; position: relative; }
.nav_box nav ul ins { float: left; width: 1px; background-color: #fff; height: 20px; margin:10px 0; }
.nav_box nav ul li>a { color: #fff; font-size: 15px; display: inline-block;padding:5px 3px 0;}
.nav_box nav ul li:hover,
.nav_box nav ul li.this_nav {background: url(../images/nav_hover.png) 50% 0 no-repeat;}
.nav_box nav ul li:hover>a,
.nav_box nav ul li.this_nav>a { color: #fff;border-bottom: 4px #da251c solid;}
.nav_box nav ul li:hover .navli2 { display: inline-block; }
.nav_box nav ul li .navli2 { position: absolute;top: 39px; left: 0; width: 100%; z-index: 3; display: none; }
.nav_box nav ul li .navli2 p { background-color: #fff; font-size: 16px; width: 80%; margin: 0 10%; background-color: #fff;line-height:22px;padding:10px 5px;}
.nav_box nav ul li .navli2 p a { color: #000;font-size:13px;line-height:22px;padding:5px;}
.nav_box nav ul li .navli2 p:hover,.nav_box nav ul li .navli2 p.navli2hover {background-color: #ccc;}
.nav_box nav ul li .navli2 p a:hover,.nav_box nav ul li .navli2 p a.navli2hover {color: #da251c;}
.header_kf { font-size: 20px; font-style: italic; display: inline-block; }


section { position: relative; }
.banner img { width: 100%; }
.index_wrap .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden; }
.index_wrap .focus .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.index_wrap .focus .hd ul{ display:inline-block; height:15px; padding:3px 8px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:0; vertical-align:top;}
.index_wrap .focus .hd ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#82a8bc; margin:0 8px;  vertical-align:top; overflow:hidden;   }
.index_wrap .focus .hd ul .on{ background:#fff;  }
.index_wrap .focus .bd{ position:relative; z-index:0; width: 101.1%;  }
.index_wrap .focus .bd li img{ width:100%; }
.index_wrap section .title h4 { font-size:18px; font-weight:normal; background:url(../images/ico1.png) 0 50% no-repeat; text-indent: 2em;margin-bottom:10px; }
.index_wrap section .title .img{height:185px;overflow:hidden;}
.index_wrap section .title .com p{line-height:24px !important;max-height:146px;overflow:hidden;} 
.index_wrap section .title h4 img { float:right;margin-top:10px;}
.case .title .com h4{text-indent:0 !important;}
.index_wrap section .title>img,.index_wrap .body_top .case .case_img img { width:100%;}
.index_wrap .body_top_box {background-color:#F9F9F9; }
.index_wrap .body_top {margin-top:20px;padding-bottom:20px;}
.index_wrap .body_top>img { float:left; width:1.5%:}
.index_wrap .body_top .zation { width:23.5%; float:left; padding-right:1%;box-sizing: border-box;}
.index_wrap .body_top .zation .title { margin-bottom:8px;}
.index_wrap .body_top .zation p { line-height:24px; text-indent:2em; max-height:192px;overflow:hidden;}
.index_wrap .body_top .case { width:48%; float:left; padding: 0 1%;box-sizing: border-box;}
.index_wrap .body_top .case .case_img { float:left;width:45%; padding-right:10px;height:185px;overflow:hidden;}
.index_wrap .body_top .case .com p{line-height:24px !important;max-height:146px;overflow:hidden;}
.index_wrap .body_top .core { width:23.5%; float:left; padding-left:1%;box-sizing: border-box;}
.index_wrap .body_top .core ul li { border-bottom: 1px dotted #ccc;line-height:24px;}
.index_wrap .product { margin-top:10px;}
.index_wrap .product ul li { float:left; width:16.66%; text-align:center;}
.index_wrap .product ul li img { border:1px solid #cecece; width:95%; padding:2.5%;}
section .fi_left { position: absolute; bottom: 0; left: 50px; }
section .fi_right { position: absolute; bottom: 0; right: 50px; }
footer {background-color: #333; position: relative;}
footer a {color: #fff!important;}
footer a:hover { color: #fff;}
footer .left,footer .right {  width: 50%; display: inline-block; float: left; }
footer .left .foo_xian { width: 100%; height: 1px; background-color: #fff; position: absolute; top:65px; left: 0; }
footer .title h4 { font-size: 14px; height: 50px; line-height: 50px; margin-top: 15px; }
footer .left .title h4 { width: 25%; float: left; }
footer .left ul li { width: 25%; float: left; }
footer .left ul li ul li { width: 100%; background: url(../images/foo_l_ico.jpg) 0 14px no-repeat; text-indent: 5px;}
footer .left>ul { margin-top: 10px; }
footer .left>ul>li { height: 30px; line-height: 30px; }
footer .right .foo_l_li { float: left; }
footer .right .foo_l_li ul { margin-top: 10px; }
footer .right .foo_l_li ul li {line-height: 30px;}
footer .right .foo_l_li img { margin-right:10px; margin-top: 10px; }
footer .right .foo_logo { float: right; }
footer .foo_bom { margin-top: 25px; /*height: 50px;*/ line-height: 50px; background-color: #303030; color: #fff; text-align: center; }


/*产品中心*/
.list_wrap {}
.list_wrap .re_link h2 { text-indent: 20px; background: url(../images/list/ico1.jpg) 0 50% no-repeat; font-weight: normal; line-height: 50px; }
.list_wrap .re_link h2 ins { margin-left: 5px; margin-right:5px; }
.list_wrap .list_body {border:1px solid #cacaca;}
.list_wrap .list_body .left {display: inline-block; float: left; width: 23%; }
.list_wrap .list_body .left .top { background: url(../images/list/ico3.jpg) 0 0 no-repeat; background-size: 100%; }
.list_wrap .list_body .left .top ins { float: left; font-size: 56px; color: #fff; line-height: 90px; margin-left: 15px; }
.list_wrap .list_body .left .top h3 { float: left; font-size: 18px; color: #fff; line-height: 18px; margin-top: 32px; margin-left: 5px; }
.list_wrap .list_body .left .top h3 span { font-size: 12px; display: block; font-weight: normal; }
.list_wrap .list_body .left .bom ul li { height: 40px; line-height: 40px; text-indent: 3em; border-bottom: #dfdfdf 1px solid; background: url(../images/list/ico5.jpg) 15px 50% no-repeat #f9f9f9;overflow: hidden; }
.list_wrap .list_body .left .bom ul li.this_li,.list_wrap .list_body .left .bom ul li:hover { color: #fff; background: url(../images/list/ico4.jpg) 15px 50% no-repeat #414141; }
.list_wrap .list_body .right { float: left;  border-left: 1px solid #cacaca; width: 77%; padding:15px; box-sizing: border-box; display: flex;flex-wrap: wrap;align-items: flex-start;}
.list_wrap .list_body .right .list_p_box { float: left; width: 25%; text-align: center; margin-bottom: 10px; }
.list_wrap .list_body .right .list_p_box img { margin: 10px 0;border:1px solid #ededec; width: 95%; padding: 2.5%;  }
.list_wrap .paging { padding-left: 50%; margin-top: 15px; height: 50px;}
.list_wrap .paging em ins { color: red; }
.list_wrap .paging p { display: inline-block; margin-left: 5px; }


.list_wrap .list_body .right .yu_p_box{width: 100%;}
.list_wrap .list_body .right .yu_p_box a{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid #d9d9d9;}
.list_wrap .list_body .right .yu_p_box a p{font-size: 14px;color: #333;width: calc(100% - 76px);overflow: hidden;}
.list_wrap .list_body .right .yu_p_box a span{font-size: 12px;color: #666;width: 75px;}

/*产品详情*/
.con_left { float: left; width:370px; border:1px solid #e9e9e9; }
.mod_focus_show { width: 370px; position: relative; overflow: hidden; margin: 0 auto; }
.mod_focus_show .mod_focus_pic { display: block; width:360px; height: 350px; }
.mod_focus_show .mod_focus_pic li,
.mod_focus_show .mod_focus_pic a,
.mod_focus_show .mod_focus_pic img { display: block; width: 100%;padding-left: 1%; padding-right: 1%; box-sizing: border-box; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { width: 100%; padding: 0 0 0 20px; overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod_focus_show .mod_focus_title li h3 { line-height: 53px; _line-height: 55px; font-size: 28px; font-family: "Microsoft Yahei",Tahoma,Geneva; font-weight: 500; }
.mod_focus_show .mod_focus_title li h3 a { color: #98e404; }
.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 0; bottom: 25px; }
.focus_switch a { float: left; width: 29px; height: 29px; background-image: url(../images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0;left: -300px; position: absolute; }
.focus_switch .icon_prev:hover { background-position: -30px 0; }
.focus_switch .icon_next { background-position: -60px 0; position: absolute; right: 0; margin-right: 10px;}
.focus_switch .icon_next:hover { background-position: -90px 0; }
.mod_focus_show .mod_focus_list { padding: 5px 45px; overflow: hidden; height: 60px; margin-bottom: 10px; }
.mod_focus_show .mod_focus_list li { width: 60px; height: 60px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 60px; height: 60px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 60px; height: 60px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask,
.mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 60px; width: 60px; position: relative; top: -60px; margin: 0 0 -60px; eft: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }
.con_right { float: right; width: 690px; }
.con_right h3 { font-size: 22px; font-weight: normal; }
.con_right p { color: #666666; }
.con_right p span { color: #da251c;  }
.con_right .xzbj a{ color: #fff; margin-top: 100px; float: left; background-color: #da251c; border-radius: 5px; width: 45%; text-align: center; font-size: 22px;}
.con_right .phone2 {
    line-height: 37px;
    float: right;
    margin-top: 34px;
    text-indent: 3em;
    background: url(../images/phone.png) 0 0 no-repeat;
    color: #da251c;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.con_right .phone2 ins { color: #000; }
.body_nav {margin-top: 20px; margin-bottom: 20px;}
.body_nav ul {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
.body_nav ul li{ float: left; height: 40px; line-height: 40px; font-size: 20px;padding: 0 15px; }
.body_nav ul li.this_body_nav { background-color: #da251c; color: #fff; }
.conten_text img { margin-bottom: 20px; }
.conten_text  { font-size: 16px; margin-bottom: 10px; min-height: 300px}

@media (max-width: 1530px) {
	section .fi_left,
	section .fi_right {display: none;}
}

@media (max-width: 1100px) {
	.logo { margin-top: 10px; margin-bottom: 10px; }
	.logo img { width: 100%; }
	.m_lr_auto {margin-left: 0; margin-right: 0; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.index_wrap .focus .hd {bottom:0px;}
	.index_wrap .focus .hd ul{ height:10px; padding:3px 5px;}
	.index_wrap .focus .hd ul li{ width:10px; height:10px;  }

	.list_wrap .list_body .left .top { background-size: auto; }
	.list_wrap .list_body .left .top ins { line-height: 88px; margin-left: 10px; }

	.con_right { width: 55%; }
	.con_right .xzbj { margin-top:15px; width: 100%; }
	.con_right .phone2{  margin-top: 10px; width: 100%; }
	.con_right .xzbj a { margin-top: 5px; }
}

@media (max-width: 960px) {
	.phone { display: none; }
}


@media (max-width: 900px) {
	footer .left { width: 100%; float: left; }
	footer .right { width: 100%; float: left; margin-top: 40px; }
}

@media (max-width: 860px) {
	.con_left {width: 100%;}
	.con_right { width: 100%; }
}

@media (max-width: 850px) {
	.nav_box nav ul li { width: 14%; }
}

@media (max-width: 760px) {
	.logo { width: 50%; }
	.search_box { width: 50%; margin-top: 20px; }
	.search_box .search {margin-top: 0;}
	.index_wrap .body_top>img { display: none;}
	.index_wrap .body_top .zation { width:100%; float:right;}
	.index_wrap .body_top .case { width:100%; float:left;}
	.index_wrap .body_top .core { width:100%; float:right;}
	.index_wrap .body_top .core ul li { font-size: 18px; margin-bottom:5px; }
	.index_wrap .product ul li { width: 33.33%; }

	.list_wrap .list_body .left { width: 100%; }
	.list_wrap .list_body .left .top {background: url(../images/list/ico3.jpg) -8px -85px; no-repeat; background-size: 750px; }
	.list_wrap .list_body .right { width: 100%; }
	.list_wrap .paging { padding-left: 0; text-align: center;}

	.con_right .xzbj a { width: 100%; }
	.con_right .phone2 {
	    text-indent: 2em;
	    background: url(../images/phone.png) 0 50% no-repeat;
	    background-size: 1.8em;
	    font-size: 14px;
	}
}

@media (max-width: 700px) {
	.body_nav ul li{ float: left; height: auto; line-height: 20px; font-size: 14px; width: 50%; text-align: center; }
	
	.nav_box nav ul li:hover .navli2 { display: none; }
}

@media (max-width: 580px) {
	.nav_box nav ul li>a {font-size: 12px; }
	.nav_box nav ul li .navli2 p { font-size: 12px; }
	.nav_box nav ul ins { height: 15px; margin:10px 0; }

	.list_wrap .list_body .right .list_p_box { width: 33.33%; }
}

@media (max-width: 500px) {
	.logo { width: 90%; }
	.search_box { width: 100%; margin-top: 5px; margin-bottom: 10px; }
	.search_box .search {margin-top: 0; width: 100%; padding-left: 20%;}
	.nav_box nav ul li { width: 13.5%; }
	.nav_box nav ul li em { display: none; }
	.index_wrap .focus .hd ul{ height:5px; padding:10px 0;}
	.index_wrap .focus .hd ul li{ width:5px; height:5px;  }

	.list_wrap .list_body .right .list_p_box { width: 50%; }
}

@media (max-width: 399px) {
	.index_wrap .product ul li { width: 50%; }

	.list_wrap .list_body .right .list_p_box { width: 100%; }

	.body_nav ul li{ width: 100%;  }

	.mod_focus_show { width: 100%; }
	.mod_focus_show .mod_focus_pic {
    height: 280px;
	}
	.focus_switch {
    bottom: 80px;
	}
	.focus_switch .icon_prev {
    left: 0;
    position: relative;
	}
}

.constyle{ line-height: 25px;}
.faxq_h{ font-size:18px; color:#007bc2; border-bottom:1px dashed #e5e5e5; padding-bottom:5px; text-align:center; margin:0 20px;}
.faxq_date span{ color:#a7a7a7; padding:0 5px;}
.faxq_date{ text-align:center; margin-top:10px;}
.faxq_ha{ font-size:18px; color:#616161; margin:15px 40px; }
.faxq_p{ color:#616161; line-height:26px; margin:20px 40px 0; min-height: 300px}

.newcon li { border-bottom: 1px dotted #ccc;}
.newcon span { float: right;}