

/*-------------------css reset--------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
font-weight:normal; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline; 
} 


table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
caption, th, td { 
text-align: left; 
font-weight: normal; 
} 
a img, iframe { 
border: none; 
}
ul,ol{ 
list-style: none; 
}
input, textarea, select, button { 
font-size: 100%; 
font-family: inherit; 
} 
/*------------------- 左浮动--------------------------*/
.fl{float:left; display:inline;}
/*------------------- 右浮动--------------------------*/
.fr{float:right;display:inline;}
/*------------------- 清除浮动--------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*------------------- 视觉隐藏--------------------------*/
.vh { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
}
/*------------------- 图片替换--------------------------*/
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
/*-------------------公共--------------------------*/
body{font-size:12px; line-height:1; font-family:'宋体',Arial, Helvetica, sans-serif;color:#333; }
/*body{font-size:12px; line-height:1; font-family:'宋体',Arial, Helvetica, sans-serif;color:#333; background: url(../images/content_20200123.jpg) no-repeat center 36px; }*/
a{text-decoration:none;color:#333;}
a:hover{color:red;}
h1,h2,h3,h4,dt,h1 a,h2 a,h3 a,h4 a{font-weight:normal;}
.h{position:relative;}
.hr{position:absolute; right:0; top:2px;}
/*-------------------文章--------------------------*/
.article h3{ text-align:center;}
.article p {text-indent:2em; line-height:1.5;}
/*-------------------图片--------------------------*/
.imgr1{*font-size: 0;}
.imgr2{text-align:center; margin-top: 5px;}
/*-------------------新闻列表--------------------------*/
.list li{line-height:1.5;}
.list2 li{float:left; display:inline; width:50%; line-height:1.5;}
/*-------------------图片列表--------------------------*/
.imglist li{float:left;display:inline;}
/*-------------------选项卡--------------------------*/
.tabh li{float:left; display:inline;}
.tabb{display:none;}
.tab .active{display:block;}
/*-------------------数字幻灯--------------------------*/
.slider{ position:relative; height:283px; overflow:hidden}
.sliderr1{ padding:0;}
.sliderr2{position:absolute; right:5px; bottom:5px; z-index:999}
.sliderr2 a{background:#000; margin:0 5px; display:inline-block; padding:0 3px; color:#fff}
.sliderr2 .activeSlide{background:red;}
/*-------------------面包屑--------------------------*/
.mbx{padding:15px; background:#fff;}
.mbx a{margin:0 5px;}
/*-------------------细缆--------------------------*/
.detaila{background:#fff; padding:15px; margin-bottom:15px;}
.detaila .h{border-bottom:1px dashed #DBDBDB; height:auto; padding-top:27px; margin-bottom:15px; }
.detaila .b{line-height:24px;}
.detaila h1{font-size:24px; color:#000; text-align:center; margin-bottom:29px;}
.detaila .hr1 .a1{ color:#2D96E9; margin-right:17px;}
.detaila .hr1 .a2,
.detaila .hr1 .a3{display:inline-block; width:24px; height:24px;}
.detaila .hr1 .a2{background:url(https://haicang.xmnn.cn/img/m39-a2.jpg) no-repeat; margin-right:7px;}
.detaila .hr1 .a3{background:url(https://haicang.xmnn.cn/img/m39-a3.jpg) no-repeat;}
.detaila .b{margin-bottom:80px;}
.detaila .fr2{margin-bottom:20px; color:#656565; font-size:12px;}
/*-------------------概览--------------------------*/
.lista{border-bottom:1px dashed #DBDBDB; padding:15px;background:#fff;}
.lista .b ul{margin-bottom:38px;}
.lista .b li{font-size:16px; line-height:1.8;}
.lista .b li span{color:#999999; font-size:12px; margin-left:10px;}
.lista .f{padding-top:25px; padding-bottom:21px; text-align:center;}
/*-------------------布局--------------------------*/
.w{width: 961px; margin: 0 auto;}
#f{ padding-top:10px; background:#efefef; border-top:1px solid #ddd; margin-top:40px;}
.r2{ padding-top:8px;}
.r3{ padding-top:16px;}
.r4{ padding-top:30px;}
.r5{ padding-top:22px;}
/*-------------------公共--------------------------*/
.ma .h{ background:#f3f3f3; margin-bottom:8px;}
.ma .h h2{ font-family:'微软雅黑'; font-size:20px; line-height:32px; height:32px; background:url(../img/mah2.jpg) 10px center no-repeat; padding-left:28px;}
.ma .h h2 a{ color:#f7360f;}
.ma .b li{ font-size:14px; line-height:25px; height:25px; overflow:hidden; background:url(../img/li.jpg) left 12px no-repeat; padding-left:18px; margin-left:10px; text-overflow: ellipsis; white-space: nowrap;}
.ma .b li a{ color:#4f5154;}

.mb{ margin-bottom:15px;}
.mb .h{border-bottom: 3px solid #e2e2e4;height: 40px;position: relative;}
.mb .h span{ font-family:'微软雅黑'; font-size:18px; line-height:24px; padding:8px 0; color:#273444; font-weight:bold;display: inline-block;border-bottom: 3px solid #f7350f;position: absolute;left: 0;bottom: -3px;}
.mb .h h2 a{}
.mb .h a{ position:absolute; top:15px; right:8px; font-family:'微软雅黑'; font-size:14px; line-height:20px;padding: 0;color: #378cdd;}
.mb .h span a{ color:#378cdd;}
.mb .b .bc1{ padding-top:20px; width:290px;}
.mb .b .bc2{ padding-top:14px; padding-right:26px; width:310px;}
.mb .b .bc1 dl{ width:290px; position:relative;}
.mb .b .bc1 dd{ width:290px;}
.mb .b .bc1 dt{ width:290px; position:absolute; bottom:0px; left:0px; text-align:center;}
.mb .b .bc1 dt a{ width:290px;position:absolute; bottom:0px; left:0px; height:24px; line-height:24px; z-index:2; color:#FFF; }
.mb .b .bc1 dt span{ width:290px;position:absolute; bottom:0px; left:0px; height:24px;z-index: 1;background: #000;filter: alpha(opacity=60);
opacity: 0.6;}
.mb .b .bc2 li{ font-size:14px; line-height:30px; height:30px; overflow:hidden; background:url(../img/li.jpg) left center no-repeat; padding-left:10px;}
.mb .b .bc2 li a{ color:#363535;}
/*-------------------模块m1--------------------------*/

/*-------------------模块m2--------------------------*/
.m2{ background:url(../img/m2bg.jpg) left top no-repeat; height:60px;}
.m2 .b{ font-size:14px; color:#FFF;line-height:30px; padding-left:225px;font-weight:bold;}
.m2 .b a{ font-size:14px; font-weight:bold; color:#FFF; padding:0 0px; _padding:0 0px;}
/*-------------------模块m3--------------------------*/
.m3 .h{ background:url(../img/m3h.jpg) left center no-repeat; padding:5px 0;}
.m3 .h h2{ font-family:'微软雅黑'; font-size:20px; line-height:26px; height:26px;padding-left:15px;}
.m3 .h h2 a{ color:#1562be;}
.m3 .b .br1,.m3 .b .br2{ border-bottom:1px dotted #a444ea; padding-bottom:5px; margin-bottom:5px;}
.m3 .b h2{font-family:'微软雅黑'; font-size:18px; line-height:22px; height:22px; padding:3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fc0e19;}
.m3 .b h2 a{ color:#fc0e19;}
.m3 .b .p{ font-size:12px; line-height:22px; color:#605757;}
/*-------------------模块m4--------------------------*/
.m4 .h{ padding:2px 0 5px;}
.m4 .h h2{ font-family:'微软雅黑'; font-size:20px; line-height:26px; height:26px; background:url(../img/m4h.jpg) left center no-repeat; padding-left:15px;}
.m4 .h h2 a{ color:#1562be;}
.m4 .b li{ font-size:14px; line-height:26px; height:26px; overflow:hidden; background:url(../img/li.jpg) left 12px no-repeat; padding-left:10px; margin-left:10px;}
.m4 .b li a{ color:#605757;}
/*-------------------模块m5--------------------------*/
.m5 .br2{padding-top:15px;}
/*-------------------模块m6--------------------------*/
.m6{ margin-bottom:10px;}
/*-------------------模块m7--------------------------*/

/*-------------------模块m8--------------------------*/
.m8{ background:url(../img/m8b.jpg) left center no-repeat; width:953px; height:203px;}
.m8 .b{ padding:20px 0 0 42px;}
/*-------------------模块m9--------------------------*/

/*-------------------模块m10--------------------------*/

/*-------------------模块m11--------------------------*/

/*-------------------模块m12--------------------------*/

/*-------------------模块m13--------------------------*/

/*-------------------模块m14--------------------------*/
.m14{ background:url(../img/m14.jpg) left center no-repeat; width:676px; height:165px; padding-top:20px;}
.m14 .b{ padding:57px 0 0 15px;}
.m14 .b a{ display:inline-block; width:157px; height:38px; background:url(../img/m14b.gif); background-repeat:no-repeat;margin-bottom: 12px; text-indent:6.5em;font-size: 12px;color: #005DAA;line-height: 34px;font-weight: bold;}
#a1{  background-position:0 0;}
#a2{  background-position:0 -80px;}
#a3{  background-position:0 -160px;}
#a4{  background-position:0 -242px;}
#a5{  background-position:0 -40px;}
#a6{  background-position:0 -120px;}
#a7{  background-position:0 -200px;}
#a8{  background-position:0 -284px;}
/*-------------------模块m15--------------------------*/
.m15{ margin-bottom:17px;}
.m15 .h{ background:url(../img/m15h.jpg) left center no-repeat; margin:6px 0 10px;}
.m15 .h h2{font-family:'微软雅黑'; font-size:18px; line-height:24px; padding-left:38px;color:#1561bf;}
.m15 .h h2 a{ }
.m15 .b li{ font-size:14px; line-height:26px; height:26px; overflow:hidden; background:url(../img/m15b.jpg) left center no-repeat; padding-left:28px; margin-left:10px;}
.m15 .b li a{ color:#605757;}
.m15 .b .br1{ text-align:center;}
.m15 .b .br2{ background:#f8f8f8; padding:15px 0;}
/*-------------------模块m16--------------------------*/
.m16{ margin-bottom:15px;}
.m16 .h{ margin-bottom:0px;}
.m16 .b{ background:#f8f8f8; padding:15px 0;}
/*-------------------模块m17--------------------------*/
.m17 a{ padding-bottom:10px; display:block;}
/*-------------------模块m18--------------------------*/
.m18{ padding-top:7px;}
.m18 .h{ margin-bottom:0px;}
.m18 .b{ background:#f8f8f8; padding:15px 0;}
.m18 .b a{font-size:14px; line-height:28px; height:28px; padding-left:20px; overflow:hidden; display:block; margin-bottom:10px;}

/*-------------------picBtnTop--------------------------*/
.picBtnTop{ width:320px; height:278px; position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:320px;  height:80px; position:absolute; bottom:0px; overflow:hidden; }
.picBtnTop .hd ul li{ width:80px; text-align:center; float:left; padding-top:5px;}
.picBtnTop .hd ul li img{ width:70px; height:60px; border:4px solid #ddd; border-bottom:6px solid #ddd; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("../img/icoUp.gif") no-repeat 35px 0px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:320px;  height:192px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:320px; height:192px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:320px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;}
.picBtnTop .bd li .title{ width:320px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;}


/*-------------------picScroll-left--------------------------*/
.picScroll-left{ width:898px;  overflow:hidden; position:relative;}
.picScroll-left .tempWrap{ width:870px !important;}
.picScroll-left .next{ display:block;  width:23px; height:67px; position:absolute; top:42px; right:0px; overflow:hidden;cursor:pointer; background:url(../img/next.png) center center no-repeat;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; zoom:1; }
.picScroll-left .bd ul li .pic{ text-align:center; position:relative; z-index:0;  }
.picScroll-left .bd ul li .pic img{ width:205px; height:163px; display:block;}
.picScroll-left .bd ul li .bg{width:205px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ width:205px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;}
.picScroll-left .bd ul li .title a{color:#fff;}

.border_bot_c{ margin-bottom:8px!important; margin-bottom:6px; margin-top:10px; width:960px;}
.linkRed02{ line-height: 22px;}


#wap-head{ display: none;}
#circle{ display: none;}
.wap-foot{ display: none;}
.page-list{ margin-bottom:30px; margin-top:20px;}
.page-list .white,.page-list .get{ padding:5px 8px; border:1px solid #eee; margin:0 4px;}
.page-list a:hover{ background:#f3f3f3;}
.foot{display: none;}
.page{margin-left: 20px;}
@media screen and (max-width:640px){
#xhead{ display: none;}
.w{display: none;}
#xmnnfooter{display: none;}
body{ background: none;}
.pc-head{ display: none;}
.list_title{ border: none; padding: 0;}
.border_bot_c{ margin-top: 0; width: 100%; border: none;margin-bottom: 0!important;}
.list_mbor .ulbg li span{ display: none;}
.list_mbor{ padding: 10px 10px;}
.list_mbor .ulbg li{ overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%; line-height: 30px; height: 30px;}
.list_mbor .ulbg li a{ font-size: 18px;}
.list_title .title_bg{ margin-top: 60px; padding: 0; font-size: 16px; height: 40px; line-height: 40px; text-indent: 16px; background: #f3f3f3; width: 100%; color: #1e6ab5; font-weight: bold;}
.list_title .title_bg .left{ display: none;}
.list_title .link_f{ background: none; margin: 0; padding: 0; line-height: 40px; height: 40px;}
.list_title .link_f a{ color: #1e6ab5;}
/* .news_confont img{ max-width: 100%;height: auto !important;} */
.news_confont img{ 
    width: 100% !important;
    height: 100% !important;
}
.page-list span,.page-list .get{ display:none;}
.page-list .white{ border-radius:20px; font-size:16px; padding:5px 16px;}
/*m-menu*/
.m-menu{display: block;width:30px;height:30px;margin:10px;position:absolute;right:5px;top:5px;}
.m-menu-box{position: relative;width: 30px;height: 30px;}
.m-menu .bit-1::before{content:'';position:absolute;left:0;top:2px;width:15px;height:3px;background:#FFF;-webkit-transform-origin:left bottom;transform-origin:left bottom;transition:-webkit-transform .1s,top .1s;transition:transform .1s,top .1s}
.m-menu .bit-1::after{content:'';position:absolute;right:0;top:2px;width:15px;height:3px;background:#FFF;-webkit-transform-origin:right bottom;transform-origin:right bottom;transition:-webkit-transform .1s,top .1s;transition:transform .1s,top .1s}
.m-menu .bit-2{position:absolute;top:50%;left:50%;width:30px;height:3px;background:#FFF;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .1s .1s,width .1s .6s;transition:transform .1s .1s,width .1s .6s}
.m-menu .bit-3::before{content:'';position:absolute;left:0;bottom:2px;width:15px;height:3px;background:#FFF;-webkit-transform-origin:left top;transform-origin:left top;transition:-webkit-transform .1s,bottom .1s;transition:transform .1s,bottom .1s}
.m-menu .bit-3::after{content:'';position:absolute;bottom:2px;right:0;width:15px;height:3px;background:#FFF;-webkit-transform-origin:right top;transform-origin:right top;transition:-webkit-transform .1s,bottom .1s;transition:transform .1s,bottom .1s}
.m-menu.open .bit-1:before{top:0;width:19px;height:2px;background-color:#FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;transition:-webkit-transform .1s .1s,width .1s .1s,top .1s .1s;transition:transform .1s .1s,width .1s .1s,top .1s .1s}
.m-menu.open .bit-1:after{top:0;width:19px;height:2px;background-color:#FFF;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;transition:-webkit-transform .1s .1s,width .1s .1s,top .1s .1s;transition:transform .1s .1s,width .1s .1s,top .1s .1s}
.m-menu.open .bit-2{width:2px;height:2px;background-color:#FFF;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);transition:-webkit-transform .1s .1s,width .1s;transition:transform .1s .1s,width .1s}
.m-menu.open .bit-3:before{bottom:0;width:19px;height:2px;background-color:#FFF;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left top;transform-origin:left top;transition:-webkit-transform .1s .1s,width .1s .1s,bottom .1s .1s;transition:transform .1s .1s,width .1s .1s,bottom .1s .1s}
.m-menu.open .bit-3:after{bottom:0;width:19px;height:2px;background-color:#FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right top;transform-origin:right top;transition:-webkit-transform .1s .1s,width .1s .1s,bottom .1s .1s;transition:transform .1s .1s,width .1s .1s,bottom .1s .1s}
#wap-head{ display:block; position:fixed; top:0; left:0; width:100%;  z-index:9999;/* box-shadow:0 0 20px rgba(0,0,0,0.3);*/}
#wap-head .imt{ height:60px;padding:10px 0; position:relative;  z-index:99999;box-sizing:border-box; -webkit-box-sizing:border-box;background:rgba(30, 106, 181,0.96);}
#wap-head .imt .wap-logo a{ margin-right:5px;}
#wap-head .imt .wap-logo img{ height:100%;}
#wap-head .imt .wap-logo h2{ font-size: 28px; line-height: 36px; color: #FFFFFF;}
#wap-head .imt .wap-logo{ height:36px; margin-left:16px; margin-top:2px;}

	
#circle{ position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(255,255,255,.95);z-index:999; overflow:hidden; display:none; }
.content.blur{-webkit-filter: blur(20px) contrast(0.4) brightness(1.4);filter: blur(20px) contrast(0.4) brightness(1.4);clip: rect(205px 572px 516px 351px);}
#circle .nav{ padding:90px 10px 0;}
#circle .nav li{line-height:35px; width:33%; float:left; text-align:center; position:relative; margin-bottom:15px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 6px;}
#circle .nav a{ font-size:15px; color:#666; display:block; border:1px solid #ddd;  border-radius:50px; background:#fff;}
#circle .nav .small a{ font-size:15px;}
#circle .nav a:hover,#circle .nav a:active{ background:#1e6ab5; color:#fff; border-color:#ffffff;}
#circle .nav .red span{ position:absolute; top:-6px; right:-2px; padding:2px 4px; background:#f22e2e; border-radius:4px; color:#ffde00; font-size:10px; line-height:10px; font-family:Helvetica;}

.pc-foot{ display: none;}
.wap-foot{ display: block;}
.wap-foot{ height: 60px; line-height: 60px; background: #1e6ab5;}
.wap-foot p{ font-size: 18px; color: #FFFFFF; text-align: center;}

/*2017/4/11 cyl*/
.page-main{margin-left: -20px;}
.page{display: block;margin-left: 20px;line-height: 23px;margin-top: 5px;}
.page input[name=image]{margin-left: 5px;position: relative;top: 5px;}
.foot {display: block;height: 60px;line-height: 60px;background: #1e6ab5;}
.foot p{font-size: 18px;color: white;text-align: center;}
.list_mcon .news_confont p {font-size: 16px;line-height: 36px;}
.list_mcon h1{border-bottom: none;}
}
