/*
 *响应式 css  2018.1.1
*/

a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:underline;}

body { margin:0 auto; font-family:"microsoft yahei"; background:#F1F1F1; }
a img { border:0; }
ul,li,dl,p { list-style:none; margin:0; padding:0; }
*{ margin: 0; padding: 0; }

.bg{ width:100%; background:#fff url(../images/bg.jpg) no-repeat top center; overflow:hidden;}
.box{ width:1184px; margin:0 auto; margin-top:280px; overflow:hidden; box-shadow:0px -2px 5px #999;}
nav{ width:100%; height:auto; float:left; background:#DC0201; overflow:hidden;}
nav a{ float:left; height:40px; line-height:40px; width:16%; text-align:center; color:#fff; font-size:16px;}
nav a:hover{ color:#fff;}
nav a:visited{ color:#fff;}
nav a:focus{ color:#fff;}
nav a:active{ color:#fff;}
.main{ width:100%; background:#fff; padding:55px 20px 0px 20px;}
.yaowen_box{ width:100%; overflow:hidden;}
.yaowen{ width:535px; float:left;}
.yaowen_header{ width:100%; height:40px; line-height:38px; background: url(../images/cbg.jpg) no-repeat 83px 5px;}
.yaowen_header a{ color:#BD0400; font-size:28px; font-weight:bold;}
.yaowen_bt{height:40px; line-height:40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yaowen_bt a{color:#BD0400; font-size:20px;}
.yaowen_list{ color:#666; font-size:16px; }
.yaowen_list li{ overflow:hidden; line-height:35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yaowen_list li a{ color:#666; font-size:16px; float:left;}
.lb_top{ width:545px; height:360px; background:#ccc; margin-top:26px; float:right;}
/*******上部轮播*******/
.new_focus_middle {
	width: 545px;
	height: 360px;
	margin:0 auto;
	overflow: hidden;
}
.new_focus_layout {
	width: 100%;
	height: 100%;
}
.new_focus_layout-btn,
.new_focus_layout-title,
.new_focus1_s,
.title_focus,
.new_focus_layout-btn {
	position: absolute
}
.title_focusitle {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	z-index: 1
}
.title_focus {
	color: #fff;
	font-size: 16px;
	font-family: microsoft yahei;
	z-index: 2;
	bottom: 0;
	left: 10px;
	line-height: 40px;
	text-decoration: none;
}
.new_focus_layout-btn span {
	background: url(ico.png) no-repeat;
	display: block;
}
.new_focus1_s {
	height: 40px;
	line-height: 40px;
	right: 20px;
	bottom: 0;
	z-index: 2
}
.new_focus1_s span {
	width: 12px;
	height: 12px;
	border-radius:12px;
	float: left;
	margin-left: 5px;
	position: relative;
	top: 16px;
	cursor: pointer;
	background-color: #fff;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.new_focus_layout-btn {
	width: 100%;
	height: 41px;
	top: 50%;
	margin-top: -20px;
}
.new_focus_layout-btn span {
	width: 41px;
	height: 41px;
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: relative
}
.new_focus_layout-btn .left_btn {
	background-position: -2px -2px;
	float: left;
	left: 10px;
}
.new_focus_layout-btn .right_btn {
	background-position: -2px -49px;
	float: right;
	right: 10px;
}
.new_focus_layout-btn span.hover {
	filter: alpha(opacity=100);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.new_focus1_s span.hover {
	background-color: #b51017;
}
.new_focus_list {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.new_focus_list li{
	width: 100%;
	height: 100%;
	
}
.new_focus_list img {
	width: 100%;
	height: 100%;
}
/*******上部轮播 end*******/
.hywj_box{ width:100%; overflow:hidden; margin-top:20px;}
.hywj,.dhjb,.rcyc{ width:32%; float:left;}
.hywj_header{ height:40px; line-height:38px; background: url(../images/cbg.jpg) no-repeat 135px 5px;}
.hywj_header a,.dhjb_header a,.rcyc_header a{ color:#BD0400; font-size:28px; font-weight:bold;}
.hywj_list li,.dhjb_list li,.rcyc_list li,.dhgz_list li{background:url(../images/hd.jpg) no-repeat left center; padding-left:20px; line-height:35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hywj_list li a,.dhjb_list li a,.rcyc_list li a,.dhgz_list li a{ font-size:16px; color:#666;}
.dhjb_header,.rcyc_header{ height:40px; line-height:38px; background: url(../images/cbg.jpg) no-repeat 164px 5px;}
.dhjb,.rcyc{margin-left:22px;}
.dhgz{height:40px; line-height:38px; margin-top:31px;}
.dhgz a{color:#BD0400; font-size:28px; font-weight:bold;}
.mtsy_header_box{ width:100%; border-bottom:1px solid #000; margin-top:20px;}
.mtsy_header a{display:inline-block; height:40px; line-height:38px; border-bottom:2px solid #BD0400; color:#BD0400; font-size:28px; font-weight:bold;}
.mtsy_box{ overflow:hidden;}
.mtsy_left{ width:48%; float:left; margin-top:10px;}
.mtsy_left li,.mtsy_right li{ background:url(../images/hd.jpg) no-repeat 0px 9px; padding-left:20px; margin-top:10px;}
.mtsy_left li a,.mtsy_right li a{ font-size:16px; color:#666;}
.mtsy_zy{ margin-top:5px; line-height:25px; font-size:14px; color:#999; text-indent:2em;}
.mtsy_right{ width:48%; float:right; margin-top:10px;}
.zyfb_box{ overflow:hidden;}
.zyfb{ width:100%; height:40px; text-align:center; line-height:38px;  font-size:28px; font-weight:bold; background:url(../images/zywj.jpg) repeat-x center; margin-top:20px;}
.zyfb p{color:#BD0400; width:150px; text-align:center; margin:0 auto; background:#fff;}
.zyfb span{color:#000017;}
.jyjd_header{ background:url(../images/cbg.jpg) no-repeat 140px 5px;}
.dhyx{ width:100%; text-align:center; height:50px; line-height:50px; padding-top:15px; padding-bottom:60px; background:#fff url(../images/dhyx.jpg) no-repeat 84px 25px;}
.dhyx a{ color:#BD0400; font-size:28px; font-weight:bold; }
#dhjg_new{ background: url(../images/cbg.jpg) no-repeat 192px 5px;}
/*************下部轮播**************/
@charset "utf-8";
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }
#main_lb {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 1144px; height: 765px; margin: auto; position: relative; }
    #index_b_hero>img { width: 1134px; height: 755px; }
    #index_b_hero .heros { width: 1144px; height: 765px; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev { cursor:pointer;opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background:#FFF; z-index: 3; }
    .icon-arrow-a-right img{
        width:32px;
        height:32px;
         margin-top:10px;
        margin-left:10px;
    }
    .icon-arrow-a-left img{
        width:32px;
        height:32px;
        margin-top:10px;
        margin-left:7px;
    }
        #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
    #index_b_hero .next { margin: -25px 15px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding:0px 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 1134px; height: 755px; overflow: hidden; left: 1144px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1149px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left: 1149px; }
    #index_b_hero .active { z-index: 2; left: 0; }
/*************下部轮播 end**************/
.footer{width:100%; height:150px; background:#BD0400;}
.footer_main{width:1000px;  margin:0 auto; padding-top:30px; position:relative;}
.footer_main p{text-align:center; color:#fff; font-size:14px; line-height:30px;}
.dangzheng{ position:absolute; top:11px; left:190px;}

/*****手机*****/
.main_lb2{ margin:0 auto; display:none;}
#banner { height:260px; overflow:hidden; flex:3; order:1; position:relative; }
#banner .swiper-slide { position:relative; }
#banner img { max-width:100%; }

.gallerytitle { width:100%; background:url("../images/footer_bg.png"); text-align:center; height:40px; line-height:40px; color:#fafafa; position:absolute; left:0; bottom:0; }
.paginations { position:absolute; z-index:20; bottom:12px; text-align:center; right:12px; }
.swiper-pagination-bullet { display:inline-block; width:8px; height:8px; border-radius:8px; background: #fff; margin-left:5px; opacity: 0.8; cursor: pointer; font-size:1px; }
.swiper-pagination-bullet-active { background: #ff6600; }

.swiper-container { margin:0 auto; position:relative; overflow:hidden; z-index:1; }
.swiper_two-container { margin:0 auto; position:relative; overflow:hidden; z-index:1; }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width:100%; height:100%; }

/*****手机*****/

/******概览******/
.gl_list_box{ width:1144px; }
.gl_wz{height:30px; line-height:30px; padding-left:30px; font-size:14px; background:url(../images/ico_c.jpg) no-repeat left center;}
.gl_wz a{color:#666;}
.gl_list{ min-height:300px; color:#5a5a5a; font-size:16px; margin-top:10px; padding-top:10px; border-top:1px solid #BD0400; }
.gl_list li{ overflow:hidden; line-height:32px; padding-left:20px;  background:url(../images/hd.jpg) no-repeat 0px 15px;}
.gl_list li a{color:#5a5a5a; font-size:16px; }
.gl_list li span{float:right;}

/******概览 end******/
/******细缆******/
.xl_box{ width:1144px; }
.xl_bt{ text-align:center; font-size:28px; color:#BD0400; font-weight:bold;}
.xl_time{ text-align:center; font-size:14px; color:#666; line-height:60px; border-bottom:1px solid #BD0400;}
.xl_zw{margin-top:30px; min-height:300px; padding-bottom:20px;}


/******细缆 end******/

#yzgl_list a{ width:10%;}
.weizhi p{background-color:#BD0400;}
.weizhi{ border-bottom:4px solid #BD0400;}
header{ background: url(../images/bg.jpg) no-repeat center top; height:274px;}
main{ background-image:none; background-color:#fefaf5;}



@media (max-width: 1080px) and (min-width: 768px){
	.box { width: 94%; margin-top: 24% !important; }
	.bg{ background-size: 150% auto;}
	.yaowen { width: 100% !important; }
	.lb_top { width: 100% !important; margin-top: 0 !important; margin-bottom: 26px;  }
	.hywj, .dhjb, .rcyc{ width: 100%; margin-left: 0 !important;}
}

/*当屏幕小于768px时*/
@media (max-width:767px) {
.bg{ background-size:100% auto;}
.box{ width:100%; margin-top:20% !important; }
nav a{ font-size:14px; width:20%; height:25px; line-height:25px;}
.yaowen{ width:100%; float:none;}
.lb_top{ width:100%;background:#ccc; margin-top:10px; float:none;}
.new_focus_middle {width:100%;}
.yaowen_header{  height:40px; line-height:38px; background-position:64px 2px;}
.yaowen_header a{font-size:20px;}
.yaowen_bt a{ font-size:22px;}
.yaowen_bt{height:30px; line-height:23px;}
.yaowen_list li{ }
.yaowen_list li a{ font-size:16px; float:none;}
.yaowen_list li span{ display:none;}
.hywj,.dhjb,.rcyc{ width:100%; float:none;}
.dhjb,.rcyc{margin-left:0px;}
.dhgz{height:40px; line-height:38px; margin-top:0px;}
.hywj_header a,.dhjb_header a,.rcyc_header a{ color:#BD0400; font-size:20px; font-weight:bold;}
.hywj_header{ background-position:103px 2px;}
.dhjb_header,.rcyc_header{ background-position:126px 2px;}
.dhgz a{ font-size:20px;}
.mtsy_left,.mtsy_right{ width:100%; float:none; margin-top:10px;}
.mtsy_header a{display:inline-block; height:40px; line-height:38px; border-bottom:2px solid #BD0400; color:#BD0400; font-size:20px; font-weight:bold;}
.mtsy_header_box{ margin-top:0px;}
.jyjd_header{ background-position:103px 5px;}
.dhyx{ height:20px; line-height:0px; margin-top:8px; background:none; padding-bottom: 30px;}
.dhyx a{ color:#BD0400; font-size:20px; font-weight:bold; }
.footer{width:100%; height:auto !important; background:#BD0400; margin-top:5px;}
.footer_main{width:100%; padding-top:10px !important; padding-bottom: 10px !important;}
.footer_main p{text-align:center; color:#fff; font-size:12px; line-height:26px;}
.dangzheng{ display:none;}
.main_lb2{ margin:0 auto; display:block;}
#main_lb{display:none;}
.gl_list_box{ width:100%; }
.gl_wz{ display:none;}
.gl_list{border-top:none; }
.xl_box{ width:100%; }
.xl_bt{ font-size:20px;}
.xl_time{ line-height:40px;}
.xl_zw{margin-top:10px; min-height:100px;}
.xl_zw img{width:100%;}
#yzgl_list a{ width:20%;}
header{ background-size: 100% auto;}
.right_box{min-height:300px;}
#dhjg_new{ background-position: 144px 2px;}
}